into a `text-align-center` class that had no rule. */
.text-align-center{text-align:center}
/* "Persönliche Begleitung" step circles: the mockup set the first
three to petrol and the last (KI-Trainerin) to teal via inline
styles Drupal dropped, so all four now fall back to the teal base.
REQUIRES a hook: add class "how--support" to that one .how block,
i.e.
in the page content. */
.how--support .h .n{background:var(--petrol)}
.how--support .h:last-child .n{background:var(--teal)}
/* ============================================================
FOOTER — match the mockup footer
------------------------------------------------------------
Mockup footer = dark petrol bar with the copyright line on the
left and Datenschutz / Impressum on the right. The base footer{}
rules already paint the bar; below we lay out the Drupal footer
structure and hide the parts the mockup does not have.
============================================================ */
/* Hide the node date/author byline footer (the "24. Juni 2026" block) */
/* body.green-menu footer:not(.footer){display:none} */
/* Site footer layout: copyright left, links right (mirrors .wrap) */
/* body.green-menu footer.footer .footer.container{
max-width:1080px;margin:0 auto;padding:0 24px;
} */
/* body.green-menu footer.footer .region-footer{
display:flex;align-items:center;justify-content:space-between;
flex-wrap:wrap;gap:16px;
}
body.green-menu footer.footer .outer-container,
body.green-menu footer.footer .inner-container{
max-width:none;width:auto;margin:0;padding:0;
} */
/* Copyright text (logo image hidden to match the mockup) */
/* body.green-menu footer.footer .footer-left{display:flex;align-items:center}
body.green-menu footer.footer .footer-left img{display:none}
body.green-menu footer.footer .footer-left p{
margin:0;color:#9FC4C4;font-size:13px;
} */
/* Hide footer blocks the mockup doesn't have (icon + facebook mark) */
/* body.green-menu footer.footer #block-rightfooter,
body.green-menu footer.footer #block-bootsass-facebooktrademark{display:none} */
/* Footer menu — keep only Datenschutz + Impressum, style like mockup */
/* body.green-menu footer.footer .menu--footer{
list-style:none;margin:0;padding:0;
display:flex;gap:18px;flex-wrap:wrap;
} */
/* body.green-menu footer.footer .menu--footer > li{display:none}
body.green-menu footer.footer .menu--footer > li:has(a[href="/datenschutz"]),
body.green-menu footer.footer .menu--footer > li:has(a[href="/impressum"]){
display:inline;
} */
/* body.green-menu footer.footer .menu--footer a{
color:#C5DEDE;text-decoration:none;
border-bottom:1px solid rgba(143,224,216,.3);
} */
/* body.green-menu footer.footer .menu--footer a:hover{color:#fff} */
#block-bootsass-ratgeberheader {
padding: 0;
}
.visually-hidden.focusable.skip-link {
display: none;
}
section.col-sm-12 {
padding: 0;
}
#navbar-slider {
max-width: 1260px;
margin: 0 auto;
}
body img {
height: auto;
}
.visually-hidden {
display: none;
}
/* ************************ Cookie ************************/
.cookies-pop-wrapper {
max-width: 590px;
width: 100%;
padding: 30px 25px;
background: white;
box-shadow: 0px 3px 4px #c4c4c4;
margin: 0 auto;
font-weight: bold;
}
.cookies-pop-wrapper .btn {
font-size: 26px;
font-weight: normal;
margin: 15px 10px;
text-align: center;
min-width: 240px;
border-radius: 10px;
border: 2px solid #df4661;
background: white;
color: #df4661;
line-height: 39px;
/* font-family: LeagueSpartan; */
}
.cookies-pop-wrapper .btn.btn-more, .cookies-pop-wrapper .btn.btn-typb {
background: #df4661;
color: white;
}
.cookies-pop-wrapper.poped {
position: fixed;
top: 80px;
left: 50%;
transform: translateX(-50%);
z-index: 9999999999;
display: none;
}
.cookiesPopup .cookies-pop-wrapper.poped {
display: block;
}
.cookies-section.fn {
text-align: left;
}
.checkbox-cookie {
display: inline-block;
}
.fixed-square {
display: inline-block;
width: 33px;
height: 31px;
background: url(/modules/custom/mindswitch_extras/inc/check-square.png) no-repeat;
background-size: 32px;
position: relative;
top: 5px;
background-position: 0 -28px;
}
.popup-cookies label {
font: normal 22px / 32px LeagueSpartan;
}
.cookies-section.fn {
margin-bottom: -15px;
margin-left: 30px;
}
.popup-cookies .link-wrapper a {
color: gray;
font: normal 19px / 32px LeagueSpartan;
}
.cookies-section.fn.typea span, .cookies-section.checked span {
background-position: 0 0;
}
.cookies-pop-wrapper .btn.btn-more:hover, .cookies-pop-wrapper .btn.btn-typb:hover {
background: #ce1737;
}
.btn-cookies.btn.btn-accept:hover {
background: #ec8194;
color: white;
}
.cookies-pop-wrapper.staticsetting {
box-shadow: none;
max-width: none;
text-align: left;
}
.cookies-pop-wrapper.staticsetting .btn-cookies.btn.btn-more, .cookies-pop-wrapper.staticsetting .btn-cookies.btn.btn-typb {
margin-left: 0;
}
.cookies-pop-wrapper.staticsetting h3 {
/* font-family: LeagueSpartanBold; */
}
.cookies-pop-wrapper.staticsetting .btns-cookies-wrapper {
margin-top: 35px;
}
.btns-cookies-wrapper {
margin-top: 15px;
}
.cookies-pop-wrapper.poped p {
font: normal 22px / 26px LeagueSpartan;
}
body.cookiesPopup div[id*="userlike"], body.cookiesPopup div[id*="trustbadge"] {
display: none;
}
.block-cookies-popup-block {
margin-bottom: 0 !important;
}
.btn-cookies.btn.btn-typb {
padding: 4px 12px;
margin-top: 5px;
}
@media all and (max-width: 768px) {
.cookies-pop-wrapper {
padding: 30px 5px 30px 5px;
}
.fixed-square {
top: 10px;
}
.popup-cookies label {
font: normal 15px / 32px LeagueSpartan;
}
.cookies-pop-wrapper.poped p {
font: normal 19px / 26px LeagueSpartan;
}
.block .popup-cookies h3 {
font: normal 29px / 37px LeagueSpartanBold;
margin-top: 0;
}
.cookies-section.fn {
margin-left: 0;
}
.cookies-pop-wrapper .btn {
font-size: 20px;
margin: 15px 5px;
min-width: 140px;
}
.cookies-pop-wrapper.poped {
top: 65px;
}
}
@media all and (min-width: 410px) {
.cookies-pop-wrapper {
padding: 30px 20px 30px;
}
}
.block-cookies-popup-block {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background: rgba(255, 255, 255, 0.95);
z-index: 9999;
padding: 15px 0 0;
box-shadow: 0 0 5px #e6e6e6;
display: none;
color: #12161CCC;
/* backdrop-filter: blur(20px); */
}
@supports (backdrop-filter: none) {
.block-cookies-popup-block {
background: rgba(255, 255, 255, 0.5);
backdrop-filter: blur(20px);
}
}
.btns-cookies-wrapper.simple-link-wrapprer {
text-align: center;
}
.btns-cookies-wrapper.simple-link-wrapprer a {
margin: 0 20px;
}
.cookiesPopup .block-cookies-popup-block {
display: block;
}
.pop-wrapper-v2 > div {
display: inline-block;
width: 49%;
vertical-align: middle;
}
.pop-wrapper-v2 .btns-cookies-wrapper {
margin-top: 0;
}
.pop-var2-text {
text-align: left;
}
.pop-var2-text p {
font-size: 16px;
line-height: 20px;
margin-bottom: 0;
}
.pop-var2-btns button {
background: #df4661;
color: white;
border-radius: 10px;
font-size: 18px;
/* font-family: LeagueSpartan; */
margin-right: 30px;
}
.pop-var2-btns button:hover {
background: #c42d48;
color: white;
}
.pop-var2-btns a {
display: inline-block;
border-bottom: 1px solid;
/* font-family: LeagueSpartan; */
font-size: 16px;
}
.cookies-pop-stc {
text-align: left;
}
.cookies-setting-txt {
display: none;
}
.cookies-setting-v2 h4 {
font-size: 30px;
/* font-family: LeagueSpartan; */
margin: 0;
padding: 30px 0;
cursor: pointer;
position: relative;
line-height: 32px;
color: #12161CCC;
}
.cookies-row {
border-bottom: 1px solid #12161C4D;
padding-left: 3px;
position: relative;
}
.cookies-row.typa {
border-top: none;
}
.cookies-row.typc {
margin-bottom: 50px;
}
.cookies-setting-v2 h4::after {
content: "";
background: url(/modules/custom/mindswitch_extras/inc/plus.png) no-repeat;
width: 30px;
height: 30px;
display: block;
position: absolute;
top: 31px;
right: 15px;
}
.cookies-txt-wrp {
display: inline-block;
width: 75%;
vertical-align: middle;
padding-bottom: 20px;
color: #12161CB2;
margin-top: -10px;
}
.cookies-btn {
display: inline-block;
width: auto;
right: 83px;
cursor: pointer;
position: absolute;
margin-top: 0;
top: 31px;
}
.cookies-btn.fixed p {
color: #df4661;
/* font-family: LeagueSpartan; */
font-size: 18px;
color: #12161CB2;
/* font-weight: bold; */
}
.cookies-pop-stc {
margin-bottom: 150px;
}
.cookies-row.expanded .cookies-setting-txt {
display: block;
}
.lbl-typ .enabled {
display: none;
}
.lbl-typ {
border: none;
padding: 1px 3px 1px 3px;
display: inline-block;
width: 83px;
text-align: left;
border-radius: 20px;
transition: 0.5s;
position: relative;
background: #C4C4C4;
}
.lbl-typ em {
display: inline-block;
background: url(/modules/custom/mindswitch_extras/inc/whiteCircle.png) no-repeat;
cursor: pointer;
width: 25px;
height: 25px;
position: relative;
top: 3px;
margin: 1px 2px;
background-size: cover;
}
.lbl-typ.activated .disbaled {
display: none;
}
.lbl-typ.activated .enabled {
display: inline-block;
}
.lbl-typ.activated {
text-align: right;
background: #00a294;
background: #007375;
}
span em.enabled {
background: url(/modules/custom/mindswitch_extras/inc/whiteCheckV2.png) no-repeat;
background-size: cover;
}
.cookies-row.expanded h4::after {
background: url(/modules/custom/mindswitch_extras/inc/plus.png) no-repeat;
}
.cookies-row h5 {
font-size: 18px;
/* font-family: LeagueSpartanBold; */
margin-top: 25px;
}
.cookies-pop-wrapper-v2 .btn.btn-default.petro-border {
padding: 16px 18px;
font-size: 16px;
}
.block-cookies-settings-block p {
font-size: 16px;
line-height: 20px;
}
/******************** Custom Styles *******************/
.cookies-setting-v2 {
margin-top: 90px;
}
.cookies-setting-v2 h3 {
font: 26px/36px LeagueSpartan;
text-align: center;
}
.cookies-setting-v2 h2 {
font: 72px/74px LeagueSpartan;
text-align: center;
/* color: #ff4661; */
margin-top: 0;
margin-bottom: 90px;
}
.cookies-footer {
width: 51%;
color: #12161CB2;
}
.btns-cookies-wrapper .mobile-only {
display: inline-block !important;
}
.btns-cookies-wrapper .desktop-only {
display: none !important;
}
.btn-cookies.btn.btn-primary {
line-height: 26px;
}
.cookies-pop-wrapper-v2 .poping {
display: none;
background: #ffffffeb;
padding: 30px;
box-shadow: 0 0 12px gray;
padding-bottom: 90px;
}
.active-settings .cookies-pop-wrapper-v2 .poping {
display: block;
position: relative;
}
.cookies-pop-wrapper-v2 .inner-poping {
height: 100vh;
overflow: auto;
}
.cookies-pop-wrapper-v2 .closeme {
display: none;
}
.block-cookies-popup-block.active-settings {
padding-bottom: 0 !important;
}
.poping .btns-cookies-wrapper.simple-link-wrapprer {
background: #ececec;
position: absolute;
left: 0;
width: 100%;
bottom: 0;
padding: 15px 0 10px;
box-shadow: 0 0 6px #888;
}
.poping .cookies-setting-v2 h2 {
margin-bottom: 35px;
}
.poping .cookies-setting-v2 h3 {
margin-top: 8pc;
}
@media all and (min-width: 768px) {
.btns-cookies-wrapper .mobile-only {
display: none !important;
}
.btns-cookies-wrapper .desktop-only {
display: inline-block !important;
}
}
@media all and (max-width: 768px) {
.pop-wrapper-v2 > div {
display: block;
width: auto;
text-align: center;
margin-bottom: 0;
}
.mobile-only.footer-settings {
text-align: center;
font-size: 16px;
}
.pop-var2-btns button {
margin: 0 auto 15px;
padding: 5px 35px;
}
.pop-var2-btns a {
margin: 0 auto;
max-width: none;
}
.pop-var2-btns a.desktop-only {
margin: 0 auto;
max-width: none;
}
.pop-var2-text p {
font-size: 16px;
line-height: 20px;
}
.block-cookies-popup-block {
bottom: 0;
top: auto;
}
.pop-var2-btns {
max-width: none;
margin: 0 auto;
}
.pop-var2-text {
padding: 0 20px;
}
div#block-filabe-extras-cookies-setting-v2 {
padding: 0 8px;
}
.cookies-setting-v2 h4 {
padding: 80px 0 30px;
font-size: 24px;
line-height: 34px;
}
.cookies-txt-wrp {
display: block;
width: auto;
vertical-align: middle;
padding-bottom: 10px;
}
.cookies-btn {
top: 35px;
left: 0;
right: auto;
}
.cookies-btn.fixed p {
margin-right: 16px;
}
.cookies-txt-wrp p {
font: 16px / 26px LeagueSpartan;
}
.cookies-setting-v2 h4::after {
display: none;
}
/* .cookies-row.expanded h4::after {
background: url(/modules/custom/mindswitch_extras/inc/plus.png) no-repeat;
} */
.cookies-setting-v2 h3 {
font: 18px/26px LeagueSpartan;
}
.cookies-setting-v2 h2 {
font: 36px/42px LeagueSpartan;
margin-top: -3px;
margin-bottom: 30px;
}
.cookies-setting-v2 {
margin-top: 55px;
}
.cookies-footer {
width: auto;
display: none;
}
.cookies-row.typc {
margin-bottom: 30px;
}
.lbl-typ em {
margin: 1px 2px 3px;
}
.cookies-pop-wrapper-v2 .btn.btn-default.petro-border {
padding: 10px 20px;
}
.block-cookies-popup-block.active-settings .container {
padding: 0;
}
.poping .cookies-setting-v2 h3 {
margin-top: 0;
}
.poping .cookies-setting-v2 h2 {
margin-bottom: 0;
}
.poping .cookies-setting-v2 {
padding: 0 15px;
}
.active-settings .cookies-pop-wrapper-v2 .poping {
padding: 0 0 68px 0px;
}
.block-cookies-popup-block .container {
padding: 0;
}
.pop-wrapper-v2.container {
display: flex;
}
}
/************ Menu styles *********************/
.nm-overlay .dropdown-menu > li > a:hover, .nm-overlay .dropdown-menu > li > a:focus {
background-color: #00A194;
}
/*
NM Menu styles
*/
/* toggle button */
.nm-menu-toggle-left {
float: left;
margin-left: -12px; }
.nm-menu-toggle-right {
float: right;
margin-right: -12px; }
.nm-menu-toggle {
padding: 12px;
width: 48px;
height: 48px; }
.nm-menu-icon {
width: 24px;
height: 24px;
display: block;
margin-top: -3px;
background: url("../images/nm-icons.svg") 0px -1px no-repeat; }
.nm-menu-icon.nm-icon-light {
background-position-y: -48px; }
.nm-menu-open .nm-menu-icon {
background-position-x: -24px;
background-position-y: -50px;}
/* mobile */
.nm-overlay {
display: none;
position: fixed;
top: 110px;
bottom: 0;
left: 0;
right: 0;
background: #FFF;
z-index: 1000; }
.nm-menu-open .nm-overlay {
display: block; }
.nm-overlay > .nm-container {
height: 100%; }
.nm-overlay > .nm-container {
display: flex;
flex-direction: column; }
.nm-overlay .nm-menu-close-left .nm-menu-close {
float: left; }
.nm-overlay .nm-menu-close-right .nm-menu-close {
float: right; }
.nm-overlay .nm-menu-close {
padding: 12px;
width: 48px;
height: 48px;
margin: 16px 16px 0; }
.nm-overlay .nm-close-icon {
width: 24px;
height: 24px;
display: block;
background: url("../images/nm-icons.svg") -24px 0 no-repeat; }
.nm-overlay .nm-close-icon.nm-icon-light {
background-position-y: -48px; }
.nm-overlay .nm-menu ul.menu li.opened ul {
display: block;
position: static;
border: none;
box-shadow: none;
float: none;
border-radius: 0; }
.nm-overlay .nm-menu ul.menu li.opened ul li:not(.last) {
border-bottom: 1px solid #ddd; }
.nm-overlay .nm-menu {
flex: 1 1 auto;
display: flex;
flex-direction: column;
margin-bottom: 64px; }
.nm-overlay .nm-menu ul.menu,
.nm-overlay .nm-menu ul.menu li {
list-style: none;
padding: 0;
margin: 0; }
.nm-overlay .nm-menu ul.menu a {
display: inline-block;
padding: 12px 16px;
color: #000;
font-size: 16px;
line-height: 1.6;
text-decoration: none;
width: 100%; }
.nm-overlay .nm-menu ul.menu li ul {
padding-left: 16px; }
.nm-overlay .nm-menu .content > ul,
.nm-overlay .nm-menu ul.menu {
margin: 16px; }
.nm-overlay .nm-menu .content > ul > li,
.nm-overlay .nm-menu ul.menu > li {
border-top: 1px solid #ddd; }
.nm-overlay .nm-menu .content > ul > li:last-child,
.nm-overlay .nm-menu ul.menu > li:last-child {
border-bottom: 1px solid #ddd; }
.nm-menu .expanded.dropdown .caret {
display: none; }
header:not(.nm-overlay) .nm-menu {
display: inline-block;
float: left; }
header:not(.nm-overlay) .nm-menu ul.menu,
header:not(.nm-overlay) .nm-menu ul.menu li {
list-style: none;
padding: 0;
margin: 0; }
header:not(.nm-overlay) .nm-menu ul.menu a {
display: inline-block;
padding: 10px 12px;
color: #007375 !important;
font-size: 16px;
line-height: 1.6;
text-decoration: none; }
header:not(.nm-overlay) .nm-menu ul.menu > li > ul {
display: none;
background: #FFF;
position: absolute;
min-width: 180px; }
header:not(.nm-overlay) .nm-menu ul.menu > li > ul a {
width: 100%; }
header:not(.nm-overlay) .nm-menu .content > ul,
header:not(.nm-overlay) .nm-menu ul.menu {
display: inline-flex;
margin-left: -12px;
margin-right: -12px; }
header:not(.nm-overlay) .nm-menu .content > ul > li,
header:not(.nm-overlay) .nm-menu ul.menu > li {
position: relative; }
header:not(.nm-overlay) .nm-menu .content > ul > li.active > a, header:not(.nm-overlay) .nm-menu .content > ul > li.active-trail > a,
header:not(.nm-overlay) .nm-menu ul.menu > li.active > a,
header:not(.nm-overlay) .nm-menu ul.menu > li.active-trail > a {
border-color: #337ab7; }
header:not(.nm-overlay) .nm-menu .content > ul > li:hover > ul,
header:not(.nm-overlay) .nm-menu ul.menu > li:hover > ul {
display: block; }
header:not(.nm-overlay) .nm-menu .content > ul > li.expanded > a,
header:not(.nm-overlay) .nm-menu ul.menu > li.expanded > a {
padding-right: 20px;
position: relative; }
header:not(.nm-overlay) .nm-menu .content > ul > li.expanded > a:after,
header:not(.nm-overlay) .nm-menu ul.menu > li.expanded > a:after {
content: '';
position: absolute;
right: 0;
top: 50%;
margin-top: -2px;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #fff; }
header:not(.nm-overlay) .nm-menu .content > ul > li > a,
header:not(.nm-overlay) .nm-menu ul.menu > li > a {
padding-left: 0;
padding-right: 0;
padding-bottom: 8px;
border-bottom: 2px solid transparent;
margin-left: 12px;
margin-right: 12px;
background: transparent; }
header:not(.nm-overlay) .nm-menu .content > ul > li > a:hover,
header:not(.nm-overlay) .nm-menu ul.menu > li > a:hover {
border-color: #77acd9; }
header:not(.nm-overlay) .nm-menu .content > ul > li > a.active, header:not(.nm-overlay) .nm-menu .content > ul > li > a.active-trail,
header:not(.nm-overlay) .nm-menu ul.menu > li > a.active,
header:not(.nm-overlay) .nm-menu ul.menu > li > a.active-trail {
border-color: #337ab7; }
header:not(.nm-overlay) .nm-menu .content > ul > li > ul,
header:not(.nm-overlay) .nm-menu ul.menu > li > ul {
border: 1px solid #ddd;
margin-left: 12px; }
header:not(.nm-overlay) .nm-menu .content > ul > li > ul > li + li,
header:not(.nm-overlay) .nm-menu ul.menu > li > ul > li + li {
border-top: 1px solid #ddd; }
header:not(.nm-overlay) .nm-menu .content > ul > li > ul > li > a,
header:not(.nm-overlay) .nm-menu ul.menu > li > ul > li > a {
padding: 12px 16px; }
header:not(.nm-overlay) .nm-menu .content > ul > li > ul > li > a:hover,
header:not(.nm-overlay) .nm-menu ul.menu > li > ul > li > a:hover {
background: #ddd; }
.menu-visible-md {
display: none !important; }
/* @media (min-width: 992px) { */
@media (min-width: 1024px) {
.menu-visible-md {
display: inline-block !important; } }
/* @media (min-width: 992px) { */
@media (min-width: 1024px) {
.menu-hidden-md {
display: none !important; } }
.nm-overlay .nm-menu {
max-height: 95%;
overflow-y: auto; }
.nm-overlay .nm-menu ul.menu li ul {
display: none; }
.nm-overlay .nm-menu ul.menu li.expanded {
position: relative; }
.nm-overlay .nm-menu ul.menu li.expanded::after {
content: '+';
position: absolute;
right: 20px;
top: 14px; }
.nm-overlay .nm-menu ul.menu li.expanded.opened::after {
content: '-'; }
.nm-overlay .nm-menu ul.menu.menu--main.nav.navbar-nav {
max-height: 73vh;
overflow-y: auto;
}
.mobile-only {
display: block; }
@media all and (min-width: 768px) {
.mobile-only {
display: none; } }
.desktop-only {
display: none; }
@media all and (min-width: 768px) {
.desktop-only {
display: block; } }
header:not(.nm-overlay) .nm-menu .content > ul > li > a, header:not(.nm-overlay) .nm-menu ul.menu > li > a {
margin: 0 10px;
font-size: 18px;
line-height: 20px;
letter-spacing: 0.02em; }
header:not(.nm-overlay) .nm-menu .content > ul > li:hover > a, header:not(.nm-overlay) .nm-menu ul.menu > li:hover > a, header:not(.nm-overlay) .nm-menu .content > ul > li > a.is-active, header:not(.nm-overlay) .nm-menu ul.menu > li > a.is-active {
border-bottom-color: transparent;
color: #007374; }
header:not(.nm-overlay) .nm-menu .content > ul > li > a.is-active, header:not(.nm-overlay) .nm-menu ul.menu > li > a.is-active {
font-weight: bold;
letter-spacing: -0.02em; }
header:not(.nm-overlay) .nm-menu {
float: right;
margin-right: 30px;
letter-spacing: 0.02em; }
.nm-menu .dropdown-menu > .active > a, .nm-menu .dropdown-menu > .active > a:hover, .nm-menu .dropdown-menu > .active > a:focus {
background-color: #00a194;
}
.nm-menu ul.menu > li.first {
display: none; }
.nm-menu-open .nm-menu ul.menu > li.first {
display: block; }
/****************************** Tablet Layout *******************/
@media all and (max-width: 1024px) {
.nm-overlay .dropdown-menu {
background-color: transparent;
}
.nm-overlay .expanded.dropdown.active.opened > a.active-trail {
background-color: transparent;
border-bottom: 1px solid #ddd;
}
}
@media all and (min-width: 768px) and (max-width: 1024px) {
.nm-overlay .nm-menu ul.menu a {
color: white; }
.nm-overlay {
top: 80px;
background: #007374; }
.nm-overlay .nm-menu ul.menu a {
font-size: 25px;
line-height: 40px;
padding: 20px 16px; }
.nm-menu-open #fixed-menu {
background: #007374; }
.logotop img.mobile-open {
display: none; }
.nm-menu-open .logotop img.mobile-open {
display: block; }
.nm-menu-open .logotop img.mobile-close {
display: none; }
.nm-overlay .nav > li > a:hover, .nm-overlay .nav > li > a:focus, .nm-overlay .nav > li > a.active-trail {
background-color: #00A194; }
.nm-overlay .navbar-nav > li {
float: none; }
.region-menu-overlay .footer-menu .menu li {
float: none; }
.region-menu-overlay .footer-menu a {
color: white;
padding-left: 30px; }
.region-menu-overlay .footer-menu {
float: none;
margin-right: 15px;
opacity: 0.9; }
.logo-site {
margin-left: 20px; }
.nm-menu-toggle-left {
margin-top: 4px; }
}
.wa-float {
position: fixed;
right: 18px;
bottom: 18px;
z-index: 120;
display: flex;
align-items: center;
gap: 0;
text-decoration: none;
background: #25D366;
color: #fff;
border-radius: 999px;
padding: 0;
box-shadow: 0 6px 22px rgba(0,0,0,.22);
transition: padding .25s ease, box-shadow .25s ease;
overflow: hidden;
font-family: inherit;
}
.wa-float .wa-txt {
white-space: nowrap;
max-width: 220px;
opacity: 1;
font-size: 14.5px;
font-weight: 600;
line-height: 1.15;
padding: 0 20px 0 4px;
}
.wa-float .wa-ico {
flex: 0 0 auto;
width: 58px;
height: 58px;
display: flex;
align-items: center;
justify-content: center;
}
.wa-float .wa-ico svg {
width: 30px;
height: 30px;
fill: #fff;
display: block;
}
/****************************** Mobile Layout *******************/
@media all and (max-width: 1270px) {
#block-bootsass-ratgeberheader {
margin-left: 24px !important;
}
}
@media all and (max-width: 768px) {
.wa-float .wa-txt {
max-width: 200px;
opacity: 1;
padding-right: 18px;
padding-left: 2px;
display: flex;
flex-direction: column;
justify-content: center;
}
.wa-float {
align-items: center;
}
.wa-float .wa-ico {
width: 52px;
height: 52px;
}
.wa-float .wa-ico svg {
width: 27px;
height: 27px;
}
.nm-menu-open header#navbar {
padding-top: 15px;
padding-bottom: 18px;
}
.nm-overlay .nm-menu ul.menu a {
color: white; }
/* top must match the header height (~80px) or the header overlaps
the first menu item; teal matches every other page's overlay.
Was: top:70px / background:#07303c — see bootsass style.css
@media (max-width:767px) L11713+. */
.nm-overlay {
top: 80px;
background: #007375; }
.region-menu-overlay .footer-menu a {
color: white;
padding-left: 30px; }
/* theme's mobile link size (was 25px / padding 20px 16px) */
.nm-overlay .nm-menu ul.menu a {
font-size: 18px;
line-height: 30px;
padding: 14px 16px; }
.nm-menu-open #fixed-menu {
background: #007375; }
.logotop img.mobile-open {
display: none; }
.nm-menu-open .logotop img.mobile-open {
display: block; }
.nm-menu-open .logotop img.mobile-close {
display: none; }
/* theme's active/hover teal (was #004B45) */
.nm-overlay .nav > li > a:hover, .nm-overlay .nav > li > a:focus, .nm-overlay .nav > li > a.active-trail {
background-color: #00a294; }
}
.hidden-wrapper {
visibility: hidden;
}
header:not(.nm-overlay) .nm-menu ul.menu > li > ul.dropdown-menu {
background: #00a294;
}
header:not(.nm-overlay) .nm-menu ul.menu > li > ul > li + li {
border-top: 1px solid #c9e6e3;
}
header:not(.nm-overlay) .nm-menu ul.menu > li > ul.dropdown-menu a {
color: #fff;
}
header:not(.nm-overlay) .nm-menu ul.menu > li > ul.dropdown-menu a:hover {
background-color: #007375;
}
header:not(.nm-overlay) .nm-menu ul.menu > li > ul.dropdown-menu {
border: none;
padding: 0;
}
header:not(.nm-overlay) .nm-menu ul.menu > li > ul.dropdown-menu a.active-trail.is-active {
background: #007374;
}
header:not(.nm-overlay) .nm-menu .content > ul > li > a.active, header:not(.nm-overlay) .nm-menu .content > ul > li > a.active-trail, header:not(.nm-overlay) .nm-menu ul.menu > li > a.active, header:not(.nm-overlay) .nm-menu ul.menu > li > a.active-trail {
border-color: #007374;
color: #007374;
font-weight: bold;
}
section#block-copyrightsblock {
padding: 0;
}
section#block-menutoggle {
padding: 0;
}
#block-bootsass-cookiespopupblock .container {
max-width: 1200px;
margin: 0 auto;
}
.cookies-pop-wrapper-v2 .btn.btn-default.petro-border {
background: transparent;
border: 2px solid #007374;
color: #007374;
border-radius: 40px;
font-weight: bold;
}
.cookies-pop-wrapper-v2 .btn-link {
font-weight: 400;
color: #007374;
border-radius: 0;
text-decoration: none;
}
body.green-menu #fixed-menu {
position: fixed !important;
width: 100%;
top: 0;
left: 0;
z-index: 999;
box-shadow: 0px 0px 1px 0px #acacac;
}
body.green-menu .main-container {
padding-top: 60px;
}
body.green-menu.nm-menu-open #navbar .nm-menu-icon::after, body.green-menu.nm-menu-open #navbar .nm-menu-icon::before {
display: none;
}
body.green-menu.nm-menu-open #navbar .nm-menu-icon {
width: 24px;
height: 24px;
background: url("/themes/custom/bootsass/images/nm-icons.svg") 0px -1px no-repeat;
background-position-x: -24px;
background-position-y: -50px;
}
/* ================================================================
FOOTER STYLES — extracted from bootsass theme style.css
Scope: