@charset "UTF-8";
/*
Theme Name: ESFP
Theme URI: http://www.esfp.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
*/

/*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;}
.bild.ersttext .cls-17 {display:none;}
.um-page-login .um-col-alt .um-clear {margin-bottom:40px;}
.um-col-alt {margin:40px 0 20px 0!important}
.um-1168.um,.um-1167.um {max-width:inherit!important;}
.um a.um-button,.um input[type=submit].um-button {
    position: relative!important;
    font-size: 20px!important;
    line-height: 20px!important;
    font-weight: 700!important;
    padding: 13px 30px 15px 50px!important;
    margin: 0 10px 0 0!important;
    background: var(--primary-color) url(assets/arrow.svg) 20px center no-repeat!important;
    background-size: 15px!important;
    display: inline-block;
    border-radius: 20px!important;
    color: var(--secundary-color)!important;
    transition: var(--transition);
}
.um a.um-button:hover,.um a.um-button.um-disabled:hover, .um input[type=submit].um-button:hover {
    position: relative!important;
    background: var(--secundary-color) url(assets/arrow.svg) 20px center no-repeat!important;
    background-size: 125px!important;
    color: var(--primary-color)!important;
    transition: var(--transition);
}
.um-left {position:relative;}
.um a.um-button:after,.um input[type=submit].um-button:after,.um-left:after
{
    content: "";
    opacity: 0;
    display: block;
    width: 15px;
    height: 15px;
    left: 20px;
    top: 16px;
    position: absolute;
    background: url(assets/arrow-y.svg) left top no-repeat;
    background-size: 15px;
    transition: var(--transition);
}
.um a.um-button:hover:after,.um-left:hover:after,.um a.um-button.um-disabled:hover:after
{
    content: "";
    opacity: 1;
    display: block;
    width: 15px;
    height: 15px;
    left: 20px;
    top: 16px;
    position: absolute;
    background: url(assets/arrow-y.svg) left top no-repeat;
    background-size: 15px;
    transition: var(--transition);
}
input[type=submit].um-button, input[type=submit].um-button:focus,a.um-button,.um-half {width:auto!important}

.um-left,.um-right {float:none!important;display:inline-block;vertical-align: top;}

.page-id-1180 .content .text.mb {margin-bottom:0;}

.um-account-side li {
    margin-bottom: 1px !important;
    background: var(--blau)!important;color:var(--text-color)!important;padding:10px!important;border-radius:10px;}
.um-account-side li a:hover {
    color:var(--text-color)!important;
    background: var(--blau)!important;
}
.um-account-side li a{padding:10px!important;font-size:18px!important;}
.um-account-side li a span.um-account-title {color:var(--text-color)!important}
.um-account-side li a span.um-account-arrow {top:10px!important}
.um .um-form input[type=password], .um .um-form input[type=search], .um .um-form input[type=tel], .um .um-form input[type=text], .um .um-form textarea {
    color: #ccc;
    border-radius: 5px;
    padding: 15px !important;
    height: auto !important;
}
.um-account-main div.um-account-heading {font-size:24px!important;color:var(--text-color)!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
{
    position: relative;
    font-size: 20px!important;
    line-height: 20px!important;
    font-weight: 700!important;
    padding: 13px 30px 15px 50px!important;
    margin: 40px 10px 40px 0!important;
    background: var(--primary-color) url(assets/arrow.svg) 20px center no-repeat!important;
    background-size: 15px!important;
    display: inline-block;
    border-radius: 20px!important;
    color: var(--secundary-color)!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
{
    background: var(--secundary-color) url(assets/arrow.svg) 20px center no-repeat!important;
    background-size: 125px!important;
    color: var(--primary-color)!important;
    transition: var(--transition);
}
div.wpforms-container-full .wpforms-form .wpforms-submit-spinner {display:none!important}


div.wpforms-container-full .wpforms-form input[type=submit]:after, div.wpforms-container-full .wpforms-form button[type=submit]:after, div.wpforms-container-full .wpforms-form .wpforms-page-button:after
{
    content: "";
    opacity: 0;
    display: block;
    width: 15px;
    height: 15px;
    left: 20px;
    top: 16px;
    position: absolute;
    background: url(assets/arrow-y.svg) left top no-repeat;
    background-size: 15px;
    transition: var(--transition);
}
div.wpforms-container-full .wpforms-form input[type=submit]:hover:after, div.wpforms-container-full .wpforms-form button[type=submit]:hover:after, div.wpforms-container-full .wpforms-form .wpforms-page-button:hover:after
{
    content: "";
    opacity: 1;
    display: block;
    width: 15px;
    height: 15px;
    left: 20px;
    top: 16px;
    position: absolute;
    background: url(assets/arrow-y.svg) left top no-repeat;
    background-size: 15px;
    transition: var(--transition);
}


.page-id-32 .text {hyphens: auto;}
.page-id-137 .text {hyphens: auto;}

#uuid-5228db17-2770-4ffa-b8d2-97d01a5ca0cf, #uuid-affbd27b-18fc-49f0-bb96-dc2c3854c026,#uuid-6a4f8136-5389-4058-a10a-36228641df6d,#uuid-b650429a-69f2-435a-9e37-743874d27d1f,
#uuid-27bc93e8-a63a-4002-8b01-bc7dfe518112,#uuid-05ccf7a3-a305-43f6-9400-cbda7dab0ae2{
    fill:var(--primary-color)!important;
}
.single-format-standard h1 {;margin:0 0 20px 0!important}
article.singlepost .post-image {display:none;}
article.singlepost h2 {margin:0 0 20px 0}
.archive #kreis-gelb {display:none;}
.archive #kreis-gelbb {display:none;}
.blog .post, .blog .post a {display: grid;grid-template-rows: subgrid;grid-row: span 4;gap:20px;}
.archive .post, .archive .post a {display: grid;grid-template-rows: subgrid;grid-row: span 4;gap:20px;}

.blog .post-content {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
    padding: 20px;
    border-radius: 20px;
    background: var(--blau);
    transition: var(--transition);
    gap:0;
}
.archive .post-content {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
    padding: 20px;
    border-radius: 20px;
    background: var(--blau);
    transition: var(--transition);
    gap:20px;
}
.post-content h2 {
    margin: 0;
    font-size: 20px;
    line-height:30px;
    font-weight: 700;
    color: var(--secundary-color);
}
.post-content h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    color: var(--secundary-color);
}
.post img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    aspect-ratio: 2 / 1;
}
.post-content .btn {display:inline-block;position: relative;font-size: 16px;font-weight: 700;padding: 5px 25px 7px 45px;margin:0;background: var(--primary-color) url(assets/arrow.svg) 20px center no-repeat;background-size: 13px;border-radius: 20px;transition: var(--transition);
    align-self: end;
    justify-self: start;}
.post-content:hover {background: var(--primary-color);
    transition: var(--transition);}
.post-content:hover .btn {background: var(--secundary-color) url(assets/arrow.svg) 20px center no-repeat;background-size:125px;color:var(--primary-color);transition: var(--transition);}
.post-content .btn:after {content:"";opacity:0;display:block;width:13px;height:13px;left:20px;top:16px;position:absolute;background:url(assets/arrow-y.svg) left top no-repeat;background-size:13px;transition: var(--transition);}
.post-content:hover .btn:after {content:"";opacity:1;display:block;width:13px;height:13px;left:20px;top:16px;position:absolute;background:url(assets/arrow-y.svg) left top no-repeat;background-size:13px;transition: var(--transition);}

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


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

* {
    --font-family: "antarctican-headline", sans-serif;
    --transition: .6s ease;
    --wrp-width: 1240px;
    --font-size: 20px;
    --line-height: calc(var(--font-size) * 1.6);
    --box-shadow: 0px 5px 13px 0px rgba(0, 0, 0, 0.3);
    --border-radius: 15px;
    --primary-color: #F5D500;
    --secundary-color: #283583;
    --text-color: #283583;
    --blau: #DDE5EF;
}

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

html {scroll-behavior: smooth;}
body {font-size: var(--font-size); font-weight:500;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;}

.splide__arrow svg {fill:var(--secundary-color)!important}
.splide__arrow {background:none!important;border:2px solid var(--secundary-color)!important;width:35px!important;height:35px!important}
.top .wrp .teasercard-item {padding-left:2rem;}
/* 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: 65% 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{font-family: "new-farm", sans-serif;margin:0;font-size:35px;line-height: 42px;font-weight:700;color:var(--secundary-color);text-transform: uppercase}
h2{font-family: "new-farm", sans-serif;margin:0 0 40px 0;font-size:25px;font-weight:400;color:var(--primary-color);text-transform: uppercase}
h3{margin:0;font-size:24px;font-weight:700;color:var(--secundary-color)}

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

.btn {padding: 12px 16px; background: var(--primary-color); display: inline-block;}

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

/* ########## Topnavi ########## */
.nav-top {position:absolute;right:0;top:10px;margin:0;list-style-type: none;width: 100%;text-align: right;border-bottom: 1px solid rgba(0,0,0, 0.1);padding-bottom: 25px;max-width: 77%;transition: var(--transition);}
.scrolled .nav-top {position:absolute;right:0;top:-100px;transition: var(--transition);}
.nav-top li{margin:0 0 0 20px;list-style-type: none;display:inline-block;}
.nav-top li:hover a{color:var(--primary-color);transition: var(--transition);}
.nav-top li:nth-child(1){background: url(assets/login.svg) left center no-repeat;background-size:20px;padding-left:27px;}
.nav-top li:nth-child(2){background: url(assets/mitglied.svg) left center no-repeat;background-size:25px;padding-left:30px;}
.nav-top li:nth-child(3){background: url(assets/news.svg) left center no-repeat;background-size:25px;padding-left:30px;}

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

