/*
Theme Name: Mastertheme
Theme URI: http://www.kiotec.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;}

/* ########## Fonts ++ WICHTIG font-display: swap; ++ ########## */


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

* {
    --font-family: "open-sans", sans-serif;
    --transition: .45s 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: #1C82DE;
    --secundary-color: #f39200;
    --third-color:#FFFBF5;
    --text-color: #3A4D5E;
}

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

html {scroll-behavior: smooth;}
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;}

.wrp {max-width: var(--wrp-width); width: 90%; margin: 0 auto; position:relative; box-sizing:border-box;}

/* Margins */

.mb {margin-bottom: 100px;}
.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%;}

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

/* Typo Styles */

h1{margin:0;}
h2{margin:0;}
h3{margin:0;}

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


p {margin-bottom: var(--line-height);}
p:last-child {margin-bottom: 0;}
address {font-style: normal; color: var(--text-color);}
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;}
#mainnav ul.mainnav.desktop li:first-child {margin-left:0;}
#mainnav ul.mainnav.desktop li a{display:block; font-size:20px;font-weight:700; color: var(--text-color); transition: var(--transition); padding: 30px 0;}
#mainnav ul.mainnav.desktop li a:hover,#mainnav ul.mainnav li.current-menu-item a{color: var(--secundary-color); transition: var(--transition);}
#mainnav ul.mainnav li.current_page_ancestor a{color: var(--secundary-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 {width:600px;position: absolute; top: 84px; 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:250px; height: 100%; padding: 7px 15px; display:inline-block;margin:0 0 10px 0;transition: 0.8s ease;border-radius:20px;color:#fff;background: var(--primary-color);}
    #mainnav ul.mainnav li.menu-item-has-children ul.sub-menu li a {color:#fff;}
    #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, #mainnav ul.mainnav li.menu-item-has-children ul.sub-menu li.current-menu-item {background: var(--secundary-color);}
    #mainnav ul.mainnav li.menu-item-has-children ul.sub-menu li:hover a {color: #fff;}
    #mainnav ul.mainnav li.menu-item-has-children ul.sub-menu li a {font-size:18px;font-weight:600;padding:2px}
    #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: 50px;height: 50px;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: 35px;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: 42px; width: 100%; z-index: 10; padding: 15px 0; box-sizing: border-box; background: #fff; box-shadow: var(--box-shadow);transition: var(--transition);}
.scrolled header { padding: 5px 0;top: 0;background:var(--third-color);transition: var(--transition);}
header .header-grid {display: grid; grid-template-columns: 200px 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%;}
header .header-grid .logo a {display: flex; align-items: center;}
header .header-grid .mainnav-toggle {display: none;justify-self: end;}

