@media (max-width: 1199.98px) {
   * { font-size:15px; }

   .fragen p div {font-size:1em;}
}

@media (max-width: 991.98px) { 
   * { font-size:14px; }

   /* Abstände */
   .container > div > .row > .col-12, .container > .pin-spacer > div > .row > .col-12 {margin-bottom: 2rem;}
   div:not(.image):not(.openseadragon-canvas):not(.openseadragon-container):not(.zoomable-image):not(.highlight):not(.container-fluid):not(.container-fluid *):not(.mfp-wrap):not(.mfp-container):not(.mfp-figure):not(.fragen):not(#offcanvas-content) { height: auto !important;}
   #content>.container-fluid ~ .container-fluid, #content>.container-fluid ~ .container,#content>.container ~ .container, #content>.container ~ .container-fluid {margin-top: 2rem; margin-bottom: 2rem; }
   .zoomable-image {max-height: 50vh;}

   /* Mobile zweispaltig */
   .mobile-two-column .col-12.col-lg-6 {flex: 0 0 50%; max-width: 50%;}

   /* Anchor Menu */
   .anchor-menu {width: 100%;}


   /* Language Switch */
   #header nav.language-navigation { left: auto; right: 5rem;}

.meanwhile,a#global-mute-scroll-audio {display:none}
.change .row:first-of-type::after{display:none}

div#offcanvas-toggle {top: 1.9em;}

p.text-right{text-align:left!important}
.container-fluid .caption{margin-top:-1em}
.moreBox{left:0;right:0;margin-bottom:2em}
#content>.container-fluid:last-of-type{margin-bottom:0}
.ident-left{left:unset}
div#scrollanchor-container>a .text {font-size: 1em;}

.textXxl:not(.serif),.textXl:not(.serif),.textXl2:not(.serif),.textL:not(.serif),.textM:not(.serif),.textS:not(.serif),.textXs:not(.serif),.textXxl:not(.serif) p,.textXl:not(.serif) p,.textXl2:not(.serif) p,.textL:not(.serif) p,.textM:not(.serif) p,.textS:not(.serif) p,.textXs:not(.serif) p{font-size:2.5em!important;text-align: left !important;}
.col{padding:0}
.bgorange{height:auto!important;padding:3em 1em!important}
p.large,p.large a,p .large,p .large a{font-size:unset}
.quote p.small,.quote p>.small{font-size:120%!important}
.caption p em{font-size:100%;}
div[class*="frame-space-before"]{padding-top:1em}div[class*="frame-space-after"]{padding-bottom:1em}

.menu{padding:0}
.menu .container{padding:0}
.container .container{padding:0}
#content>.container{padding:0 1.8em}
.mfp-content{height:100vh!important}
.mfp-wrap,.mfp-wrap *{height:100vh!important;position:fixed}

.nobreak-mobile > div > .col-lg-1  { width: 33.3333%; flex: 0 0 33.3333%;; }
.nobreak-mobile > div > .col-lg-2  { width: 33.3333%; flex: 0 0 33.3333%;; }
.nobreak-mobile > div > .col-lg-3  { width: 33.3333%; flex: 0 0 33.3333%;; }
.nobreak-mobile > div > .col-lg-4  { width: 33.3333%; flex: 0 0 33.3333%; }
.nobreak-mobile > div > .col-lg-5  { width: 50%; flex: 0 0 50%; }
.nobreak-mobile > div > .col-lg-6  { width: 50%; flex: 0 0 50%; }
.nobreak-mobile > div > .col-lg-7  { width: 50%; flex: 0 0 50%; }
.nobreak-mobile > div > .col-lg-8  { width: 66.6667%; flex: 0 0 66.6667%; }
.nobreak-mobile > div > .col-lg-9  { width: 66.6667%; flex: 0 0 66.6667%; }
.nobreak-mobile > div > .col-lg-10 { width: 66.6667%; flex: 0 0 66.6667%; }
.nobreak-mobile > div > .col-lg-11 { width: 66.6667%; flex: 0 0 66.6667%; }
.nobreak-mobile > div > .col-lg-12 { width: 100%;     flex: 0 0 100%; }

.iframe-content{padding:0}
.js div#iframe-popup{overflow-y:scroll!important;overflow-y:auto;z-index:999999999!important;-webkit-overflow-scrolling:touch;max-height:100vh;padding:3em 1em;height: 100vh !important;padding: 4em 2em 6em 2em;}
.iframe-arrows .col-lg-6{max-width:max-content}
.js div#iframe-popup .iframe-arrows>.row{bottom:0}

.anchor-menu>div>a{padding:1em}.container-fluid .panel.menu{height:fit-content!important;min-height:auto!important}
.vmoveimg .container,.moveimg .container{padding:0 3em}

.hidetext{background:unset;padding:unset}
.hidetext::before{content:unset}
.hidetext *{opacity:1!important}

.youtube-musik::after{display:block;position:relative;margin:-1em 0 2em 0}.youtube-musik .ce-bodytext{opacity:1}

.tilt-right{transform:unset}

/* STARTSEITE */
.mainlogo p{font-size:8.1em;font-weight:600;}
.mainlogo p.small{font-size:2.4em;letter-spacing:11.28px}
.logocontainer {padding:0 2em;}
.logocontainer * {padding: 0;}
.logocontainer>.container{display:flex;align-items:center;justify-content:center}
.logocontainer .row{max-width:fit-content!important;margin:0 auto}
.fragen p{font-size:3em;line-height:100%;letter-spacing:.6px}
.fragen .col-12,.fragen .col>.row{width:100%;margin:0}
.fragen{max-height:50vh}
.mainmenu *:not(.badge){min-height:fit-content}
ul {padding: 0 0 0 14px;}
.partner>.container{padding:0 2em}
.partner .frame-type-inline_images_element img{width:100%}
.partner .d-inline-block.mr-4{width:100%;margin-bottom:1em}
}

@media (max-width: 767.98px) { 
   * { font-size:13px; } 

   /* Pop ups */
   #iframe-popup .iframe-content {justify-content: flex-start;}

.textXxl:not(.serif),.textXl:not(.serif),.textXl2:not(.serif),.textL:not(.serif),.textM:not(.serif),.textS:not(.serif),.textXs:not(.serif),.textXxl:not(.serif) p,.textXl:not(.serif) p,.textXl2:not(.serif) p,.textL:not(.serif) p,.textM:not(.serif) p,.textS:not(.serif) p,.textXs:not(.serif) p{font-size:2em!important;text-align: left !important;}

}

@media (max-width: 575.98px) { 

.logocontainer * { font-size:10px; }
.mainlogo p{font-size:6.7em;font-weight:600;}
.mainlogo p.small{font-size:1.32em;letter-spacing:9.28px}


   h1 .word {font-size: 5.5em;}
   .xl h1 .word {font-size: 8em;}
   .textXxl p {font-size: 5em;}
   .textXxxl p {font-size: 7em;}

   /* Anchor Menu */
   .anchor-menu {flex-wrap: wrap; height: auto !important;}
   .anchor-menu > div:first-of-type {width: 100%; height: auto;}
   .anchor-menu > div:not(.image):not(.openseadragon-canvas):not(.openseadragon-container):not(.zoomable-image):not(.highlight):last-of-type {width: 100%;}

   /* Cookie Banner */
   .cc-window .col-sm-6.col-md-2.columns.text-center, .cc-window .cc-compliance {width: 50%; margin-bottom: .5rem}

.row.ce-textpic.ce-left.ce-above.textXl.serif p {
  font-size: 2.5em;
}
.row.ce-textpic.ce-left.ce-above.textL.serif p {
  font-size: 2.5em;
}
.row.ce-textpic.ce-left.ce-above.textXxl.serif p {
  font-size: 4em;
}
.row.ce-textpic.ce-left.ce-above.textXxl2.serif p {
  font-size: 4.5em;
}
.row.ce-textpic.ce-left.ce-above.textXxl.serif p {
  font-size: 2.5em;
}
}


@media (max-width: 399px) { 
.mainlogo *{font-size:10px}
.mainlogo p{font-size:5.65em}
.mainlogo p.small{font-size:1.5em;letter-spacing:5.8px}
.claim p{font-size:2.8em}
}