body{
    margin-top: 0px;
    margin-bottom: 0px;
    background-image: url("../../src/img/body_bg.webp");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100%;
}

.frame{
    width: 100%;
    max-width: 1080px;
    height: auto;
    margin: 18px auto 0px auto;
}

.vh_def{
    min-height: calc(100vh - 134px);
}

.top{
    background-size: contain; 
    height: 259px;
}

.top img{
    height: 259px;
    object-fit: cover;
}

.menu{
    border-bottom: 2px solid rgb(192, 189, 189);
    margin-bottom: 25px;
}

.hlinks_rechts{
    justify-content: right;
}

.link3{
    margin-right: 0px !important;
}

.schriftzug{
    width: 35%;
    margin-left: auto;
    margin-right: auto;
}

.infotext{
    display: inline-block;
    width: 100%;
}

.gruppenfoto{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.gruppenfoto img{
    border-radius: 10px;
}

.gruppenfoto span{
    display: block;
    text-align: center;
}

.tabheadline{
    
    width: 8%;
}

.tabheadline2{
    width: 12%;
}

.tabheadline3{
    width: 80%;
}

.tabheadline4{
    width: 80%;
}

.tababsatz{
    height: 50px;
}

.tableerzeile{
    height: 16px;
}

.anfrage{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;   
}

.anfragea{
    color: rgb(78,78,78);
    font-size: 18px;
}

.anfrage_form{
    margin-top: 40px;
}

.td{
    width: 25px;
}

.eingabe{
    color: black;
    cursor: crosshair;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-bottom: 5px;
}

.anfrage_form span{
    color: rgb(78,78,78);
    margin-bottom: 5px;
    font-size: 20px;
}

.eingabe3{
    color: black;
    cursor: crosshair;
    display: inline-block;
    width: 29%;
    margin-bottom: 5px;
}

.eingabe4{
    color: black;
    cursor: crosshair;
    display: inline-block;
    width: 18%;
    margin-bottom: 5px;
}

.eingabe:hover{
    cursor: text;
}

.eingabe2:hover{
    cursor: default;
}

.eingabe3:hover{
    cursor: text;
}

.eingabe4:hover{
    cursor: text;
}

::placeholder { 
    color: black;
    opacity: 1;
}

.eingabe2{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    margin-top: 15px;
}

.rahmen{
    height: 374px;
}

.imgrahmen{
    height: 374px;
}

.imgrahmen img{
    float: right;
    height: 374px;
}

.titelrahmen{
    padding-top: 106px;
text-align: center;
}

.fotoausnahme{
    float: none !important;
    margin-left: 45px;
}

.fotoausnahme2{
    margin-right: 65px;
}

.video_row{
    height: 315px;
    margin-bottom: 25px;
}

.vidiframe{
    width: 560px;
    height: 315px; 
}

.video_framebox{
    height: 315px;
    width: 100%;
}

.video_infobox{
    height: 0px;
    width: 0%;
}

.row_div{
    width: 40%;
}

.row_div2{
    width: 60%;
}

.event_ort{
    padding-left: 20px;
}

.termin_row{
    border-radius: 15px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: rgba(82, 142, 149, 0.452);
    margin-top: 10px;
    min-height: 60px;
}

.ilink{
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
    cursor: pointer;
    height: 48px;
    display: inline-block;
    width: 40px;
}


/* ################################################# */
/* ANFANG SLIDESHOW */
* {box-sizing:border-box}

.window{
    background-image: none !important;
}

/* Slideshow container */
.slideshow-container {
  max-height: 700px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
    display: none;
    justify-content: center;
}

/* Next & previous buttons */
.prev, .next {
  background-color: rgba(78, 77, 77, 0.8);
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
    font-weight: bold;
    color: #ffffff;
    font-size: 20px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
  }

  .text2 {
    font-weight: bold;
    color: #000000;
    font-size: 20px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
  }

  .text3 {
    font-weight: bold;
    color: #000000;
    font-size: 20px;
    padding: 8px 12px;
    position: absolute;
    bottom: -6px;
    width: 100%;
    text-align: center;
  }

/* Number text (1/3 etc) */
.numbertext {
    font-weight: bold;
    color: #ffffff;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
  }

  .numbertext2 {
    font-weight: bold;
    color: #000000;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
  }

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}


