/*
Theme Name: Riskid
Theme URI: http://www.riskid.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; ++ ########## */


.urbanist-uniquifier {
               font-family: "Urbanist", sans-serif;
               font-optical-sizing: auto;
               font-weight: 100;
               font-style: normal;
           }

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

* {
    --font-family: "Urbanist", sans-serif;
    --transition: .2s ease;
    --wrp-width: 1300px;
    --bigwrp-width: 1820px;
    --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: #EBF9FD;
    --secundary-color: #C105A4;
    --text-color: #515151;
}

/* ########## Globals ########## */
body.noscroll {overflow: hidden!important;}
html {scroll-behavior: smooth;}
body {font-size: var(--font-size); font-family: var(--font-family); line-height: var(--line-height); color: var(--text-color); max-width: 1920px; width: 90%; margin: 0 auto;}
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;}

.legende {display: flex; gap: 20px; margin-bottom: 20px;}
.kartentext {align-content: center;}
.map .wrp {display: grid; grid-template-columns: 40% 50%; gap: 10%;}
#deutschland path { stroke-linejoin: round; stroke: white;}
#deutschland path {fill: #d3d3d3!important; }
#deutschland .gesetz-ja path {fill: #1E71BC!important; }
#deutschland .gesetz-verfahren path {fill: #1E71BC62 !important; }

.map .wrp .legende .gstz {display: flex; gap: 10px; align-items: center;}
.map .wrp .legende .gstz span {height: 20px; width: 20px; border-radius: 4px;}
.map .wrp .legende .gstz.ja span {background: #1E71BC; }
.map .wrp .legende .gstz.us span {background:  #1E71BC62; }
.map .wrp .legende .gstz.nein span {background: #d3d3d3; }
.map .wrp .legende p {margin-bottom: 0; font-size: 14px; line-height: 19px;}


@media (max-width: 900px) {
    .map .wrp {display: grid; grid-template-columns: auto; gap: 50px;}
}

@media (max-width: 550px) {
    body {font-size: 16px; line-height: 26px;}
    .map .wrp .karte {height: 300px;}
}

/* Margins */

.mb {margin-bottom: 100px;}
.mb50 {margin-bottom: 50px;}
.mb15 {margin-bottom: 15px;}

@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: 1300px; width: 90%; margin: 0 auto;}
main.withsidebar .content .wrp {width: 100%;}

@media (max-width: 1200px) {
    main.withsidebar .page-build {grid-template-columns: 100%;}
    main.withsidebar .page-build .sidebar {display: none;}
    main.withsidebar .page-build .sidebar.contact-page {display: unset!important; order: 2;}
}

/* Typo Styles */

h1{margin:0 0 20px 0; font-weight: 200; color: #1e71bc; font-size: 60px; line-height: 60px;}
h2{margin:0 0 20px 0; font-size: 25px; line-height: 30px; font-weight: 600;}
h3{margin:0;font-size: 22px;}
h4{font-size: 15px; font-weight: 700;}
h5{font-size: 60px; font-weight: 500; color: #1E71BC;}
h6{font-size: 160px; font-weight: 400; color: #1E71BC;}

@media (max-width: 1225px){
    h1 {font-size: 40px; line-height: 40px;}
}

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


.btn, button {padding: 9px 23px; background: var(--secundary-color); display: inline-block; color: #FFFF;transition: var(--transition); box-shadow: var(--box-shadow); z-index: 2;}
.btn:hover {transform: scale(1.05); transition: var(--transition); color: var(--primary-color);}
button:hover{transform: scale(1.05); transition: var(--transition); color: var(--primary-color);}



p {margin-bottom: var(--line-height); hyphens: auto;}
p:last-child {margin-bottom: 25px;}
address {font-style: normal; color: var(--text-color);}
address a {display: 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: 18px; margin-left: 35px;}
#mainnav ul.mainnav.desktop li:first-child {margin-left:0;}
#mainnav ul.mainnav.desktop li:last-child {padding: 9px 23px; background: var(--secundary-color); color: #FFFF;transition: var(--transition); box-shadow: var(--box-shadow); z-index: 2;border-radius: 8px;}
#mainnav ul.mainnav.desktop li a{display:block; color: var(--text-color); transition: var(--transition); padding: 40px 0;}
#mainnav ul.mainnav.desktop li a:hover, #mainnav ul > li.current-menu-item > a{ transition: var(--transition); color: var(--secundary-color); border-left: unset;}
#mainnav ul.mainnav.desktop .btn {margin-left: 40px; box-shadow: var(--box-shadow);}
/* Submenu */

@media (min-width: 1550px){

    #mainnav ul.mainnav.desktop {display: flex; align-items: center; margin: 0;}
    #mainnav ul.mainnav.desktop .menu ul {display: flex; align-items: center; margin: 0;}
    html.scrolled #mainnav ul.mainnav li a {padding: 30px 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: 84px; left: 0; display: block; height: auto; max-height: 0; overflow: hidden;}
    #mainnav ul.mainnav li.menu-item-has-children ul.sub-menu li {width:100%; height: 100%; padding: 2px 5px 2px 7px; transition: 0.2s ease; background: #e8e8e8; border-radius: 10px;  margin: 0 0 7px -7px;box-shadow: var(--box-shadow);}
    #mainnav ul.mainnav li.menu-item-has-children ul.sub-menu li a {font-size: 16px;}
    #mainnav ul.mainnav li.menu-item-has-children:hover > ul.sub-menu {max-height: 674px; padding: 0; overflow: visible;width: 180px;}

    #mainnav ul.mainnav li.menu-item-has-children ul.sub-menu li:hover {scale: 1.05; background: var(--primary-color);}
    #mainnav ul.mainnav li.menu-item-has-children ul.sub-menu li:hover a {color: var(--text-color);}
    #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: 1550px) {

    .mainnav.desktop {display: none;}
    header .header-grid {padding: 30px 0;}
    /* Offcanvas */

    .noscroll {overflow: hidden!important;}

    #mainnav ul.mainnav.smart {display:block;}
    #mainnav {position: fixed; top: 0; right: 0; bottom: 0; width: 110%;height: 100vh;transform: translateX(120%); transition: .9s ease; box-shadow: var(--box-shadow); z-index: 4; background-color: var(--primary-color); border-radius: 20px 0 0 20px; max-width: 500px; margin-right: -6%;}
    #mainnav.active {transform: translateX(0); transition: .9s ease; overflow: auto;}
    #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; 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:#1E71BC; }

    /* Submenu */

    #mainnav ul.mainnav.smart {display: block;}
    #mainnav ul.mainnav.smart li .opensubnav {transition: var(--transition);}
    #mainnav ul.mainnav li {padding: 0; box-sizing: border-box; margin: 0;  border-bottom: 1px solid #dedede; list-style-type: none; transition: var(--transition);}
    #mainnav ul.mainnav li.active {transition: var(--transition);}
    #mainnav ul.mainnav li a {font-size: var(--font-size); padding: 12px 45px 12px 5%; display: block;}
    #mainnav ul.mainnav li a:hover {color: var(--secundary-color);}

    #mainnav .opensubnav {cursor: pointer; width: 56px; height: 56px; position: absolute; right: 0; 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 #515151; 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: 24px; top:23px; transition: var(--transition);}

    #mainnav address.contact {padding: 5%; box-sizing: border-box; display: block;}
    #mainnav address.contact a:hover {color: var(--secundary-color); transition: var(--transition);}

    /* 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: 6%;}
    #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 ; 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: 30px;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: 10px;height: 2px;background: #1E71BC;transition: all .3s;position: relative;}
    .mainnav-toggle .btn-mainnav-toggle #burger-bun {width: 70%;}
    .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  {background: #1E71BC;}
    .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: 9; visibility: visible; transition: var(--transition);}
}

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

header {position: fixed; top:0;width: 90%; z-index: 10; box-sizing: border-box; background: var(--primary-color); border-radius: 20px;  margin: 15px auto 15px auto; left: 50%; transform: translateX(-50%); max-width: 1920px;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);}
header .header-grid .logo {width: 100%; height: 100%;}
header .header-grid .logo img {width: 100%; height: auto;}
header .header-grid .mainnav-toggle {display: none;justify-self: end;}


html.scrolled header {box-shadow: var(--box-shadow); transition: var(--transition); width: 100%; border-radius: unset; margin: unset; max-width: unset;}
html.scrolled header .header-grid {grid-template-columns: 165px auto; transition: var(--transition);}


@media (max-width: 600px){
    header .header-grid {grid-template-columns: 140px auto; padding: 20px 0;}

}
/* Kopfbereich Startseite / Unterseite  */

.stage {aspect-ratio: 3/1; min-height: 400px; position: relative; margin-top: 140px; width: 100%;  overflow: hidden;}
.stage .wrp {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2;}
.stage img {width: 100%; height: 100%; object-fit: cover; object-position: center;transform: scaleX(-1); border-radius: 21px;}
.stage h2 {color: var(--secundary-color);}

.stage.subpage {aspect-ratio: 5/1; width: 100%; position: relative; min-height: 200px; z-index: 0;}
.stage.subpage .wrp {top: 89%;}
.stage.subpage img {transform: unset;}
.stage.subpage span {height: 100%; width: 60%; border-radius: 16px; background: rgb(235,249,253);background: linear-gradient(90deg, rgba(235,249,253,1) 0%, rgba(235,249,253,0) 100%); z-index: 1;position: absolute; display: none;}

.stage.subpage .stage-content h1 { color: #1E71BC; font-weight: 500; margin: unset; font-size: 40px;  background: #FFFFFF; display: inline-block; padding: 13px 25px 30px; border-radius: 20px 20px 0 0;}

@media (max-width: 1550px){
    .stage {margin-top: 150px;}
}


@media (max-width: 1200px){

    .stage h1 {font-size: 40px; line-height: 40px;}
}


@media (max-width: 600px){

    .stage {min-height: 420px; margin-top: 110px;}
    .stage h1 {font-size: 30px!important; line-height: 30px;}
    .stage.subpage h1 {font-size: 24px!important; padding: 13px 16px 22px!important;}
    .stage h2 {font-size: 20px; line-height: 0;}
}

/* Shortfacts */

.shortfacts .wrp {display:grid; grid-template-columns: repeat(3, 300px); text-align: center; justify-content: center;gap: 5%}
.shortfacts .fact-icon {display: grid; place-items: center; margin-bottom: 20px;}

.shortfacts svg {grid-area: 1/1;}
.shortfacts .facticon  {height: 90px; width: 90px;}
.blob {fill: #1E71BC; height: 180px; width: 180px; z-index: -2 }
.zwei {transform: rotate(50deg);}
.drei {transform: rotate(-120deg);}
.kreis {border-radius: 300px; background-color: var(--primary-color); border: 6px solid #FFF; height: 120px; width: 120px; z-index: -1; grid-area: 1/1;}

@media (max-width: 1115px){
    .shortfacts .wrp {display: unset;}
}

@media (max-width: 550px){
    .blob {height: 150px; width: 150px;}
    .kreis {height: 90px; width: 90px;}
    .shortfacts .facticon {height: 60px; width: 60px;}

}


/* Trennlinie */

.trenner .wrp {display: grid; place-items: center;}
.trenner .wrp:before {content: ''; height: 1px; left: 0; background-color: #1E71BC; width: 40%; display: block; top: 50%; position: absolute;}
.trenner .wrp:after {content: ''; height: 1px; right: 0; background-color: #1E71BC; width: 40%; display: block; top: 50%; position: absolute;}

@media (max-width: 1150px){
    .trenner .wrp:before {content: ''; height: 1px; left: 0; background-color: #1E71BC; width: 30%; display: block; top: 50%; position: absolute;}
    .trenner .wrp:after {content: ''; height: 1px; right: 0; background-color: #1E71BC; width: 30%; display: block; top: 50%; position: absolute;}
}

@media (max-width: 550px){
    .trenner .wrp:before {width: 20%; }
    .trenner .wrp:after {width: 20%; }
}

/* ########## 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 p:last-child {margin-bottom: 0;}
.text h2 {hyphens: auto;}


.bg {background: #f2f2f2; padding: 30px; border-radius: 20px;}

/* Text Bild */

.textbild .text p {display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;}
.textbild .text p:last-child {margin-bottom: 25px;}

.textbild .wrp {background-color: var(--primary-color); border-radius: 20px;display: grid; align-items: center; justify-content: space-between; box-sizing: border-box; width: 107%; position: relative; overflow: hidden; box-shadow: var(--box-shadow);}
.textbild .wrp:before {content: url("assets/icons/snake.svg"); height: 35%; width: 8%; position: absolute; left: -19px; bottom: 50%; opacity: 10%;}
.textbild .text {box-sizing: border-box;}
.textbild .bild {width: 100%; height: 100%;}
.textbild .bild img {width: 100%; height: 100%; object-fit: cover;border-radius: 300px 20px 20px 300px;}

.textbild.erstbild .wrp:before {right: -19px; left: unset;}
.textbild.erstbild .bild img {width: 100%; height: 100%; object-fit: cover;border-radius: 20px 300px 300px 20px;}
.textbild.ersttext .text { padding: 15% 0 15% 15%;}
.textbild.erstbild .text { padding: 15%  15% 15% 0;}


@media (max-width: 900px) {
    .textbild .text {order: 1!important; padding: unset!important;}
    .textbild .bild {order: 2!important; aspect-ratio: 3/1.5;}
    .textbild .wrp {grid-template-columns: 100%!important; gap: 50px;background-color: unset; box-shadow: unset; border-radius: unset; overflow: unset;}

    .textbild.erstbild .bild img {border-radius: 20px}
    .textbild.ersttext .bild img {border-radius: 20px}
    .textbild .wrp:before {display: none;}
}

@media (max-width: 1600px) {
    .textbild.erstbild .wrp {width: 100%; margin-left: 0;}
    .textbild.ersttext .wrp {width: 100%;}
}

/* Teasercards */

.teasercards .cards.no-carousel {display: grid; grid-column-gap: 15px; grid-row-gap: 50px; 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 {background-color: #1E71BC; border-radius: 31px; display: grid; grid-template-columns: 50% 50%; justify-content: space-between; align-items: center;position: relative; min-height: 400px; box-shadow: var(--box-shadow);}
.teasercard-item:hover .img-wrp img {scale: 1.1; transition: var(--transition);}
.teasercard-item:before {content: ''; background-color: #1E71BC; opacity: 50%; position: absolute; top: 0; right: 0; height: 100%; width: 65%; border-radius: 300px 55px 55px 300px; z-index: 1;}
.teasercard-item .img-wrp {width: 100%; display: block; height: 100%; overflow: hidden; border-radius: 31px 300px 300px 31px;}
.teasercard-item .img-wrp img {width: 100%; height: 100%; object-fit: cover;  overflow: hidden;transition: var(--transition)}

.teasercards .teasercard-item .teasercard-content {display: block; padding: 30px; color: #FFFFFF; z-index: 2;overflow: hidden; overflow-wrap: break-word; hyphens: auto;}
.teasercards .teasercard-item .teasercard-content p {display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden; }
.teasercards .teasercard-item .teasercard-content .btn {display: inline-block; border-radius: 8px;}

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


/* Teasercards bei aktivierter Sidebar */

main.withsidebar .page-build .teasercards .teasercard-item {grid-template-columns: unset; display: unset; max-height: unset;}
main.withsidebar .page-build .teasercards .teasercard-item .img-wrp {width: unset; height: unset; aspect-ratio: 3/1.5; border-radius: 25px 25px 0 0;}
main.withsidebar .page-build .teasercards .teasercard-item:before {display: none;}



@media (max-width: 1150px) {
    .teasercard-item {grid-template-columns: unset; display: unset; max-height: unset;}
    .teasercard-item .img-wrp {width: unset; height: unset; aspect-ratio: 3/1.5; border-radius: 25px 25px 0 0;}
    .teasercard-item:before {display: none;}

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

}



/* Image */
.fullheight {height:100%!important;}

.image {height: 400px; overflow: hidden; }
.image img {display:block; width:100%; height:100%; border-radius: 20px;object-fit: cover;}
.image .wrp {height: 100%}

.bildtrenner {width:100vw; aspect-ratio: 3/1; overflow: hidden; position: relative; max-height: 450px;min-height:350px; left: 50%; transform: translateX(-50%);}
.bildtrenner .stage-content {width: 35%; color: #FFFFFF;}
.bildtrenner p {display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
.bildtrenner img {width:100%; height: 100%; object-fit: cover; object-position: center;}
.bildtrenner .wrp {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2;}
.bildtrenner_bg {background-color: #1E71BC;opacity: .8; border-radius: 0 300px 300px 0; height: 100%; width: 50%; left: 0; position: absolute; top: 0;}

@media (max-width: 600px) {
    .bildtrenner .bildtrenner_bg {width: 100%;}
    .bildtrenner .stage-content {width: 70%;}
}

/* Steps Anmeldung */


.steps_left_content, .steps_right_content {
    opacity: 0.5; /* Start with dimmed elements */
    transition: opacity 0.3s, transform 0.3s;
}

.steps_right_content {
    transform: translateX(-50px);
}

.steps_left_content.active, .steps_right_content.active {
    opacity: 1;
    transform: translateX(0);
}


.steps {background-color: var(--primary-color); padding: 50px 0;margin-left: 50%; transform: translateX(-50%); width: 100vw; margin-top: 50px;}
.steps h2 {margin-bottom: unset;}
.steps .wrp {display: grid; grid-template-columns: 1fr 1fr; align-items: center;}
.steps .left {display: flex;flex-direction: column; gap: 30px;}
/*.steps .right {display: grid;grid-template-columns: 30% 65%;align-items: center; justify-content: space-between;}*/
.steps .steps_left_content {display: grid; grid-template-columns: 15% 85%; justify-content: space-between; margin-bottom: 20px; opacity: 50%; cursor: pointer;}

.steps .steps_right_content {display: grid; grid-template-columns: 1fr 2fr; align-items: center;justify-content: space-between;}

.steps .steps_right_content {display: none; opacity: 0; transition: opacity 1s ease; }
.steps .steps_right_content.active {display:grid;opacity: 1; transition: opacity 1s ease; }

.active {display: block; transition: var(--transition);}


@media (max-width: 1060px){
    .steps .wrp {grid-template-columns: 1fr 6fr;}
    .steps .left {justify-content: space-between;}
    .steps .left .steps_left_content {grid-template-columns: auto; justify-content: unset;}
    .steps .left .steps_left_content h2 {display: none;}
    .steps .steps_right_content .step_right_number {display: none;}
    .steps .steps_right_content {grid-template-columns: auto; }
}

@media (max-width: 600px){
    .steps {background-color: unset;}
    .steps .wrp {grid-template-columns: 100%;}
    .steps .left {flex-direction: unset; justify-content: space-between;gap: unset; text-align: center;}
    .steps .steps_left_content {flex: 1; }
    .steps .steps_left_content.active h5:before {content: ''; position: absolute; background-color: #1E71BC; bottom: -21px; left: 50%; transform: translateX(-50%); width: 100%; height: 5px; border-radius: 20px 20px 0 0;}
    .steps .steps_left_content h5 {position: relative;}
    .steps .steps_left_content h2 {display: none;}
    .steps .right {background-color: #8EB7DD; color: #FFFFFF; width: 100vw; position: relative; left: 50%; transform: translateX(-50%);}
    .steps .steps_right_content {display: none;}
    .steps .steps_right_content.active  {display: unset;}
    .steps .step_right_content { padding: 40px 0; margin: 0 auto; width: 90%; }
    .steps .steps_right_content .step_right_number {display: none;}
    .steps .steps_right_content.active {display: unset!important;}

}


/* Galerie */

.gallery .fresco-gallery:not(.masonry) {display: grid; gap: 20px; margin-bottom: 0;}
.gallery .fresco-gallery li {list-style-type: none; margin: 0 ; border-radius: 5px;overflow: hidden;aspect-ratio: 1; }

.gallery .fresco-gallery li a {position: relative; display: block; overflow: hidden; height: 100%; width: 100%;}
.gallery .fresco-gallery li a .overlay {width: 100%; position: absolute; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: #1E71BC; opacity: 0; transition: var(--transition);}
.gallery .fresco-gallery li a:hover .overlay {opacity: 0.7; 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%;}
.gallery .fresco-gallery.masonry {gap: 25px; columns: 4; margin: 0 auto;}

.gallery .video-gallery-grid {display: grid; grid-column-gap: 50px; }
.gallery .video-gallery-grid .video-gallery-item {height: 60%; 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: #1E71BC; 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; }
.gallery .video-gallery-grid .video-item {display: grid;}
.gallery .video-gallery-grid .video-item h2 {margin-bottom: 0;}
.gallery .video-gallery-grid .video-item p {margin-bottom: 10px;}

@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;overflow: hidden; aspect-ratio: 3/1.7; border-radius: 20px;}
.embed .respo-video iframe {position: absolute; top: 0; left: 0; width: 100%;	height: 100%;}
.embed .respo-video ._brlbs-cb-youtube {margin-bottom: -56.25%;}

.html5_video_players {aspect-ratio: 3/1.5;}
.h5vp_player_temp {height: 100%;}
.plyr {height: 100%;}
.plyr--video {border-radius: 20px;}
.plyr button.plyr__control.plyr__control--overlaid:hover {transform: translate(-50%, -50%) !important;}
.plyr button.plyr__control.plyr__control--overlaid {transform: translate(-50%, -50%);}
.plyr_wrapper {height: 100%;}

/* Accordion */

.accordion .item-accordion-head {cursor: pointer; position: relative; background: #d5d5d5; margin-bottom:10px; padding:25px 30px 25px 20px; border-radius: 10px;transition: var(--transition); font-size: 18px;}
.accordion .active .item-accordion-head {transition: var(--transition); background: #d5d5d5;color: var(--text-color);padding:15px 30px 15px 20px; font-weight: 600;}
.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(--secundary-color); position: absolute; width: 26px; height: 26px; text-align: center; line-height: 22px; font-size: 24px;}
.accordion .item-accordion {margin-bottom: 5px;}
.accordion .item-accordion .item-accordion-btn:before {content: '+'; line-height: 26px;}
.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;background:#f2f2f2;margin-bottom:10px; border-radius: 10px;}
.accordion .item-accordion .item-accordion-content {padding: 20px;background:#f2f2f2;margin-bottom:10px; border-radius: 10px;}
.accordion .item-accordion.hidden.active .item-accordion-content p:last-child {margin-bottom: unset;}
.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 .fresco-gallery:not(.masonry) {display: grid; gap: 50px; margin-bottom: 50px; justify-self: baseline;}
.accordion .fresco-gallery li {list-style-type: none; margin: 0 ; border-radius: 9px;overflow: hidden; box-shadow: var(--box-shadow);max-height:200px; max-width: 200px; }

.accordion .fresco-gallery li a {position: relative; display: block; overflow: hidden;aspect-ratio: 3/3;}
.accordion .fresco-gallery li a .overlay {width: 100%; position: absolute; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: #1E71BC; opacity: 0; transition: var(--transition);}
.accordion .fresco-gallery li a:hover .overlay {opacity: 0.7; transition: var(--transition);}
.accordion .fresco-gallery li a .overlay .icon-wrp {position: absolute; top: 50%; left: 50%; width: 45px; height: 45px; transform: translate(-50%, -50%);}
.accordion .fresco-gallery li a .overlay .icon-wrp svg {width: 100%; height: 100%; transform: scale(0); transition: var(--transition);}
.accordion .fresco-gallery li a .overlay .icon-wrp svg path {fill: #fff;}
.accordion .fresco-gallery li a:hover .overlay .icon-wrp svg { transform: scale(1); transition: var(--transition);}
.accordion .fresco-gallery li img {width: 100%; height: 100%; object-fit: cover;}


@media (max-width: 850px){
    .accordion .item-accordion .fresco-gallery {grid-template-columns: repeat(3, 1fr) !important}
}

@media (max-width: 550px){
    .accordion .item-accordion .fresco-gallery {grid-template-columns: repeat(2, 1fr) !important; gap: 15px;}
}

/* Vorstand */

.vorstandsmitglieder .vm-grid {display: grid; grid-template-columns:  repeat(2,1fr) ; gap: 50px;}
.vorstandsmitglieder .vm-grid .mitglied {display: grid; grid-template-columns: 200px auto;}
.vorstandsmitglieder .vm-grid .img-wrp img {width: 100%; height: 100%; object-fit: cover; border-radius: 31px 0 0 31px ; transition: var(--transition);}
.vorstandsmitglieder .vm-grid .vm-content {color: #3b3b3b; display: block; background: #f2f2f2; border-radius: 0 20px 20px 0;padding: 30px; margin-left: 10px;}

.vorstandsmitglieder .vm-grid .vm-content #vm-name {margin-bottom: unset;}
.vorstandsmitglieder .vm-grid .vm-content #vm-funktion {margin-bottom: 25px; font-weight: normal;}
.vorstandsmitglieder .vm-grid .vm-content #vm-beschreibung p {margin-bottom: 0;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}


.popup.hidden {display: none; transform: translate(-50%, -50%) scale(0.8); }
.popup {position: fixed; top: 50%;left: 50%; width:100vw;transform: translate(-50%, -50%) scale(1);transition: opacity 0.3s ease, transform 0.3s ease; display: flex; justify-content: center;align-items: center; background: rgba(255, 255, 255, 0.1);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);
    z-index: 10; height: 100%; flex-flow: column;}
.popup-content {background: #ffffff; padding: 40px; border-radius: 20px; width: 70%;  text-align: left; box-shadow: var(--box-shadow); display: grid; grid-template-columns: auto 1fr; gap: 50px; min-width: 1000px; max-width: 1000px;}
.open-popup {font-size: 14px; color: var(--secundary-color); cursor: pointer;}
.vorstandsmitglieder .mitglied .vm-content {cursor:pointer;}
.close-popup {cursor:pointer;padding: 9px 23px; background: var(--secundary-color); display: inline-block; color: #FFFF;transition: var(--transition); box-shadow: var(--box-shadow);text-decoration: none; outline:none !important; border-radius: 8px; border: none;}
.popup-content .img-wrp {width: 180px;height: 250px; }
.popup-content .img-wrp img {border-radius: 20px!important;}



@media (max-width: 1240px){
    .popup-content {max-width: unset;min-width: unset; gap: unset;overflow-y: auto;max-height: 80vh;}
    .popup-content .img-wrp {display: none;}
    .vorstandsmitglieder .vm-grid  {grid-template-columns: 100%;}
    .vorstandsmitglieder .vm-grid .mitglied {grid-template-columns: auto;}
    .vorstandsmitglieder .vm-grid .mitglied .img-wrp {width: 120px; height: 150px; }
    .vorstandsmitglieder .vm-grid .mitglied .img-wrp img {border-radius: 20px 20px 0 0;}
    .vorstandsmitglieder .vm-grid .vm-content {border-radius: 0 20px 20px 20px ; margin-left: 0;}
}


/* Kontaktformular */




/* Tabs */

.tabs .tab-item .tab-content .tab-bild {margin-bottom: 50px;}
.tabs .tab-item .tab-content img {width: 100%; border-radius: 20px; object-fit: cover; aspect-ratio: 2/1;}
.tabs .tab-item.hidden {display: none;}

/* Datei/Download */

.datei {position: relative;}
.datei svg {fill: var(--secundary-color); }
.datei a {display: block; padding: 10px;background: #e8e8e8; transition: .5s ease}
.datei a:hover {background: var(--secundary-color); color: #FFFFFF; transition:.5s ease}
.datei a:hover + svg {fill: var(--primary-color);}
.datei .download_icon {position: absolute;right: 13px; height: 25px; width: 25px; top: 50%; transform: translateY(-55%);}

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

main.withsidebar .content .blog-grid {display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 50px; grid-row-gap: 50px;}
main.withsidebar .content .blog-grid .post {width: 100%;background-color: #f5f5f5; border-radius: 31px; align-items: center;position: relative; min-height: 400px; box-shadow: var(--box-shadow); overflow: hidden;}
main.withsidebar .content .blog-grid .post a:hover img {scale: 1.1; transition: var(--transition);}
main.withsidebar .content .blog-grid .post a:hover {color: unset;}
main.withsidebar .content .blog-grid .post img {width: 100%; height: 100%; object-fit: cover;border-radius: 31px 31px 0 0; transition: var(--transition);}
main.withsidebar .content .blog-grid .post .img-wrp {overflow: hidden;aspect-ratio: 3/2;}
main.withsidebar .content .blog-grid .post .img-wrp .date {position: absolute;right: 0;top: 55px;font-size: 14px;padding: 4px 10px;background: #1E71BC;color: #fff;z-index: 3;border-radius: 5px 0 0 5px;}
main.withsidebar .content .blog-grid .post .post-content {display: block; padding: 30px;}
main.withsidebar .content .blog-grid .post .post-content p {-webkit-line-clamp:5; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical;}
main.withsidebar .content .blog-grid .post .post-content .textbtn {display: flex; font-size: 14px; font-weight: 600; gap: 10px; color: var(--secundary-color);}
main.withsidebar .content .blog-grid .post .post-content .icon-wrp {height: 30px; width: 30px;}
main.withsidebar .content .blog-grid .post .post-content .icon-wrp svg path {fill: var(--secundary-color);}


.single .singlepost .section.text p:last-child {margin-bottom: 25px;}

article.singlepost .post-image {  }
article.singlepost .post-image img {width: 100%; height: 100%; object-fit: cover; border-radius: 20px; margin-bottom: 50px;}

@media (max-width: 1024px){
    article.singlepost .post-image {aspect-ratio: 3/0; }
}

/* Sidebar */



main.withsidebar .sidebar {width: 100%; position: -webkit-sticky; position: sticky; top: 150px; padding: 0 25px 25px 25px; box-sizing: border-box; border-radius: 20px;margin-bottom: 50px;}

main.withsidebar .sidebar a:hover {background: #8EB7DD;color: #FFFFFF; transition: var(--transition);}
main.withsidebar .sidebar h2 {color: var(--text-color); margin-bottom: 15px; font-size: 22px;}

main.withsidebar .sidebar ul li  {display: block; margin-left: unset;}
main.withsidebar .sidebar ul li ul li {margin-left: 15px;}
main.withsidebar .sidebar ul li a {display:block; background: #f5f5f5; border-left: 8px solid #8EB7DD; border-radius: 9px; padding: 8px; margin-bottom: 9px;}
main.withsidebar .sidebar ul li .sub-menu li a {padding: 7px;}
main.withsidebar .sidebar ul li a.active {background: #8EB7DD;color: #FFFFFF;}

main.withsidebar .sidebar ul li.current-menu-item a {border-left: 8px solid var(--secundary-color);}
main.withsidebar .sidebar [aria-current]:not([aria-current="false"]) {border-left: 8px solid var(--secundary-color)!important;}

main.withsidebar .sidebar-contact a:hover {background: none; color: var(--secundary-color);}
main.withsidebar .sidebar-contact {background: #f5f5f5;padding: 20px; border-radius: 20px; font-size: 16px; line-height: 26px; }
main.withsidebar .sidebar-contact .contact {margin-bottom: 25px;}

main.withsidebar .page-build .sidebar {display: block!important;}

@media (max-width: 1200px) {
    main.withsidebar .sidebar {padding: unset;}
    main.withsidebar .sidebar .sidebar-contact {display: grid; grid-template-columns: 1fr 1fr; gap: 30px; background: none; padding: unset;}
    main.withsidebar .sidebar .sidebar-contact .contact {margin-bottom: unset;background: #f5f5f5; padding: 30px; border-radius: 20px;}
    main.withsidebar .sidebar .bankverbindung {display: unset; background: #f5f5f5; padding: 30px; border-radius: 20px;}
    main.withsidebar .page-build .sidebar .sidebar-nav {display: none;}
    .page-id-1203 main.withsidebar .sidebar {order: 2;}
    main {margin-top: 20px; }
    main.withsidebar .content {order: 2;}
    main.withsidebar .sidebar-anker {margin-bottom: unset;}
    main.withsidebar .sidebar.anker {order: 1; position: sticky; width: 100vw; margin-left: -9.5vw; top: 111px; padding: 19px 0; border-radius: unset;z-index: 4;transition: var(--transition);overflow-y: hidden}
    main.withsidebar .sidebar.anker .sidebar-content {margin-left: 9.5vw;}
    main.withsidebar .sidebar.anker .sidebar-content ul {display: flex;gap: 20px; overflow-x: scroll; scrollbar-width: none; margin: unset;-webkit-overflow-scrolling: touch; overflow-y: hidden; height: unset;-ms-overflow-style: none;}
    main.withsidebar .sidebar.anker .sidebar-content ul li a {border: unset; display: inline-block; white-space: nowrap; background: #e2e2e2; margin-bottom: unset; padding: 2px 12px;}
    main.withsidebar .sidebar.anker .sidebar-content ul li a:hover {color: var(--secundary-color);}

    .scrolled main.withsidebar .sidebar.anker {background: #FFFFFF; transition: var(--transition); box-shadow: var(--box-shadow); }
    .scrolled main.withsidebar .sidebar.anker .sidebar-content h2 {display: none; transition: var(--transition);}
    main.withsidebar .sidebar.anker [aria-current]:not([aria-current="false"]) {background: #b2b2b2 !important; border-left: none!important; color: white;}
}

@media (max-width: 768px) {
    main.withsidebar .content .blog-grid {grid-template-columns: auto;}
}

@media (max-width: 600px) {
    main.withsidebar .sidebar .sidebar-contact {grid-template-columns: auto;}
}

@media (max-width: 510px) {
    main.withsidebar .sidebar.anker {top: 91px;}

}


/* Blogseite Sidebar */

.blog main.withsidebar .page-build .sidebar, .archive main.withsidebar .page-build .sidebar, .single main.withsidebar .page-build .sidebar {display: block;}
.blog main  {margin-top: 100px; }
.archive main, .single main {margin-top: 200px; }

@media (max-width: 1200px) {
    .blog main {margin-top: 30px; }
    .archive main, .single main {margin-top: 170px; }
    .blog main.withsidebar .content, .archive main.withsidebar .content {order: 2;}
    .single main.withsidebar .sidebar {display:none!important;order: 2; position: unset!important;  padding: 19px 0; border-radius: unset;z-index: 4;transition: var(--transition);}
    .blog main.withsidebar .sidebar, .archive main.withsidebar .sidebar {order: 1; position: sticky;  padding: 19px 0; border-radius: unset;z-index: 4;transition: var(--transition); width: 100vw; margin-left: -9.5vw; top: 111px}
    .blog main.withsidebar .sidebar .sidebar-content, .archive main.withsidebar .sidebar .sidebar-content {margin-left: 9.5vw;}
    .blog main.withsidebar .sidebar .sidebar-content #secondary #recent-posts-3, .archive main.withsidebar .sidebar .sidebar-content #secondary #recent-posts-3 {display: none;}
    .blog main.withsidebar .sidebar .sidebar-content #secondary section ul, .archive main.withsidebar .sidebar .sidebar-content #secondary section ul {display: flex;gap: 20px; overflow-x: scroll; scrollbar-width: none; margin: unset;-webkit-overflow-scrolling: touch; overflow-y: hidden; height: unset;-ms-overflow-style: none;}
    .blog main.withsidebar .sidebar .sidebar-content #secondary section ul li a, .archive main.withsidebar .sidebar .sidebar-content #secondary section ul li a {border: unset; display: inline-block; white-space: nowrap; background: #e2e2e2; margin-bottom: unset; padding: 2px 12px;}
    .blog main.withsidebar .sidebar .sidebar-content #secondary section ul li a:hover, .archive main.withsidebar .sidebar .sidebar-content #secondary section ul li a:hover {color: var(--secundary-color);}
    .scrolled .blog main.withsidebar .sidebar, .scrolled .archive main.withsidebar .sidebar {background: #FFFFFF; transition: var(--transition); box-shadow: var(--box-shadow);}
    .scrolled .blog main.withsidebar .sidebar .sidebar-content h2, .scrolled .archive main.withsidebar .sidebar .sidebar-content h2 {display: none; transition: var(--transition);}
    .archive main.withsidebar .sidebar [aria-current]:not([aria-current="false"]) {background: #b2b2b2 !important; border-left: none!important; color: white;}
}

@media (max-width: 600px) {
    .blog main.withsidebar .sidebar, .archive main.withsidebar .sidebar {
        top: 91px;
    }
}

/* ########## Kategorien Seite ########## */

.headline {margin-top: 180px; margin-bottom: 40px;}
.headline .wrp .stage-content h1 {font-size: 40px;}
.archive.category .wrp.withsidebar {display: grid; grid-template-columns: 70% 25%; align-items: flex-start; justify-content: space-between; max-width: 1300px; width: 90%; margin: 0 auto; }

main.withsidebar .content .wrp.withsidebar {display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 50px; grid-row-gap: 50px;}
main.withsidebar .content .wrp.withsidebar .post {width: 100%;background-color: #1E71BC; border-radius: 31px; align-items: center;position: relative; min-height: 400px; box-shadow: var(--box-shadow); overflow: hidden;}
main.withsidebar .content .wrp.withsidebar .post a:hover img {scale: 1.1; transition: var(--transition);}
main.withsidebar .content .wrp.withsidebar .post img {width: 100%; height: auto; object-fit: cover;border-radius: 31px 31px 0 0; transition: var(--transition);}
main.withsidebar .content .wrp.withsidebar .post .img-wrp {overflow: hidden;aspect-ratio: 3/2;}
main.withsidebar .content .wrp.withsidebar .post .img-wrp .date {position: absolute;right: 0;top: 25px;font-size: 14px;padding: 4px 10px;background: var(--secundary-color);color: #fff;z-index: 3;border-radius: 5px 0 0 5px;}
main.withsidebar .content .wrp.withsidebar .post .post-content {color: #FFFFFF; display: block; padding: 30px;}
/* ########## Footer ########## */

.partner {background-color: #F7F7F7; border-radius: 31px; height: 120px;  overflow:hidden;align-content: center; linear-gradient(90deg, transparent, #FFFFFF 0%, #FFFFFF 80%, transparent;);display: flex;}
.partner-flex {display: flex; place-items: center; justify-content: space-between;animation: animate 55s linear infinite;animation-delay: calc(55s * -1 );position: relative; white-space: nowrap;}
.partner-flex:nth-child(2) {animation: animate2 55s linear infinite; animation-delay: calc(55s / -2 );}
.logopartner {height: 100px;width: 200px;transition: var(--transition); display: inline-flex; margin-left: 150px;place-items: center;}
.logopartner img {height: 100%; width: 50%; object-fit: contain;}

@keyframes animate {
    0% {
        transform: translateX(100%);
    }
    100%{
        transform:translateX(-100%);
    }
}

@keyframes animate2 {
    0% {
        transform: translateX(0);
    }
    100%{
        transform:translateX(-200%);
    }
}

footer {background-color: var(--primary-color);border-radius: 31px; margin-bottom: 25px;position: relative; overflow: hidden;}
footer .wrp {display: grid; grid-template-columns: 1fr 2fr; padding: 50px 0; gap: 10%; }
footer:before {content: url("assets/icons/snake.svg"); height: 100%; width: 110px; position: absolute; left: 4%; bottom: 0; opacity: 10%;}
footer .logo {margin-bottom: 20px; width: 280px;}
footer a:hover {transition: var(--transition); color: var(--secundary-color);}

footer .bottom_nav {display: grid; grid-template-columns: repeat(4,auto); justify-content: space-between; gap: 25px;}
footer .footernav a {display: block; padding: 6px 0;}
footer .bottom_nav li.menu-item-has-children {margin-bottom: 25px;}
footer .bottom_nav li.menu-item-has-children > a {font-weight: 700; text-transform: uppercase; font-size: 20px;}
footer .bottom_nav .sub-menu {margin: 0;}

footer .footernav ul li{list-style-type: none; margin-left: unset; }


@media (max-width: 1360px) {
    footer .bottom_nav {grid-template-columns: repeat(2, auto); justify-content: space-around;}
}

@media (max-width: 1000px) {
    footer .wrp {grid-template-columns: 100%;}
    footer .bottom_nav {justify-content: space-between;}
    footer .logo {margin-bottom: 20px; width: 200px;}
}


@media (max-width: 500px) {
    footer .wrp {margin-bottom: 20px; gap: 5%;}
    footer .bottom_nav {grid-template-columns: 100%; gap: unset;}
    footer .bottom_nav li.menu-item-has-children > a {font-size: 18px;}


}

/* Bottom */

.bottom {background-color:  #F7F7F7; border-radius: 25px; padding: 20px 0}
.bottom .wrp {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}

/* 404 */

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


.wpforms-container {margin-top: 0!important;}
.wpforms-container .wpforms-submit-container button {padding: 9px 23px!important; background: var(--secundary-color)!important; display: inline-block; color: #FFFF!important;transition: var(--transition)!important; box-shadow: var(--box-shadow) !important; border-radius: 8px!important; border: unset!important;}
.wpforms-container input {border-radius: 7px!important;border: 1px solid #3b3b3b!important;}
.wpforms-container textarea {border-radius: 7px!important;border: 1px solid #3b3b3b!important;}
.wpforms-container .choices__inner {border-radius: 7px!important; border: 1px solid #3b3b3b!important;}
div.wpforms-container-full .wpforms-form .wpforms-submit-spinner {display: none!important;}
div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item {border-radius: 10px;}
div.wpforms-container-full .wpforms-form .choices.is-open.is-flipped .choices__inner, div.wpforms-container-full .wpforms-form .choices.is-open .choices__list--dropdown {border-radius: 10px!important;}