@import url("stellenangebote.css");

/* Site Popups (shared engine — see "Popup Engine" HTML module for the JS) */
.site-popup{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;}
.site-popup.is-visible{display:flex;}
.site-popup__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6);}
.site-popup__box{position:relative;max-width:90vw;max-height:90vh;overflow:auto;background:#fff;border-radius:4px;box-shadow:0 10px 40px rgba(0,0,0,.3);color:#333;}
.site-popup__box--padded{width:480px;padding:24px;}
.site-popup__content, .site-popup__content *{color:#333 !important;}
.site-popup__content h2{margin-top:0;font-size:1.2rem;}
.site-popup__content img{display:block;max-width:100%;height:auto;margin-bottom:12px;border-radius:4px;}
.site-popup__content table{width:100%;border-collapse:collapse;margin:12px 0;}
.site-popup__content table td{padding:2px 8px 2px 0;}
.site-popup__close{position:absolute;top:8px;right:8px;width:36px;height:36px;border:0;border-radius:50%;background:#fff;color:#333;font-size:24px;line-height:1;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.3);}
.site-popup__close:hover{background:#f0f0f0;}

body {
    .lhw-videos { margin: 25px 0 10px; }
    .lhw-video--main { max-width: 980px; }
    .lhw-video-teaser {
      position: relative;
      border-radius: 10px;
      overflow: hidden;
      background: #f2f2f2;
    }
    .lhw-video-teaser img {
      width: 100%;
      display: block;
      aspect-ratio: 16 / 9;
      object-fit: cover;
    }
    .lhw-video-play {
      position: absolute;
      inset: 0;
      display: grid;
      place-items: center;
      border: 0;
      background: rgba(0,0,0,.25);
      cursor: pointer;
    }
    .lhw-video-play span {
      font-size: 54px;
      line-height: 1;
      background: rgba(0,0,0,.55);
      color: #fff;
      border-radius: 999px;
      padding: 10px 18px;
    }
    .lhw-video-title {
      margin: 10px 0 0;
      font-weight: 600;
    }
    .lhw-video-toggle { margin: 18px 0 10px; }
    .lhw-toggle-btn {
      border: 1px solid rgba(0,0,0,.15);
      background: #fff;
      padding: 10px 14px;
      border-radius: 8px;
      cursor: pointer;
      font-weight: 600;
    }
    .lhw-video-grid {
      margin-top: 14px;
      display: grid;
      gap: 16px;
      grid-template-columns: repeat(3, 1fr);
    }
    .lhw-video-card { margin: 0; }
    @media (max-width: 900px) {
      .lhw-video-grid { grid-template-columns: repeat(2, 1fr); }
    }
    @media (max-width: 600px) {
      .lhw-video-grid { grid-template-columns: 1fr; }
    }
}
.download-btn {
    text-align:center;
}
.download-btn a {
    background-image: url("../../files/layout/icons/pdf_symb.png");
        background-position: 20px center;
        background-repeat: no-repeat;
        display: inline-block;
        padding: 12px 20px;
        background-color: #0068b3;
        color: #ffffff !important;
        font-size: 16px;
        font-weight: bold;
        text-decoration: none;
        border-radius: 5px;
        border: none;
        transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
        cursor: pointer;
    padding-left: 50px !important;
}
#weiss1 .inside .mod_article .download-btn a:hover {
    background-color: rgba(0, 104, 179, 0.8);
        color: #ffffff !important;
        box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2);
}
.button p {
    line-height:40px;
}
.button a {
    padding:5px 30px;
    background-color:#0068b3;
    line-height:40px;
    text-decoration:none;
    color:#fff;
    color:#ffffff !important;
    line-height:40px !important
}
.button a:hover {
    padding:5px 30px;
    background-color:#fff;
    line-height:40px;
    text-decoration:none;
    color:#fff;
    line-height:40px !important
}
.liste1 ul {
    width:500px;
    position:relative;
    margin-left:50%;
}
.liste1 li {
    text-align:left;
}
.liste1 ul {
    width:500px;
    left:-250px;
    position:relative;
    margin-left:50%;
}
.stoerer-spende {
    width:150px;
    height:150px;
    left:50px;
    top:-75px;
    position:absolute;
}
.stoerer-corona {
    width:150px;
    height:150px;
    right:50px;
    top:-75px;
    position:absolute;
}
.abstand_20 {
    margin-top:20px;
}
.abstand_40 {
    margin-top:40px;
}
#weiss1 .button_full h6 {
    margin-right:auto;
    margin-left:auto;
    text-align:center;
}
#weiss1 .button_full a:not(.mail) {
    width:100%;
    display:inline-block;
    margin-top:15px;
    margin-right:auto;
    margin-left:auto;
    padding-top:5px;
    padding-bottom:5px;
    text-align:center;
    background-color:#0068b3;
    border:1px solid #fff;
    border-radius:10px;
    text-decoration:none;
    color:#fff;
    letter-spacing:.7px;
    color:#ffffff !important;
}
#weiss1 .button_full a:not(.mail):hover {
    background-color:#03518a;
    color:#ffffff !important;
}
.abstand_top_20 {
    margin-top:20px;
}
.padding_top_20_i {
    padding-top: 20px !important;
}
.abstand_top_40 {
    margin-top:40px;
}
.abstand_top_80 {
    margin-top:80px;
}
.abstand_bottom_80 {
    margin-bottom:80px;
}
.abstand_bottom_40 {
    margin-bottom:40px;
}
.abstand_bottom_20 {
    padding-bottom:20px;
}
.abstand_top_80_i {
    margin-top: 80px !important;
}
div.toggler:hover,
.toggler:hover span {
    background-color:rgba(0,104,179,.8);
}
div.toggler,
.toggler span {
    margin-bottom:30px;
    background-color:#0068b3;
    font-size:20px;
    line-height:30px;
    font-weight:bold;
    color:#fff;
    text-indent:5px;
    cursor:pointer;
    color:#ffffff !important;
}
.heime2 {
    margin-left: 5%!important;
    width: 45% !important;
}
.heime1 {
    margin-right: 5%!important;
    width: 45% !important;
}
#weiss1 .no_center h1 {
    margin-right:auto;
    text-align:left;
}
.abstand_link figure img {
    opacity: 1;
    	-webkit-transition: .3s ease-in-out;
    	transition: .3s ease-in-out;
}
.abstand_link figure:hover img {
    opacity: .5;
}
.abstand_link p {
    padding-top:15px;
}
.spalten_gleich .sc3-last {
    padding-left: 15px !important;
}
.spalt_pics .sc3-last {
    padding-left:15px !important;
}
.formulare input,
.formulare select,
.formulare textarea,
#ctrl_submit_43 {
    margin-bottom:20px;
        background: none repeat scroll 0 0 #f1f1f1;
            border: 1px solid #ededed;
            box-sizing: border-box;
            padding: 10px;
            width: 100%;
}
.formulare label {
    position:relative;
    float:left;
}
.no_blau1 #blau1 {
    display:none;
}
.no_blau2 #blau2 {
    display:none;
}
.sc-first {
    padding-left:15px !important;
}
.sc3-2-last {
    padding-left: 3% !important;
}
.sc3-last {
    padding-left: 3% !important;
}
.rund img {
    border-radius:10px;
}
a[href$='.pdf'] {
    padding-left:22px;
}
#blau2 a[href$='.pdf']::before {
    margin-right: 5px;
        margin-left: -20px;
        font-family: 'Font Awesome 5 Free';
       content: "\f1c1";
        top: 0;
        font-weight: 900;
}
a[href^='mailto:'] {
    padding-left:22px;
    background-image:url("/files/layout/icons/mail.png");
    background-position:left center;
    background-repeat:no-repeat;
}
#blau1 a[href^='mailto:'] {
    padding-left:22px;
    background-image:url("/files/layout/icons/mail2.png");
    background-position:left center;
    background-repeat:no-repeat;
}
.no_blau2 #blau2,
.no_weiss2 #weiss2 {
    display:none;
}
.trenner {
    margin-top:25px;
    padding-top:25px;
    border-top:1px solid #7b7b7b;
}
.trennung #weiss2 {
    border-top:1px solid #0068b3;
}
.rechts {
    margin-left:auto;
    text-align:right;
}
.no_center {
    margin-right:auto;
    margin-left:auto;
    text-align:left;
}
.zentriert {
    margin-right:auto;
    margin-left:auto;
    text-align:center;
}
#header {
    width:100%;
    min-height:70px;
    top:0;
    position:fixed;
    margin-top:0;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
    background-color:#0068b3;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    z-index:1000;
}
#wrapper {
    padding-top:70px;
}
#slider {
    left:50%;
    position:absolute;
    z-index:999;
}
#slider .header_logo {
    margin-left:-250px;
}
#header .inside {
    max-width:1300px;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
}
.header_logo {
    padding-top:20px;
    padding-bottom:20px;
}
#logo {
    width:100%;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
    background-color:#fff;
    background-position:right top;
    background-repeat:no-repeat;
    border-bottom:1px solid #0068b3;
}
#pic {
    border-bottom:5px solid #fff;
}
.flexslider {
    margin-bottom:0px !important;
}
.custom {
    margin-top:70px;
}
#blau {
    width:100%;
    padding-top:15px;
    padding-bottom:15px;
    background:#0068b3 url("/files/layout/sign-transp.png") left center no-repeat;
}
#blau .inside {
    max-width:1300px;
    margin-right:auto;
    margin-left:auto;
    padding-right:20px;
    padding-left:20px;
}
#blau1,
#blau2 {
    width:100%;
    padding-top:15px;
    padding-bottom:15px;
    background-color:#0068b3;
    background-position:left center;
}
#blau1 {
    width:100%;
    padding-top:15px;
    padding-bottom:15px;
    background-image:url("/files/layout/sign-transp.png");
    background-position:right center;
    background-repeat:no-repeat;
}
#blau1 .inside,
#blau2 .inside {
    max-width:1300px;
    margin-right:auto;
    margin-left:auto;
    padding-right:20px;
    padding-left:20px;
}
#weiss {
    width:100%;
    padding-top:15px;
    padding-bottom:15px;
    background-color:#fff;
}
#weiss .inside {
    max-width:1300px;
    margin-right:auto;
    margin-left:auto;
    padding-right:20px;
    padding-left:20px;
}
#weiss1,
#weiss2 {
    width:100%;
    padding-top:15px;
    padding-bottom:15px;
    background-color:#fff;
}
#weiss1 .inside,
#weiss2 .inside {
    max-width:1300px;
    margin-right:auto;
    margin-left:auto;
    padding-right:20px;
    padding-left:20px;
}
.kontaktkasten {
    text-align:center;
}
.schnellkontakt #weiss2 {
    position:relative;
}
.schnellkontakt #weiss2:before {
    content: "";
        display: block;
        width: 500px;
        height: 240px;
        position: absolute;
        background: URL("/files/layout/logos/lebenshilfe-logo.png");
        background-repeat: no-repeat;
        left: 50%;
        top: 50%;
        transform: translateY(-50%) translateX(-50%);
        opacity: 0.075;
}
#footer .inside {
    max-width:1300px;
    margin-right:auto;
    margin-left:auto;
    padding-right:20px;
    padding-left:20px;
}
#footer {
    width:100%;
    padding-top:15px;
    padding-bottom:15px;
    background-color:#e4e4e4;
}
#footer li,
#footer ul {
    padding-left:0;
    list-style-type:none;
}
#footer span,
#footer a,
#footer a:hover {
    font:14px OpenSansRegular;;
    color:#7b7b7b;
}
#footer a:hover span,
#footer span.active {
    font:14px OpenSansRegular;;
    color:#0068b3;
}