.bottom{
    margin-top: 100px;
}

.bg_unten{
    width: 100%;
    height: 49px;
}

.div{
    justify-content: center;
    height: 50%;
}

.div2 a{
    align-content: flex-end;
    text-decoration: none;
    color: rgb(78,78,78);
    font-size: 12px;
}

.div2{
    justify-content: left;
    height: 50%;
    border-top: 1px solid rgb(78,78,78);
}

.div2 span{
    color: rgb(78,78,78);
}



.div2half2{
    justify-content: center;
}

.bgimg{
    width: 100%;
    height: auto;
}

.preview_row{
    padding-top: 10px;
    padding-bottom: 10px;
    /* background-color: #dcdcdc; */
    border-radius: 10px;
}

.prev_l{
    max-width: 353.333px;
    margin-right: 5px;
}

.prev_m{
    max-width: 353.333px;
    margin-right: 5px;
    margin-left: 5px;
}

.prev_r{
    max-width: 353.333px;
    margin-left: 5px;
}

.prev_img{
    width: 100%;
    max-width: 353.333px;
    height: 300px;
    border-radius: 5px;
    object-fit: cover;
    cursor: zoom-in;
    box-shadow: 5px 5px 5px #919191;
}

.pic_links{
    margin-top: 20px;
    font-size: 24px;
}

.pic_links a{
    text-decoration: none;
}

