/* ==========================================================================
   Stiller Alarm – fixes.css
   Handgeschriebene Ergänzungen und Reparaturen.
   Wird nach main-80c201458a.css geladen (lib/setup.php, Handle "sage/fixes").
   Neue Fixes immer HIER ergänzen, nicht in main-80c201458a.css.

   Hinweis: Folgende Variablen werden verwendet, sind aber nirgends im
   Theme definiert. Ohne Fallback wirken diese Regeln derzeit nicht:
   --border, --clr-primary-50, --primary-color-50 … -950, --fs-lg (teilweise)
   ========================================================================== */

:root {
	--lcp: #f53d5c;
}

/* recaptcha  ausblenden */


div.grecaptcha-badge {
	display:none;
}

/*Popup Menu an der Seite*/

/* Popupmenu style */

@media only screen and (min-width:200px) {
	.popmenu {
	width:100%;
	bottom:0;
	position:fixed;
	z-index: 999999;
	background:#00a19a;
	background: linear-gradient(90deg, rgb(0 161 154) 77%, rgb(0 161 154) 100%);
	-webkit-transition: all 0.5s ease-out;
	}
}


@media only screen and (min-width:801px){
	.popmenu {
	border-radius: 0 12px 12px 0;
	padding:1px 27px 1px 0px !important;
	top:40%;
	bottom:auto;
	left:-132px;
	width:auto;
	box-shadow: 1px 1px 7px 0px #00000021;
	}
}

@media only screen and (min-width:1220px){
	.popmenu {
	border-radius: 0 48px 48px 0;
	padding:1px 45px 1px 0px !important;
	}
}

.popmenu:hover {
	left:0;
}

@media only screen and (min-width:200px) {
	.popmenu .popmenu_text {
		transform: rotate(270deg);
		color:#fff;
		position:absolute;
		bottom:46%;
		font-weight:900;
		font-size:14px;
		text-transform:uppercase;
		left:99px;
		letter-spacing:4.0px;
		display:none;
	}
}

@media only screen and (min-width:801px) {
	.popmenu .popmenu_text {
		font-size:16px;
		left:95px;
		display:block;
	}
}

@media only screen and (min-width:1220px) {
	.popmenu .popmenu_text {
		font-size:17px;
		left:97px;
	}
}

@media only screen and (min-width:200px) {
	.popmenu .popmenu_content {
		padding:0;
		margin:0;
		background:#ffffff;
	}
}

@media only screen and (min-width:801px) { 
	.popmenu .popmenu_content {
		padding:0 10px;
	}
}


@media only screen and (min-width:200px) {
	.popmenu .popmenu_icons {
		float:left;
		background: #f1f2f3;
		width:calc(100%/3);
		text-align:center;
		border-top:1px solid #fff;
		border-right:1px solid #dadada;
		border-left:1px solid #fff;
		padding:10px 0;
		
	}
}

@media only screen and (min-width:801px) { 
	.popmenu .popmenu_icons {
		float:none;
		width:100%;
		background:#fff;
		border-top:1px dotted #ccc;
		border-right:none;
		border-left:none;
		padding:10px 0;
	}
}

@media only screen and (min-width:200px) {
	.popmenu img {
		opacity:0.9;
		-webkit-transition:all 0.5s ease-out;
		filter:grayscale(1);
		max-width:65%;
	}
}

@media only screen and (min-width:801px) {
	.popmenu img {
		opacity:0.6;
		max-width:100%;
	}
}

.popmenu img:hover {
	opacity:1;
	filter:grayscale(0);
	cursor:pointer;
}

.popmenu img:first-child {
	border-top:none;
}

.no-margin {
	margin:0;
}

.pum-container .pum-title {
	margin-bottom:30px;
}

.green_link {
	color:#00a19a;
}

.green_link:hover {
	color:#00a19a;
}

.micro-header p {
	margin: auto;
	width: 100%;
	text-align: center;
}