#mainnav ul.mainnav.smart {display:none;}
#mainnav {display: block; transform: translate(0);align-self: end;}
#mainnav ul.mainnav.desktop li {list-style-type: none; font-size: 25px; margin-left: 40px;}
#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: 5px 0;}
#mainnav ul.mainnav.desktop li a:hover, #mainnav ul.mainnav.desktop li.current-menu-item a,#mainnav ul.mainnav.desktop li.current_page_ancestor 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: 20px 0 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:0; left: 0; display: block; height: 0;opacity:0;overflow: hidden;z-index:-1;max-height:0;padding-top:0; transition: var(--transition);}
    #mainnav ul.mainnav li.menu-item-has-children ul.sub-menu li {position:relative;width:200px; height: 100%;transition: 0.8s ease;background: var(--primary-color) url(assets/arrow.svg) 20px center no-repeat;background-size: 15px; margin: 0 0 5px 0;border-radius:20px}
    #mainnav ul.mainnav li.menu-item-has-children:hover > ul.sub-menu {top:48px;max-height: 674px;opacity:1; height: auto;padding: 10px 0 0 0; overflow: visible; margin-top: -6px; transition: var(--transition);}
    .scrolled #mainnav ul.mainnav li.menu-item-has-children:hover > ul.sub-menu {padding: 50px 0 0 0;transition: var(--transition);}
    #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) url(assets/arrow.svg) 20px center no-repeat;background-size: 125px;}
    #mainnav ul.mainnav li.menu-item-has-children ul.sub-menu li:hover a,#mainnav ul.mainnav li.menu-item-has-children ul.sub-menu li.current-menu-item a {color:var(--primary-color)}
    #mainnav ul.mainnav li.menu-item-has-children ul.sub-menu li a {color:var(--secundary-color);font-size:20px;padding: 7px 15px 7px 40px;}
    #mainnav ul.mainnav li.menu-item-has-children ul.sub-menu li:last-child {margin-bottom: 0;}

    #mainnav ul.mainnav li.menu-item-has-children ul.sub-menu li a:after {content:"";opacity:0;display:block;width:15px;height:15px;left:20px;top:16px;position:absolute;background:url(assets/arrow-y.svg) left top no-repeat;background-size:15px;transition: var(--transition);}
    #mainnav ul.mainnav li.menu-item-has-children ul.sub-menu li a:hover:after,#mainnav ul.mainnav li.menu-item-has-children ul.sub-menu li.current-menu-item a:after {content:"";opacity:1;display:block;width:15px;height:15px;left:20px;top:16px;position:absolute;background:url(assets/arrow-y.svg) left top no-repeat;background-size:15px;transition: var(--transition);}


    /* 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: 0;z-index:8888;background: rgba(255,255,255, 0);width: 100%; z-index: 10; padding: 15px 0; box-shadow:0 0 0 rgba(0,0,0, 0);box-sizing: border-box;transition: var(--transition);}
.scrolled header {padding:0; background: rgba(255,255,255, 0.9); box-shadow:0 0 10px rgba(0,0,0, 0.5);transition: var(--transition);}
header .header-grid {display: grid; grid-template-columns: 250px auto; grid-template-rows: auto; justify-items: start; justify-content: space-between;transition: var(--transition);}
.scrolled header .header-grid {display: grid; grid-template-columns: 150px auto;align-items: start;transition: var(--transition);}
header .header-grid .logo {width: 100%;padding:0;transition: var(--transition);}
.scrolled header .header-grid .logo {padding:5px 0;transition: var(--transition);}
header .header-grid .logo a {display: flex; align-items: center;}
header .header-grid .mainnav-toggle {display: none;justify-self: end;}

/* Kopfbereich Startseite / Unterseite  */

.page .stage.sub .wrp,.blog .stage.sub .wrp,.single .stage.sub .wrp,.archive .stage.sub .wrp {
    display: grid;
    grid-template-columns: 580px auto;
    align-items: center;
    gap:20px;
}

.blog .stage,.single .stage,.archive .stage {display:none;}
.blog .stage.sub.news,.single .stage.sub.news,.archive .stage.sub.news  {position:relative;display:block;margin-bottom:40px;overflow:hidden}
.blog .stage.sub.news .stage-content,.single .stage.sub.news .stage-content,.archive .stage.sub.news .stage-content {padding: 280px 0 180px 0!important;}
.blog .stage.sub.news .svg .svg-form,.single .stage.sub.news .svg .svg-form,.archive .stage.sub.news .svg .svg-form {position: absolute;top: 23%;width: 80%;left:55%}
.blog .stage.sub.news .svg .svg-form svg,.single .stage.sub.news .svg .svg-form svg,.archive .stage.sub.news .svg .svg-form svg {transform: scaleX(-1)}
.stage.sub .svg {width: 100%; height:auto;display:inherit;justify-items: inherit;}
.stage.mb {margin:0 0 5px 0;}
.home.page .stage {max-height:770px; width: 100%;height:100%;position: relative;overflow:hidden;margin-bottom:40px}
.page .stage {max-height:inherit; width: 100%;height:100%;position: relative;overflow:hidden;}
.home.page .stage .wrp {padding-top:110px;}
.page .stage .wrp {padding:120px 0 0 0;}
.stage .wrp-claim {position: absolute; top: 310px; left: 0;z-index: 2;max-width: 650px;}
.stage.sub .wrp-claim {position: relative; top: inherit; left: inherit;z-index: 2;max-width: inherit;}
.stage.subpage .wrp-claim {position: absolute; top: 310px; left: 0;z-index: 2;}
.stage img {width: 100%; height:auto;}
.stage .svg {width: 100%; height:auto;display:grid;justify-items: end;}
.home.page .stage .svg .svg-form {width: 100%; height:auto;max-width:750px; margin-right: -100px;}
.page .stage .svg .svg-form {width: 100%; height:auto;margin-right:0;}
.blog .stage.sub .svg .svg-form {width: 100%; height:auto;margin-right:0;}
.stage .svg .svg-form svg {}
.stage .back {position:absolute;left:0;top:0;width:100%;height:100%;object-fit: cover;z-index:-1;}
.stage.subpage .back {position:absolute;left:0;top:0;width:100%;height:100%;object-fit: cover;z-index:-1;}
.stage.subpage {max-height: 200px;aspect-ratio: 1/1; width: 100%; position: relative;margin-bottom: 50px;}
.stage .stage-content p {font-family: "new-farm", sans-serif;margin:0;font-size:50px;line-height:60px;font-weight:500;text-transform:uppercase}
.stage .stage-content p strong{font-size:60px;font-weight:700;}
.stage .stage-content .btn {position:relative;font-size:20px;line-height:20px;font-weight:700;padding: 13px 30px 15px 50px;margin:40px 10px 0 0;background: var(--primary-color) url(assets/arrow.svg) 20px center no-repeat;background-size:15px;display: inline-block;border-radius:20px;transition: var(--transition);}
.stage .stage-content .btn:hover {background: var(--secundary-color) url(assets/arrow.svg) 20px center no-repeat;background-size:125px;color:var(--primary-color);transition: var(--transition);}

.stage .stage-content .btn:after {content:"";opacity:0;display:block;width:15px;height:15px;left:20px;top:16px;position:absolute;background:url(assets/arrow-y.svg) left top no-repeat;background-size:15px;transition: var(--transition);}
.stage .stage-content .btn:hover:after {content:"";opacity:1;display:block;width:15px;height:15px;left:20px;top:16px;position:absolute;background:url(assets/arrow-y.svg) left top no-repeat;background-size:15px;transition: var(--transition);}

.stage #uuid-fe62dcc3-23e9-472e-a724-7c73480dbcd4 {animation: anim 8s ease-in-out infinite;}
.stage #uuid-27f06cd3-d264-4f1a-a7cf-d99c2b45b355,
.stage #uuid-ed8fc1f0-600a-4850-b564-68354e6aaa7d,
.stage #uuid-8485330f-8bd1-4753-a479-79b28c5ecc9e,
.stage #uuid-6062781a-4f98-4a1e-a6b8-5b57f9b1b344,
.stage #uuid-c85c45c3-8224-4744-b8e6-b31cfb8ec7d7,
.stage #uuid-30173c38-ee50-4d25-b822-a4d0ebeefaf9,
.stage #uuid-47495bff-0843-4f43-b758-ca279fd1677a,
.stage #uuid-06d5cd1d-5a3f-4f8c-87ab-58391437579f,
.stage #uuid-bffbdd09-df4f-449d-8e20-bfc03455f1b3,
.stage #uuid-82d4dcb0-870c-4082-b7c8-6f0023ca99ce{animation: animm 8s ease-in-out infinite;}

.stage #uuid-39ee8efb-2093-4489-ad9f-2d88dfdfd3fd {animation: color 2.5s ease-in-out infinite;}
.stage #uuid-4bc49150-e46b-45d4-b3ca-6e12c7ad176f,
.stage #uuid-78496b63-933d-4115-bcd3-8a5c330ef72d,
.stage #uuid-5531c551-27c4-4287-9031-316a9947d28e{animation: colorr 2.8s ease-in-out infinite;}