/* ############ Cookie PopUp */
.palette1{background-image:linear-gradient( 234deg,rgb(39,38,38) 0%,#394245 90% )!important;color:#fff!important}
.palette1 .policylink{color:#ccc!important}
.palette1 .spopupbtnok{color:#2a2a2b!important;background-color:#ff0!important}
.palette1.wire .spopupbtnok{border:1px solid!important;border-color:#ff0!important;background-color:transparent!important;color:#ff0!important}
.palette2{background-color:#edeff5!important;color:#838391!important}
.palette2 .spopupbtnok{color:#fff!important;background-color:#1e90ff!important}
.palette2.wire .spopupbtnok{border:1px solid!important;border-color:#1e90ff!important;background-color:transparent!important;color:#1e90ff!important}
.palette3{background-image:linear-gradient( 234deg,#438ed9 30%,#5a94ce 90% )!important;color:#fff!important}
.palette3 .policylink{color:#d3e4fe}
.palette3 .spopupbtnok{background-color:#0b5eb1!important;color:#fff!important}
.palette3.wire .spopupbtnok{border:1px solid!important;border-color:navy!important;background-color:transparent!important;color:#fff!important}
.palette4{background-image:linear-gradient( 234deg,#8c869f 60%,#bcbcc6 90% )!important;color:#fff!important}
.palette4 .policylink{color:wheat!important}
.palette4 .spopupbtnok{background-color:#f5f5f5;color:#000!important;border:none}
.palette4.wire .spopupbtnok{border:1px solid!important;border-color:snow!important;background-color:transparent!important;color:snow!important}
.palette5{background-color:#000;color:#0f0}
.palette5 .policylink{color:#0c0}
.palette5 .spopupbtnok{background-color:#0f0!important;color:#000!important}
.palette5.wire .spopupbtnok{border:1px solid!important;border-color:#0f0!important;background-color:transparent!important;color:#0f0!important}
.palette6{background-color:#252e39;color:#fff}.palette6 .policylink{color:#d3d5d7}
.palette6 .spopupbtnok{background-color:#14a7d0!important;color:#fff!important}
.palette6.wire .spopupbtnok{border:1px solid!important;border-color:#14a7d0!important;background-color:transparent!important;color:#14a7d0!important}
.palette7{background-color:#eb6c44;color:#fff}
.palette7 .policylink{color:#fbe2da}
.palette7 .spopupbtnok{background-color:#f5d948!important;color:#000!important}
.palette7.wire .spopupbtnok{border:1px solid!important;border-color:#f5d948!important;background-color:transparent!important;color:#f5d948!important}
.palette8{background-color:#64386b;color:#ffcdfd}.palette8 .policylink{color:#e0afe0}
.palette8 .spopupbtnok{background-color:#f8a8ff!important;color:#3f0045!important}
.palette8.wire .spopupbtnok{border:1px solid!important;border-color:#f8a8ff!important;background-color:transparent!important;color:#f8a8ff!important}
.window{position:fixed!important;-webkit-box-sizing:border-box!important;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif!important;
    font-size:16px!important;line-height:1.5em!important;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;
    -ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;z-index:9999!important;opacity:1!important;-webkit-transition:opacity 1s ease!important;
    transition:opacity 1s ease!important}.floating{padding:2em!important;width:24em!important;-webkit-box-orient:vertical!important;
    -webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important;align-items:flex-start!important}
.window.banner{padding:1em 1.8em!important;width:100%!important;border-radius:5px!important;-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}
.policylink{opacity:.8!important;display:inline-block!important;padding:.2em!important;text-decoration:underline!important}
.policylink:hover{opacity:1!important;text-decoration:none!important;transition:1.5s!important}
.credit a{font-size:10px!important;color:#9c9c9c!important;transition:.3s ease-in-out!important;border-radius:5px!important}
.credit a:hover{text-decoration:none!important}.credit svg{font-size:16px!important;color:#9c9c9c!important}
.banner .credit{position:absolute!important}.banner .credit a{display:flex!important;align-items:center!important;background-color:#5a5a5a!important;color:#9c9c9c!important;padding:5px!important}
.banner .credit a:hover{background-color:#fff!important;color:#000!important;padding:5px 10px!important}.credit a span{opacity:0!important;width:0!important;height:0!important;line-height:0!important}
.credit a:hover span{opacity:1!important;width:auto!important;height:auto!important;line-height:1em!important;margin-left:5px!important}.banner .credit a:hover svg{color:#1c86fa!important}
.banner.top .credit{top:100%!important;margin-top:5px!important}.banner.bottom .credit{bottom:100%!important;margin-bottom:5px!important}.banner.edgeless .credit{margin-left:10px!important}
.floating .credit{margin-top:10px!important}.floating .credit a{display:inline-block!important;padding:3px 0!important}.floating .credit a svg{margin-right:5px!important}
.floating .credit a:hover{background-color:#fff!important;color:#000!important;padding:3px 8px!important}.floating .credit a:hover svg{color:#1c86fa!important}
.floating.block .credit{margin-top:10px!important}.floating.edgeless .credit{padding:.5em 2em!important;margin-top:0!important}.floating.classic .credit{margin-top:10px!important}
.floating.wire .credit{margin-top:10px!important}
.spopupbtnok{opacity:.9!important;display:block!important;padding:.4em .8em!important;font-size:.9em!important;text-decoration:none!important;font-weight:700!important;border-width:2px!important;
    text-align:center!important;white-space:nowrap!important}@media screen and (max-width:550px){.window.floating.left{display:flex;right:0!important;left:0!important;bottom:0;width:100%!important}}
.window.floating.left{bottom:0!important;left:3em;border-top-left-radius:.5em!important;border-top-right-radius:.5em!important}

@media screen and (max-width:550px){.window.floating.right{display:flex;right:0!important;left:0!important;bottom:0;width:100%!important}}
.window.floating.right{bottom:0!important;right:3em;border-top-left-radius:.5em!important;border-top-right-radius:.5em!important}
.floating>.policylink{margin-bottom:1em!important}.floating .message{display:block!important;margin-bottom:1em!important}
.window.floating .compliance{-webkit-box-flex:1!important;-ms-flex:1 0 auto!important;flex:1 0 auto!important;width:100%}
.window.banner{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}
.banner.top{left:0!important;right:0!important;top:0!important}.banner.bottom{left:0!important;right:0!important;bottom:0!important}
.banner .message{display:block!important;-webkit-box-flex:1!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;max-width:100%!important;margin-right:1em!important}
.compliance{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-align:center!important;-ms-flex-align:center!important;
    align-items:center!important;-ms-flex-line-pack:justify!important;align-content:space-between!important}
.floating .compliance>.spopupbtnok{-webkit-box-flex:1!important;-ms-flex:1!important;flex:1!important}
.spopupbtnok+.spopupbtnok{margin-left:.5em!important}.floating{margin-bottom:10px}
.floating.classic{padding:1.2em!important;border-radius:5px!important}.floating.classic .compliance{text-align:center!important;display:inline!important;-webkit-box-flex:0!important;-ms-flex:none!important;flex:none!important}
.classic .spopupbtnok{border-radius:5px!important}.classic .spopupbtnok:last-child{min-width:140px!important}.floating.classic .spopupbtnok{display:inline-block!important}.edgeless.window{padding:0!important}
.floating.edgeless .message{margin:2em!important;margin-bottom:1.5em!important}.banner.edgeless .spopupbtnok{margin:0!important;padding:.8em 1.8em!important;height:100%!important}
.banner.edgeless .message{margin-left:1em!important}.floating.edgeless .spopupbtnok+.spopupbtnok{margin-left:0!important}.spopupbtnok:hover{opacity:1!important;cursor:pointer!important}



/* ############################################################### */
/* ############################################################### */
@media only screen and (max-width: 1110px) {
    body{
        background-size: 150%;
    }

    .top{
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    .top img{
        width: 100%;
        height: auto;
    }

    .gruppenfoto{
        margin: 0px;
    }

    .bg_unten{
        width: 100%;
        height: auto;
    }

    .bottom{
        height: auto;
    }

    /* .size18{
        font-size: 15px !important;
    } */

    .gruppenfoto img{
        width: 100%;
        height: auto;
    }

    .schriftzug{
        width: 70%;
    }

    .slideshow-container{
        max-width: 100%;
        height: auto !important;
        max-height: none;
    }

    .mySlides img{
        max-width: 100%;
        height: auto !important;
        max-height: none;
    }


    .tabheadline{
    
        width: 8%;
    }
    
    .tabheadline2{
        width: 14%;
    }
    
    .tabheadline3{
        width: 78%;
    }
    
    .tabheadline4{
        width: 78%;
    }
    
    .tababsatz{
        height: 50px;
    }
    
    .tableerzeile{
        height: 16px;
    }

    .link2{
        font-size: 38px !important;
    }

}


  @media only screen and (max-width: 935px) {
    body{
        background-size: 200%;
    }

    .top{
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    .top img{
        width: 100%;
        height: auto;
    }

    .bottom{
        height: auto;
    }

    /* .size18{
        font-size: 15px !important;
    } */

    .menu{
        display: grid !important;
    }

    .hlinks_links{
        display: grid !important;
        width: 100% !important;
        justify-content: center;
    }

    .hlinks_rechts{
        display: grid !important;
        justify-content: left;
        width: 100% !important;
        justify-content: center;
    }

    .hlinks_links a{
        text-align: center;
    }

    .hlinks_rechts a{
        text-align: center;
    }

    .hlinks_links a span{
        font-size: 24px;
        text-align: center;
    }

    .hlinks_rechts a span{
        font-size: 24px;
        text-align: center;
    }

    .video_framebox iframe{
        width: 100%;
        height: 300px;
    }

    .video_framebox{
        height: 100%;
        width: 100%;
    }

    .video_row{
        height: auto !important;
    }

    .row_div{
        display: block !important;
        width: 50% !important;
    }

    .row_div2{
        display: block !important;
        width: 50% !important;
    }
    
    .prev_img{
        height: 150px;
    }

    .event_ort{
        margin-top: 5px;
        padding-left: 0px;
    }

    .anlass{
        width: 100% !important;
    }

    .event_ort{
        width: 100% !important;
    }

    .link_ext{
        margin-bottom: 5px;
    }

    .size18{
        font-size: 18px !important;
    }

    .anfrage{
        width: 100% !important;
    }

    .anfrage_form span{
        color: rgb(78,78,78);
        margin-bottom: 5px;
        font-size: 20px !important;
    }

    .eingabe{
        margin-bottom: 10px !important;
    }

    .eingabe2{
        margin-bottom: 10px !important;
    }

    .eingabe3{
        margin-bottom: 10px !important;
    }

    .eingabe4{
        margin-bottom: 10px !important;
    }

    .tabheadline{
    
        width: 15%;
    }
    
    .tabheadline2{
        width: 25%;
    }
    
    .tabheadline3{
        width: 60%;
    }
    
    .tabheadline4{
        width: 65%;
    }
    
    .tababsatz{
        height: 50px;
    }
    
    .tableerzeile{
        height: 16px;
    }


  }