.bg-trees {
background-image: url(https://stilleralarm.de/wp-content/uploads/2022/07/stiller-alarm-tree-bg.png);
}

.d-style {
	background-color: #ffffff;
    padding: 30px 0;
    border-radius: 25px;
    margin-bottom: 30px;
}

.d-inv-style {
	background-color: #f5f9f9;
    padding: 30px 0;
    border-radius: 25px;
    margin-bottom: 30px;
}

.em-item.em-event {
	padding: 10px 20px;
}

.em-item-info {
	text-align:left;
}


.em-item.em-event:nth-child(even) {
	background: #fafafa;
}

.exerpt_style {
	font-size: 0.8em;
	font-family: 'Segoe UI Light';
}

.exerpt_style p {
	margin:0;
}

.evntlnk_style {
	font-size:0.8em;
}


.slider-p {
	
	font-family:Segoe UI Light,sans-serif;
	color:#333333;
	
}

.grid-col {
	display: grid;
	justify-content:center;
	align-items:center;
	min-height:10vh;
}

.grid_center {
	display: grid;
	justify-content:center;
	align-items:center;
}


/* Deeskalationstraining Style */

.seminar-button-area {
	padding:2rem 1rem;
	background-color:white;
	border-radius: 2rem;
}

.text__deeskalation {
	font-size: 1.1rem;
}

.deeskalation_wrapper {
	padding: 1em;
	background-color: #d1efee;
	border-radius: 5px;
}
/* akkordeon weißer text grüner hintergrund */
.vc_tta-color-white.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title>a {
	color: white !important;
}

.vc_tta-color-white.vc_tta-style-flat .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after, .vc_tta-color-white.vc_tta-style-flat .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before 
{
	color: white !important;
}

.vc_tta-color-white.vc_tta-style-flat .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after, .vc_tta-color-white.vc_tta-style-flat .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before {
    border-color: white!important;
}


/* Webinar Style */

.title-webinar {
	font-family: 'Inria-Sans', sans-serif;
	font-weight: 600;
	font-size: clamp (1rem, 1.5vw, 1.75rem;)
}

.webinar-wrap {
	max-width:90vw;
	width:800px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap:1rem;
	margin-bottom:1rem;
}

.bg_white {
	background-color:white;
}

.bg-dark {
	background-color:#333;
}

.webinar-img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.webinar-content {
	width: 100%;
	height:100%;
	padding:.75rem;
	display: flex;
	align-items:center;
	justify-content: center;
	gap: .5rem;
}

.webinar-content-inner {
	display: grid;
	gap: 1rem;
}

.button-webinar {
	border: none;
	background-color: rgb(0 161 154);
	color:white;
	min-width:fit-content;
	padding:0.5rem;
	border-radius:0.3rem;
}

/*alternative webinar style*/

.bg-webinar {	
    background: url(https://stilleralarm.de/wp-content/uploads/2023/04/Stiller-Alarm-Vector-Background-Webinar_t.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;    
}

.webinar-box {
	background-color: rgb(255 255 255 / .2);
	box-shadow: 0 0 10px rgb(0 161 154 / 40%);
	display: grid;
	gap: 1rem;
	align-items: center;
	justify-content: center;
	padding:3rem;
	border-radius:2rem;
	margin-bottom:2rem;
	max-width:800px;
}

.webinar-box--sidebar {
	background-color: rgb(255 255 255 / .5);
	padding: .25rem;
}

.webinar-box--sidebar:first-child {
	border-radius: 1rem 1rem 0 0;
}

.webinar-box--sidebar:last-child {
	border-radius: 0 0 1rem 1rem;
}

.webinar-hero {
	font-family: Inria Sans Regular,sans-serif;
	font-size: clamp(1rem, 2.5vw, 2rem);
	text-align:center;
	font-weight:600;
	margin:0;
	color:white;
}

.webinar-date--subpage {
	font-family: Inria Sans Regular,sans-serif;
	font-size: clamp(1.5rem, 2.5vw, 4rem);
	text-align:center;
	font-weight:600;
	color:white;
}

.webinar-button {
	border: none;
	background-color: orange;
	background:linear-gradient(to right top, #FF9000, #ffa100, #ffb100, #ffc200, #ffd200);
	border-radius:2rem;
	box-shadow:0px 2px 5px rgb(0 161 154);
	min-width:fit-content;
	padding:1rem;
	color:white;
	font-size:1.75rem;
	text-align:center;
}

.webinar-button:hover,
.webinar-button:focus {
	color:white;
	transition: ease;
	box-shadow:0px 2px 10px rgb(0 61 54);
	
}

.webinar-text--learned {
    background-color: rgb(0 161 154);
    padding: 1rem 2rem;
    border-radius: 10rem;
    background:linear-gradient(135deg, #00c1cf, #00d5cc);
    color: white;
    font-weight: 700;
    font-family: 'Inria Sans Regular';
    font-size: 1.25rem;
	margin: 0 0 1.25em 0;
	max-width:fit-content;
}

.webinar-text--head {
	font-size: 2rem;
    text-align: center;
    margin: 0 0 2rem 0;
}

.link-fat {
	font-weight:800;
}

/* Welttag der Sicherheit News */

.sta-highlight {
	background-color: rgb(0 161 154);
	color: white;
	padding: 1em;
	margin: 1rem 0;
}

.sta-btn-special {
    display: inline-block;
    border: none;
    padding: 1rem 2rem;
    margin: 0;
    text-decoration: none;
    background: rgb(0 161 154);
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    transition: background 250ms ease-in-out, transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.sta-btn-special:hover,
.sta-btn-special:focus {
    background: rgb(0 141 134);
}

.sta-btn-special:focus {
    outline: 1px solid #fff;
    outline-offset: -4px;
}

.sta-btn-special:active {
    transform: scale(0.99);
}

.min-290 {
	min-width: 290px;
}

.sta-team-button {
	color:white;
	border-color:white;
	background-color:none;
	padding: 0.5rem, 1.8rem, 0.7rem;
	background-image:none;
}

.em-booking-form label {
	width: auto !important;
	min-width: 20%;
}

.sta-webinar-date_box  {
	min-height: 128px;
    border-radius: 1rem;
    display: flex;
    align-items: center;
}

.sta-webinar-date_box-inner {
	display: flex;
    justify-content: center;
    width: 100%;
}

.sta-webinar-date_text {
	color:white;
	font-size:2.25rm;
	font-family:'Inria-Sans', sans-serif;
	font-weight: 900;
	
}

.sta-webinar-content {
	background: rgb(248 248 248);
    padding: 1rem;
    border-radius: 1rem;
}

.webinar-date {
            background-color: rgb(0 161 154);
            min-height: 143px;            
            min-width: 143px;
            border-radius: 1rem;
            display: flex;
            align-items: center;
            justify-content: center;
        }

@media (max-width: 1608px) {
	.webinar-date {
		display:none;
	}
}

.webinar-date-even {
            background-color: rgb(0 171 164);
        }

.webinar-date-text {
            font-family: Inria Sans ,sans-serif;
            font-size: 2.25rem;
            font-weight: 900;
            color: white;
        }

.webinar-content {
            background-color: hsl(0, 0%, 100%);
            padding: 1rem 2rem;    
            border-radius: 1rem;
            min-height: 143px;
            display: flex;
            align-items: center;
        }

.webinar-h {
            color: rgb(0 161 154);
            font-family: 'Inria Sans Light';
            font-size: 1.5rem;
            margin: 0 0 1rem 0;
        }

.gap-2 {
	gap: 1rem;
}


.text-lg {
	font-size: 120%;
	font-weight: 600
}

.leading-normal	{
	line-height: 1.5;
}

/* Backgrounds */

.bg-primary-50 {
	background-color: var(--primary-color-50)
}

.bg-primary-100 {
	background-color: var(--primary-color-100)
}

.bg-primary-200 {
	background-color: var(--primary-color-200)
}

.bg-primary-300 {
	background-color: var(--primary-color-300)
}

.bg-primary-400 {
	background-color: var(--primary-color-400)
}

.bg-primary-500 {
	background-color: var(--primary-color-500)
}

.bg-primary-700 {
	background-color: var(--primary-color-700)
}

.bg-primary-800 {
	background-color: var(--primary-color-800)
}

.bg-primary-900 {
	background-color: var(--primary-color-900)
}

.bg-primary-950 {
	background-color: var(--primary-color-950)
}

.aspect-1 {
	aspect-ratio: 1;
}

.card-container {
	display: flex;
	align-items: stretch;
}

.wacky-red {
	background: red !important;
}

.hover-highlight {
	padding: 1rem;
	
	&:hover {
		background-color: rgb(0 161 154 / .1);
		border-radius:1rem;
		curser:pointer
	}
}

.cta-download {
	color:white;
	font-size: clamp(2rem, 3vw, 3rem);
	font-weight:600;
}

.place-center{
	place-items: center;
}

.min-h-400 {
	min-height:400px;
}

.dl-btn-white {
	background-color:transparent;
	outline: solid 2px white;
	color:white;
	text-transform:uppercase;
	padding:1rem 2rem;
	transition:ease-in-out .2s;
	letter-spacing:1px;
	
	&:hover {
		outline:none;
		background-color:white;
		color: var(--clr-primary, rgb(0 161 154)) !important;
	}
}

.info-footer {
	padding-block:2rem;
	background-color: var(--clr-primary, rgb(0 161 154));
	color: var(--clr-white, white);
	h2, h3 {
		color:var(--clr-white, white);
	}
	a {
		color:var(--clr-white, white);
		text-decoration:underline;
	}
	
	.btn-primary {
		background-color: var(--clr-white, white);
		color:var(--clr-black, black);
	}
	
	.wpcf7-not-valid-tip {
		color: hsl(160 20 90);
		font-weight:500;
	}
	
	select, input{
		border:none;
	}
}

.wrapper {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	gap: 2rem;
	
	.col {
		flex:1;
	}
}


.image-wrapper img {
	width:auto;
	height:auto;
}
.flex-1 {
	flex: 1;
}

.justify-center {
	justify-content: center;
}

.content-item {
	display:flex;
	flex-direction:column;
	justify-content:center;	
	border: solid 1px var(--clr-100, hsl(0 0 90));
	border-radius:16px;
	overflow:hidden;
	position:relative;
	
	.content{
		text-align:center;
		padding:.5rem .5rem;
		min-height:64px;
	}
	
	.content-badge {
		background-color:Var(--clr-primary, rgb(0 161 154));
		padding: .5rem;
		text-align:center;
		color: var(--clr-white, hsl(0 0 100));
		font-weight:900;
		font-size:var(--fs-lg, 1.5rem);
	}}


td {
		padding: .125em 2em .125em 0;
	}

.quote-card {
	background-color: var(--clr-neutral-50, hsl(0 0 98));
	padding: 1.5rem 2rem;
	border-radius: 1rem;
	height: 100%;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	
	img {
		margin-inline-end: .5em;
		max-width: 100px;
		height: auto;
	}
	
	blockquote {
		font-style: italic;
		font-size: 90%;
		
	}
}

.home-bg {
    background-image: url(https://stilleralarm.de/wp-content/uploads/2026/06/Stiller-Alarm_Hero-2026.webp);
}

.text-bold {
	font-weight: 800 !important;
}

/* -- lage control plus blog --*/        

.blog-inner {
        padding: 1rem;
      }

      .surface-light {
        background-color: hsl(0 0 97);
      }

      .highlight {
        font-size: var(--fs-md, 1.5rem);
        line-height: 1.2;
        
        span {
          display: inline-block;
          font-weight: 600;
          color: var(--lcp, #f53d5c);
        }
      }

      a.brand-text {
        font-family: 'Fira Sans' sans-serif;
        font-weight: 500;
        color: var(--lcp, #f53d5c);        

        &:hover {
          color: hsl(350, 100%, 70%);
        }
      }


/* --- NEUE WEBINAR DARSTELLUNG --- */

.webinar-grid {
        display: grid;
        gap: 1.5rem;
      }

      .webinar-post {
        display: grid;
        grid-template-columns: 142px 1fr;
        gap: 1rem;
      }

      .webinar-date {
        aspect-ratio: 1 / 1;
        background-color: var(--clr-white, hsl(0 0 100));
        border-radius: 1rem;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
      }

      .webinar-head {
        background-color: var(--clr-primary, rgb(0 161 154));
        height: 32px;
        width: 100%;
        position: absolute;
        align-self: start;
      }

      .webinar-date-inner {
        padding: 1rem;
        font-family: var(--ff-primary, 'Inria-Sans', sans-serif);
        line-height: 1.1;
        margin: 0;
        text-align: center;
        time {
          font-size: var(--fs-lg);
          font-weight: 900;

          span {
            margin-block-start: 1rem;
            display: block;
            font-size: clamp(3rem, 3.5vw, 3.5rem);
            line-height: 0.9;
          }
        }
      }

      .webinar-content {
        display: grid;
        background-color: white;
        padding: 1rem;
        border-radius: 1rem;
        max-height: 142px;
        align-items: center;
      }

.webinar-content-inner p {
  display: -webkit-box;
  -webkit-line-clamp: 2;           /* Change this number to show more or fewer lines */
  -webkit-box-orient: vertical;  
  overflow: hidden;                /* Hides the remaining text */
}

      .webinar-content-inner {
        display: flex;
        justify-content: space-between;
        gap: 1.5rem;
		  
      }

      .webinar-content-head {
        display: flex;
        justify-content: space-between;
        h2 {
          font-weight: 900;
          font-size: clamp(1.25rem, 2.5vw, 1.5rem);
          color: #000;
          line-height: 1.1;

          span {
            font-size: clamp(1.125rem, 2vw, 1.25rem);
            font-weight: 600;
          }
        }

        .time-pill {
          background-color: #333;
          color: white;
          font-family: var(--ff-base, "Segoe UI");
          font-weight: 900;
          padding: 0.5rem;
          border-radius: 8px;
          text-align: center;
          align-items: center;
          line-height: 1;
          max-height: max-content;
        }
      }

      .webinar-btn {
        background-color: var(--clr-primary, rgb(0 161 154));
        border-radius: 8px;
        color: white;
        width: max-content;
        height: max-content;
        width: min-content;
        text-wrap: nowrap;
        display: inline-flex;
        padding: 0.5rem 1rem;
        text-decoration: none;
        cursor: pointer;
        transition: background-color 0.2s ease;

        &:hover,
        &:focus-visible {
          background-color: hsl(177 90 42);
        }
      }

      .lcp {
        background-color: #f53d5c;
      }

.faq details {
      border: 1px solid var(--border);
      border-radius: 6px;
      padding: 14px 18px;
      margin-bottom: 12px;
    }
    .faq summary { font-weight: 600; cursor: pointer; }
    .faq details p { margin: 12px 0 0; }

.mobile-bg-en {
    background-image: url(https://stilleralarm.de/wp-content/uploads/2026/11/Stiller-Alarm_Mobile-Hero-Bg_eng.webp);
	
}


.blog-post blockquote {
	border-inline-start:2px solid var(--clr-primary, rgb(0 161 154));
	padding-inline-start: 8px;
	background-color: var(--clr-primary-50);
}

.blog-post table {
	margin-block: 3rem;
}

.blog-post table thead {
	background: var(--clr-gray-950, #222222);
    color: var(--clr-white, white);
}

.blog-post table td {
	padding: 1rem;
}

.blog-post table tbody tr:nth-child(even) {
	background: var(--clr-gray-100, #efefef);
}