.stage #uuid-2e6ea9cf-de2f-4455-b227-46db84561353{animation: colorline 2s ease-in-out infinite;}
.stage #uuid-642dd461-d5ee-46f5-9a6e-83638a3266ab,
.stage #uuid-2a12d3d2-0b75-447d-8b7b-8f92f0a99c96,
.stage #uuid-c4fc1618-c7c2-4c43-9477-e4e8ce154c20,
.stage #uuid-92245714-dfd8-44f2-8b36-74f2d6be9803,
.stage #uuid-e42e8e1c-7129-4d8e-b770-d2f7f230306b,
.stage #uuid-645e1a87-c4bf-409d-90e1-df7cd6679be6,
.stage #uuid-8c9940df-24f4-4a3e-afdc-c45b7e46c4e4,
.stage #uuid-38cac9ff-08e4-4606-9f12-7826060667d4,
.stage #uuid-f0823d11-94a2-4436-a426-0228ccf7158f,
.stage #uuid-985a335d-bc56-4cad-8f1f-08a6e0c646d6,
.stage #uuid-7dc085b2-0f75-433b-9f16-9a34bb60357b,
.stage #uuid-5b7e9750-61f4-471e-92bc-42b2d146e48a,
.stage #uuid-c85d8950-8988-4585-b8fa-fa92169d4a83,
.stage #uuid-04e3a391-4afb-46c3-8e4f-bd15babe33c2,
.stage #uuid-47e9c411-9bf7-4021-98f4-94a7140e548e,
.stage #uuid-78f8b254-d342-4040-9f81-171a964ce463,
.stage #uuid-419763f7-36db-4440-9a8d-7ff6c6f7a86d,
.stage #uuid-26598628-1fea-4a12-80b1-3b5e261513d7,
.stage #uuid-c22370c7-66b6-43b3-aaf9-ab7e1e8534e8,
.stage #uuid-62242e15-0efe-4165-8cb8-da534af520db{animation: colorline1 5s ease-in-out infinite}

@keyframes colorline1 {
    0% {
        fill:#e4eefc;
    }

    50% {
        fill:#bbd1f0;
    }

    100% {
        fill:#e4eefc;
    }
}

@keyframes colorline {
    0% {
        fill:#e4eefc;
    }

    50% {
        fill:#f0f3f8;
    }

    100% {
        fill:#e4eefc;
    }
}


@keyframes colorr {
    0% {
        fill:#b5aeae;
    }

    50% {
        fill:var(--secundary-color);
    }

    100% {
        fill:#b5aeae;
    }
}

@keyframes color {
    0% {
        fill:#d7d5d5;
    }

    50% {
        fill:var(--primary-color);
    }

    100% {
        fill:#d7d5d5;
    }
}

@keyframes animm {
    0% {
        transform: rotate(0) translateX(0);
        transform-origin: bottom;
    }

    50% {
        transform: rotate(-3deg) translateX(5px);
        transform-origin: bottom;
    }

    100% {
        transform: rotate(0) translateX(0);
        transform-origin: bottom;
    }
}

@keyframes anim {
    0% {
        transform: rotate(0);
        transform-origin: center;
    }

    50% {
        transform: rotate(-3deg);
        transform-origin: center;
    }

    100% {
        transform: rotate(0);
        transform-origin: center;
    }
}

/* ########## Content ########## */

/* Text */
.text .wrp p {line-height:32px}
.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;}

.home.page .text h2{font-family: "new-farm", sans-serif;margin:0;font-size:35px;font-weight:700;color:var(--secundary-color);text-transform: uppercase}
.home.page .text h3{font-family: "new-farm", sans-serif;margin:0 0 40px 0;font-size:25px;font-weight:400;color:var(--primary-color);text-transform: uppercase}

.page .text h1{font-family: "new-farm", sans-serif;margin:40px 0 0 0;font-size:35px;font-weight:700;color:var(--secundary-color);text-transform: uppercase}
.page .text h2{font-family: "new-farm", sans-serif;margin:0 0 40px 0;font-size:25px;font-weight:400;color:var(--primary-color);text-transform: uppercase}
.page .text h2.title {display:none;}
/* Text Bild */
.textbild.aktiv {background:var(--blau);padding:75px 0}
.home.page .textbild .wrp {display: grid; align-items: start; justify-content: space-between; box-sizing: border-box;}
.home.page .textbild.ani .wrp #uuid-20a34d9b-5684-46e1-9839-b9f28c4a5997 {animation: pulse 2s ease-in-out infinite;}
.home.page .textbild.ani .wrp #uuid-7ac0a92b-9fe2-443c-a043-8be7370e8fd2 {animation: pulse 2s ease-in-out infinite;}
.home.page .textbild.ani .wrp #uuid-42a834ca-5163-43eb-9b92-9b174fae8ef4 {animation: pulse 2s ease-in-out infinite;}


@keyframes pulse {
    0% {
        transform: scale(1);
        transform-origin: 100% 0%;
        filter: drop-shadow(2px 2px 7px rgba(0,0,0,0));
        fill:var(--primary-color);
    }

    70% {
        transform: scale(1.13);
        transform-origin: 100% 0%;
        filter: drop-shadow(2px 2px 7px rgba(0,0,0,0.3));
        fill:#fadf2f;
    }

    100% {
        transform: scale(1);
        transform-origin: 100% 0%;
        filter: drop-shadow(2px 2px 7px rgba(0,0,0,0));
        fill:var(--primary-color);
    }
}

.page .textbild .wrp {display: grid; align-items: center; justify-content: space-between; box-sizing: border-box;}
.home.page .textbild .text {box-sizing: border-box;background:none;border-radius:0;padding:0;}
.page .textbild .text {background: var(--blau);border-radius: 20px;padding: 30px;box-sizing: border-box;}
.textbild .bild {width: 100%; height: 100%;}
.textbild .bild img {width: 100%; height: 100%; object-fit: cover;border-radius:20px;}
.textbild .bild svg {width: 100%; height: 100%; object-fit: cover;}


.textbild .block-1 p,.textbild .block-2 p,.textbild .block-3 p{line-height: 25px;}

.textbild .block-1 {position:relative;display:block;background:var(--blau);border-radius:20px;padding:30px;box-sizing: border-box;transition: var(--transition);}
.textbild .grid{display:grid;grid-template-columns: 1fr 1fr;gap:20px;margin-top:20px}
.textbild .block-2 {display: grid;grid-template-rows: subgrid;grid-row: span 3;gap:0;position:relative;background:var(--blau);border-radius:20px;padding:30px;box-sizing: border-box;transition: var(--transition);}
.textbild .block-3 {display: grid;grid-template-rows: subgrid;grid-row: span 3;gap:0;position:relative;background:var(--blau);border-radius:20px;padding:30px;box-sizing: border-box;transition: var(--transition);}
.textbild .block-1 a{position:absolute;width:100%;height:100%;left:0;top:0;z-index:10;}
.textbild .block-2 a{position:absolute;width:100%;height:100%;left:0;top:0;z-index:10;}
.textbild .block-3 a{position:absolute;width:100%;height:100%;left:0;top:0;z-index:10;}
.textbild .block-1:hover {display:block;background:var(--primary-color);transition: var(--transition);}
.textbild .block-2:hover {background:var(--primary-color);transition: var(--transition);}
.textbild .block-3:hover {background:var(--primary-color);transition: var(--transition);}



