/*
Theme Name: KSM
Theme URI: http://www.ksm-mg.de/
Author: SIGN+DESIGN Werbeagentur
Author URI: https://www.signunddesign.com/
Description: Wozu lange um den „heißen Brei“ reden: Unser Ziel ist Ihr Erfolg! Denn nur erfolgreiche Kunden sind auf Dauer glückliche Kunden. Und um Sie glücklich zu machen, richten wir unsere Energie auf Ihren stimmigen Auftritt und die Entwicklung zielführender Kommunikationsmaßnahmen. Werbung darf bei uns Spaß machen und ist trotzdem niemals Selbstzweck. Was zählt ist Ihr Erfolg! Die Früchte unserer Bemühungen: treue, langjährige Kunden und zahlreiche Weiterempfehlungen – mit ein Grund dafür, dass viele unserer Kunden aus dem Bereich Immobilien stammen. Und hier liegt auch seit über 20 Jahren ein Schwerpunkt unserer Arbeit.
Version: 2.1
*/@charset "UTF-8";

/*Global Reset*/

body,html,h1,h2,h3,h4,h5,h6,p,ul,ol,li{padding:0;margin:0;}
body,html{overflow: unset!important;width:100%;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
.single .stage h1 {display:none;}
.pum-container .pum-title {text-align:center!important;font-weight:700!important}

.mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container {background:#fff;}
#ez-toc-container.ez-toc-white {background:none!important}
.ez-toc-counter nav ul li a::before {display:none!important}
#ez-toc-container a {text-decoration: none!important;outline: none !important;color: var(--primary-color)!important;transition: var(--transition);}
#ez-toc-container a:hover {text-decoration: none!important;color: var(--text-color)!important;transition: var(--transition);}
#ez-toc-container {box-sizing: border-box}
/* ########## Fonts ++ WICHTIG font-display: swap; ++ ########## */
/* rajdhani-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 400;
    src: url('assets/fonts/rajdhani-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rajdhani-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 600;
    src: url('assets/fonts/rajdhani-v15-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rajdhani-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 700;
    src: url('assets/fonts/rajdhani-v15-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* ########## Variables ########## */

* {
    --font-family: "Rajdhani", sans-serif;
    --transition: .8s ease;
    --wrp-width: 1240px;
    --font-size: 18px;
    --line-height: calc(var(--font-size) * 1.8);
    --box-shadow: 0px 5px 13px 0px rgba(0, 0, 0, 0.3);
    --border-radius: 15px;
    --primary-color: #a40606;
    --secundary-color: #20232c;
    --text-color: #000;
    --grey: #f2f2f2;
}

/* ########## Globals ########## */

html {scroll-behavior: smooth;background:#f2f2f2}
body {font-size: var(--font-size); font-family: var(--font-family); line-height: var(--line-height); color: var(--text-color);}
img {-ms-interpolation-mode:bicubic; vertical-align: bottom;}
svg {width: 100%; height: 100%;}
hr {border:none;height:1px;background:#ddd; margin:0;}
.parent-pageid-735 main.withsidebar {margin-bottom:50px;}
.parent-pageid-733 main.withsidebar {margin-bottom:50px;}
.page-id-737 main.withsidebar {margin-bottom:50px;}
.wrp {max-width: var(--wrp-width); width: 90%; margin: 0 auto; position:relative; box-sizing:border-box;}
.page-id-739 .stage-content .btn {display:none!important}
.page-id-1150 .stage-content .btn {display:none!important}
/*.mehr {display: none;}
.mehr-no {display: none;}*/

.page-id-739 .formular iframe {height: 980px!important;width: 100%!important;overflow:visible!important}
.page-id-739 .formular iframe .input{padding: 10px!important;width: 100%!important;}
.page-id-739 .formular iframe iframe {width: 100%!important;}


/* Margins */

.mb {margin-bottom: 70px;}
.mb50 {margin-bottom: 50px;}

@media (max-width: 500px) {
  .mb {margin-bottom: 50px;}
  .mb50 {margin-bottom: 25px;}
}

/* Page Build */

main.withsidebar .page-build {display: grid; grid-template-columns: 70% 25%; align-items: flex-start; justify-content: space-between; max-width: var(--wrp-width); width: 90%; margin: 0 auto;}
main.withsidebar .content .wrp {width: 100%;}
main.withsidebar .sidebar {width: 100%; position: -webkit-sticky; position: sticky; top: 150px;box-sizing: border-box;}
main.withsidebar .sidebar .sidebar-content .sidebar-contact {background:var(--secundary-color);color:var(--grey);padding: 25px; }
main.withsidebar .sidebar .sidebar-content .sidebar-contact address {color:var(--grey)}
main.withsidebar .sidebar .sidebar-content .sidebar-contact address a{color:var(--grey);font-weight:600;}
main.withsidebar .sidebar .sidebar-content .sidebar-nav h3 {display:none;}
main.withsidebar .sidebar .sidebar-content .sidebar-nav ul li {list-style-type: none;margin:0 0 10px 0}
main.withsidebar .sidebar .sidebar-content .sidebar-nav ul li a{background:var(--secundary-color);font-weight:600;color:var(--grey);padding:10px;display:block;transition: var(--transition);}
main.withsidebar .sidebar .sidebar-content .sidebar-nav ul li a:hover,main.withsidebar .sidebar .sidebar-content .sidebar-nav ul li.current-menu-item a{background:var(--primary-color);transition: var(--transition);}



@media (max-width: 1024px) {
    main.withsidebar .page-build {grid-template-columns: 100%;}
    main.withsidebar .page-build .sidebar {display: none;}
}

.flyout {position:fixed;top:20%;right:0;z-index:8;width:40px;}
.flyout .flyout-con-1 {background:var(--primary-color);position:absolute;right:-230px;width:270px;height:40px;transition: all 0.5s;padding:10px;opacity:0.7}
.flyout .flyout-con-1 span {width:32px;height:32px;position:absolute;left:16px;top:14px;}
.flyout .flyout-con-1 svg path{stroke:#fff}
.flyout .flyout-con-1 a{color:#fff;font-size:24px;font-weight:700;display:block;padding: 5px 5px 5px 55px;}
.flyout .flyout-con-1:hover {right:0;background:var(--secundary-color);opacity:1;transition: all 0.5s}

.flyout .flyout-con-2 {background:var(--primary-color);position:absolute;right:-230px;width:270px;height:40px;transition: all 0.5s;margin-top:70px;padding:10px;opacity:0.7}
.flyout .flyout-con-2 span {width:32px;height:22px;position:absolute;left:16px;top:19px;}
.flyout .flyout-con-2 svg path{stroke:#fff}
.flyout .flyout-con-2 svg line{stroke:#fff}
.flyout .flyout-con-2 svg rect{stroke:#fff}
.flyout .flyout-con-2 a{color:#fff;font-size:24px;font-weight:700;display:block;padding: 5px 5px 5px 55px;}
.flyout .flyout-con-2:hover {right:0;background:var(--secundary-color);opacity:1;transition: all 0.5s}


.flyout .flyout-con-3 {display:block;background:var(--primary-color);position:absolute;font-size:24px;font-weight:700;right:-230px;width:270px;height:40px;transition: all 0.5s;margin-top:140px;padding:10px;opacity:0.7}
.flyout .flyout-con-3:hover {right:0;background:var(--secundary-color);opacity:1;transition: all 0.5s;}
.flyout .flyout-con-3 img {width:100%;height:auto;margin:0;position: absolute;top: 0;left: 0;}

/* Typo Styles */

.stage h1{margin:0;font-size:55px;line-height:62px;font-weight:700;color:var(--grey);filter: drop-shadow(0px 0px 5px rgba(0,0,0, 0.5));}
.stage.subpage h1{margin:0;font-size:70px;line-height:72px;font-weight:700;color:var(--grey)}
.stage h1 strong{margin:0;font-size:70px;line-height:72px;font-weight:800;color:var(--grey)}
h1{margin:0;font-size:30px;line-height:40px;}
h2{margin:0;font-size:30px;line-height:40px;}
h3{margin:0;}

a {text-decoration: none; outline:none !important; color: var(--primary-color); transition: var(--transition);}
a:hover {color: var(--text-color); transition: var(--transition);}

.btn {padding: 13px 40px; background: var(--primary-color);color:var(--grey);font-weight:600;transition: var(--transition);}
.btn:hover {background: var(--secundary-color);color:var(--grey);transition: var(--transition);}

p {margin-bottom: var(--line-height);}
p:last-child {margin-bottom: 0;}
address {font-style: normal; color: var(--text-color);}
address a {display: inline-block;}
ol, ul {margin-bottom: var(--line-height);}
li {margin-left: 20px;}

/* ########## Mainnav ########## */

#mainnav ul.mainnav.smart {display:none;}
#mainnav {display: block; transform: translate(0);}
#mainnav ul.mainnav.desktop li {list-style-type: none; font-size: 20px; margin-left: 40px;font-weight:600}
#mainnav ul.mainnav.desktop li:first-child {margin-left:0;}
#mainnav ul.mainnav.desktop li a{display:block; color: var(--text-color); transition: var(--transition); padding: 37px 0;}
#mainnav ul.mainnav.desktop li a:hover, #mainnav ul.mainnav.desktop li.current-menu-item a,#mainnav ul.mainnav.desktop li.current-menu-parent a{color: var(--primary-color); transition: var(--transition);}

/* Submenu */

@media (min-width: 1025px){

    #mainnav ul.mainnav.desktop {display: flex; align-items: center; margin: 0;}
    html.scrolled #mainnav ul.mainnav li a {padding: 15px 0; transition: var(--transition);}

    #mainnav ul.mainnav li.menu-item-has-children {position: relative;}
    #mainnav ul.mainnav li.menu-item-has-children ul.sub-menu {position: absolute; top: 113px; left: 0; display: block; height: auto; max-height: 0; overflow: hidden;transition: var(--transition);}
    .scrolled #mainnav ul.mainnav li.menu-item-has-children ul.sub-menu {top: 68px;transition: var(--transition);}
    #mainnav ul.mainnav li.menu-item-has-children ul.sub-menu li {width:200px; height: 100%; padding: 8px 0 8px 7px; transition: 0.8s ease; background: var(--secundary-color); color:var(--grey);margin: 0;border-bottom:1px solid rgba(242,242,242, 0.2);transition: var(--transition);}
    #mainnav ul.mainnav li.menu-item-has-children ul.sub-menu li a{color:var(--grey);transition: var(--transition);}
    #mainnav ul.mainnav li.menu-item-has-children:hover > ul.sub-menu {max-height: 674px; padding: 0; overflow: visible; margin-top: -6px;}

    #mainnav ul.mainnav li.menu-item-has-children ul.sub-menu li:hover {background: var(--primary-color);transition: var(--transition);}
    #mainnav ul.mainnav li.menu-item-has-children ul.sub-menu li.current-menu-item {background: var(--primary-color);transition: var(--transition);}
    #mainnav ul.mainnav li.menu-item-has-children ul.sub-menu li:hover a {color: var(--grey);transition: var(--transition);}
    #mainnav ul.mainnav li.menu-item-has-children ul.sub-menu li a {padding: 3px;}
    #mainnav ul.mainnav li.menu-item-has-children ul.sub-menu li:last-child {margin-bottom: 0;}

    /* Zweite Ebene */

    #mainnav ul.mainnav li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu {position: absolute; left: 100%; top: 6px; overflow: hidden;}
    #mainnav ul.mainnav li.menu-item-has-children ul.sub-menu li.menu-item-has-children:hover ul.sub-menu {overflow: visible;}
    #mainnav ul.mainnav li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu li {background: #f5f5f5;}
    #mainnav ul.mainnav li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu li a {color: var(--text-color);}
    #mainnav ul.mainnav li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu li:hover a {color: var(--primary-color);}

    /* Desktop ausblenden */

    #mainnav .head,
    #mainnav address.contact,
    #mainnav ul.mainnav li.back {display: none;}
}

@media (max-width: 1024px) {

    .mainnav.desktop {display: none;}

    /* Offcanvas */

    #mainnav ul.mainnav.smart {display:block;}
    #mainnav {position: fixed; top: 0; right: 0; bottom: 0; background: #fff; width: 100%; max-width: 500px; transform: translateX(100%); transition: var(--transition); box-shadow: var(--box-shadow); z-index: 2;}
    #mainnav.active {transform: translateX(0); transition: var(--transition);}
    #mainnav .head {display: grid;grid-template-columns: auto auto 55px; align-items: center; padding: 20px; box-sizing: border-box; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
    #mainnav .head p {margin: 0; font-size: 25px; color: var(--text-color);}
    #mainnav .head .buttons {display: flex; justify-content: center;justify-self: end;}

    #mainnav .head .buttons a {width: 50px; height: 50px; border-radius: 2px; background: #f5f5f5; margin-left: 5px; display: flex; align-items: center; justify-content: space-around; }
    #mainnav .head .buttons a:first-child {margin-left: 0;}
    #mainnav .head .buttons a svg {width: 25px; height: 25px;}
    #mainnav .head .buttons a svg g path {stroke: #a4a4a4;}

    /* Submenu */

    #mainnav ul.mainnav.smart {display: block;}
    #mainnav ul.mainnav li {padding: 0; box-sizing: border-box; margin: 0; background: #efefef; border-bottom: 1px solid #dedede; list-style-type: none;}
    #mainnav ul.mainnav li a {font-size: var(--font-size); padding: 10px 45px 10px 5%; display: block;}

    #mainnav .opensubnav {cursor: pointer; width: 49px; height: 49px; position: absolute; right: 0; background: #fff; display: block; z-index: 100; box-sizing: border-box;}
    #mainnav .opensubnav.active {background: var(--secundary-color);}
    #mainnav .opensubnav:after  {content: ''; transform: rotate(-45deg) translate(-50%, -50%); border: solid var(--secundary-color); border-width: 0 2px 2px 0; display: inline-block; padding: 3px; left: 50%; top:42%; position: absolute; transition: var(--transition);}
    #mainnav .opensubnav.active:after  {content: ''; transform: rotate(45deg); -webkit-transform: rotate(45deg);  border: solid #fff; border-width: 0 2px 2px 0; left: 19px; top:18px; transition: var(--transition);}

    #mainnav address.contact {padding: 5%; box-sizing: border-box; display: block;}

    /* Offcanvas Sub Layer 1 */

    #mainnav li.menu-item-has-children ul.sub-menu {display: none; transition: var(--transition); margin-bottom: 0;}
    #mainnav li.menu-item-has-children.active ul.sub-menu {display: block;}
    #mainnav li.menu-item-has-children.active ul.sub-menu li a {background: #fff; padding-left: 10%;}
    #mainnav li.menu-item-has-children.active ul.sub-menu li ul.sub-menu li a {padding-left: 15%;}

    /* Offcanvas Sub Layer 2 */

    #mainnav li.menu-item-has-children ul.sub-menu li.menu-item-has-children .opensubnav {background: #f5f5f5;}
    #mainnav li.menu-item-has-children.active ul.sub-menu li.menu-item-has-children ul.sub-menu {display: none; transition: var(--transition);}
    #mainnav li.menu-item-has-children.active ul.sub-menu li.menu-item-has-children.active ul.sub-menu {display: block; transition: var(--transition);}

    #mainnav ul.offcanvas-menu li.back a:before {display: none;}

    /* Mainnav Toggle */

    .mainnav-toggle {border-radius: 2px; display: block!important; position: relative; z-index: 10;width: 50px;height: 50px;background: var(--primary-color);box-shadow:none; transition: var(--transition);}
    .mainnav-toggle.off {border-radius: 2px; display: block!important; position: absolute; z-index: 10; top: 50%; right: 0;transform: translateY(-50%);width: 40px;height: 40px;background: var(--primary-color);box-shadow: 1px 2px 10px 0px rgba(0,0,0,0.3); transition: var(--transition);}
    .mainnav-toggle.off.active {display:none!important}
    .mainnav-toggle .btn-mainnav-toggle {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 25px;cursor: pointer;}
    .mainnav-toggle .btn-mainnav-toggle span {display: block;width: 100%;box-shadow: 0 2px 10px 0 rgba(0,0,0,0.3);border-radius: 4px;height: 2px;background: #fff;transition: all .3s;position: relative;}
    .mainnav-toggle .btn-mainnav-toggle span + span {margin-top: 7px;}
    .mainnav-toggle .btn-mainnav-toggle.active span + span {margin-top: 13px;}
    .mainnav-toggle .btn-mainnav-toggle.active span:nth-child(1) {animation: ease .7s top forwards;}
    .mainnav-toggle .btn-mainnav-toggle.not-active span:nth-child(1) {animation: ease .7s top-2 forwards;}
    .mainnav-toggle .btn-mainnav-toggle.active span:nth-child(2) {animation: ease .7s scaled forwards;}
    .mainnav-toggle .btn-mainnav-toggle.not-active span:nth-child(2) {animation: ease .7s scaled-2 forwards;}
    .mainnav-toggle .btn-mainnav-toggle.active span:nth-child(3) {animation: ease .7s bottom forwards;}
    .mainnav-toggle .btn-mainnav-toggle.not-active span:nth-child(3) {animation: ease .7s bottom-2 forwards;}

    @keyframes top { 0% {top: 0; transform: rotate(0);} 50% {top: 15px;transform: rotate(0);} 100% {top: 15px;transform: rotate(45deg);} }
    @keyframes top-2 { 0% {top: 15px;transform: rotate(45deg);} 50% {top: 15px;transform: rotate(0deg);} 100% {top: 0;transform: rotate(0deg);} }
    @keyframes bottom { 0% {bottom: 0;transform: rotate(0);} 50% {bottom: 15px;transform: rotate(0);} 100% {bottom: 15px;transform: rotate(135deg);} }
    @keyframes bottom-2 { 0% {bottom: 15px;transform: rotate(135deg);} 50% {bottom: 15px;transform: rotate(0);} 100% {bottom: 0;transform: rotate(0);} }
    @keyframes scaled { 50% {transform: scale(0);} 100% {transform: scale(0);} }
    @keyframes scaled-2 { 0% {transform: scale(0);} 50% {transform: scale(0);} 100% {transform: scale(1);} }

    #mainnav-overlay {position: fixed; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0,0,0,0.2); backdrop-filter: blur(7px); opacity: 0; z-index: -5; transition: var(--transition); visibility: hidden;}
    #mainnav-overlay.active {opacity: 1; z-index: 1; visibility: visible; transition: var(--transition);}
}

/* ########## Header ########## */

header {position: fixed; top: 0; width: 100%; z-index: 10; padding: 0; box-sizing: border-box;background: rgba(255,255,255, 0.85);box-shadow: var(--box-shadow);transition: var(--transition);}
.scrolled header {background: rgba(255,255,255, 0.99);transition: var(--transition);}
header .header-grid {display: grid; grid-template-columns: 235px auto; grid-template-rows: auto; justify-items: start; align-items: center; justify-content: space-between;transition: var(--transition);}
.scrolled header .header-grid {display: grid; grid-template-columns: 120px auto;transition: var(--transition);}
header .header-grid .logo {width: 100%;transition: var(--transition);}
.scrolled header .header-grid .logo {width: 90%;transition: var(--transition);}
header .header-grid .logo img {width: 100%;height:auto;}
header .header-grid .logo a {display: flex; align-items: center;}
header .header-grid .mainnav-toggle {display: none;justify-self: end;}

/* Kopfbereich Startseite / Unterseite  */

.stage {background:#000;aspect-ratio: 4/1.2; width: 100%; min-height: 450px; position: relative;}
.single .stage {background:#000;aspect-ratio: 4/0.3; width: 100%; min-height: 400px; position: relative;}
.stage .l-wrp {position: absolute; top: 11vw; left: 50%; transform: translateX(-50%); z-index: 2;width:90%;max-width:1240px;}
.stage.subpage .l-wrp {position: absolute; top: 11vw; left: 50%; transform: translateX(-50%); z-index: 2;width:90%;max-width:1240px;}
.stage img {width: 100%; height: 100%; object-fit: cover; opacity:0.5;object-position: center;}
.stage video {width:100%;object-fit: cover;aspect-ratio: 4/1.2;opacity:0.57;min-height: 450px;}
.stage.subpage {aspect-ratio: 3/.77; width: 100%; position: relative;}
.blog .stage,.archive .stage {aspect-ratio: 3/.77; width: 100%; position: relative;}
.stage.subpage.mb {margin-bottom:50px;}
.stage .stage-content h2{color:var(--grey);filter: drop-shadow(0px 0px 5px rgba(0,0,0, 0.5));}

.stage .l-wrp .btn {display:inline-block;transform: scale(1);animation: pulse-black 3.0s infinite;box-shadow: 0 0 0 0 rgba(86, 7, 7, 1);margin:40px 0 20px 0;transition: var(--transition);}
.stage .l-wrp .btn:hover {transform: scale(1.05);animation-play-state: paused;box-shadow: 0 0 0 0 rgba(86, 7, 7, 1);transition: var(--transition);}
@keyframes pulse-black {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(86, 7, 7, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(86, 7, 7, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(86, 7, 7, 0);
    }
}
/* ########## Content ########## */

/* Text */
main .text .wrp h2 {margin-bottom:20px;}
.text.multiple-col .wrp {-webkit-columns: 2 350px; -moz-columns: 2 350px; columns: 2 350px; -webkit-column-gap: 4em; -moz-column-gap: 4em; column-gap: 4em;}
main .text ul li {list-style-type:none;margin:0;background:url(assets/k.svg) left top 9px no-repeat;background-size:13px;padding-left:20px;color:var(--secundary-color);transition: var(--transition);}

/* Text Bild */

.textbild .wrp {display: grid; align-items: center; justify-content: space-between; box-sizing: border-box; background: #fff;}
.textbild .text {padding:20px;box-sizing: border-box;}
.textbild .bild {width: 100%; height: 100%;}
.textbild .bild img {width: 100%; height: 100%; object-fit: cover;}
.textbild .text h2.title {margin:0;font-size:30px;}
.textbild .text h2 {margin:0 0 20px 0;font-size:30px;}
.textbild .text .btn {margin: 25px 0 0 0;display: inline-block;padding: 5px 20px;}

@media (max-width: 768px) {
    .textbild .wrp {grid-template-columns: 100%!important;}
}

/* Image */

.image img {display:block; width:100%; height:auto;}

.bildtrenner {width:100%; aspect-ratio: 5/1; overflow: hidden; position: relative;background:#000;color:var(--grey);min-height:400px;}
.bildtrenner .stage-content a{cursor:pointer;display: inline-block;transform: scale(1);animation: pulse-black 2.8s infinite;box-shadow: 0 0 0 0 rgba(86, 7, 7, 1);transition: var(--transition);}
.bildtrenner .stage-content a:hover {transform: scale(1);animation-play-state: paused;box-shadow: 0 0 0 0 rgba(86, 7, 7, 1);transition: var(--transition);}
.bildtrenner h2 {font-size:50px;line-height: 60px;margin:0 0 10px 0}
.bildtrenner p {font-size:20px;font-weight:600;}
.bildtrenner img {width:100%; height: 100%; object-fit: cover; object-position: center;opacity:0.35}
.bildtrenner .wrp {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2;}

/* Galerie */

.gallery .fresco-gallery:not(.masonry) {display: grid; gap: 25px; margin-bottom: 0;}
.gallery .fresco-gallery li {list-style-type: none; margin:0; border-radius: 5px;overflow: hidden;width:100%;height:100%;max-height:200px;}
.gallery .fresco-gallery li a {position: relative; display: block; overflow: hidden;}
.gallery .fresco-gallery li a .overlay {width: 100%; position: absolute; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: var(--secundary-color); opacity: 0; transition: var(--transition);}
.gallery .fresco-gallery li a:hover .overlay {opacity: 0.6; transition: var(--transition);}
.gallery .fresco-gallery li a .overlay .icon-wrp {position: absolute; top: 50%; left: 50%; width: 45px; height: 45px; transform: translate(-50%, -50%);}
.gallery .fresco-gallery li a .overlay .icon-wrp svg {width: 100%; height: 100%; transform: scale(0); transition: var(--transition);}
.gallery .fresco-gallery li a .overlay .icon-wrp svg path {fill: #fff;}
.gallery .fresco-gallery li a:hover .overlay .icon-wrp svg { transform: scale(1); transition: var(--transition);}
.gallery .fresco-gallery li img {width: 100%;height:100%;object-fit: cover;min-height:150px}
.gallery .fresco-gallery.masonry {gap: 25px; columns: 4; margin: 0 auto;}
.gallery .video-gallery-grid {display: grid; grid-column-gap: 50px; grid-row-gap: 50px;}
.gallery .video-gallery-grid .video-gallery-item {height: 220px; width: 100%; display: block; position: relative; overflow: hidden;}
.gallery .video-gallery-grid .video-gallery-item .overlay {width: 100%; position: absolute; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: var(--secundary-color); opacity: 0; transition: var(--transition); z-index: 4;}
.gallery .video-gallery-grid .video-gallery-item:hover .overlay {opacity: 0.6; transition: var(--transition);}
.gallery .video-gallery-grid .video-gallery-item .overlay .icon-wrp {position: absolute; top: 50%; left: 50%; width: 45px; height: 45px; transform: translate(-50%, -50%);}
.gallery .video-gallery-grid .video-gallery-item .overlay .icon-wrp svg {width: 100%; height: 100%; transform: scale(0); transition: var(--transition);}
.gallery .video-gallery-grid .video-gallery-item .overlay .icon-wrp svg path {fill: #fff!important;}
.gallery .video-gallery-grid .video-gallery-item:hover .overlay .icon-wrp svg { transform: scale(1); transition: var(--transition);}
.gallery .video-gallery-grid .video-gallery-item img {height: 100%; width: 100%; object-fit: cover; object-position: center; transform: scale(1.2);}

@media (max-width: 1024px) {
  .gallery .fresco-gallery {grid-template-columns: repeat(4, 1fr)!important;}
  .gallery .video-gallery-grid {grid-template-columns: repeat(2, 1fr)!important;}
  .gallery .filterrow {display: grid; grid-template-columns: 100%; gap: 25px;}
  .gallery .filterrow #filter {flex-wrap: wrap;}

}

@media (max-width: 550px) {
  .gallery .video-gallery-grid {grid-template-columns: 100%!important;}
  .gallery .fresco-gallery {grid-template-columns: repeat(2, 1fr)!important;}
}

/* oEmbed */
.embed .respo-video{
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
}

.embed .respo-video iframe, .embed .respo-video object, .embed .respo-video embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

/* Teasercards */
.home .teasercards .teasercard-item.nopic img {display:none;}
.page-id-735 .teasercards .teasercard-item img {display:none;}
.parent-pageid-735 .teasercards .teasercard-item img {display:none;}
.home .teasercards:first-of-type {margin-top:-11vw;}
.home .teasercards:last-of-type {margin-top:inherit;}
.teasercards img {width: 100%; aspect-ratio: 2/1; height: auto; object-fit: cover;}
.teasercards .cards.no-carousel {display: grid; grid-column-gap: 30px; grid-row-gap: 30px; margin: 0;}
.teasercards .cards.no-carousel li {list-style-type: none; margin: 0;}
.teasercards .splide ul.cards {display: flex; grid-column-gap: unset;}

.teasercards.blog .cards.no-carousel {display: grid; grid-column-gap: 30px; grid-template-columns:1fr 1fr;grid-row-gap: 30px; margin: 0;}

.teasercards .teasercard-item {background:#fff;box-shadow: 0 0 13px rgba(0,0,0, 0.2)}
.teasercards .teasercard-item {color:var(--secundary-color)}
.teasercards .teasercard-item .inhalt {padding:10px 30px 30px 30px;color:var(--secundary-color)}
.teasercards .teasercard-item .inhalt .content{min-height:110px;}
.teasercards .teasercard-item .inhalt h2 {margin:10px 0;font-size:24px;}
.teasercards .teasercard-item .inhalt .btn {background:var(--secundary-color);margin:25px 0 0 0;display:inline-block;padding:5px 20px;transition: var(--transition);vertical-align:top}
.teasercards .teasercard-item .inhalt .btn .icon-k {display:inline-block;vertical-align: middle;margin-right:5px;line-height:0;width:20px;height:22px}
.teasercards .teasercard-item .inhalt .btn svg {width:18px;height:19px;}
.teasercards .teasercard-item .inhalt .btn svg path {fill:var(--grey)}
.teasercards .teasercard-item:hover .inhalt .btn {background:var(--primary-color);transition: var(--transition);}
.splide__arrow--next {right:0!important}
.splide__arrow--prev {left:0!important}

@media (max-width: 1024px) {
  .teasercards .cards.no-carousel {grid-template-columns: repeat(2, 1fr)!important;}
}

@media (max-width: 649px) {
  .teasercards .cards.no-carousel {grid-template-columns: 100% !important;}
    .teasercards img {aspect-ratio: 3/1.25;}
}

/* Accordion */

.accordion .item-accordion-head {cursor: pointer; position: relative; color:var(--grey);font-weight:700;background:var(--secundary-color); margin-bottom:10px; padding:10px 25px 10px 10px; border:1px solid #f2f2f2;}
.accordion .active .item-accordion-head {background-color:var(--primary-color)}
.accordion .item-accordion-btn {width: 26px; height: 26px;float: right; margin: 0; cursor: pointer; position: absolute; right: 5px; top: 50%; transform: translateY(-50%);}
.accordion .item-accordion-btn:before {content: '-'; color: var(--grey); position: absolute; width: 26px; height: 26px; text-align: center; line-height: 22px; font-size: 24px;}
.accordion .item-accordion {margin-bottom: 5px; }
.accordion .item-accordion p a {display:inline-block;margin:40px 0 0 0;padding: 5px 20px;background: var(--primary-color);color: var(--grey);font-weight: 600;transition: var(--transition);}
.accordion .item-accordion p a:hover {background: var(--secundary-color);transition: var(--transition);}
.accordion .item-accordion.hidden .item-accordion-btn:before {content: '+'; line-height: 26px;}
.accordion .item-accordion.active .item-accordion-btn:before {content: '-'; line-height: 22px; }
.accordion .item-accordion.hidden.active .item-accordion-btn:before {content: '-'; line-height: 22px;}
.accordion .item-accordion.hidden .item-accordion-content {display: none;padding:20px 20px;background:#f8f8f8;margin-bottom:10px;}
.accordion .item-accordion.hidden .item-accordion-content:after {display:block;width: 0;height: 0;border-right: 100px solid #037CA9;border-top: 50px solid transparent;border-bottom: 50px solid transparent;}


/* Accordion Bild*/

.accordion-bild .item-accordion-head {cursor: pointer; position: relative; color:var(--grey);font-weight:700;background:var(--secundary-color); margin-bottom:10px; padding:10px 25px 10px 10px; border:1px solid #f2f2f2;}
.accordion-bild .active .item-accordion-head {background-color:var(--primary-color)}
.accordion-bild .item-accordion-btn {width: 26px; height: 26px;float: right; margin: 0; cursor: pointer; position: absolute; right: 5px; top: 50%; transform: translateY(-50%);}
.accordion-bild .item-accordion-btn:before {content: '-'; color: var(--grey); position: absolute; width: 26px; height: 26px; text-align: center; line-height: 22px; font-size: 24px;}
.accordion-bild .item-accordion {margin-bottom: 5px; }
.accordion-bild .item-accordion p a {display:inline-block;margin:40px 0 0 0;padding: 5px 20px;background: var(--primary-color);color: var(--grey);font-weight: 600;transition: var(--transition);}
.accordion-bild .item-accordion p a:hover {background: var(--secundary-color);transition: var(--transition);}
.accordion-bild .item-accordion.hidden .item-accordion-btn:before {content: '+'; line-height: 26px;}
.accordion-bild .item-accordion.active .item-accordion-btn:before {content: '-'; line-height: 22px; }
.accordion-bild .item-accordion.hidden.active .item-accordion-btn:before {content: '-'; line-height: 22px;}
.accordion-bild .item-accordion.hidden .item-accordion-content {display: none;padding:20px 20px;background:#f8f8f8;margin-bottom:10px;}
.accordion-bild .item-accordion .item-accordion-content .grid{display: grid!important;grid-template-columns: 40% auto;column-gap: 40px}
.accordion-bild img {width:100%;height:100%;object-fit: cover}
.accordion-bild .item-accordion.hidden .item-accordion-content:after {display:block;width: 0;height: 0;border-right: 100px solid #037CA9;border-top: 50px solid transparent;border-bottom: 50px solid transparent;}

.accordion-bild .item-accordion.hidden .item-accordion-content ul {margin:0;list-style-type: none;}
.accordion-bild .item-accordion.hidden .item-accordion-content ul li {margin:0;list-style-type: none;background: url(assets/k.svg) left top 10px no-repeat;background-size: 13px;padding-left: 20px;}
.accordion-bild .item-accordion .item-accordion-content ul li {margin:0;list-style-type: none;background: url(assets/k.svg) left top 10px no-repeat;background-size: 13px;padding-left: 20px;}

    /* ########## Blog ########## */

main.withsidebar .content .blog-grid {display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 50px; grid-row-gap: 50px;}
main.withsidebar .content .blog-grid .post {width: 100%;}
main.withsidebar .content .blog-grid .post img {width: 100%; height: auto; object-fit: cover;}

article.singlepost .post-image {}
article.singlepost .post-image img {width: 100%; height: auto; object-fit: cover;}
.singlepost img {width: 100%; height: auto; object-fit: cover;}

@media (max-width: 768px) {
    main.withsidebar .content .blog-grid {grid-template-columns: repeat(2, 1fr);}
    .mptt-shortcode-wrapper .mptt-shortcode-list .mptt-column {display:block!important;}
}

/* ########## Kursplan ########## */

.mptt-shortcode-wrapper .mptt-shortcode-table {width:100%;margin-bottom:20px;margin-top:0;}
.mptt-event-container {height:auto!important}
#mg.mptt-shortcode-wrapper .mptt-shortcode-table.mptt-theme-mode tbody td.event {height:80px!important;}
#mg-a.mptt-shortcode-wrapper .mptt-shortcode-table.mptt-theme-mode tbody td.event {height:100px!important;}
.mptt-shortcode-wrapper .mptt-navigation-tabs li {margin-left:0!important}
.mptt-shortcode-wrapper .mptt-shortcode-table.mptt-theme-mode tbody tr:nth-child(2n+2) td.event {background-color:#fff!important}
.mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container .timeslot {font-weight:600;color:var(--primary-color)}
.mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container .event-title {text-decoration: none!important;font-weight:700;}
.mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container .event-description {font-weight:600;}
.mptt-event-vertical-default {background:#fff!important}
.mptt-shortcode-wrapper .mptt-navigation-tabs li a {font-weight:700;}

.button .wrp .link a {display:inline-block;padding: 10px 40px;background: var(--primary-color);color: var(--grey);font-weight: 600;transition: var(--transition);}
.button .wrp .link a:hover {background: var(--secundary-color);transition: var(--transition);}


div.wpforms-container-full .wpforms-form .wpforms-field-select select>option {color:var(--secundary-color);font-weight:600;}
div.wpforms-container-full .wpforms-form .choices .choices__list--single {font-size:18px!important;color:var(--secundary-color);font-weight:600;}
div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item {font-size:18px!important;color:var(--secundary-color);font-weight:600;}
div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__inner .choices__input {font-size:18px!important;color:var(--secundary-color);font-weight:600;}
div.wpforms-container-full .wpforms-form input[type=text],div.wpforms-container-full .wpforms-form input[type=tel],div.wpforms-container-full .wpforms-form input[type=email],
div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium{font-size:18px!important;color:var(--secundary-color);font-weight:600;}
.wpforms-submit-spinner {display:none!important}
div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button
{border:0!important;background:var(--secundary-color)!important;color:var(--grey)!important;padding:10px 70px!important;font-weight:600!important;transition: var(--transition);}
div.wpforms-container-full .wpforms-form input[type=submit]:hover, div.wpforms-container-full .wpforms-form button[type=submit]:hover, div.wpforms-container-full .wpforms-form .wpforms-page-button:hover
{border:0!important;background:var(--primary-color)!important;transition: var(--transition);}
/* ########## Footer ########## */

footer {font-size:16px;text-align:left;background:#fff;padding:30px 0;position:relative;}
footer .wrp  {display:grid;grid-template-columns: 15% auto;column-gap: 30px;align-items: center;}
footer .wrp a  {color:var(--secundary-color);transition: var(--transition);}
footer .wrp a:hover  {color:var(--primary-color);transition: var(--transition);}
footer .wrp .footernav .bottom_nav {display:grid;grid-template-columns: 1fr 1fr;margin:0;font-weight:600}
footer .wrp .footernav .bottom_nav li {list-style-type: none;margin:0;color:var(--secundary-color)}
footer .wrp .footernav .bottom_nav li a {background:url(assets/k.svg) left top 5px no-repeat;background-size:13px;padding-left:20px;color:var(--secundary-color);transition: var(--transition);}
footer .wrp .footernav .bottom_nav li a:hover {color:var(--primary-color);transition: var(--transition);}
footer .wrp  .logo img {width:100%;height:auto;}

/* Bottom */

.bottom{margin:0;font-size:14px;background:var(--secundary-color);color:var(--grey);padding:10px 0}
.bottom .wrp a{color:var(--grey);}
.bottom .wrp {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.bottom .wrp ul {margin: 0;}
.bottom .wrp ul li {list-style-type: none;margin: 0;display:inline-block;font-size:14px;}
.bottom .wrp ul li:after {content:"-";display:inline-block;margin-left:4px;}
.bottom .wrp ul li:last-of-type:after {content:"-";display:none}
/* 404 */

body.error404 {position: relative; height: 100vh;}
body.error404 main .content {margin-top: 150px;}
body.error404 footer {position: absolute; bottom: 0; width: 100%;}


.ihk {display:none;width:100%;max-width:200px;margin:15px auto 0 auto}
.logogrid {display:grid;grid-template-columns: 1fr 1fr;gap:0;margin-top:15px;}
.logogrid img {width:100%;height:auto;max-width:65px;align-self: center;justify-self: center;}

@media (max-width: 1800px) {
    .home .teasercards:first-of-type {margin-top: -10vw;}
}
@media (max-width: 1500px) {
    .home .teasercards:first-of-type {margin-top: -11vw;position: relative;z-index: 2;}
    .stage.subpage {min-height: inherit;aspect-ratio: 3/0.9;}
}
@media (max-width: 1200px) {
    .stage .l-wrp {top:13vw}
    .stage h1 strong{display:block;}
    .stage h1 br {display:none;}
    .stage.subpage h1 strong{display:block;}
    .stage.subpage h1 br {display:none;}
    .stage.subpage h1 {font-size: 45px;line-height: 55px;}
    .stage.subpage h2 {font-size: 25px;line-height: 35px;}
    .stage.subpage h1 br{display:none;}
    .blog .stage h1 strong, .archive .stage h1 strong{display:block;}
    .blog .stage h1 br,.archive .stage h1 br {display:none;}
    .blog .stage h1,.archive .stage h1 {font-size: 45px;line-height: 55px;}
    .blog .stage h2,.archive .stage h2 {font-size: 25px;line-height: 35px;}
}
@media (max-width: 1100px) {
    .stage .l-wrp {top:15vw}
    .stage.subpage .l-wrp {top:16vw}
    .stage.subpage {min-height: inherit;aspect-ratio: 3/1.2;}
    .blog .stage .l-wrp,.archive .stage .l-wrp {top:16vw}
    .blog .stage,.archive .stage {min-height: inherit;aspect-ratio: 3/1.2;}
    header .header-grid {display: grid;grid-template-columns: 150px auto;}
    header .header-grid .logo {padding:5px 0}
    .accordion-bild .item-accordion.hidden .item-accordion-content .grid{display: grid!important;grid-template-columns: 50% auto;column-gap: 20px}
    footer .wrp {display: grid;grid-template-columns: 17% 40% auto;column-gap: 20px;}
}
@media (max-width: 1024px) {
    .ihk {display:block;width:100%;max-width:130px;margin:0;position:absolute;bottom:0;}
	header {padding: 10px 0;}
}
@media (max-width: 900px) {
    .stage .l-wrp {top:22vw}
    .stage.subpage .l-wrp {top:17vw}
    .blog .stage .l-wrp,.archive .stage .l-wrp {top:17vw}
    .stage h1 {font-size: 45px;line-height: 55px;}
    .stage h2 {font-size: 25px;line-height: 35px;}
    .stage h1 br{display:none;}
    .stage h1 strong {display:block;font-size: 60px;line-height: 72px;}
    .stage .l-wrp .btn {margin:20px 0;padding: 8px 30px;}
    .accordion-bild .item-accordion.hidden .item-accordion-content .grid {display:block!important;}
    .accordion-bild .item-accordion.hidden .item-accordion-content .bild {margin-bottom:20px;}
    .accordion-bild .item-accordion.hidden .item-accordion-content .bild img {max-height: 350px;}
    .accordion-bild .item-accordion .item-accordion-content .grid {display:block!important;}
    .accordion-bild .item-accordion .item-accordion-content .bild {margin-bottom:20px;}
    .accordion-bild .item-accordion .item-accordion-content .bild img {max-height: 350px;}
    footer .wrp {display: grid;grid-template-columns: 25% auto;column-gap: 30px;}
    footer .footernav {display:none;}
}
@media (max-width: 800px) {
    .stage.subpage h1 {font-size: 40px;line-height: 50px;}
    .blog .stage h1, .archive .stage h1 {font-size: 40px;line-height: 50px;}
    .stage.subpage h2 {font-size: 22px;line-height: 32px;}
    .blog .stage h2,.archive .stage h2 {font-size: 22px;line-height: 32px;}
    .stage .l-wrp {top:15vw}
    .stage,.stage video {min-height:360px;}
    .flyout {position: fixed;top: 18px;right: 0;z-index: 88;}
    .flyout .flyout-con-1 {width:40px;height:40px;overflow:hidden;right:85px;box-sizing: border-box}
    .flyout .flyout-con-1:hover {right:85px;}
    .flyout .flyout-con-1 span {position: absolute;left: 0;top: 6px;padding:1px 8px 5px 8px;}
    .flyout .flyout-con-2 {width:40px;height:40px;overflow:hidden;margin-top:0;right:132px;box-sizing: border-box}
    .flyout .flyout-con-2 span {position: absolute;left: 0;top: 3px;padding:5px 8px;}
    .flyout .flyout-con-2:hover {right:132px;}
    .flyout .flyout-con-3 {display:none;}
    .flyout .flyout-con-1 span, .flyout .flyout-con-2 span {width: 25px;height: 22px;}
    .ihk {display:block;width:100%;max-width:130px;margin:0;position:absolute;right:0;bottom:0;}
}
@media (max-width: 768px) {
    .stage.subpage .l-wrp {top:15vw}
    .blog .stage .l-wrp,.archive .stage .l-wrp {top:15vw}
    header .header-grid,.scrolled header .header-grid {grid-template-columns: 130px auto;padding:0}
    .home .teasercards:first-of-type {margin-top: -15vw;}
    .textbild .bild {order:1!important}
    .textbild .text  {order:2!important}
    .textbild .bild img {max-height:220px;}
    .mptt-list-event {font-weight:700;}
    .mptt-list-event p.timeslot {font-weight:400;}
    .scrolled header .header-grid .logo {width: 95%;transition: var(--transition);}
    .flyout.active {display:none;}
    .flyout .flyout-con-1,.flyout .flyout-con-2 {opacity:1;}
    .flyout .flyout-con-1 span, .flyout .flyout-con-2 span {width: 25px;height: 22px;}
}
@media (max-width: 700px) {
    .stage h1 {font-size: 40px;line-height: 50px;}
    .stage h1 strong {font-size: 55px;line-height: 65px;}
    .stage .l-wrp {top: 18vw;}
    .bildtrenner h2 {font-size: 40px;line-height: 50px;margin: 0 0 5px 0;}
    footer .wrp {display:block;text-align:center}
    footer .wrp .logo {max-width:250px;margin:0 auto 25px auto}
    footer .wrp .footernav {display:none;}
    .page-id-739 .formular iframe {height: 1225px!important;}
}
@media (max-width: 640px) {
    .bottom .wrp {display:block;text-align:center}
	.stage {min-height:350;}
	.single .stage {min-height:300px;}
}
@media (max-width: 600px) {
    .stage.subpage .l-wrp {top: 17vw;}
    .blog .stage .l-wrp,.archive .stage .l-wrp {top: 17vw;}
    .home .teasercards:first-of-type {margin-top: -20px;}
    .stage.subpage {aspect-ratio: 3/1.4;}
    .blog .stage,.archive .stage {aspect-ratio: 3/1.4;}
    .stage .l-wrp .btn {margin:10px 0;padding: 5px 20px;}
    .accordion-bild .item-accordion.hidden .item-accordion-content .bild img {max-height: 200px;}
}
@media (max-width: 500px) {
    .parent-pageid-735 main.withsidebar {margin-bottom:25px;}
    .parent-pageid-733 main.withsidebar {margin-bottom:25px;}
    .page-id-737 main.withsidebar {margin-bottom:25px;}
    .stage.subpage.mb {margin-bottom: 25px;}
    .blog .stage.mb,.archive .stage.mb {margin-bottom: 25px;}
    .stage.subpage {aspect-ratio: 3/1.85;}
    .blog .stage,.archive .stage {aspect-ratio: 3/1.85;}
    .stage.subpage .l-wrp {top: 21vw;}
    .blog .stage .l-wrp,.archive .stage .l-wrp {top: 21vw;}
    .stage.subpage h1 {font-size: 30px;line-height: 40px;}
    .blog .stage h1,.archive .stage h1 {font-size: 30px;line-height: 40px;}
    .stage.subpage h2 {font-size: 20px;line-height: 30px;}
    .blog .stage h2,.archive.stage h2 {font-size: 20px;line-height: 30px;}
    .stage {min-height:inherit;aspect-ratio: 2/1.45;overflow:hidden}
    .single .stage {min-height:inherit;aspect-ratio: 2/1.15;overflow:hidden}
    .stage video {min-height:inherit;aspect-ratio: 2/1.5;}
    .bildtrenner h2 {font-size: 35px;line-height: 45px;margin: 0 0 5px 0;}
    .bildtrenner p {font-size: 18px;font-weight: 600;line-height: 28px;}
    .flyout .flyout-con-1 {right:70px;}
    .flyout .flyout-con-2 {right:120px;}
    .flyout {top:18px}
    .ihk {max-width:150px;margin:15px auto;position:relative;right:inherit;bottom:inherit;}
    .logogrid img {max-width:100px;}
}
@media (max-width: 460px) {
    .flyout {top:10px}
    .stage.subpage {aspect-ratio: 5/4;}
    .blog .stage,.archive .stage {aspect-ratio: 5/4;}
    .stage .l-wrp {top: 21vw;}
    .stage h1 {font-size: 30px;line-height: 40px;}
    .stage h1 strong {font-size: 40px;line-height: 50px;}
    .stage h2 {font-size: 22px;line-height: 32px;}
    .bildtrenner {aspect-ratio:inherit;min-height: 430px;}
    .textbild .bild img {max-height: 150px;}
    header .header-grid, .scrolled header .header-grid {grid-template-columns: 100px auto;padding: 0;}
    .page-id-739 main.withsidebar .content .text.mb .wrp {max-height:inherit;overflow:visible;transition: var(--transition)}
    main.withsidebar .content .text .wrp {/*max-height:240px;overflow:hidden;*/transition: var(--transition)}
    main.withsidebar .content .text .wrp.active {max-height: unset;transition: var(--transition)}
    main.withsidebar .content .text .mehr {display:block;font-size:60px;font-weight:700;text-align:center;margin:40px auto 0 auto}
    .page-id-739 main.withsidebar .content .text.mb .mehr {display:none;font-size:60px;font-weight:700;text-align:center;margin:40px auto 0 auto}
    main.withsidebar .content .text .mehr span{display:block;font-size:18px;font-weight:700;text-align:center;margin:0 auto}
    .mptt-shortcode-wrapper .mptt-shortcode-list .mptt-column, .mptt-shortcode-wrapper .mptt-shortcode-list .mptt-column .mptt-column-title {margin:0!important;}
    .accordion-bild .item-accordion.hidden .item-accordion-content .bild img {max-height: 150px;}
    main.withsidebar .content .text .mehr.active {display:none;}
    main.withsidebar .content .text .mehr-no.active {display:block;}
    main.withsidebar .content .text .mehr-no {font-size:60px;font-weight:700;text-align:center;margin:40px auto 0 auto}
    main.withsidebar .content .text .mehr-no span{display:block;font-size:18px;font-weight:700;text-align:center;margin:0 auto}

    main.withsidebar .content .text .mehr svg {width:25px;height:25px;transform:rotate(0deg);transition: 0.4s ease-in-out}
    main.withsidebar .content .text .mehr-no.active svg {width:25px;height:25px;transform:rotate(225deg);transition: 0.8s ease-in-out}
}
@media (max-width: 400px) {
    .stage {min-height:inherit;aspect-ratio: 2/1.25;overflow:hidden}
    .single .stage {min-height:inherit;aspect-ratio: 2/1.25;overflow:hidden}
    .stage video {min-height:inherit;aspect-ratio: 2/1.25;}
    .stage .l-wrp {top: 22vw;}
    .stage h1 {font-size: 24px;line-height: 34px;}
    .stage h1 strong {font-size: 38px;line-height: 48px;}
    .stage h2 {font-size: 18px;line-height: 28px;}
}