.top {position:fixed;width:100%;top:0;background:var(--secundary-color);color:#fff;font-size:12px;font-weight:700;z-index: 8;}
.top .wrp {display:grid;grid-template-columns: 1fr 1fr;padding:5px 0;}
.top .wrp .nav{justify-self: end;}
.top .wrp .nav ul{list-style-type: none;margin:0;}
.top .wrp .nav ul li{list-style-type: none;margin:0;display:inline-block;}
.top .wrp .nav ul li:after {content:"-";display:inline-block;margin-left:4px;}
.top .wrp .nav ul li:nth-child(2):after {content:"-";display:none}
.top .wrp .nav ul li a{color:#fff;}

/* Kopfbereich Startseite / Unterseite  */

.stage {
    width: 100%;
    position: relative;
    margin-top: 150px;
    padding: 60px 0 100px;
    background: var(--third-color);
    overflow: visible;
    box-sizing: border-box;
}
.stage .wrp {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: center;
    z-index: 2;
}
.stage .stage-img {
    display: flex;
    align-items: center;
    justify-content: center;
}
.stage .stage-img img {
    width: 100%;
    height: auto;
    max-width: 500px;
}
.stage.subpage .stage-img img {
    max-width: 400px;
}

/* Bogen */
.stage::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    padding-bottom: 15.5%;
    background: url(assets/bogen.svg) bottom center / 100% auto no-repeat;
    pointer-events: none;
    z-index: 3;
}

/* Hintergrundbild-Modus */
.stage.has-background-image {
    aspect-ratio: 2.5 / 1;
    min-height: 450px;
    display: flex;
    align-items: center;
    padding-top: 80px;
    padding-bottom: 120px;
    background-size: cover;
    background-position: center;
}
.stage.has-background-image.subpage {
    aspect-ratio: 3 / 1.25;
    min-height: 380px;
}
.stage.has-background-image .wrp {grid-template-columns: 100%;}
.stage.has-background-image .stage-content {max-width: 650px;}
.stage.has-background-image h1 strong {text-shadow: 1px 1px 4px rgba(0,0,0, 0.7);}
.stage.has-background-image p {color: #fff; text-shadow: 1px 1px 4px rgba(0,0,0, 0.7);}
.stage.has-background-image h1 {font-size: clamp(26px, 3.5vw, 42px);}
.stage.has-background-image p {font-size: clamp(14px, 1.6vw, 17px);}

/* Stage Typographie */
.stage h1 {margin: 0; font-size: clamp(28px, 4vw, 45px); line-height: 1.2; color: var(--secundary-color);}
.stage h2 {margin: 0 0 20px 0; font-size: clamp(18px, 2.5vw, 22px); line-height: 1.4; color: #fff; font-weight: 800;}
.stage h1 strong {color: var(--secundary-color); font-weight: 800;}
.stage h1 em {font-style: normal; font-weight: 800;}
.stage p {font-weight: 700; font-size: clamp(15px, 1.8vw, 18px);}
.stage p strong {font-weight: 800;}
.stage .buttons {display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px;}
.stage .btn {padding: 12px 30px; background: var(--primary-color); display: inline-block; font-weight: 700; border-radius: 30px; color: #fff; transition: var(--transition); font-size: clamp(14px, 1.6vw, 16px);}
.stage .btn:hover {background: var(--secundary-color); transition: var(--transition);}
/* ########## Content ########## */
/* Text */

.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;}
.text.align-center {text-align: center;}

.text h2 {margin:0 0 20px 0;font-size:35px;line-height:47px;font-weight:600;text-align:center}
.text h2:after {content:"";display:block;margin:20px auto 40px auto;max-width:130px;border-top:1px solid var(--secundary-color)}

.text h3 {margin:0 0 40px 0;font-size:35px;line-height:40px;font-weight:600;text-align:center}

/* Text Bild */

.textbild .wrp {display: grid; align-items: center; justify-content: space-between; box-sizing: border-box; background: #fff;}
.textbild .text {border-radius: 5px 0 0 5px; box-sizing: border-box;}
.textbild .bild {width: 100%; height: 100%;}
.textbild .bild img {width: 100%; height: 100%; object-fit: cover;border-radius:15px;}
.textbild .text h2 {margin:0 0 20px 0;font-size:28px;line-height:38px;font-weight:600;text-align:left}
.textbild h2:after {content:"";display:none;}


@media (max-width: 940px) {
    .textbild .text {order: 2!important;}
    .textbild .bild {order: 1!important;}
    .textbild .wrp {grid-template-columns: 100%!important; gap: 50px;}
}

/* Teasercards */

.teasercards .cards.no-carousel {display: grid; grid-column-gap:20px; grid-row-gap: 20px; margin: 0;}
.teasercards .cards.no-carousel li {list-style-type: none; margin: 0;}
.teasercards .splide ul.cards {display: flex; grid-column-gap: unset;}

.teasercard-item .img-wrp {width: 100%;max-width:50%;height:auto;display: block;text-align:center;margin:0 auto;}
.teasercard-item .img-wrp img {width: 100%; height: auto;}

.teasercard-item .teasercard-content {display: block;padding:20px;width:75%;box-sizing:border-box;position:absolute;bottom:30px;left:30px;background:rgba(255,255,255, 0.95 )}
.teasercard-item .teasercard-content p{margin:0;}
.teasercard-item .teasercard-content .btn {position:absolute;width:28px;right:-40px;bottom:0;transition: var(--transition);}
.teasercard-item .teasercard-content .btn svg circle{fill: var(--primary-color)!important;transition: var(--transition);}
.teasercard-item:hover .teasercard-content .btn svg circle{fill: var(--secundary-color)!important;transition: var(--transition);}

.teasercards .teasercard-item {position:relative;background:var(--third-color);border:1px solid var(--secundary-color);padding:20px;}
.teasercards .teasercard-item:before {content:"";display:block;width:100%;height:100%;box-sizing: border-box;border:15px solid #fff;position:absolute;left:0;top:0;}

.splide__arrow--next {right:-5%!important}
.splide__arrow--prev {left:-5%!important}

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

@media (max-width: 767px) {
    .teasercards .cards.no-carousel {grid-template-columns: 100% !important;}
}

/* Image */

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

.bildtrenner {width:100%; aspect-ratio: 4/1.25; overflow: hidden; position: relative;background:var(--third-color)}
.bildtrenner img {width:100%; height: 100%; object-fit: cover; object-position: center;opacity:0.3}
.bildtrenner .wrp {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2;}

/* Galerie */

.gallery .fresco-gallery:not(.masonry) {display: grid; gap: 20px; margin-bottom: 0;}
.gallery .fresco-gallery li {list-style-type: none; margin: 0 0 25px 0; border-radius: 15px;overflow: hidden;}
.gallery .fresco-gallery:not(.masonry) li {margin: 0;}
.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%;border-radius:15px;}
.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;height: 0;overflow: hidden;}
.embed .respo-video iframe {position: absolute; top: 0; left: 0; width: 100%;	height: 100%;}
.embed .respo-video ._brlbs-cb-youtube {margin-bottom: -56.25%;}

/* Accordion */

.accordion .item-accordion-head {cursor: pointer; position: relative; background: #f2f2f2; margin-bottom:10px; padding:10px 25px 10px 10px; border:1px solid #f2f2f2;}
.accordion .active .item-accordion-head {background-color:#f8f8f8}
.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: #555; position: absolute; width: 26px; height: 26px; text-align: center; line-height: 22px; font-size: 24px;}
.accordion .item-accordion {margin-bottom: 5px; }
.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;}

/* ########## Blog + Sidebar ########## */

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;}

.textskala .wrp {display:grid;grid-template-columns: 1fr 1fr;gap:40px;}
.textskala .wrp .text h2{font-size: 32px;line-height: 40px;font-weight: 600;}
.textskala .wrp .text h2:after {display:none;}
.textskala .wrp img {width:100%;margin-bottom:20px;max-height:250px;object-fit: cover;object-position: top}
.textskala .wrp .text a {padding: 10px 35px;background: var(--primary-color);display: inline-block;margin: 20px 20px 0 0;font-size: 16px;font-weight: 700;border-radius: 30px;color: #fff;transition: var(--transition);}
.textskala .wrp .text a:hover {background: var(--secundary-color); transition: var(--transition);}
.textskala .wrp .box {margin-bottom:80px;position:relative;}
.textskala .wrp .box p {padding-left:40px;}
.textskala .wrp .box p strong{font-size:20px;font-weight:600;}
.textskala .wrp .box:nth-child(1):before {content:"1";font-size:40px;font-weight:800;color:var(--secundary-color);position:absolute;}
.textskala .wrp .box:nth-child(1):after {content:"";border-left:1px solid #000;width:1px;height:110px;position:absolute;top:50px;margin-left:13px;}
.textskala .wrp .box:nth-child(2):before {content:"2";font-size:40px;font-weight:800;color:var(--secundary-color);position:absolute;}
.textskala .wrp .box:nth-child(2):after {content:"";border-left:1px solid #000;width:1px;height:110px;position:absolute;top:50px;margin-left:13px;}
.textskala .wrp .box:nth-child(3):before {content:"3";font-size:40px;font-weight:800;color:var(--secundary-color);position:absolute;}
.textskala .wrp .box:nth-child(3):after {content:"";border-left:1px solid #000;width:1px;height:110px;position:absolute;top:50px;margin-left:13px;}
.textskala .wrp .box:nth-child(4):before {content:"4";font-size:40px;font-weight:800;color:var(--secundary-color);position:absolute;}


.stoerer {background:var(--third-color);padding:40px 0}
.stoerer .wrp {display:grid;grid-template-columns: 1fr 1fr;align-items: center;}
.stoerer .wrp .stoerer-content {font-size:24px;line-height:34px;font-weight:600;}
.stoerer .wrp .stoerer-content strong {text-transform: uppercase;}
.stoerer .wrp .buttons {justify-self: end;}
.stoerer .wrp .buttons a {padding: 10px 35px;background: var(--primary-color);display: inline-block;margin-right:20px;font-size:16px;font-weight:700;border-radius:30px;color:#fff; transition: var(--transition);}
.stoerer .wrp .buttons a:hover {background: var(--secundary-color); transition: var(--transition);}


.boxen .wrp {display:grid;grid-template-columns: 1fr 1fr;align-items: center;gap:20px;}
.boxen .wrp .box {background:var(--third-color);padding:30px;}
.boxen .wrp .box h3{font-size:20px;font-weight:600;margin:0 0 20px 0}
.boxen .wrp .box a {padding: 7px 35px;background: var(--primary-color);display: inline-block;margin:20px 20px 0 0;font-size:16px;font-weight:700;border-radius:30px;color:#fff; transition: var(--transition);}
.boxen .wrp .box a:hover {background: var(--secundary-color); transition: var(--transition);}

.reha {position:absolute;right:0;top:0;max-width:200px;}

/* Sidebar */

main.withsidebar .sidebar {width: 100%; position: -webkit-sticky; position: sticky; top: 150px; background: #f5f5f5; padding: 25px; box-sizing: border-box;}


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

@media (max-width: 768px) {
    main.withsidebar .content .blog-grid {grid-template-columns: repeat(2, 1fr);}
}


div.wpforms-container-full .wpforms-form .wpforms-submit-spinner {display:none!important}
div.wpforms-container-full .wpforms-form button[type=submit] {background-color:var(--primary-color)!important;color:#fff!important;padding:10px 25px!important;border:0!important;margin-top:20px!important;transition: var(--transition);}
div.wpforms-container-full .wpforms-form button[type=submit]:hover {background-color:var(--secundary-color)!important;transition: var(--transition);}

/* ########## Footer ########## */

footer {background:var(--third-color);padding:40px 0;font-size:16px;}
footer .wrp {display:grid;grid-template-columns: 20% auto;gap:50px;align-items: center;}

.claim {text-align:center;padding:10px 20px;font-size:24px;font-weight:800;color:var(--secundary-color)}

/* Bottom */

.bottom .wrp {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;font-size:12px;padding:10px 0 20px 0}
.bottom .wrp ul {margin:0;list-style-type: none}
.bottom .wrp ul li{margin:0;list-style-type: none;display:inline-block;margin-right:5px;}
.bottom .wrp ul li:after {content:"-";display:inline-block;margin-left:8px;}
.bottom .wrp ul li:nth-child(3):after {content:"-";display:none}
/* 404 */

.error404 .stage {display: none;}
.pageerror {padding: 250px 0 100px 0; text-align: center;}

/* ########## Responsive Stage ########## */

@media (max-width: 1400px) {
    .stage.has-background-image {padding-top: 70px; padding-bottom: 100px;}
    .stage.has-background-image .stage-content {max-width: 550px;}
}

@media (max-width: 1200px) {
    .stage .stage-img img {max-width: 400px;}
    .stage.subpage .stage-img img {max-width: 320px;}
    .stage.has-background-image {aspect-ratio: 2.2 / 1; min-height: 400px; padding-top: 60px; padding-bottom: 90px;}
    .stage.has-background-image.subpage {aspect-ratio: 2.8 / 1; min-height: 340px;}
    .stage.has-background-image .stage-content {max-width: 480px;}
    .stage.has-background-image h1 {font-size: clamp(24px, 3vw, 36px);}
    .stage.has-background-image p {font-size: clamp(14px, 1.5vw, 16px);}
    #mainnav ul.mainnav.desktop li a {padding:10px 0}
    header .header-grid {grid-template-columns: 170px auto;}
}

@media (max-width: 1100px) {
    .stage.has-background-image .stage-content p {display: none;}
    .stage.has-background-image {padding-top: 50px; padding-bottom: 70px;}
    .stage.has-background-image .buttons {margin-top: 25px;}
}

@media (max-width: 1024px) {
    .stage {margin-top: 100px; padding: 50px 0 80px;}
    .stage .wrp {gap: 30px;}
    .stage .stage-img img {max-width: 320px;}
    .stage.subpage .stage-img img {max-width: 260px;}
    .stage.has-background-image {aspect-ratio: 2 / 1; min-height: 350px; padding-top: 50px; padding-bottom: 80px;}
    .stage.has-background-image.subpage {aspect-ratio: 2.5 / 1; min-height: 300px;}
    .stage.has-background-image .stage-content {max-width:inherit;}
}

@media (max-width: 900px) {
    .stage {padding: 50px 0 80px;}
    .stage .wrp {grid-template-columns: 100%; text-align: center;}
    .stage .stage-img {display: none;}
    .stage .stage-content {order: 1;}
    .stage .buttons {justify-content: center;}
    .stage.has-background-image {aspect-ratio: 2 / 1.2; min-height: 320px; padding-top: 45px; padding-bottom: 70px;}
    .stage.has-background-image.subpage {aspect-ratio: 2.2 / 1; min-height: 280px;}
    .stage.has-background-image .stage-content {max-width: 100%;}
    .stage.has-background-image .wrp {text-align: left;}
    .stage.has-background-image .buttons {justify-content: flex-start;}
    .stage.has-background-image h1 {font-size: clamp(22px, 5vw, 32px);}
    header .header-grid {
        grid-template-columns: 130px auto;
    }
}

@media (max-width: 768px) {
    .stage {margin-top: 115px; padding: 45px 0 70px;}
    .stage.subpage.mb {margin-bottom: 40px;}
    .stage.has-background-image {aspect-ratio: 1.8 / 1.25; min-height: 300px; padding-top: 40px; padding-bottom: 60px;}
    .stage.has-background-image.subpage {aspect-ratio: 2 / 1; min-height: 260px;}
    .stage.has-background-image h1 {font-size: clamp(20px, 5vw, 28px);}
    .stage.has-background-image p {display: none;}
}

@media (max-width: 555px) {
    .stoerer .wrp .buttons a {display:block;margin:0 0 10px 0}
}
@media (max-width: 500px) {
    .stage { padding: 35px 0 60px;}
    .stage .btn {padding: 10px 20px;}
    .stage .buttons {gap: 8px;}
    .stage.has-background-image {aspect-ratio: 1.4 / 1.2; min-height: 260px; padding-top: 30px; padding-bottom: 45px;}
    .stage.has-background-image.subpage {aspect-ratio: 1.6 / 1; min-height: 220px;}
    .stage.has-background-image h1 {font-size: clamp(18px, 6vw, 24px);}
    .stage.has-background-image .btn {padding: 8px 18px; font-size: 13px;}
}

/* ########## Responsive Sonstige ########## */

@media (max-width: 1140px) {
    .stoerer .wrp {grid-template-columns: 100%; text-align: center; gap: 40px; justify-items: center;}
    .stoerer .wrp .buttons {justify-self: center;}
}

@media (max-width: 1024px) {
    .reha {position: absolute; right: 0; top: -70px;}
    .reha img {max-width: 150px;}
}

@media (max-width: 965px) {
    .top {opacity: 1; transition: var(--transition);}
    .scrolled .top {opacity: 0; transition: var(--transition);}
    .textbild .bild img {max-height: 380px;}
}

@media (max-width: 855px) {
    .text h2 {text-align: left !important;}
    .text p {text-align: left !important;}
    .text h2:after {margin: 40px 0 40px 0;}
}

@media (max-width: 680px) {
    .text h2 {font-size: 30px; line-height: 42px;}
    .textskala .wrp {grid-template-columns: 1fr; gap: 70px;}
    .boxen .wrp {grid-template-columns: 1fr; gap: 20px;}
    footer .wrp {display: grid; grid-template-columns: 1fr; gap: 20px; text-align: center;}
    footer .wrp .logo {width: 250px; margin: 0 auto;}
    .reha {position: relative; right: inherit; top: inherit; margin: 0 auto;}
}