.textbild.aktiv .block-1 {position:relative;display:block;background:#fff;transition: var(--transition);}
.textbild.aktiv .block-1 a{position:absolute;width:100%;height:100%;left:0;top:0;}
.textbild.aktiv .block-1:hover {background:var(--primary-color);transition: var(--transition);}
.textbild.aktiv .block-2 {display: grid;grid-template-rows: subgrid;grid-row: span 3;position:relative;background:#fff;transition: var(--transition);}
.textbild.aktiv .block-2 a{position:absolute;width:100%;height:100%;left:0;top:0;}
.textbild.aktiv .block-2:hover {background:var(--primary-color);transition: var(--transition);}
.textbild.aktiv .block-3 {display: grid;grid-template-rows: subgrid;grid-row: span 3;position:relative;background:#fff;transition: var(--transition);}
.textbild.aktiv .block-3 a{position:absolute;width:100%;height:100%;left:0;top:0;}
.textbild.aktiv .block-3:hover {background:var(--primary-color);transition: var(--transition);}

.textbild .block-1:hover .btn {background: var(--secundary-color);color:var(--primary-color);transition: var(--transition);}
.textbild .block-2:hover .btn {background: var(--secundary-color);color:var(--primary-color);transition: var(--transition);}
.textbild .block-3:hover .btn {background: var(--secundary-color);color:var(--primary-color);transition: var(--transition);}

.home.page .textbild h2{font-family: "new-farm", sans-serif;margin:0;font-size:35px;font-weight:700;color:var(--secundary-color);text-transform: uppercase}
.home.page .textbild h3{font-family: "new-farm", sans-serif;margin:0 0 40px 0;font-size:25px;font-weight:400;color:var(--primary-color);text-transform: uppercase}
.home.page .textbild .block-1 h3{font-family: "antarctican-headline", sans-serif;margin:0 0 10px 0;font-size:24px;font-weight:700;color:var(--secundary-color);text-transform: inherit}
.home.page .textbild .block-2 h3{font-family: "antarctican-headline", sans-serif;margin:0 0 10px 0;font-size:24px;font-weight:700;color:var(--secundary-color);text-transform: inherit}
.home.page .textbild .block-3 h3{font-family: "antarctican-headline", sans-serif;margin:0 0 10px 0;font-size:24px;font-weight:700;color:var(--secundary-color);text-transform: inherit}
.textbild .btn {align-self: end;position:relative; font-size: 16px;font-weight: 700;padding: 5px 25px 7px 45px;margin: 20px 0 0 0;background: var(--primary-color) url(assets/arrow.svg) 20px center no-repeat;background-size:13px;display: inline-block;border-radius: 20px;transition: var(--transition);}
.textbild .block-1:hover .btn {background: var(--secundary-color) url(assets/arrow.svg) 20px center no-repeat;background-size:125px;color:var(--primary-color);transition: var(--transition);}
.textbild .block-2:hover .btn {background: var(--secundary-color) url(assets/arrow.svg) 20px center no-repeat;background-size:125px;color:var(--primary-color);transition: var(--transition);}
.textbild .block-3:hover .btn {background: var(--secundary-color) url(assets/arrow.svg) 20px center no-repeat;background-size:125px;color:var(--primary-color);transition: var(--transition);}

.textbild .wrp h3:before {
    content: "";
    display: block;
    margin: 0 0 20px 0;
    border-top: 2px solid var(--secundary-color);
    max-width: 40px;
}

.textbild .block-1 .btn:after {content:"";opacity:0;display:block;width:13px;height:13px;left:20px;top:16px;position:absolute;background:url(assets/arrow-y.svg) left top no-repeat;background-size:13px;transition: var(--transition);}
.textbild .block-1:hover .btn:after {content:"";opacity:1;display:block;width:13px;height:13px;left:20px;top:16px;position:absolute;background:url(assets/arrow-y.svg) left top no-repeat;background-size:13px;transition: var(--transition);}
.textbild .block-2 .btn:after {content:"";opacity:0;display:block;width:13px;height:13px;left:20px;top:16px;position:absolute;background:url(assets/arrow-y.svg) left top no-repeat;background-size:13px;transition: var(--transition);}
.textbild .block-2:hover .btn:after {content:"";opacity:1;display:block;width:13px;height:13px;left:20px;top:16px;position:absolute;background:url(assets/arrow-y.svg) left top no-repeat;background-size:13px;transition: var(--transition);}
.textbild .block-3 .btn:after {content:"";opacity:0;display:block;width:13px;height:13px;left:20px;top:16px;position:absolute;background:url(assets/arrow-y.svg) left top no-repeat;background-size:13px;transition: var(--transition);}
.textbild .block-3:hover .btn:after {content:"";opacity:1;display:block;width:13px;height:13px;left:20px;top:16px;position:absolute;background:url(assets/arrow-y.svg) left top no-repeat;background-size:13px;transition: var(--transition);}


.textbild .btn-all {position:relative; font-size: 16px;font-weight: 700;padding: 5px 25px 7px 45px;margin: 20px auto 0 auto;left: 50%;transform: translateX(-50%);box-sizing: border-box;background: var(--primary-color) url(assets/arrow.svg) 20px center no-repeat;background-size:13px;display: inline-block;border-radius: 20px;transition: var(--transition);}
.textbild .btn-all:hover {background: var(--secundary-color) url(assets/arrow.svg) 20px center no-repeat;background-size:125px;color:var(--primary-color);transition: var(--transition);}
.textbild .btn-all:after {content:"";opacity:0;display:block;width:13px;height:13px;left:20px;top:16px;position:absolute;background:url(assets/arrow-y.svg) left top no-repeat;background-size:13px;transition: var(--transition);}
.textbild .btn-all:hover:after {content:"";opacity:1;display:block;width:13px;height:13px;left:20px;top:16px;position:absolute;background:url(assets/arrow-y.svg) left top no-repeat;background-size:13px;transition: var(--transition);}

@media (max-width: 768px) {
    .textbild .text {order: 1!important;}
    .textbild .bild {order: 2!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%; aspect-ratio: 2/1; display: block;}
.teasercard-item .img-wrp img {width: 100%; height: 100%; object-fit: cover;border-radius: 20px;}

.teasercard-item .teasercard-content-slide {display: block;border-right: 1px solid rgba(40,53,131, 0.2);padding-right: 10px;}
.teasercard-item .teasercard-content-slide .btn {display: inline-block;}
.home.page .teasercards .cards.no-carousel .teasercard-item {
    display: grid;
    grid-template-rows: inherit;
    grid-row: inherit;
    border-radius: 20px;
    gap: 20px;
}
.page .teasercards .cards.no-carousel .teasercard-item {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 4;
    border-radius: 20px;
    gap: 0;
}
.home.page .teasercards .cards.no-carousel .teasercard-item .teasercard-content {
    display: grid;
    gap: 20px;
    margin-top: 0;
    padding: 20px;
    border-radius: 20px;
    background: var(--blau);
    transition: var(--transition);
    grid-row: inherit;
    grid-template-rows: inherit;
}
.page .teasercards .cards.no-carousel .teasercard-item .teasercard-content {margin-top:10px;display: grid;grid-template-rows: subgrid;grid-row: span 3;padding:20px;border-radius:20px;background:var(--blau);transition: var(--transition);}
.teasercards .cards.no-carousel .teasercard-item:hover .teasercard-content {background:var(--primary-color);transition: var(--transition);}
.teasercards .cards.no-carousel .teasercard-item .btn {display:inline-block;position: relative;font-size: 16px;font-weight: 700;padding: 5px 25px 7px 45px;margin: 40px 0 0 0;background: var(--primary-color) url(assets/arrow.svg) 20px center no-repeat;background-size: 13px;border-radius: 20px;transition: var(--transition);
    align-self: end;
    justify-self: start;}
.teasercards .cards.no-carousel .teasercard-item:hover .btn {background: var(--secundary-color) url(assets/arrow.svg) 20px center no-repeat;background-size:125px;color:var(--primary-color);transition: var(--transition);}
.teasercards .cards.no-carousel .teasercard-item .btn:after {content:"";opacity:0;display:block;width:13px;height:13px;left:20px;top:16px;position:absolute;background:url(assets/arrow-y.svg) left top no-repeat;background-size:13px;transition: var(--transition);}
.teasercards .cards.no-carousel .teasercard-item:hover .btn:after {content:"";opacity:1;display:block;width:13px;height:13px;left:20px;top:16px;position:absolute;background:url(assets/arrow-y.svg) left top no-repeat;background-size:13px;transition: var(--transition);}
.teasercards .cards.no-carousel .teasercard-item .teasercard-content .con {display:block; align-self: start;}
.teasercards .cards.no-carousel .teasercard-item .teasercard-content h3 {margin-bottom:0;}
.teasercards .cards.no-carousel .teasercard-item .teasercard-content h3:before {content: "";display: block;margin: 0 0 20px 0;border-top: 2px solid var(--secundary-color);max-width: 40px;}

.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: 500px) {
    .teasercards .cards.no-carousel {grid-template-columns: 100% !important;}
}
.blogbeitraege .wrp .teasercard-item .teasercard-content-slide h3 {display:block;min-height:140px;}
.blogbeitraege .wrp .teasercard-item .teasercard-content-slide:before {content:"";display:block;margin:0 0 20px 0;border-top:2px solid var(--secundary-color);max-width:40px;}
.blogbeitraege .wrp .teasercard-item .teasercard-content-slide .btn {font-size: 16px;font-weight: 700;padding: 5px 25px 7px 45px;margin: 20px 0 0 0;background: var(--primary-color) url(assets/arrow.svg) 20px center no-repeat;background-size:13px;display: inline-block;border-radius: 20px;position: absolute;bottom: 0;transition: var(--transition);}
.blogbeitraege .wrp .teasercard-item .teasercard-content-slide:hover .btn {background: var(--secundary-color) url(assets/arrow.svg) 20px center no-repeat;background-size:125px;color:var(--primary-color);transition: var(--transition);}
.blogbeitraege .wrp .teasercard-item .teasercard-content-slide .btn:after {content:"";opacity:0;display:block;width:13px;height:13px;left:20px;top:16px;position:absolute;background:url(assets/arrow-y.svg) left top no-repeat;background-size:13px;transition: var(--transition);}
.blogbeitraege .wrp .teasercard-item .teasercard-content-slide:hover .btn:after {content:"";opacity:1;display:block;width:13px;height:13px;left:20px;top:16px;position:absolute;background:url(assets/arrow-y.svg) left top no-repeat;background-size:13px;transition: var(--transition);}
.blogbeitraege .wrp .teasercard-item.post-item.no-slide {display:grid;grid-template-columns: 32% auto;gap:20px;}
.blogbeitraege .wrp .teasercard-item.post-item.no-slide .img-wrp {aspect-ratio:unset}
.blogbeitraege .wrp .teasercard-item.post-item.no-slide .img-wrp img {border-radius:20px;width:100%;height:100%;object-fit: cover}
.blogbeitraege .wrp .teasercard-item.post-item.no-slide .teasercard-content {position:relative;border-radius:20px; background: var(--blau);padding:30px;box-sizing: border-box;transition: var(--transition);}
.blogbeitraege .wrp .teasercard-item.post-item.no-slide .teasercard-content:before {content:"";display:block;transform:scale(1);width:30px;height:8px;position:absolute;right:20px;top:20px;background:url(assets/dots-b.svg) right top no-repeat;background-size:30px;transition: var(--transition);}
.blogbeitraege .wrp .teasercard-item.post-item.no-slide:hover .teasercard-content:before {content:"";transform:scale(1.15);transition: var(--transition);}
.blogbeitraege .wrp .teasercard-item.post-item.no-slide .teasercard-content .btn {position:relative;font-size: 16px;font-weight: 700;padding: 5px 25px 7px 45px;margin:0;background: var(--primary-color) url(assets/arrow.svg) 20px center no-repeat;background-size:13px;color:var(--secundary-color);display: inline-block;border-radius: 20px;transition: var(--transition);}
.blogbeitraege .wrp .teasercard-item.post-item.no-slide:hover .teasercard-content .btn {background: var(--secundary-color) url(assets/arrow.svg) 20px center no-repeat;background-size:125px;color:var(--primary-color);display: inline-block;border-radius: 20px;transition: var(--transition);}
.blogbeitraege .wrp .teasercard-item.post-item.no-slide .teasercard-content .btn:after {content:"";opacity:0;display:block;width:13px;height:13px;left:20px;top:16px;position:absolute;background:url(assets/arrow-y.svg) left top no-repeat;background-size:13px;transition: var(--transition);}
.blogbeitraege .wrp .teasercard-item.post-item.no-slide:hover .teasercard-content .btn:after {content:"";opacity:1;display:block;width:13px;height:13px;left:20px;top:16px;position:absolute;background:url(assets/arrow-y.svg) left top no-repeat;background-size:13px;transition: var(--transition);}
.blogbeitraege .wrp .teasercard-item.post-item.no-slide:hover .teasercard-content {background: var(--primary-color);color:#f2f2f2;border-radius: 20px;transition: var(--transition);}
.top.blogbeitraege {background:var(--blau);padding:30px 20px}

.blogbeitraege .wrp .btn-all {position:relative; font-size: 16px;font-weight: 700;padding: 5px 25px 7px 45px;margin: 70px auto 0 auto;left: 50%;transform: translateX(-50%);box-sizing: border-box;background: var(--primary-color) url(assets/arrow.svg) 20px center no-repeat;background-size:13px;display: inline-block;border-radius: 20px;transition: var(--transition);}
.blogbeitraege .wrp .btn-all:hover {background: var(--secundary-color) url(assets/arrow.svg) 20px center no-repeat;background-size:125px;color:var(--primary-color);transition: var(--transition);}
.blogbeitraege .wrp .btn-all:after {content:"";opacity:0;display:block;width:13px;height:13px;left:20px;top:16px;position:absolute;background:url(assets/arrow-y.svg) left top no-repeat;background-size:13px;transition: var(--transition);}
.blogbeitraege .wrp .btn-all:hover:after {content:"";opacity:1;display:block;width:13px;height:13px;left:20px;top:16px;position:absolute;background:url(assets/arrow-y.svg) left top no-repeat;background-size:13px;transition: var(--transition);}

/* Image */

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

.bildtrenner {width:100%; aspect-ratio: 3/1; overflow: hidden; position: relative;}
.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;}

/* Galerie */

.gallery .fresco-gallery:not(.masonry) {display: grid; gap: 25px; margin-bottom: 0;}
.gallery .fresco-gallery li {list-style-type: none; margin: 0 0 25px 0; border-radius: 5px;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%;}
.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 {font-size:22px;cursor: pointer; position: relative; background: var(--blau);border-radius:10px;font-weight:500;margin-bottom:10px; padding:10px 25px 10px 10px;transition: var(--transition);}
.accordion .active .item-accordion-head {background: var(--blau);font-weight:700;transition: var(--transition);}
.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: var(--blau);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(2, 1fr); grid-column-gap: 20px; grid-row-gap: 20px;}
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;}

/* Sidebar */

main.withsidebar .sidebar {width: 100%; position: -webkit-sticky; position: sticky; top: 150px;box-sizing: border-box;margin: 40px 0 80px 0;}
.blog main.withsidebar .sidebar, .single main.withsidebar .sidebar, .archive main.withsidebar .sidebar {margin: 0 0 80px 0;}
main.withsidebar .sidebar .sidebar-nav {}
main.withsidebar .sidebar .sidebar-nav ul {margin:0;}
main.withsidebar .sidebar .sidebar-nav ul li{margin:0;list-style-type: none}
main.withsidebar .sidebar .sidebar-nav ul li a {
    position: relative;
    font-size: 20px;
    line-height: 20px;
    font-weight:500;
    padding: 13px 30px 15px 50px;
    margin: 0 0 10px 0;
    background: var(--blau) url(assets/arrow.svg) 20px center no-repeat;
    background-size: 15px;
    display:block;
    border-radius: 20px;
    transition: var(--transition);
}
main.withsidebar .sidebar .sidebar-nav ul li a:hover,main.withsidebar .sidebar .sidebar-nav ul li.current-menu-item a {
    background: var(--secundary-color) url(assets/arrow.svg) 20px center no-repeat;
    background-size: 125px;
    color: var(--primary-color);
    transition: var(--transition);
}
main.withsidebar .sidebar .sidebar-nav ul li a:after,main.withsidebar .sidebar .sidebar-nav ul li.current-menu-item a:after {
    content: "";
    opacity: 0;
    display: block;
    width: 15px;
    height: 15px;
    left: 20px;
    top: 16px;
    position: absolute;
    background: url(assets/arrow-y.svg) left top no-repeat;
    background-size: 15px;
    transition: var(--transition);
}
main.withsidebar .sidebar .sidebar-nav ul li a:hover:after,main.withsidebar .sidebar .sidebar-nav ul li.current-menu-item a:after{
    content: "";
    opacity: 1;
    display: block;
    width: 15px;
    height: 15px;
    left: 20px;
    top: 16px;
    position: absolute;
    background: url(assets/arrow-y.svg) left top no-repeat;
    background-size: 15px;
    transition: var(--transition);
}



main.withsidebar .sidebar .widget_recent_entries {background:var(--blau);border-radius:20px;padding:20px;box-sizing: border-box}
main.withsidebar .sidebar .widget_recent_entries ul {list-style-type: none;margin:0;}
main.withsidebar .sidebar .widget_recent_entries ul li {line-height:24px;list-style-type: none;margin:0 0 10px 0;}
main.withsidebar .sidebar .widget_recent_entries ul li a {color:var(--secundary-color);transition: var(--transition);}
main.withsidebar .sidebar .widget_recent_entries ul li a:hover {color:var(--primary-color);transition: var(--transition);}
main.withsidebar .sidebar .wp-block-categories-list li {list-style-type: none;margin:0;}


main.withsidebar .sidebar .wp-block-categories-list li a {
    position: relative;
    font-size: 20px;
    line-height: 20px;
    font-weight:500;
    padding: 13px 30px 15px 50px;
    margin: 0 0 10px 0;
    background: var(--blau) url(assets/arrow.svg) 20px center no-repeat;
    background-size: 15px;
    display:block;
    border-radius: 20px;
    transition: var(--transition);
}
main.withsidebar .sidebar .wp-block-categories-list li a:hover,main.withsidebar .sidebar .wp-block-categories-listl li.current-menu-item a {
    background: var(--secundary-color) url(assets/arrow.svg) 20px center no-repeat;
    background-size: 125px;
    color: var(--primary-color);
    transition: var(--transition);
}
main.withsidebar .sidebar .wp-block-categories-list li a:after,main.withsidebar .sidebar .wp-block-categories-list li.current-menu-item a:after {
    content: "";
    opacity: 0;
    display: block;
    width: 15px;
    height: 15px;
    left: 20px;
    top: 16px;
    position: absolute;
    background: url(assets/arrow-y.svg) left top no-repeat;
    background-size: 15px;
    transition: var(--transition);
}
main.withsidebar .sidebar .wp-block-categories-list li a:hover:after,main.withsidebar .sidebar .wp-block-categories-list li.current-menu-item a:after{
    content: "";
    opacity: 1;
    display: block;
    width: 15px;
    height: 15px;
    left: 20px;
    top: 16px;
    position: absolute;
    background: url(assets/arrow-y.svg) left top no-repeat;
    background-size: 15px;
    transition: var(--transition);
}
main.withsidebar .sidebar .sidebar-contact {background: var(--blau);border-radius:20px;transition: var(--transition);}
main.withsidebar .sidebar .sidebar-contact:hover {background: var(--secundary-color);border-radius:20px;transition: var(--transition);}
main.withsidebar .sidebar .sidebar-contact a {display: grid;grid-template-columns: 45px auto;gap:10px;padding: 20px;}
main.withsidebar .sidebar .sidebar-contact a svg {align-self: start;}
main.withsidebar .sidebar .sidebar-contact a span {align-self: start;font-size:18px;line-height:24px;transition: var(--transition);}
main.withsidebar .sidebar .sidebar-contact a:hover span {color:var(--primary-color);transition: var(--transition);}
main.withsidebar .sidebar .sidebar-contact a svg path {transition: var(--transition);}
main.withsidebar .sidebar .sidebar-contact a:hover svg path {fill:var(--primary-color);transition: var(--transition);}

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

.box .box-con {position:relative;display:grid;grid-template-columns:32% auto;gap:20px;margin:0 0 20px 0}
.box .box-con .link-overlay {position:absolute;width:100%;height:100%;left:0;top:0;z-index:10}
.box .box-con .box-1 {font-size:22px;text-align:center;background:var(--blau);padding: 30px;box-sizing:border-box;border-radius:20px;align-self: center;transition: var(--transition);}
.box .box-con .box-1 b:nth-child(1) {display:block;font-size:50px;margin-bottom:5px;}
.box .box-con .box-1 b:nth-child(2) {display:block;font-size:30px;}
.box .box-con .box-2 {position:relative;background:var(--blau);padding: 30px;box-sizing:border-box;border-radius:20px;align-self: center;transition: var(--transition);}
.box .box-con .box-2 .headline {font-size:24px;font-weight:700;color:var(--secundary-color);margin:0 0 5px 0}
.box .box-con .box-2 span{font-size:16px;font-weight:500;}
.textbild .box .box-con:hover .box-1 {background:var(--primary-color);transition: var(--transition);}
.textbild .box .box-con:hover .box-2 {background:var(--primary-color);transition: var(--transition);}
#kreis-gelb {width:100%;height:100%;max-width:65px;max-height:65px;object-fit: unset;position:absolute;left:23%;top:16%}
#kreis-gelbb {width:100%;height:100%;max-width:100px;max-height:100px;object-fit: unset;position:absolute;right:8%;top:-5%}
.textbild .bild {position:relative;}

.textbild.ani .wrp #uuid-87a923f4-247f-4fa3-8373-aa4b3f270e1a {animation: pulsein 0.5s ease-in-out forwards;fill:green;transition: var(--transition);}
.textbild.ani .wrp #uuid-835d00e9-9770-4a18-bce6-45b99fc81fa3 {animation: pulsein 0.5s ease-in-out forwards;fill:green;transition: var(--transition);}
.textbild.ani .wrp #uuid-6bd5ca20-89e4-4de3-a723-2c18f59705dc {animation: pulsein 0.8s ease-in-out forwards;fill:green;transition: var(--transition);}
.textbild.ani .wrp #uuid-67e34949-9c68-4290-89ce-ef80201f5c0c {animation: pulsein 0.8s ease-in-out forwards;fill:green;transition: var(--transition);}
.textbild.ani .wrp #uuid-f45438a1-ed10-460a-b4da-d73b15beb18a {animation: pulsein 1.1s ease-in-out forwards;fill:green;transition: var(--transition);}
.textbild.ani .wrp #uuid-effe194b-de30-4689-a5ae-4a87aed63243 {animation: pulsein 1.1s ease-in-out forwards;fill:green;transition: var(--transition);}

.textbild .wrp #uuid-87a923f4-247f-4fa3-8373-aa4b3f270e1a {fill:var(--primary-color);}
.textbild .wrp #uuid-835d00e9-9770-4a18-bce6-45b99fc81fa3 {fill:var(--primary-color);}
.textbild .wrp #uuid-6bd5ca20-89e4-4de3-a723-2c18f59705dc {fill:var(--primary-color);}
.textbild .wrp #uuid-67e34949-9c68-4290-89ce-ef80201f5c0c {fill:var(--primary-color);}
.textbild .wrp #uuid-f45438a1-ed10-460a-b4da-d73b15beb18a {fill:var(--primary-color);}
.textbild .wrp #uuid-effe194b-de30-4689-a5ae-4a87aed63243 {fill:var(--primary-color);}

.textbild.ani .wrp #Pfad_9456 {animation: pulsein 0.5s ease-in-out forwards;fill:green;transition: var(--transition);}
.textbild.ani .wrp #Pfad_9457 {animation: pulsein 0.5s ease-in-out forwards;fill:green;transition: var(--transition);}
.textbild.ani .wrp #Pfad_9460 {animation: pulsein 0.8s ease-in-out forwards;fill:green;transition: var(--transition);}
.textbild.ani .wrp #Pfad_9461 {animation: pulsein 0.8s ease-in-out forwards;fill:green;transition: var(--transition);}
.textbild.ani .wrp #Pfad_9464 {animation: pulsein 1.1s ease-in-out forwards;fill:green;transition: var(--transition);}
.textbild.ani .wrp #Pfad_9465 {animation: pulsein 1.1s ease-in-out forwards;fill:green;transition: var(--transition);}

.textbild .wrp #Pfad_9456 {fill:var(--primary-color);}
.textbild .wrp #Pfad_9457 {fill:var(--primary-color);}
.textbild .wrp #Pfad_9460 {fill:var(--primary-color);}
.textbild .wrp #Pfad_9461 {fill:var(--primary-color);}
.textbild .wrp #Pfad_9464 {fill:var(--primary-color);}
.textbild .wrp #Pfad_9465 {fill:var(--primary-color);}


.textbild.ani .wrp #kreis-gelb{animation: rotate 4.5s linear infinite;}
.textbild.ani .wrp #kreis-gelbb{animation: rotate2 4.2s linear infinite;}

.textbild #uuid-acd91fb5-57e5-4375-9368-7364e90b22b2,#uuid-5a6e530d-6c1f-4084-bc8d-edae15e626a2 {transform: translateX(20px);transform-origin: 100% 0%;animation: comein-off 1.0s linear forwards;}
.textbild.ani #uuid-acd91fb5-57e5-4375-9368-7364e90b22b2,.textbild.ani #uuid-5a6e530d-6c1f-4084-bc8d-edae15e626a2 {animation: comein 1.0s linear forwards;}

.textbild #uuid-8ae676ef-7064-47e5-906a-7a5306147239{transition: var(--transition);}
.textbild.ani #uuid-8ae676ef-7064-47e5-906a-7a5306147239{fill:var(--primary-color);transition: var(--transition);}

.textbild #uuid-8d455257-cc3a-47c9-824f-8d033211fcd5{fill:#DDE5EF;transition: var(--transition);}
.textbild.ani #uuid-8d455257-cc3a-47c9-824f-8d033211fcd5{fill:var(--primary-color);transition: var(--transition);}


.textbild #uuid-4ba60f75-72f0-4e12-bc8a-af10a6cf25ea,
.textbild #uuid-5c51eced-74ec-40df-92a9-05036a180f5d,
.textbild #uuid-845a7559-87f5-48ec-8ed4-78f65e6ff049,
.textbild #uuid-c72b3999-2357-4deb-abdf-8c931cab18b2,
.textbild #uuid-2fea4bab-3ba8-4a0f-add2-5d176a7dcbbb {transform: rotate(0deg) scale(1)translateX(0) translateY(0);transform-origin: right;transition: var(--transition);}

.textbild.ani #uuid-4ba60f75-72f0-4e12-bc8a-af10a6cf25ea,
.textbild.ani #uuid-5c51eced-74ec-40df-92a9-05036a180f5d,
.textbild.ani #uuid-845a7559-87f5-48ec-8ed4-78f65e6ff049,
.textbild.ani #uuid-c72b3999-2357-4deb-abdf-8c931cab18b2,
.textbild.ani #uuid-2fea4bab-3ba8-4a0f-add2-5d176a7dcbbb {transform: rotate(13deg) scale(1.03) translateX(-20px) translateY(27px);transform-origin: right;transition: var(--transition);}

.textbild #uuid-1a431294-4cf2-4c82-982d-e03a94d1b4b7,
.textbild #uuid-1e744c84-e215-45db-8ce0-1f4f730f66aa,
.textbild #uuid-44cba379-58eb-45b1-ba59-383d5d0733db,
.textbild #uuid-25af910e-bfc2-4e93-8747-0179ec64bdf0 {transition: var(--transition);}

.textbild.ani #uuid-1a431294-4cf2-4c82-982d-e03a94d1b4b7,
.textbild.ani #uuid-1e744c84-e215-45db-8ce0-1f4f730f66aa,
.textbild.ani #uuid-44cba379-58eb-45b1-ba59-383d5d0733db,
.textbild.ani #uuid-25af910e-bfc2-4e93-8747-0179ec64bdf0 {fill:var(--secundary-color);transition: var(--transition);}

.textbild #uuid-1bf2f5b9-f86b-4a2c-9e1a-6255fb627655{transition: var(--transition);}
.textbild.ani #uuid-1bf2f5b9-f86b-4a2c-9e1a-6255fb627655{fill:var(--secundary-color);transition: var(--transition);}

.textbild #uuid-521a94aa-6ac8-4f11-b2ed-b2b8c602e433,
.textbild #uuid-6417d819-071a-4d09-9a00-145ac2afcadc,
.textbild #uuid-f0c0d5a9-1246-4570-9310-c2d50f91ce7b,
.textbild #uuid-d7a00c93-0d11-4811-8f9c-7f1ed863cdcf,
.textbild #uuid-aaccb7b1-1fb8-4c9d-b3a7-a505c6686cf1{transition: var(--transition);}

.textbild.ani #uuid-521a94aa-6ac8-4f11-b2ed-b2b8c602e433,
.textbild.ani #uuid-6417d819-071a-4d09-9a00-145ac2afcadc,
.textbild.ani #uuid-f0c0d5a9-1246-4570-9310-c2d50f91ce7b,
.textbild.ani #uuid-d7a00c93-0d11-4811-8f9c-7f1ed863cdcf,
.textbild.ani #uuid-aaccb7b1-1fb8-4c9d-b3a7-a505c6686cf1{fill:var(--primary-color);transition: var(--transition);}


#uuid-4de2b01f-f740-4e8d-ae83-d5c2698ab05c,
#uuid-feb23bb6-8043-4274-84da-d5092fa84e71{fill: rgba(244,244,244, 1)}

@keyframes comein {
    0% {
        transform: translateX(20px);
        transform-origin: 100% 0%;
    }

    100% {
        transform: translateX(0);
        transform-origin: 100% 0%;
    }
}
@keyframes comein-off {
    0% {
        transform: translateX(0);
        transform-origin: 100% 0%;
    }

    100% {
        transform: translateX(20);
        transform-origin: 100% 0%;
    }
}
@keyframes pulsein {
    0% {
        transform: scale(1.4);
        transform-origin: 100% 0%;
        fill:var(--primary-color);
        opacity:0
    }

    100% {
        transform: scale(1);
        transform-origin: 100% 0%;
        fill:var(--primary-color);
        opacity:1
    }
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
@keyframes rotate2 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}
.textbild.aktiv .box .box-con .box-1 {font-size:22px;text-align:center;background:#fff;padding: 30px;box-sizing:border-box;border-radius:20px;align-self: center;transition: var(--transition);}
.textbild.aktiv .box .box-con .box-2 {background:#fff;padding: 30px;box-sizing:border-box;border-radius:20px;align-self: stretch;display: grid;align-items: center;transition: var(--transition);}
.textbild.aktiv .box .box-con:hover .box-1 {background:var(--primary-color);transition: var(--transition);}
.textbild.aktiv .box .box-con:hover .box-2 {background:var(--primary-color);transition: var(--transition);}

.box .box-con .box-2:before {content: "";transform:scale(1);display: block;width: 30px;height: 8px;position: absolute;right: 20px;top: 20px;background: url(assets/dots-b.svg) right top no-repeat;background-size: 30px;transition: var(--transition);}
.box .box-con:hover .box-2:before {content:"";transform:scale(1.15);transition: var(--transition);}

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

.singlepost .download .btn {position:relative;font-size:20px;line-height:20px;font-weight:700;padding: 13px 30px 15px 50px;margin:40px 10px 0 0;background: var(--primary-color) url(assets/arrow.svg) 20px center no-repeat;background-size:15px;display: inline-block;border-radius:20px;transition: var(--transition);}
.singlepost .download .btn:hover {background: var(--secundary-color) url(assets/arrow.svg) 20px center no-repeat;background-size:125px;color:var(--primary-color);transition: var(--transition);}

.singlepost .download .btn:after {content:"";opacity:0;display:block;width:15px;height:15px;left:20px;top:16px;position:absolute;background:url(assets/arrow-y.svg) left top no-repeat;background-size:15px;transition: var(--transition);}
.singlepost .download .btn:hover:after {content:"";opacity:1;display:block;width:15px;height:15px;left:20px;top:16px;position:absolute;background:url(assets/arrow-y.svg) left top no-repeat;background-size:15px;transition: var(--transition);}


footer {background:var(--blau);padding:50px 0}
footer .wrp {display:grid;grid-template-columns: 47% auto;margin-top:20px;}
footer .wrp:before {content:"";display:block;border-bottom: 1px solid rgba(0,0,0, 0.1);width:77%;position:absolute;top:-30px;right:0;}
footer .wrp .text{max-width:400px;line-height:28px;}
footer .logo {width:200px;}
footer .buttons {font-size:16px;margin-top:40px}
footer .buttons a{display:inline-block;margin-right:20px;transition: var(--transition);}
footer .buttons a:hover {transform:scale(1.1 );transition: var(--transition);}
footer .buttons a svg{width:38px;height:38px;display:inline-block;margin-right:5px}
footer .buttons a span {display:inline-block;line-height:22px;}
footer ul {display:grid;grid-template-columns:1fr 1fr 1fr;list-style-type: none;margin:0;}
footer ul li {font-size:20px;list-style-type: none;margin:0 0 10px 50px;background:url(assets/dot.svg) left center no-repeat;padding-left:20px;}
footer ul li a{transition: var(--transition);}
footer ul li a:hover{color:var(--primary-color);transition: var(--transition);}

footer .social {display:grid;grid-template-columns: 1fr;justify-self: end;gap:5px;align-self: end;margin-bottom: 20px;}
footer .social a{max-width:40px;justify-self: end;align-self: center;}
footer .social a svg {transform: scale(1);transition: var(--transition);}
footer .social a:hover svg {transform: scale(1.1);transition: var(--transition);}


/* Bottom */

.bottom {padding:10px 0 20px 0;font-size:16px;font-weight:400;}
.bottom .wrp {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.bottom .wrp ul {list-style-type: none;margin:0;}
.bottom .wrp ul li {display:inline-block;list-style-type: none;margin:0;}
.bottom .wrp ul li:after {content:"-"; display:inline-block;margin:0 2px 0 4px}
.bottom .wrp ul li:nth-child(3):after {content:"-"; display:none}
.bottom .wrp ul li a {transition: var(--transition);}
.bottom .wrp ul li a:hover {color:var(--primary-color);transition: var(--transition);}

/* 404 */

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

/* ########## Ansprechpartner ########## */

.ansprechpartner-wrp .wrp {display:grid;grid-template-columns: 1fr 1fr;gap: 20px;}
.ansprechpartner-wrp .ansprechpartner-box .pic {margin-bottom:10px;}
.ansprechpartner-wrp .ansprechpartner-box .pic img {margin: 0;width: 100%;height: auto;border-radius:20px;}
.ansprechpartner-wrp .ansprechpartner-box .name{font-weight:700;}
.ansprechpartner-wrp .ansprechpartner-box .daten {background: #f2f2f2;padding: 20px;box-sizing: border-box;border-radius:20px;}

/* ########## Logos ########## */

.logos .wrp {display:grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap:20px;align-items: stretch;}
.logos .wrp .logo{width:100%;justify-self: center;box-sizing:border-box;padding:40px;background:var(--blau);border-radius:20px;}
.logos .wrp .logo img{width:100%;height:100%;object-fit: contain}

.download .download-button a {
    position: relative;
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    padding: 13px 30px 15px 50px;
    margin: 0 0 10px 0;
    background: var(--blau) url(assets/arrow.svg) 20px center no-repeat;
    background-size: 15px;
    display: inline-block;
    border-radius: 20px;
    transition: var(--transition);
}
.download .download-button a:hover{
    background: var(--secundary-color) url(assets/arrow.svg) 20px center no-repeat;
    background-size: 125px;
    color: var(--primary-color);
    transition: var(--transition);
}
.download .download-button a:after {
    content: "";
    opacity: 0;
    display: block;
    width: 15px;
    height: 15px;
    left: 20px;
    top: 16px;
    position: absolute;
    background: url(assets/arrow-y.svg) left top no-repeat;
    background-size: 15px;
    transition: var(--transition);
}
.download .download-button a:hover:after{
    content: "";
    opacity: 1;
    display: block;
    width: 15px;
    height: 15px;
    left: 20px;
    top: 16px;
    position: absolute;
    background: url(assets/arrow-y.svg) left top no-repeat;
    background-size: 15px;
    transition: var(--transition);
}

/* ########## Publikationen Autor ########## */

main.withsidebar .autor {display:grid;grid-template-columns:30% auto;gap:20px;background: var(--blau);border-radius: 20px;padding: 20px;box-sizing: border-box;margin-top:40px;}
main.withsidebar .autor .img img{width:100%;height:auto;border-radius: 20px;}

@media (max-width: 1240px) {
    .home.page .stage .svg .svg-form {width: 100%;height: auto;max-width: 500px;margin-right: -53px;}
    .stage .wrp-claim {top: 270px;}
    footer .wrp {display: grid;grid-template-columns: 40% auto;}
    .stage.sub .stage-content p {font-size: 37px;line-height: 45px;}
    .stage.sub .stage-content p strong {font-size: 47px;font-weight: 700;}
    .page .stage.sub .wrp, .blog .stage.sub .wrp, .single .stage.sub .wrp, .archive .stage.sub .wrp {display: grid;grid-template-columns: 550px auto;align-items: center;gap: 20px;}
    .archive main.withsidebar .content .blog-grid {display: grid;grid-template-columns:100%;}
    .archive main.withsidebar .content .blog-grid .post {position:relative;}
    .archive .post-content .btn{position:absolute;right:20px;bottom:20px;}
    .blog .post-content h2 {margin: 0;font-size: 18px;line-height: 27px;}
}
@media (max-width: 1150px) {
    .teasercard-item.is-active.is-visible .teasercard-content-slide {display: block;border-right:1px solid rgba(40, 53, 131, 0.2);;padding-right: 10px;}
    .teasercard-item.is-visible .teasercard-content-slide {display: block;border-right:none;padding-right: 0;}
}
@media (max-width: 1100px) {
    .stage .stage-content p {font-size: 40px;line-height: 50px;}
    .stage .stage-content p strong {font-size: 50px;font-weight: 700;}
    .blogbeitraege .wrp .teasercard-item .teasercard-content-slide h3 {font-size:22px;}
    .top.blogbeitraege {background: var(--blau);padding: 30px 20px;width: 100%;box-sizing: border-box;}
    .blog .stage.sub.news .wrp, .single .stage.sub.news .wrp, .archive .stage.sub.news .wrp {display: grid;grid-template-columns: 550px auto;align-items: center;gap: 20px;}
    .blog .stage.sub.news .stage-content, .single .stage.sub.news .stage-content, .archive .stage.sub.news .stage-content {padding: 200px 0 130px 0 !important;}
    .blog .stage.sub.news p, .single .stage.sub.news p, .archive .stage.sub.news p {font-size: 35px;line-height: 45px;}
}
@media (max-width: 1024px) {
    .page .stage.sub .wrp, .blog .stage.sub .wrp, .single .stage.sub .wrp, .archive .stage.sub .wrp {display: grid;grid-template-columns: 500px auto;align-items: center;gap: 20px;}
    .stage.sub .stage-content p {font-size: 35px;line-height: 45px;}
    .stage.sub .stage-content p strong {font-size: 45px;font-weight: 700;}
    .stage .wrp-claim {top: 240px;}
    .stage .stage-content .btn {font-size: 18px;padding:13px 20px 15px 40px}
    .home.page .stage .wrp {padding-top:70px;}
    #mainnav {align-self:start;height:100%;}
    .nav-top {display:none;}
    .mainnav-toggle.off {top:40px;}
    .home.page .textbild .wrp {grid-template-columns: 100%!important}
    .home.page .textbild .bild {display:none;}
    .textbild .btn {max-width:25%;}
    footer .wrp {display: grid;grid-template-columns: 45% auto;}
    footer ul {display: grid;grid-template-columns: 1fr 1fr;}
    .textbild .block-1 p, .textbild .block-2 p, .textbild .block-3 p {
        line-height: 30px;
    }
}
@media (max-width: 1000px) {
    .home.page .teasercards .cards.no-carousel .teasercard-item {grid-template-rows: subgrid;
        grid-row: span 3;}
    .teasercards .cards.no-carousel {align-items: start;}
    .blogbeitraege .wrp .teasercard-item.post-item.no-slide {grid-template-columns:100%;}
    .blogbeitraege .wrp .teasercard-item.post-item.no-slide .img-wrp img {max-height: 180px;}
    .textbild .btn {
        max-width: 40%;
    }
}
@media (max-width: 900px) {
    .blog .stage.sub.news .wrp, .single .stage.sub.news .wrp, .archive .stage.sub.news .wrp {
        display: grid;
        grid-template-columns: 380px auto;
        align-items: center;
        gap: 20px;
    }
    .blog .stage.sub.news p, .single .stage.sub.news p, .archive .stage.sub.news p {
        font-size: 25px;
        line-height: 32px;
    }
    .blog .stage.sub.news .wrp, .single .stage.sub.news .wrp, .archive .stage.sub.news .wrp{padding: 80px 0 0 0}
    .blog .stage.sub.news .stage-content, .single .stage.sub.news .stage-content, .archive .stage.sub.news .stage-content{padding: 80px 0 !important;}
    .archive .stage.sub.news .btn {
        margin: 15px 0 0 0;
    }
    header .header-grid {display: grid;grid-template-columns: 180px auto;}
    .home.page .stage .svg .svg-form {width: 100%;height: auto;max-width: 350px;margin-right: -53px;}
    .stage .svg .svg-form svg {opacity: 1;}
    .stage .wrp-claim {top: 157px;}
    .stage .stage-content p {font-size: 30px;line-height: 40px;}
    .stage .stage-content p strong {font-size: 40px;font-weight: 700;}
    .stage .stage-content .btn {font-size: 16px;padding: 13px 15px 15px 35px;background: var(--primary-color) url(assets/arrow.svg) 15px center no-repeat;background-size: 13px;}
    .page .stage.sub .wrp, .blog .stage.sub .wrp, .single .stage.sub .wrp, .archive .stage.sub .wrp {display: grid;grid-template-columns: 380px auto;align-items: center;gap: 20px;}
    .stage.sub .stage-content p {font-size: 30px;line-height: 40px;}
    .stage.sub .stage-content p strong {font-size: 40px;font-weight: 700;}
    .page .stage.sub .wrp {padding: 70px 0 0 0;}
    .archive .post-content .btn{position:relative;right:inherit;bottom:inherit;}
}
@media (max-width: 820px) {
    .home.page .textbild h2,.home.page .text h2 {font-size: 30px;font-weight: 700;}
    .home.page .textbild h3,.home.page .text h3 {font-size: 20px;}
    footer .wrp {display: grid;grid-template-columns: 100%;}
    footer ul {display:none;}
    footer .wrp .text {max-width:100%}
    footer .buttons {display:none;}
    .page .stage.sub .wrp {padding: 80px 0 0 0;}
    .stage.sub .stage-content p {font-size: 25px;line-height: 32px;}
    article.singlepost h1 {font-size:25px;line-height:32px;margin:0}
    article.singlepost h2 {font-family: "new-farm", sans-serif;margin: 0 0 20px 0;font-size: 20px;}
    .mb {margin-bottom: 70px;}
}
@media (max-width:768px) {
    .page .stage.sub .wrp, .blog .stage.sub .wrp, .single .stage.sub .wrp, .archive .stage.sub .wrp {
        display: grid;
        grid-template-columns: 340px auto;
        align-items: center;
        gap: 20px;
    }
    .blog main.withsidebar .content .blog-grid {
        grid-template-columns: 100%;
    }
    .blog main.withsidebar .content .blog-grid .post img {
        max-height: 150px;
    }
    .mb {margin-bottom: 55px;}
}
@media (max-width:640px) {
    .page .stage.sub .wrp, .blog .stage.sub .wrp, .single .stage.sub .wrp, .archive .stage.sub .wrp {display: grid;grid-template-columns: 100%;gap: 0;}
    .blog .stage.sub.news .wrp, .single .stage.sub.news .wrp, .archive .stage.sub.news .wrp{display: grid;grid-template-columns: 100%;gap: 0;padding: 0}
    .blog .stage.sub.news .stage-content, .single .stage.sub.news .stage-content, .archive .stage.sub.news .stage-content {padding: 80px 0 0 0!important;}
    .stage.sub .svg {display:none;}
    .stage .wrp-claim {top:inherit;position:relative;max-width:inherit;padding:75px 0 50px 0}
    .stage .svg {display:none;}
    .teasercards .cards.no-carousel {grid-template-columns: 100% !important;}
    .home.page .teasercards .cards.no-carousel .teasercard-item {display:block;grid-template-rows: inherit;grid-row: inherit;}
    .home.page .teasercards .cards.no-carousel .teasercard-item .teasercard-content {display:block;margin:20px 0 40px 0}
    .blogbeitraege .wrp .teasercard-item.post-item.no-slide .teasercard-content .btn {margin-top:20px}
    .blogbeitraege .wrp .btn-all {margin:0 auto}
    .textbild .grid {grid-template-columns: 100%}
    .textbild .block-2,.textbild .block-3,.textbild.aktiv .block-2,.textbild.aktiv .block-3 {display:block;}
    .textbild .btn {max-width: inherit;}
    .teasercard-item.is-active.is-visible .teasercard-content-slide {border-right: none;padding-right: 0;}
    .home.page .textbild h2, .home.page .text h2 {padding:0 20px;}
    .home.page .textbild h3, .home.page .text h3 {padding:0 20px;}
    .home.page .textbild .block-1 h3 {padding:0;}
    .home.page .textbild .block-2 h3{padding:0;}
    .home.page .textbild .block-3 h3{padding:0;}
    .stage .stage-content .btn {margin:15px 0 0 0}
    .blog .stage.sub.news p, .single .stage.sub.news p, .archive .stage.sub.news p {font-size: 25px;line-height: 32px;}
    main.withsidebar .autor {display:grid;grid-template-columns:100%;gap:10px;margin-top:40px;}
}

@media (max-width: 530px) {
    .stage .stage-content p {font-size: 30px;line-height: 40px;}
    .stage .stage-content p strong {font-size: 39px;font-weight: 700;}
    .stage .stage-content .btn {font-size:16px;}
    .stage .stage-content .btn:nth-child(3) {display:none;}
    .stage .stage-content p br {display:none;}
    .teasercard-item.is-active.is-visible .teasercard-content-slide {text-align:center;}
    .blogbeitraege .wrp .teasercard-item .teasercard-content-slide:before {content: "";margin: 0 auto 20px auto;}
    .blogbeitraege .wrp .teasercard-item .teasercard-content-slide h3 {text-align: center;}
    .blogbeitraege .wrp .teasercard-item .teasercard-content-slide .btn {display: block;margin: 0 auto;bottom:10px;text-align: center;left: 50%;transform: translateX(-50%);width: 100%;max-width: 100px;}
    .post-content h2 {margin: 0;font-size: 18px;line-height: 27px;font-weight: 700;color: var(--secundary-color);}
    .mb {margin-bottom: 45px;}
}


/* ########## Mein Konto ########## */
#um_account_submit_meinedownloads, .um-faicon-user, .um-faicon-asterisk, #um_account_submit_logout {display: none;}
.meine_downloads .item-accordion-head p {display: none;}
.meine_downloads .item-accordion-content {background: none !important;}
.meine_downloads .accordion .item-accordion.hidden .item-accordion-content {padding: 10px 0px !important;}
.meine_downloads .accordion h5 {font-size: 16px;margin: 30px 0 10px 0;background: #0072bb;color: #fff;padding: 10px 10px;}
.meine_downloads .accordion {margin-bottom: 10px;}
.meine_downloads .item-accordion.active .item-accordion-head {background: #0072bc !important; color: #fff !important;}
.meine_downloads .item-accordion.active .item-accordion-head .item-accordion-btn:before {color: #fff;}

.um-2076.um,.um-um_password_id.um,.um-2075.um {
    max-width: 450px;
    margin: 0 0 100px 0!important;
}

#downloadliste .fileliste ul {display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.fileliste ul {display: block;margin-top:10px; list-style-type: none;}
.fileliste.downloadbereich ul {display: block;margin-top:10px;list-style-type: none;}
.fileliste ul li {margin:0 0 20px 0;position:relative;}
.fileliste a {display: block;background: #f2f2f2;padding: 13px 20px 10px 55px;border-radius: 25px;transition: all 0.7s; word-break: break-word;}
.fileliste.downloadbereich a {display: block;background: #f2f2f2;padding: 13px 20px 10px 20px;border-radius: 0px;transition: all 0.7s;}
.fileliste a:hover {display: block;color: #fff;box-shadow: inset 28em 0 0 0 #0072bc;transition: all 0.7s;}
.fileliste.downloadbereich a:hover {display: block;color: #fff;box-shadow: inset 55em 0 0 0 #0072bc;transition: all 0.7s;}
.fileliste a svg {width:20px;position: absolute;top:0px;left: 20px;}
.fileliste a svg path {fill:#0072bc;transition:all 0.7s;}
.fileliste a:hover svg path {fill:#f2f2f2;transition:all 0.7s;}




/* Mitgliederliste */
.listengrid {display: grid;grid-template-columns: 1fr 1fr 200px 100px; margin-bottom: 5px;}
.listengrid.mitbackgrount {background: #eee;}
.listengrid.header {background: var(--blau); color: var(--text-color);font-weight: bold;}
.listengrid div {padding: 5px;}
.listengrid .mailadresse svg {width: 24px; height: 24px;}

.mitgliederliste table {width: 100%;border-collapse: collapse;}
.mitgliederliste tr:nth-of-type(odd) {background: #eee;}
.mitgliederliste th {background: var(--blau); color: white;font-weight: bold;}
.mitgliederliste td, .absolventenliste th {padding: 15px; text-align: left;}

.um-right.um-half {display: none;}

@media (max-width: 767px){
    .mitgliederliste table, .mitgliederliste thead, .mitgliederliste tbody, .mitgliederliste th, .mitgliederliste td, .mitgliederliste tr {display: block;}
    .mitgliederliste thead tr {position: absolute; top: -9999px; left: -9999px;}
    .mitgliederliste tr {margin: 0 0 1rem 0;}
    .mitgliederliste tr:nth-child(odd) {background: #ccc;}
    .mitgliederliste td {border: none; position: relative; padding: 5px 5px 5px 50%;}
    .mitgliederliste td:before {position: absolute; top: 5px; left: 10px; width: 45%; padding-right: 10px; white-space: nowrap;}

    td:nth-of-type(1):before { content: "Name"; font-weight: 600;}
    td:nth-of-type(2):before { content: "Abschluss"; font-weight: 600;}
    td:nth-of-type(3):before { content: "Ort"; font-weight: 600;}
    td:nth-of-type(4):before { content: "Kontakt"; font-weight: 600;}
}