:root{
--color-primary: #18a1ad; --color-highlight-22: #15eda3; --color-highlight-23: #1ecbda; --tbb-deep: #024959;  --color-mint: #0fc083;
--color-brand-blue-dark: #123456;
} html{
background-color: var(--tbb-deep);
}
body{
line-height: 1.2;
}
:root{
--ast-body-line-height: 1.2;
}
.wp-block-group{
padding: 1em 1em;
}
.wp-block-group.tbb-no-padding-lr{
padding: 1em 0em;
}
.ast-logo-title-inline .site-logo-img {
padding-right: 0;
}
.site-title{
font-size: 1.5rem;
}
.site-title a{
color: white !important;
}
.ast-builder-menu-1 .menu-item > .menu-link{
letter-spacing: 0.08em;
}
.main-header-menu .menu-item:last-child > .menu-link{
padding: 0 0 0 1em;
}
.lang-item .menu-link,
.tbb-language-link > a > span{
font-weight: 500;
padding-right: 0;
}
.lang-item.current-lang .menu-link{
font-weight: 300;
}
.wp-block-cover.has-background-dim:not([class*="-background-color"]) {
background-color: var(--color-primary);
}
.wp-block-button .wp-block-button__link {
padding-top: 10px;
padding-right: 20px;
padding-left: 20px;
}
nav > ul{
list-style-type: none !important;
} h2{
letter-spacing: 0.15em;
}
@media (max-width: 921px){
h2, .entry-content h2{
font-size: 1rem !important; }
}
b, strong{
font-weight: 500;
}
::selection {
background-color: var(--color-highlight-23);
color: #ffffff;
}  p.is-style-no-margin{
margin-bottom: 0;
} .is-style-heavily-highlighted{
font-family: inherit; text-transform: uppercase;
font-size: clamp(1.1rem, 5vw, 1.7rem) !important;
line-height: 1.6em;
font-weight: 500; background-image: linear-gradient(
145deg,
#15eda3, #1ecbda, #18a1ad, #0b7c89 );
background-size: 200% 200%;
color: transparent;
-webkit-background-clip: text;
background-clip: text;
} .is-style-heavily-highlighted > span{
background: none;
padding-top: 0;
}
.is-style-heavily-highlighted{ animation: tbbGradientHeadline 6s ease-in-out infinite;
}
@keyframes tbbGradientHeadline{
0%   { background-position: 0% 50%; }
50%  { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
} .is-style-green-and-big{
font-family: "Times Now";
text-transform: uppercase;
font-size: clamp(2rem, 8vw, 5rem) !important;
color: var(--color-highlight-23) !important;
}
@media (max-width: 921px){
h2.is-style-green-and-big{
font-size: clamp(2rem, 8vw, 5rem) !important;
}
} .is-style-round-and-blue::before{
display: none !important;
}
.is-style-round-and-blue > .wp-block-button__link.wp-element-button{
border-radius: 1.2em;
color: white;
background-color: var(--color-primary);
position: relative;
display: flex;
padding: 0.2em 0.2em 0.2em 1em;
align-items: center;
gap: 0.5em;
transition: all 0.3s;
border: 1px solid var(--color-primary);
}
.is-style-round-and-blue > .wp-block-button__link.wp-element-button::after {
content: '';
display: inline-block;
width: 1.8em;
border-radius: 1em;
background-color: white;
height: 1.8em;
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="tbb-button-arrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 28 26.7" style="enable-background:new 0 0 28 26.7;" xml:space="preserve"><style type="text/css">.st0{fill:%23024959);}</style><polygon class="st0" points="22.3,13.8 22.8,13.4 22.3,12.9 22.3,12.9 22.3,12.9 13,4.3 12.4,5 20.9,12.9 5.6,12.9 5.6,13.8 20.9,13.8 12.4,21.7 13,22.5 22.3,13.8 "/></svg>');
background-position: center;
background-repeat: no-repeat;
transition: all 0.3s ease-out;
}
.is-style-round-and-blue:hover > .wp-block-button__link.wp-element-button{
background-color: white;
color: var(--color-primary); border-color: white;
}
.is-style-round-and-blue:hover > .wp-block-button__link.wp-element-button::after{
background-color: var(--color-primary);
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="tbb-button-arrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 28 26.7" style="enable-background:new 0 0 28 26.7;" xml:space="preserve"><style type="text/css">.st0{fill:%23FFFFFF;}</style><polygon class="st0" points="22.3,13.8 22.8,13.4 22.3,12.9 22.3,12.9 22.3,12.9 13,4.3 12.4,5 20.9,12.9 5.6,12.9 5.6,13.8 20.9,13.8 12.4,21.7 13,22.5 22.3,13.8 "/></svg>');
} .table td,
.table th {
padding:0;
border-width:0;
}
.table th {
font-weight:300;
text-align: left;
border-bottom: 1px solid var(--color-primary) !important;
padding-bottom: 8px !important;
}
table.table {
width:100%;
border: none;
border-spacing: 0.5em;
margin-left: -0.5em;
margin-right: -0.5em;
width: calc(100% + 1em);
}
.table tbody tr td:first-child {
font-weight: bolder;
}
.table td, .table th {
vertical-align: top;
}
@media screen and (max-width: 500px){
.table tr {
display: table;
padding-bottom: 1.1em;
}
.table > tbody > tr > td,
.table > thead > tr > th {
display: table-row;
}
.table > thead > tr > th:first-child {
font-weight: bolder;
}
.table th {
border-bottom: none;
}
table.table {
border-spacing: 0;
}
.table > tbody > tr:nth-child(1) {
padding-top: 0em;
}
} #BorlabsCookieBox ._brlbs-bar-advanced ul{
justify-content: flex-start !important;
}  .tbb-header-2024 .wp-block-navigation__container{
gap: 0.5em 1em;
}
.tbb-header-2024 .wp-block-group{
padding-top: 0.7em;
padding-bottom: 0.7em;
} #tbb-hero{
position: relative;
}
#tbb-hero::after{
content: '';
position: absolute;
right: 0;
top: 0;
display: inline-block;
width: 40%;
height: 100%;
background-image: url(https://thebluebeach.de/content/media/210907_TBU_TheBlueBeach_Website2_HEADER_Mirror.png);
background-size: cover;
background-position: right;
background-repeat: no-repeat;
}
#tbb-hero .wp-block-cover__inner-container p{
margin-bottom: 20px;
line-height: 1;
}
.wp-block-cover__inner-container{
margin: 0 auto 1.6rem !important;
width: 100% !important;
} #hero-stoerer {
position: absolute;
top: calc(50% - 100px);
right: calc(40% - 100px);
padding: 0em;
background-color: var(--color-highlight-22);
border-radius: 50%;
width: 200px;
height: 200px;
text-align: center;
font-size: 1.5em;
font-weight: 400;
line-height: 1.2;
transition: all 0.3s;
}
@media screen and (max-width: 520px){
#hero-stoerer{
top: calc(30% - 100px);
}
}
#hero-stoerer::before{
content: '';
display: block;
position: relative;
width: 1.5em;
height: 1.5em;
left: calc(50% - 0.75em);
background-image: url(https://thebluebeach.de/content/media/251110_TBB_Website_Vorschaltseite_Pfeil.png);
transform: rotate(90deg);
margin-top: 1em;
}    .post-1956 #tbb-heroX .wp-block-cover__image-background,
.post-1933 #tbb-heroX .wp-block-cover__image-background,
.post-2428 #tbb-heroX .wp-block-cover__image-background{
height: auto;
top: 36%;
}
@media screen and (max-width: 781px){
.post-1956 #tbb-heroX .wp-block-cover__image-background,
.post-1933 #tbb-heroX .wp-block-cover__image-background,
.post-2428 #tbb-heroX .wp-block-cover__image-background{
top: 42%;
}
} #ast-mobile-site-navigation .menu-item{
line-height: 2.1;
font-size: 0.9em;
}
#ast-mobile-site-navigation .main-navigation li.lang-item{
width: 21%;
margin: 1.3em 0 2em;
}
#ast-mobile-site-navigation .main-navigation .tbb-menu-link-legal{
font-size: 1.2rem;
line-height: 1.3;
}
@media (max-width: 921px){
.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link{
padding-left: 4rem;
}
} .page-id-1356 h3#about-the-blue,
.page-id-1356 h3#location,
.page-id-1356 h3#anfahrt,
.page-id-1356 h3#ticketing,
.page-id-1572 h3#about-the-blue,
.page-id-1572 h3#location,
.page-id-1572 h3#anfahrt,
.page-id-1572 h3#ticketing{
font-size: 40px;
font-size: clamp(45px, 5vw, 67px);
}
#tbb-hero-2023{
padding-top: 0;
padding-bottom: 0;
}
#tbb-hero-2023 .wp-block-cover__inner-container{
position: relative;
top: 0;
display: block;
width: 100%;
left: calc(50vw - 600px); height:  calc(1200px * 0.46);
margin: 0 !important;
}
#tbb-hero-2023 .wp-block-buttons{
top: auto;
bottom: 3em;
position: absolute;
}
#tbb-hero-2023.wp-block-cover{
min-height: auto;
}
.tbb-datum-2023{
margin: 0 !important;
opacity: 0.1;
}
#tbb-date,
#tbb-date-2023{
position: absolute;
display: flex;
top: 0;
width: 100%;
height: 100%;
margin: 0;
background-repeat: no-repeat;
background-size: contain;
}
html[lang=de-DE] #tbb-date-2023{
background-image: url(https://thebluebeach.de/content/media/230619_TBB_Website_2024_Save_The_Date_Header_DE.svg);
}
html[lang=en-GB] #tbb-date-2023{
background-image: url(https://thebluebeach.de/content/media/230619_TBB_Website_2024_Save_The_Date_Header_EN.svg);
}
#tbb-hero-2024{
background-image: url(https://thebluebeach.de/content/media/TBB_Website_Wind_Energy_Thebluebeach_Header_Verlauf_A.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.tbb-date-2024, .tbb-date-2025{
width: 100% !important;
height: 98% !important;
top: 1% !important; 
background-position: center;
max-width: 1200px;
}
@media screen and (max-width: 1224px){
.tbb-date-2024, .tbb-date-2025{
max-width: 96%;
}
}
@media screen and (max-width: 600px){
.tbb-date-2024, .tbb-date-2025{
max-width: 94%;
}
}
html[lang=de-DE] .tbb-date-2024{
background-image: url(https://thebluebeach.de/content/media/TBB_Website_Wind_Energy_Thebluebeach_Header_DE.svg);
}
html[lang=en-GB] .tbb-date-2024{
background-image: url(https://thebluebeach.de/content/media/TBB_Website_Wind_Energy_Thebluebeach_Header_EN.svg);
}
@media screen and (orientation: portrait){
html[lang=de-DE] .tbb-date-2024,
html[lang=en-GB] .tbb-date-2024{
background-image: url(https://thebluebeach.de/content/media/TBB_Website_Wind_Energy_Thebluebeach_Header_DE_portrait_c.svg);
background-position: center;
}
}  html[lang=de-DE] .tbb-date-2025,
html[lang=en-GB] .tbb-date-2025{
background-image: url(https://thebluebeach.de/content/media/250304_TBB_Website_WindSunWater_Desktop.webp);
}
@media screen and (orientation: portrait){
html[lang=de-DE] .tbb-date-2025,
html[lang=en-GB] .tbb-date-2025{
background-image: url(https://thebluebeach.de/content/media/250304_TBB_Website_WindSunWater_Mobile.webp);
background-position: center;
}
}
.tbb-green-bar {
padding: 0;
margin-bottom: 1em;
} @media screen and (min-width: 1240px){
html[lang=en-GB] #tbb-hero-2023 .wp-block-cover__inner-container{
height: calc(1200px * 0.46);
}
}
@media screen and (max-width: 1240px){
#tbb-hero-2023 .wp-block-cover__inner-container{
left: 0;
height: calc((100vw - 36px) * 0.48);
}
html[lang=en-GB] #tbb-hero-2023 .wp-block-cover__inner-container{
height: calc((100vw - 36px) * 0.46);
}
}
@media screen and (max-width: 768px){
#tbb-date-2023{
background-position: center;
}
html[lang=de-DE] #tbb-date-2023{
background-image: url(https://thebluebeach.de/content/media/230619_TBB_Website_2024_Save_The_Date_Header_mobile_DE.svg);
}
html[lang=en-GB] #tbb-date-2023{
background-image: url(https://thebluebeach.de/content/media/230619_TBB_Website_2024_Save_The_Date_Header_mobile_EN.svg);
}
#tbb-hero-2023 .wp-block-cover__inner-container,
html[lang=en-GB] #tbb-hero-2023 .wp-block-cover__inner-container{ height: 112vw;
width: 100vw !important; margin: 0;
}
#tbb-hero-2023.wp-block-cover{
padding: 0;
}
#tbb-hero-2023 .wp-block-buttons {
margin-left: 18px;
transform: translateY(1rem);
}
} .tbb-buy-ticket-button-SOLDOUT{
display: none !important;
}  .tbb-banderole-wrapper{
padding: 0;
border-top: 1px solid;
border-bottom: 1px solid;
}
.tbb-banderole{
text-transform: uppercase;
font-weight: 400;
letter-spacing: 0.1em;
gap: 0.7em;
}
#tbb-banderole-2023{
flex-wrap: wrap;
}
#tbb-banderole-2024{
} body:not(.page-id-969, .page-id-602) .wp-block-button::before {
   background-image: url(https://thebluebeach.de/content/media/12112025_TBU_FINAL2_Kasten_Pfeil_rechts_gruen.png);
}
body:not(.page-id-969, .page-id-602) .tbb-toggle-accordeon::after {
background-image: url(https://thebluebeach.de/content/media/251110_TBU_FINAL2_Kasten_Pfeil_unten_gruen.png);
}
body:not(.page-id-969, .page-id-602) .tbb-toggle-accordeon.expanded::after {
background-image: url(https://thebluebeach.de/content/media/230305_TBU_FINAL2_Kasten_Pfeil_oben_gruen.png);
}
body:not(.page-id-969, .page-id-602) .tbb-newsletter-button .mailpoet_submit {
background-image: url(https://thebluebeach.de/content/media/12112025_TBU_FINAL2_Kasten_Pfeil_rechts_gruen.png);
}  .speaker-feature{}
.speaker-feature figure{
position: relative;
}
.speaker-feature figure::before{
content: '';
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-color: var(--color-primary);
z-index: +1;
mix-blend-mode: lighten;
transition: all 0.4s;
}
.speaker-feature figure:hover::before{
display: none;
}
.speaker-feature img{
filter: saturate(0);
}
.speaker-feature figure:hover img{
filter: saturate(1);
}
.speaker-feature h3{
font-size: 1rem;
text-transform: uppercase;
letter-spacing: 0.15em;
font-weight: 400;
color: var(--color-primary);
}
.speaker-feature h4{
font-size: 1em;
line-height: 1.4em;
}
.speaker-feature h4::first-line{
font-weight: 400;
}
.speaker-feature p{
max-width: 30em;
}
.speaker-feature p.has-text-align-right{
margin-left: auto;
} @media screen and (max-width: 781px){
.speaker-feature{
max-width: 570px;
margin: auto;
margin-bottom: 6em;
padding: 0 5%;
}
.speaker-feature.mirrored{
flex-direction: column-reverse;
}
.speaker-feature.mirrored .has-text-align-right{
margin-left: 0;
text-align: left;
}
} #patron{
padding: 0;
}
.patron{}
.patron .wp-block-columns {
margin-top: -20px;
}
.patron h3{
font-size: 1rem;
text-transform: uppercase;
letter-spacing: 0.15em;
font-weight: 400;
color: var(--color-primary);
}
.patron h4{
margin-top: -0.6em;
font-size: 3rem;
font-size: clamp(2rem, 8vw, 5rem);
}
.patron > div > p{
font-size: 1.7rem;
font-size: clamp(1.2rem, 3vw, 1.7rem);
line-height: 1.4;
margin-bottom: 1em;
max-width: 34em;
}
.patron .image-caption{
position: relative;
padding: 0;
}
.patron .image-caption > div{
position: absolute;
top: -2.5rem;
width: 250%;
max-width: 90vw;
}
.patron .image-caption p{
font-size: 2.2rem;
font-size: clamp(1.4rem, 4vw, 2.5rem);
line-height: 1em;
padding-bottom: 2.5rem;
}
.patron .image-caption > div > :last-child::after{
content: '';
display: block;
width: 3rem;
border-bottom: 2px solid;
position: relative;
top: 1em;
}
.patron.twentyfour .image-caption > div{
position: static;
top: auto;
}
.patron.twentyfour .image-caption p{
padding-bottom: 0;
margin-bottom: 0;
}
.patron.twentyfour h4{
margin-top: 0;
}
.patron.twentyfour .image-caption > div > :last-child::after{
top: 0.3em;
}
@media screen and (max-width: 781px){
.patron h3{
text-align: left;
}
.patron .patron-image-wrapper img{
width: 100vw;
max-width: none;
margin-left: -20px;
}
.patron .image-caption > div{
position: static;
}
.patron h4{
margin-top: 0.3em;
margin-bottom: 0.1em;
}
.patron .wp-block-columns{
flex-direction: column-reverse;
}
}
body:not(.page-id-1356, .page-id-1572) #patron figure{
position: relative;
z-index: 0;
}
body:not(.page-id-1356, .page-id-1572) #patron > div > div > div:first-child{
z-index: 10;
}
body:not(.page-id-1356, .page-id-1572) #patron figure::before{
content: '';
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-color: var(--color-primary);
z-index: +1;
mix-blend-mode: lighten;
transition: all 0.4s;
}
body:not(.page-id-1356, .page-id-1572) #patron > div > .wp-block-columns:hover figure::before{
display: none;
}
@media screen and (max-width: 781px){
body:not(.page-id-1356, .page-id-1572) #patron figure::before{
width: 100vw;
left: -20px;
}
.patron .wp-block-columns {
margin-top: -10px;
}
} #tbb-tnl-table{
padding-right: 0;
border-bottom: 1px solid white;
}
#tbb-tnl-table table th{
border-bottom: 1px solid white !important;
} .page-id-1326 .site-branding.ast-site-identity,
.page-id-1345 .site-branding.ast-site-identity{
display: none !important;
}
.tbb-hero-23{
background-repeat: no-repeat;
}
html[lang=de-DE] .tbb-hero-23{
background-image: url(https://thebluebeach.de/content/media/230208_TBB_Website_Vorschaltseite_01_DE.svg);
}
html[lang=en-GB] .tbb-hero-23{
background-image: url(https://thebluebeach.de/content/media/230208_TBB_Website_Vorschaltseite_01_EN.svg);
}
.tbb-hero-23 .wp-block-columns,
.tbb-hero-23-about{
color: var(--color-primary) !important;
font-weight: bolder;
letter-spacing: 0.05em;
font-size: 1.2em;
}
.tbb-hero-23 .wp-block-cover__inner-container p {
line-height: 1.3;
}
.tbb-hero-23 .wp-block-button .wp-block-button__link {
padding: 0.7em 1.5em;
border: 1px solid var(--color-primary);
}
.tbb-hero-23 .wp-block-button::before{
display: none;
}
.tbb-hero-23-about{
position: absolute;
top: 5vh;
right: 20px;
}
.tbb-hero-23 .wp-block-cover__image-background{
object-fit: contain;
}
.has-arrow-down{
position: relative;
}
.has-arrow-down a::after{
content: '';
display: inline-block;
width: 1em;
height: 1.2em;
background-image: url(https://thebluebeach.de/content/media/230210_TBB_Website_Vorschaltseite_Pfeil.svg);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
margin-left: 0.5em;
cursor: pointer;
pointer-events: all;
}
@media (min-width: 1240px){
.tbb-hero-23-about{
right: calc((100vw - 1200px) / 2); }
}
@media (max-width: 781px){
.tbb-hero-23{
height: 100vw;
margin-bottom: 30em;
}
html[lang=de-DE] .tbb-hero-23{
background-image: url(https://thebluebeach.de/content/media/230208_TBB_Website_Vorschaltseite_02_DE.svg);
}
html[lang=en-GB] .tbb-hero-23{
background-image: url(https://thebluebeach.de/content/media/230208_TBB_Website_Vorschaltseite_02_EN.svg);
}
.tbb-hero-23 .wp-block-cover__inner-container {
transform: translateY(30em);
}
.tbb-hero-23 .wp-block-columns > .wp-block-column{
max-width: 20em;
margin: auto;
}
.tbb-hero-23 .wp-block-columns > .wp-block-column p{
text-align: left !important;
}
#tbb-23-covercontent > div:last-child > p::after,
#tbb-23-covercontent > div:last-child > p::before{
content: '';
display: block;
margin-bottom: -1em;
height: 1.5em;
width: 2em;
border-bottom: 1px solid;
}
#tbb-23-covercontent > div:last-child > p::before{
margin-bottom: 0;
margin-top: -1em;
border-bottom: none;
border-top: 1px solid;
}
.tbb-hero-23 .wp-block-columns > .wp-block-column:nth-child(3){
order: -1;
}
.tbb-hero-23 .wp-block-button > a{
width: 100%;
}
.tbb-hero-23-about{
position: initial;
max-width: 20em;
margin: auto;
margin-bottom: 2.5em !important;
text-align: left;
}
.tbb-hero-23-about br{
display: none;
}
}  .tbb-footer-logo{
width: 100% !important;
height: auto !important;
margin-bottom: 2em !important;
max-width: 360px;
margin-right: 0 !important; margin-top: 2em;
}
#menu-footer_legal_de .menu-item:last-child,
#menu-footer_legal_en .menu-item:last-child{
margin-right: 0;
}
#menu-footer_legal_de .menu-item a,
#menu-footer_legal_en .menu-item a{
color: white;
}
.site-footer-section-2{
display: flex !important;
justify-content: space-between !important;
}
@media screen and (max-width: 800px){
.ast-builder-grid-row-container.ast-builder-grid-row-mobile-full .ast-builder-grid-row {
grid-template-columns: 1fr;
}
.site-footer-section-2{
margin-top: 4em;
}
}
@media screen and (min-width: 801px){
.site-footer-section-2{
justify-content: flex-end !important;
}
}
@media screen and (max-width: 544px){
.tbb-footer-links--social{
justify-content: flex-start !important;
}
}
.wp-block-separator{
border-bottom: none;
} html[lang=de-DE] .tbb-hero-24{
background-image: url(https://thebluebeach.de/content/media/231201_TBB_Website_Vorschaltseite_DE_Desktop.svg);
}
html[lang=en-GB] .tbb-hero-24{
background-image: url(https://thebluebeach.de/content/media/231201_TBB_Website_Vorschaltseite_EN_Desktop.svg);
}
@media (max-width: 781px){
html[lang=de-DE] .tbb-hero-24{
background-image: url(https://thebluebeach.de/content/media/231201_TBB_Website_Vorschaltseite_DE_Mobile.svg);
}
html[lang=en-GB] .tbb-hero-24{
background-image: url(https://thebluebeach.de/content/media/231201_TBB_Website_Vorschaltseite_EN_Mobile.svg);
}
#tbb-heroX{
overflow: visible;
}
#tbb-23-covercontent > div:first-child{
margin-top: 1em;
margin-bottom: 2em;
}
#tbb-23-covercontent > div:first-child a{
text-decoration: underline;
text-underline-offset: 0.2em;
}
#tbb-23-covercontent > div:first-child p.has-arrow-down a::after{
display: none;
}
} #post-2440{} #post-2448{} .pre-2025{
background-size: contain !important;
background-repeat: no-repeat;
aspect-ratio: 2/1.35;
padding: 2em 0;
justify-content: space-between;
}
@media screen and (min-width: 1400px){
}
.pre-2025 p{
max-width: 100%;
font-weight: bolder;
font-size: 1.2em;
letter-spacing: 0.05em;
}
.pre-2025 .pre-logo{
position: relative;
width: 100vw;
left: calc(-50vw + 600px);
}
.pre-2025 .pre-ctas{
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
.pre-2025 .wp-block-button::before{
display: none;
}
.pre-2025 .wp-block-button .wp-block-button__link {
padding: 0.7em 1.5em;
border: 1px solid currentcolor !important;
}
.pre-2025 .is-style-fill a:hover{
color: var(--tbb-deep) !important;
background-color: var(--color-highlight-23) !important;
}
@media screen and (max-width: 1240px){
.pre-2025 .pre-logo{
left: -20px;
}
}
@media screen and (max-width: 825px){
.pre-2025{
justify-content: center;
}
.pre-2025 > p:first-of-type{
position: absolute;
top: 2em;
right: 0;
}
.pre-2025 .pre-ctas{
position: absolute;
bottom: -16em;
flex-direction: column-reverse;
align-items: flex-start;
width: 100%;
}
.pre-2025 .pre-ctas > p{
text-align: left;
}
.pre-2025 .wp-block-button,
.pre-2025 .wp-block-buttons,
.pre-2025 .wp-block-button__link{
width: 100%;
}
.page-id-2440 .ast-custom-footer,
.page-id-2448 .ast-custom-footer{
margin-top: 20em;
}
}
@media screen and (max-width: 600px){
.pre-2025{
aspect-ratio: 2/1.9;
min-height: 85vw;
}
html[lang=de-DE] .pre-2025{
background-image: url(https://thebluebeach.de/content/media/241129_TBB_Website_Vorschaltseite_DE_Mobile.svg) !important;
}
html[lang=en-GB] .pre-2025{
background-image: url(https://thebluebeach.de/content/media/241129_TBB_Website_Vorschaltseite_EN_Mobile.svg) !important;
}
.pre-2025 > p:first-of-type{
top: auto;
right: auto;
bottom: -5em;
text-align: left;
}
.pre-2025 > p:first-of-type::after{
content: '';
display: inline-block;
width: 1.5em;
height: 1.5px;
background-color: var(--color-primary);
position: absolute;
left: 0;
bottom: -0.7em;
}
.pre-2025 .pre-ctas{
bottom: -20em;
}
.page-id-2440 .ast-custom-footer,
.page-id-2448 .ast-custom-footer{
margin-top: 24em;
}
} .tbb-marquee{
padding: 0 !important;
}
.tbb-marquee .wp-block-cover__inner-container{
max-width: none;
}
.tbb-marquee .qodef-m-text-item{
font-family: "Times Now";
} .wp-block-button::before{
content: '';
position: relative;
display: inline-block;
float: left;
width: 2.15rem;
height: 2.15rem;
background-image: url(https://thebluebeach.de/content/media/251110_TBB_Website_Vorschaltseite_Pfeil.png);
margin-right: 0.2em;
}
.wp-block-button__link{
letter-spacing: 0.1em;
}
.wp-block-column h3{
line-height: 1;
} #colophon{
padding: 3em 1em 0;
}
.site-footer-section{
justify-content: flex-start; }
.site-footer-section a{
text-decoration: underline;
}
.site-footer-below-section-2 {
display: flex;
}
.ast-footer-copyright{ }
.site-footer-below-section-2 > div:nth-child(1) {
display: inline-block;
width: auto;
margin-right: 2em;
margin-bottom: 0;
}
div.footer-widget-area:nth-child(2) {
display: inline-block;
width: auto;
}
#astra-footer-menu{
border-top-width: 0 !important;
}
.site-footer-primary-section-1{
display: flex;
justify-content: flex-start;
}
.site-footer-primary-section-1 .footer-widget-area{
flex-basis: 12em;
margin-right: 1em;
} #tbb-banderole{
display: flex;
width: 100%;
justify-content: space-between;
flex-wrap: wrap;
margin: 1em -0.5em;
font-weight: 400;
letter-spacing: 0.1em;
}
#tbb-banderole span{
padding: 0 0.5em;
}
@media screen and (max-width: 830px){
#tbb-banderole{
justify-content: flex-start;
}
} .tbb-blue-border-left{
border-left: 1em solid var(--color-primary);
border-right: 1em solid transparent;
box-sizing: border-box;
padding-top: 0;
padding-bottom: 0;
} .tbb-intro-text{
max-width: 20em;
font-size: 2.6em;
line-height: 1.2;
}
@media screen and (max-width: 600px){
.tbb-intro-text{
font-size: 1.8em;
}
}
.tbb-logo-align{
align-self: center;
text-align: center;
}
#tbb-logo-row-0 > figure{
max-width: 400px;
} #about .has-large-font-size {
font-size: clamp(1.2rem, 3vw, 1.7rem) !important;
} #tbb-iframe-container{
position: absolute;
top: 0;
width: 100vw;
min-height: 100vh;
padding: 2em 0;
z-index: 100;
text-align: center;
background-color: var(--color-primary);
background-image: url(https://thebluebeach.de/content/media/Loading.gif);
background-repeat: no-repeat;
background-position: center 20vh;
background-size: 7rem;
}
.tbb-iframe-close-button{
content: '';
display: block;
width: 2em;
height: 2em;
background-image: url(https://thebluebeach.de/content/media/251110_TBU_FINAL2_Kasten_Pfeil_Schliessen_gruen.png);
background-repeat: no-repeat;
background-position: right;
position: absolute;
top: 1em;
right: 1em;
cursor: pointer;
}
.tbb-iframe-close-button--bottom{
position: relative;
top: 20vh;
margin: auto;
z-index: 200;
}
#tbb-iframe-container::after {
content: '';
display: block;
width: 100vw;
height: 100vh;
background: linear-gradient(to bottom, var(--color-primary), transparent);
background-color: transparent;
position: absolute;
left: 0;
}
#tbb-iframe-container iframe{
min-height: 1800px;
}
@media screen and (max-width: 600px){
#tbb-iframe-container iframe{
min-height: 2400px;
}
} .wpcf7-form p{
margin-bottom: 0;
}
.wpcf7-form h3{
margin-bottom: 0;
line-height: 1.2;
text-transform: uppercase;
}
.wpcf7-form h4{
margin-top: 2em;
margin-bottom: 1em;
text-transform: uppercase;
font-weight: 400;
font-size: 1em;
letter-spacing: 0.1em;
}
input.wpcf7-form-control{
border: 2px solid var(--color-primary);
color: var(--color-primary);
}
.tbb-input-wrapper,
.tbb-input-wrapper > p{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.tbb-input-wrapper span.wpcf7-form-control-wrap{
flex-basis: calc(50% - 1em);
min-width: 15em;
max-width: 100%;
margin-bottom: 1em;
}
@media screen and (max-width: 532px){
.tbb-input-wrapper span.wpcf7-form-control-wrap{
flex-grow: 1;
}
} .tbb-borders{
margin: 1em 0 !important;
padding: 0.75em 0;
border-top: 2px solid var(--color-primary);
border-bottom: 2px solid var(--color-primary);
}
strong{
font-weight: 400;
letter-spacing: 0.1em;
}
.tbb-sum{
float: right;
padding-left: 1em;
}
.tbb-sum-wrapper{
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.uacf7-next,
.uacf7-prev,
#form-next-wrapper{
display: flex;
justify-content: space-between;
padding: 0;
padding-right: 2em;
background-color: var(--color-primary);
color: white;
align-items: center;
}
.uacf7-next{
float: right;
}
.uacf7-prev{
float: left;
}
#form-next{
float: right;
padding: 0.55em 2em 0.55em 1em;
}
.uacf7-next::before,
.uacf7-prev::before,
#order-ticket p::before,
#form-next-wrapper::before{
content: '';
position: relative;
display: inline-block;
float: left;
width: 2.15rem;
height: 2.15rem;
background-image: url(https://thebluebeach.de/content/media/12112025_TBU_FINAL2_Kasten_Pfeil_rechts_gruen.png);
border-right: 0.2rem solid white;
box-sizing: content-box;
margin-right: 2em;
}
#form-next-wrapper::before{
margin-right: 0em;
background-color: var(--color-primary);
float: none;
}
#form-next-wrapper{
justify-content: flex-end;
padding-right: 0;
background-color: transparent;
}
#form-next-wrapper .wpcf7-spinner {
order: -1;
align-self: center;
margin: 0;
margin-right: 0.5em;
}
.uacf7-prev::before{
border-right: none;
border-left: 0.2rem solid white;
transform: rotate(180deg);
}
#order-ticket p::before{
margin-right: 0;
flex-shrink: 0;
}
.uacf7-ajax-loader{
position: relative;
left: calc(50% - 12px);
top: 0.5em;
display: block;
}
.wpcf7 .ajax-loader {
background-color: var(--color-highlight-22);
opacity: 1;
}
.tbb-tickets-total{
border-top: 1px solid var(--color-primary);
width: 100%;
margin-top: 0.5em;
padding-top: 0.5em;
}
#leistungen{
margin-bottom: 1em;
}
.no-bottom-margin{
margin-bottom: 0 !important;
}
#check-inputs{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
margin: 1em 0 4em;
padding: 2em 0 4em;
border-bottom: 2px solid var(--color-primary);
}
#check-auftraggeber,
#check-rechnungsanschrift{
flex-basis: 50%;
min-width: 15em;
}
#check-auftraggeber div p:last-child,
#check-rechnungsanschrift div p:last-child{
margin-top: 0.7em;
}
input.wpcf7-previous{
width: auto !important;
background-color: var(--color-primary);
color: white;
padding: 0.55em 2em 0.55em 1em !important;
}
.wpcf7 input:not([type="submit"]):focus{
border: 2px solid #7dfac0;
}
.wpcf7-list-item {
margin-left: 0;
}
#checkbox-teilnehmerliste + .wpcf7-list-item-label{
display: block;
margin-bottom: 3em;
}
#order-ticket > p{
display: flex;
flex-wrap: nowrap;
justify-content: flex-end;
}
#order-ticket p input{
background-color: var(--color-primary);
padding: 0.55em 2em 0.55em 1em;
}
#order-ticket p .wpcf7-spinner{
order: -1;
align-self: center;
margin: 0;
margin-right: 0.5em;
flex-shrink: 1;
}
input.wpcf7-submit{
border: none;
background-color: var(--color-primary);
color: white;
padding-right: 0;
}
.storno-container{
margin-top: 6em;
}
.storno-container p{
margin-bottom: 1em !important;
} .tbb-icons-and-text{
position: relative;
} .tbb-icons-and-text .content {
display: flex;
justify-content: space-between;
padding-top: 1em;
}
.content.expanded{
flex-wrap: wrap;
border-bottom: 1px solid var(--color-primary);
}
.tbb-icons-and-text--close{
display: inline-block;
visibility: hidden;
opacity: 0;
position: absolute;
right: 0;
top: -3.1em;
width: 1em;
height: 1em;
background-image: url(https://thebluebeach.de/content/media/251110_TBU_FINAL2_Kasten_Pfeil_Schliessen_gruen.png);
background-size: contain;
background-repeat: no-repeat;
margin: 1em;
cursor: pointer;
transition: all 0.5s;
}
.tbb-icons-and-text--close.bottom{
display: none;
top: auto;
bottom: 0;
}
.content.expanded .tbb-icons-and-text--close{
visibility: visible;
opacity: 1;
} .tbb-icons-and-text--item {
padding-bottom: 2em;
}
@media screen and (max-width: 1024px){
.tbb-icons-and-text .content{
justify-content: space-evenly;
}
.tbb-icons-and-text .content.expanded{
justify-content: space-between;
}
.tbb-icons-and-text--item{
display: flex;
flex-direction: column;
align-items: center;
flex-grow: 2;
}
}
.content.expanded .tbb-icons-and-text--item{
max-width: 50%;
}
@media screen and (max-width: 800px){
.tbb-icons-and-text .content{
flex-wrap: wrap;
}
.content:not(.expanded) .tbb-icons-and-text--item{
flex-basis: 25%;
}
.content.expanded .tbb-icons-and-text--item{
max-width: 100%;
}
}
.tbb-icons-and-text--figure {
display: inline-block;
vertical-align: top;
}
.tbb-icons-and-text--icon{
height: 85px;
width: auto;
min-width: 7em;
margin-bottom: 2em;
}
.tbb-icons-and-text--textbox {
display: none;
max-width: calc(100% - 8em);
min-width: 20em;
}
.content.expanded .tbb-icons-and-text--textbox{
float: right;
padding-right: 2em;
}
.tbb-icons-and-text--textbox p {
white-space: pre-line;
}
.tbb-icons-and-text--textbox p a{
text-decoration: underline;
}
.tbb-icons-and-text--textbox p strong {
display: block;
margin-bottom: 1em;
} .content:not(.expanded) .tbb-icons-and-text--figure:hover {
transform: scale(1.1);
cursor: pointer;
}
.tbb-icons-and-text--figure {
animation: ;
transition: all 0.3s;
} #tbb-video-teaser,
#tbb-video-speaker{
position: relative;
cursor: url(https://thebluebeach.de/content/media/youtube.png), pointer;
}
.videoWrapper {
width: 100%;
position: absolute;
top: 0;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.youtube-video{
background-image: url(https://thebluebeach.de/content/media/simpleWhite.gif);
background-repeat: no-repeat;
background-position: center;
margin-bottom: 1em !important;
}
.youtube-video > a{
width: 100%;
}
.youtube-video iframe{
aspect-ratio: 16 / 9;
width: 100%;
height: 100%;
}
.youtube-video + p > a{
text-decoration: underline;
}
.youtube-video > a > img{
position: relative;
cursor: url(https://thebluebeach.de/content/media/youtube.png), pointer;
} #programm{
position: relative;
} #programm p{
margin-bottom: 20px;
max-width: calc(60% - 1em);
}
@media screen and (max-width: 500px){
#programm::after{
width: 30%;
max-width: calc(100% - 220px + -2em);
}
#programm p{
min-width: 220px;
max-width: calc(70% - 1em);
}
}
#schedule p{
color: white;
}
#schedule h4{
font-weight: 400;
margin-bottom: 0;
font-size: 1.2em;
}
#schedule p + p{
margin-top: -0.8em;
}
#schedule h4 + h4{
margin-top: 1.5em;
}
#schedule strong{
letter-spacing: normal;
}
#schedule .wp-block-separator.is-style-wide{
border: none;
background-color: white;
margin: 0.3em 0;
}
#schedule a{
color: white;
text-decoration: underline;
} .tbb-section-speaker{}
.tbb-speaker-gallery{}
.tbb-speaker-gallery-container{
display: flex;
flex-wrap: wrap;
margin: -0.5em;
}
.tbb-speaker-gallery-item{
position: relative;
flex-basis: calc(25% - 1em);
min-width: 220px;
min-height: 300px;
background-color: lightgray;
cursor: pointer;
margin: 0.5em;
margin-top: 3em;
}
@media screen and (max-width: 1024px){
.tbb-speaker-gallery-item{
flex-basis: calc(33% - 1em);
}
}
@media screen and (max-width: 725px){
.tbb-speaker-gallery-item{
flex-basis: calc(50% - 1em);
}
}
@media screen and (max-width: 500px){
.tbb-speaker-gallery-item{
flex-basis: 100%;
}
}
.tbb-speaker-gallery-item:last-child{
margin-bottom: 0.5em;
}
.tbb-speaker-gallery-item::before{
content: '';
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-color: var(--color-primary);
z-index: 2;
mix-blend-mode: lighten;
transition: all 0.4s;
}
.tbb-speaker-gallery-item:hover::before,
.tbb-been-visited.tbb-speaker-gallery-item::before{
display: none;
}
.tbb-speaker-gallery-item::after{
content: '';
position: absolute;
top: 0;
right: 0;
display: block;
width: 2em;
height: 2em;
background-image: url(https://thebluebeach.de/content/media/251110_TBU_FINAL2_Kasten_oeffnen_gruen.png);
cursor: pointer;
z-index: 3;
}
.tbb-speaker-gallery-item h3{
position: absolute;
top: -2.5em;
font-size: 1rem;
text-transform: uppercase;
letter-spacing: 0.15em;
font-weight: 400;
color: var(--color-primary);
}
.tbb-speaker-gallery-item--image{
transition: all 1s;
filter: saturate(0%);
}
.tbb-speaker-gallery-item:hover .tbb-speaker-gallery-item--image{
filter: saturate(100%);
}
.tbb-speaker-gallery-item--name{}
.tbb-speaker-gallery-item--popup{}
.tbb-speaker-gallery-item figure{
position: relative;
height: 100%;
}
.tbb-been-visited .tbb-speaker-gallery-item--image{
filter: saturate(100%);
}
.tbb-speaker-gallery-item figcaption{
position: absolute;
bottom: 0;
width: 100%;
padding: .7em 1.5em .7em;
background: rgba(24, 161, 173, 0.7);
text-align: left;
color: white;
z-index: 3;
}
.tbb-speaker-gallery-item--text{
display: none;
position: absolute;
z-index: 4;
top: 0;
right: 0;
width: 20em;
max-width: calc(100vw - 2em);
padding: 1.5em;
background-color: var(--color-highlight-22);
color: white;
hyphens: auto;
}
.tbb-is-visible .tbb-speaker-gallery-item--text{
display: inline;
}
.tbb-speaker-gallery-item--text-close{
height: 2em;
background-image: url(https://thebluebeach.de/content/media/251110_TBU_FINAL2_Kasten_Pfeil_Schliessen_gruen.png);
background-repeat: no-repeat;
background-position: right;
position: relative;
top: -1.5em;
right: -1.5em;
margin-bottom: -1.5em;
margin-left: -3em;
cursor: pointer;
} body:not(.page-id-969, .page-id-602) .tbb-speaker-gallery-item{
margin-bottom: 6em;
background-color: transparent;
}
body:not(.page-id-969, .page-id-602) .tbb-speaker-gallery-item figure{
margin-bottom: 0;
}
body:not(.page-id-969, .page-id-602) .tbb-speaker-gallery-item--text{
background-color: var(--color-primary);
width: auto;
min-width: 100%;
min-height: 100%;
max-height: 100%;
overflow-y: scroll;
}
body:not(.page-id-969, .page-id-602) .tbb-speaker-gallery-item--text p > strong{
display: inline-block;
margin-bottom: 1em;
}
body:not(.page-id-969, .page-id-602) .tbb-speaker-gallery-item--text p > strong::first-line {
line-height: 2em;
text-transform: uppercase;
}
body:not(.page-id-969, .page-id-602) .tbb-speaker-gallery-item::after{
background-image: url(https://thebluebeach.de/content/media/251110_TBU_FINAL2_Kasten_oeffnen_gruen.png);
}
body:not(.page-id-969, .page-id-602) .tbb-speaker-gallery-item--text-close{
background-image: url(https://thebluebeach.de/content/media/251110_TBU_FINAL2_Kasten_Pfeil_Schliessen_gruen.png);
}
body:not(.page-id-969, .page-id-602) .tbb-speaker-gallery-item figcaption{
position: relative;
margin-top: 0.3em;
height: 9em;
background-color: var(--color-primary);
}
body:not(.page-id-969, .page-id-602) .tbb-speaker-gallery-item figcaption::first-line{
line-height: 2;
}
@media screen and (max-width: 500px){
body:not(.page-id-969, .page-id-602) .tbb-speaker-gallery{
padding: 0 5%;
}
} .tbb-past-speakers{
padding: 0 !important;
}
.tbb-past-speakers .tbb-speaker-gallery figcaption{
background-color: rgba(24,161,173,0.5) !important;
}
.tbb-past-speakers .tbb-speaker-gallery .tbb-speaker-gallery-item::after{
display: none;
}
.tbb-past-speakers .tbb-speaker-gallery .tbb-speaker-gallery-item{
margin-bottom: 0 !important;
margin-top: 1em;
pointer-events: none;
}
.tbb-past-speakers .tbb-speaker-gallery .tbb-speaker-gallery-item h3 {
top: -3.5em;
} .wp-block-gallery.tbb-align-items-center{
padding: 1em 0 3em;
}
.wp-block-gallery.tbb-align-items-center .blocks-gallery-grid{
align-items: center;
}
.wp-block-gallery.tbb-align-items-center .blocks-gallery-grid .blocks-gallery-item{
flex-grow: 0;
}
.blocks-gallery-grid .blocks-gallery-image,
.blocks-gallery-grid .blocks-gallery-item,
.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
margin: 2em 1em 2em 0;
}
.tbb-partner-logos.wp-block-gallery.has-nested-images figure.wp-block-image{
flex-grow: 0;
}
.tbb-partner-logos img{
filter: saturate(0);
transition: all 0.4s;
}
.tbb-partner-logos.is-colored img{
filter: saturate(1)
}
.tbb-partner-logos .blocks-gallery-item::before{
content: '';
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-color: var(--color-primary);
z-index: 2;
mix-blend-mode: lighten;
transition: all 0.4s;
}
.tbb-partner-logos.is-colored .blocks-gallery-item::before{
opacity: 0;
} .tbb-toggle-accordeon{
position: relative;
line-height: 1.2em !important;
margin-bottom: 0.3em !important;
cursor: pointer;
}
.tbb-toggle-accordeon::after{
content: '';
position: absolute;
top: 0.2em;
right: 0;
display: block;
width: 2rem;
height: 2rem;
background-image: url(https://thebluebeach.de/content/media/251110_TBU_FINAL2_Kasten_Pfeil_unten_gruen.png);
}
@media screen and (max-width: 544px){
.tbb-toggle-accordeon::after{
width: 1.6rem;
height: 1.6rem;
}
}
.tbb-toggle-accordeon.expanded::after{
background-image: url(https://thebluebeach.de/content/media/230305_TBU_FINAL2_Kasten_Pfeil_oben_gruen.png);
}
.tbb-accordeon-content{
padding-top: 0 !important;
padding-left: 0 !important;
display: none;
}
.tbb-accordeon-content p{
max-width: 45em;
} .tbb-programm-linie{
display: inline-flex;
width: 6.6em;
justify-content: space-between;
}
.tbb-programm-linie > span:nth-child(2) {
flex-grow: 2;
border-bottom: 2px solid white;
margin: 0 0.2em 0.45em;
} .tbb-newsletter-block-wrapper{
padding: 0 0;
max-width: 40em;
margin: auto;
}
.tbb-newsletter-headline-white,
.tbb-newsletter-headline-blue{
line-height: 1.1 !important;
display: inline-block;
margin-bottom: 0.1em !important;
font-size: 3em !important;
margin-bottom: 0.5em !important;
}
.tbb-newsletter-headline-white::after,
.tbb-newsletter-headline-blue::after{
content: '';
position: relative;
height: 0.85em;
background-repeat: no-repeat;
background-position: center bottom;
float: right;
margin-left: 0.3em;
display: block;
width: 1em;
background-image: url(https://thebluebeach.de/content/media/251110_TBB_Website_Vorschaltseite_Pfeil.png);
}
.tbb-newsletter-headline-white::after{
background-image: url(https://thebluebeach.de/content/media/210317_TBU_FINAL2_Senden_Weiss.svg);
} .tbb-good-news-2025 h2{
text-transform: none;
font-size: 2.8em;
font-weight: lighter;
letter-spacing: 0.01em;
}
@media screen and (max-width: 921px){
.tbb-good-news-2025 h2{
font-size: 2.3em !important;
}
}
#mailpoet_form_5,
#mailpoet_form_6{
background-color: transparent !important;
}
#mailpoet_form_5 form,
#mailpoet_form_6 form{
justify-content: flex-start;
gap: 2%;
}
#mailpoet_form_5 .mailpoet_text::placeholder,
#mailpoet_form_6 .mailpoet_text::placeholder{
color: var(--color-primary);
opacity: 0.7;
}
@media screen and (max-width: 480px){
.tbb-newsletter-input-vorname, .tbb-newsletter-input-nachname{
width: 100% !important;
}
} #mailpoet_form_5 .tbb-newsletter-input-vorname .mailpoet_text,
#mailpoet_form_5 .tbb-newsletter-input-nachname .mailpoet_text,
#mailpoet_form_5 .tbb-newsletter-input-email .mailpoet_text,
#mailpoet_form_6 .tbb-newsletter-input-vorname .mailpoet_text,
#mailpoet_form_6 .tbb-newsletter-input-nachname .mailpoet_text,
#mailpoet_form_6 .tbb-newsletter-input-email .mailpoet_text {
border-bottom: 1px solid #123456 !important;
color: #123456 !important;
}
#mailpoet_form_5 .tbb-newsletter-ppconsent,
#mailpoet_form_6 .tbb-newsletter-ppconsent{
border: none;
}
#mailpoet_form_5 .mailpoet_checkbox_label a,
#mailpoet_form_6 .mailpoet_checkbox_label a{
color: var(--color-primary) !important;
}
#mailpoet_form_5 .tbb-newsletter-input-email,
#mailpoet_form_6 .tbb-newsletter-input-email{
flex-basis: 49%;
}
@media screen and (max-width: 1200px){
#mailpoet_form_5 .tbb-newsletter-input-email,
#mailpoet_form_6 .tbb-newsletter-input-email{
flex-basis: 100%;
}
#mailpoet_form_5 .tbb-newsletter-input-email .mailpoet_text,
#mailpoet_form_6 .tbb-newsletter-input-email .mailpoet_text{
width: 100% !important;
}
}
#mailpoet_form_5 .tbb-newsletter-button .mailpoet_submit,
#mailpoet_form_6 .tbb-newsletter-button .mailpoet_submit{
width: auto !important;
text-indent: 0;
background-image: url(https://thebluebeach.de/content/media/251110_TBB_Website_Vorschaltseite_Pfeil.png);
background-position: right;
color: var(--color-primary);
padding: 5px 3em 5px 1.2em !important;
}
#mailpoet_form_5 .tbb-newsletter-button .mailpoet_submit:hover,
#mailpoet_form_6 .tbb-newsletter-button .mailpoet_submit:hover{
padding-right: 3.3em !important;
box-shadow: none;
} form.mailpoet_form {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.tbb-newsletter-input-vorname,
.tbb-newsletter-input-nachname{
width: 49%;
}
.tbb-newsletter-input-vorname .mailpoet_text,
.tbb-newsletter-input-nachname .mailpoet_text{
border-width: 0 !important;
background-color: transparent !important;
border-bottom: 1px solid white !important;
padding-bottom: 1em !important !important;
color: white !important;
}
.tbb-newsletter-input-email .mailpoet_text,
.tbb-newsletter-input--white .mailpoet_text{
width: 97% !important;
height: 2.5em !important;
color: #fff !important;
border-width: 0px !important;
border-bottom: 1px solid white !important;
background: transparent !important;
}
.tbb-newsletter-input--white .mailpoet_text{
color: var(--color-primary) !important;
}
.tbb-newsletter-input--white.tbb-newsletter-input-vorname,
.tbb-newsletter-input--white.tbb-newsletter-input-nachname{
border-bottom: 1px solid var(--color-primary) !important;
}
.mailpoet_text::-webkit-input-placeholder{
color: white;
opacity: 0.5;
}
.mailpoet_text:-ms-input-placeholder{
color: white;
opacity: 0.5;
}
.mailpoet_text::placeholder{
color: white;
opacity: 0.5;
}
.tbb-newsletter-input--white .mailpoet_text::-webkit-input-placeholder{
color: var(--color-primary);
}
.tbb-newsletter-input--white .mailpoet_text:-ms-input-placeholder{
color: var(--color-primary);
}
.tbb-newsletter-input--white .mailpoet_text::placeholder{
color: var(--color-primary);
}
.mailpoet_text:focus{
outline: none;
}
.tbb-newsletter-input-email{
flex-basis: calc(100% - 2.9em);
height: 2.5em;
margin-bottom: 0;
}
.tbb-newsletter-button .mailpoet_submit{
padding: 0;
margin: 0;
flex-basis: 2.5em;
width: 2.5em !important;
height: 2.5em;
text-indent: 999px;
white-space: nowrap;
background-image: url(https://thebluebeach.de/content/media/251110_TBB_Website_Vorschaltseite_Pfeil.png);
background-repeat: no-repeat;
cursor: pointer;
transition: all 0.4s;
overflow: hidden;
color: var(--color-highlight-22);
}
.tbb-newsletter-button .mailpoet_submit:hover{
box-shadow: 0 0px 10px rgba(0,0,0,0.5);
}
.tbb-newsletter-button .mailpoet_submit:focus{
background-color: transparent;
text-indent: 999px;
border: 1px solid white;
}
.tbb-newsletter-ppconsent{
width: 100%;
border-top: 1px solid white;
padding-top: 1em;
}
.tbb-newsletter-ppconsent-white{
border-top: 1px solid var(--color-primary);
}
.tbb-newsletter-ppconsent .mailpoet_checkbox_label{
font-weight: inherit !important;
}
.mailpoet_checkbox{
width: 1em;
height: 1em;
cursor: pointer;
}
.mailpoet_checkbox_label a{
color: white !important;
text-decoration: underline;
}
.tbb-newsletter-ppconsent-white .mailpoet_checkbox_label a{
color: var(--color-primary) !important;
}
.mailpoet_message{
flex-basis: 100%;
padding: 0.5em 0 !important;
}
.mailpoet_validate_success,
.mailpoet_validate_error{
text-align: left;
padding: 1.5em;
background-color: var(--color-highlight-22);
white-space: pre-line;
line-height: 1.2em;
} .tbb-location-gallery{}
.tbb-location-images > div{
max-width: none !important;
display: flex;
align-items: stretch;
justify-content: space-between;
}
.tbb-location-images-item{
flex-basis: content;
padding: 0 0.5em;
flex-shrink: 3;
}
.tbb-location-images-item img{
height: auto;
width: 100%;
} .twwct-masonry-wrapper,
.twwct-lazy-masonry-wrapper{
display: none;
}
@media only screen and (min-width: 768px){
.twwct-lazy-masonry-wrapper{
position: relative;
left: 0;
display: inline-block;
min-width: 100vw;
overflow-y: hidden;
overflow-x: auto;
background-color: white;
}
.twwct-lazy-masonry-container{
overflow-x: auto;
overflow-y: hidden;
min-height: 500px;
padding-left: 0;
display: block;
}
.twwct-lazy-masonry-container .grid-item{
width: auto;
max-width: 1200px;
margin-right: 16px;
}
.twwct-lazy-masonry-container .grid-item::after{
}
.grid-item.twwct-lazy{
background-image: url(https://thebluebeach.de/content/media/simpleWhite.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
}
} #tbb-footer{}
#tbb-footer p{
padding-left: 3em;
}
.tbb-footer-links--social{
display: flex;
align-items: flex-end;
}
@media screen and (max-width: 544px){
.tbb-footer-links--social{
justify-content: center;
}
}
.tbb-footer-links--social a{
margin-right: 1em;
white-space: nowrap;
}
.tbb-footer-logo{
display: inline-block;
width: 4em;
height: 4em;
margin-right: 2em !important;
} #custom_html-3{
margin-bottom: 0.3em;
}
.site-footer-primary-section-2 {
align-self: end;
display: flex;
align-items: flex-end;
flex-wrap: wrap;
width: 100%;
}
.site-footer-primary-section-2 > aside {
display: block;
align-self: flex-end;
margin-bottom: 0;
margin-top: 1em;
flex-basis: max-content;
padding-right: 2em;
} .footer-widget-area[data-section="sidebar-widgets-footer-widget-4"]{
width: auto;
}
#menu-footer_legal_de,
#menu-footer_legal_en {
display: flex;
}
#menu-footer_legal_de .menu-item,
#menu-footer_legal_en .menu-item{
margin-right: 1em;
}
#tbb-footer > .wp-block-group__inner-container > .wp-block-group {
padding: 0;
}  .speaker-feature figure::before,
.tbb-speaker-gallery-item::before,
body:not(.page-id-1356, .page-id-1572) #patron figure::before{
background-color: rgba(24,161,173,0.35) !important;
} .is-style-round-and-blue > .wp-block-button__link.wp-element-button{
background-color: var(--color-primary);
border: 1px solid var(--color-primary);
}
.is-style-round-and-blue:hover > .wp-block-button__link.wp-element-button{
background-color: white;
color: var(--color-primary);
border-color: white;
}
.is-style-round-and-blue:hover > .wp-block-button__link.wp-element-button::after{
background-color: var(--color-primary);
}  .tbb-program-2025,
.tbb-participants-2025 {
background-size: 260% 260%;
border-radius: 0;
} .tbb-program-2025 {
background: linear-gradient(145deg, #15eda3, #1ecbda, #18a1ad, #15eda3) !important;
animation: tbbGradientAccordion 11s ease-in-out infinite !important;
} .tbb-participants-2025 {
background: linear-gradient(215deg, #15eda3, #18a1ad, #1ecbda, #15eda3) !important;
animation: tbbGradientAccordion 14s ease-in-out infinite reverse !important;
} @keyframes tbbGradientMove {
0%   { background-position: 0% 50%; }
50%  { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
@keyframes tbbGradientAccordion {
0%   { background-position:   0% 50%; }
25%  { background-position:  50% 0%;  }
50%  { background-position: 100% 50%; }
75%  { background-position:  50% 100%; }
100% { background-position:   0% 50%; }
} .mailpoet_text,
.forminator-input,
.forminator-field input,
.forminator-field textarea {
border: none !important;
border-bottom: 2px solid #1ecbda !important;
background: transparent !important;
color: #024959 !important;
border-radius: 0 !important;
transition: all 0.3s ease;
}
.mailpoet_text:focus,
.forminator-input:focus,
.forminator-field input:focus,
.forminator-field textarea:focus {
border-bottom-color: #15eda3 !important;
outline: none !important;
} .mailpoet_checkbox_label,
.forminator-label {
color: #024959 !important;
font-weight: 400;
} .mailpoet_checkbox_label a,
.forminator-label a {
color: #1ecbda !important;
text-decoration: underline;
} .mailpoet_submit,
.forminator-button {
background-color: #18a1ad !important;
color: #ffffff !important;
border: none !important;
border-radius: 30px !important;
padding: 0.6em 1.8em !important;
font-weight: 500 !important;
transition: background-color 0.3s ease, transform 0.2s ease;
}
.mailpoet_submit:hover,
.forminator-button:hover {
background-color: #15eda3 !important;
transform: translateY(-1px);
} .mailpoet_submit svg,
.forminator-button svg {
stroke: #ffffff !important;
transition: stroke 0.3s ease;
}
.mailpoet_submit:hover svg,
.forminator-button:hover svg {
stroke: #024959 !important;
}  .tbb-good-news-2025 {
position: relative;
overflow: hidden;
isolation: isolate;
}
.tbb-good-news-2025::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: linear-gradient(145deg, #15eda3, #1ecbda, #18a1ad, #15eda3);
background-size: 300% 300%;
animation: tbbGradientMove 5s ease-in-out infinite;
}  .tbb-program-2025,
.tbb-participants-2025 {
position: relative;
overflow: hidden;
isolation: isolate;
} .tbb-program-2025::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: linear-gradient(135deg, #15eda3, #1ecbda, #18a1ad, #15eda3);
background-size: 350% 350%;
animation: tbbGradientAccordion 9s ease-in-out infinite;
} .tbb-participants-2025::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: linear-gradient(225deg, #15eda3, #18a1ad, #1ecbda, #15eda3);
background-size: 350% 350%;
animation: tbbGradientAccordion 13s ease-in-out infinite reverse;
} @keyframes tbbGradientMove {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
@keyframes tbbGradientAccordion {
0% { background-position: 0% 50%; }
25% { background-position: 50% 0%; }
50% { background-position: 100% 50%; }
75% { background-position: 50% 100%; }
100% { background-position: 0% 50%; }
}  .tbb-good-news-2025 {
position: relative;
overflow: hidden;
background: transparent !important;
}
.tbb-good-news-2025::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: linear-gradient(
145deg,
#15eda3,
#21f0b1,
#1ecbda,
#18a1ad,
#15eda3
);
background-size: 260% 260%;
animation: tbbGradientMove 8s ease-in-out infinite;
} .tbb-good-news-2025,
.tbb-good-news-2025 form,
.tbb-good-news-2025 label,
.tbb-good-news-2025 p,
.tbb-good-news-2025 span,
.tbb-good-news-2025 input,
.tbb-good-news-2025 .mailpoet_text,
.tbb-good-news-2025 .mailpoet_checkbox_label {
color: white !important; } .tbb-good-news-2025 ::placeholder {
color: white !important;
opacity: 0.6 !important; } .tbb-good-news-2025 input.mailpoet_text,
.tbb-good-news-2025 .mailpoet_text,
.tbb-good-news-2025 input[type="text"],
.tbb-good-news-2025 input[type="email"] {
border: none !important;
border-bottom: 2px solid #123456 !important;
background: transparent !important;
color: white !important; border-radius: 0 !important;
} .tbb-good-news-2025 input.mailpoet_text:focus,
.tbb-good-news-2025 .mailpoet_text:focus,
.tbb-good-news-2025 input[type="text"]:focus,
.tbb-good-news-2025 input[type="email"]:focus {
border-bottom-color: white !important;
outline: none !important;
} .tbb-good-news-2025 .mailpoet_checkbox_label a {
color: white !important;
text-decoration: underline;
} .tbb-good-news-2025 .mailpoet_submit {
background-color: #18a1ad !important;
color: white !important;
border: none !important;
border-radius: 30px !important;
padding: 0.6em 1.8em !important;
font-weight: 500 !important;
transition: background-color 0.3s ease, transform 0.2s ease;
}
.tbb-good-news-2025 .mailpoet_submit:hover {
background-color: #15eda3 !important;
transform: translateY(-1px);
} #mailpoet_form_5 .mailpoet_text,
#mailpoet_form_6 .mailpoet_text {
border-bottom: 2px solid #123456 !important; color: white !important; -webkit-text-fill-color: #123456 !important; }
#mailpoet_form_5 ::placeholder,
#mailpoet_form_6 ::placeholder {
color: white !important;
opacity: 0.6 !important;
}
#mailpoet_form_5 .mailpoet_checkbox_label a,
#mailpoet_form_6 .mailpoet_checkbox_label a {
color: white !important;
text-decoration: underline;
} .tbb-good-news-2025 h2,
.tbb-good-news-2025 p,
.tbb-good-news-2025 label,
.tbb-good-news-2025 span,
.tbb-good-news-2025 .mailpoet_checkbox_label {
color: white !important;
} .tbb-good-news-2025 ::placeholder {
color: white !important;
opacity: 0.6 !important;
} .tbb-good-news-2025 .mailpoet_checkbox_label a {
color: white !important;
text-decoration: underline;
} .is-style-green-and-big {
font-family: "Inter", sans-serif; text-transform: uppercase;
font-size: clamp(2rem, 8vw, 5rem) !important;
line-height: 1.1em;
font-weight: 400; background-image: linear-gradient(
145deg,
#15eda3, #1ecbda, #18a1ad, #0b7c89 );
background-size: 300% 300%;
animation: tbbGradientHeadline 6s ease-in-out infinite;
color: transparent;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
} @keyframes tbbGradientHeadline {
0%   { background-position: 0% 50%; }
50%  { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
} .tbb-slideshow-images figure {
position: relative;
overflow: hidden;
}
.tbb-slideshow-images figure::before {
content: '';
position: absolute;
inset: 0;
background-color: rgba(24,161,173,0.35); mix-blend-mode: lighten;
transition: opacity 0.4s ease;
z-index: 2;
} .tbb-slideshow-images figure:hover::before {
opacity: 0;
} .tbb-slideshow-images img {
display: block;
width: 100%;
height: auto;
filter: saturate(0%);
transition: filter 0.6s ease;
} .tbb-slideshow-images figure:hover img {
filter: saturate(100%);
}  .tbb-slideshow-images .grid-item,
.tbb-slideshow-images figure {
position: relative;
overflow: hidden;
} .tbb-slideshow-images .grid-item::before,
.tbb-slideshow-images figure::before {
content: '';
position: absolute;
inset: 0;
z-index: 2;
background-color: rgba(24,161,173,0.35) !important; mix-blend-mode: lighten;
opacity: 1;
transition: opacity 0.4s ease;
pointer-events: none;
background-image: none !important; } .tbb-slideshow-images .grid-item:hover::before,
.tbb-slideshow-images figure:hover::before {
opacity: 0;
} .tbb-slideshow-images img {
display: block;
width: 100%;
height: auto;
filter: saturate(0%);
transition: filter 0.6s ease;
} .tbb-slideshow-images .grid-item:hover img,
.tbb-slideshow-images figure:hover img {
filter: saturate(100%);
} #schedule{
position: relative;
overflow: hidden; background: linear-gradient(
145deg,
#15eda3,
#1ecbda,
#18a1ad,
#15eda3
);
background-size: 260% 260%; animation: tbbGradientAccordion 12s ease-in-out infinite;
}  :root {
--ast-global-color-3: #123456 !important; } .has-ast-global-color-3-color,
.wp-block-heading.has-ast-global-color-3-color,
.wp-block-heading mark.has-inline-color {
color: #123456 !important; } mark.has-inline-color,
.wp-block-heading mark.has-inline-color {
color: #123456 !important;
background: transparent !important; } @keyframes tbbGradientMove {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
.tbb-header-gradient {
position: relative;
isolation: isolate;
overflow: hidden;
}
.tbb-header-gradient::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: linear-gradient(
145deg,
#15eda3,
#21f0b1,
#1ecbda,
#18a1ad,
#15eda3
);
background-size: 260% 260%;
animation: tbbGradientMove 8s ease-in-out infinite;
} @keyframes tbbGradientMove {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
} .ast-builder-footer .tbb-footer-gradient,
.site-footer .tbb-footer-gradient {
position: relative;
overflow: hidden;
isolation: isolate; background: transparent !important; }
.ast-builder-footer .tbb-footer-gradient::before,
.site-footer .tbb-footer-gradient::before {
content: "";
position: absolute;
inset: 0;
z-index: -1; background: linear-gradient(145deg, #15eda3, #1ecbda, #18a1ad, #15eda3);
background-size: 260% 260%;
animation: tbbGradientMove 10s ease-in-out infinite;
opacity: 1;
} .tbb-footer-gradient.has-background {
background-color: transparent !important;
} .tbb-footer-2025 {
background: transparent !important;
background-image: none !important;
} @keyframes tbbTextGradientMove {
0% { background-position: 0% 0%; }
50% { background-position: 100% 100%; }
100% { background-position: 0% 0%; }
} .is-style-heavily-highlighted,
.is-style-green-and-big {
background: linear-gradient(
180deg,
#21f0b1 0%, #18a1ad 40%, #1ecbda 70%, #123456 100% );
background-size: 300% 300%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: tbbTextGradientMove 10s ease-in-out infinite;
font-family: "Inter", sans-serif !important;
display: inline-block;
line-height: 1.2em;
} .is-style-green-and-big {
animation-duration: 14s;
background-size: 350% 350%;
font-weight: 500;
} @keyframes tbbGradientMove {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
} #tbb-footer {
position: relative;
overflow: hidden;
isolation: isolate;
background: transparent !important; }
#tbb-footer::before {
content: "";
position: absolute;
inset: 0;
z-index: -1; background: linear-gradient(145deg, #15eda3, #1ecbda, #18a1ad, #15eda3);
background-size: 260% 260%;
animation: tbbGradientMove 10s ease-in-out infinite;
} #tbb-footer .wp-block-group.has-background {
background-color: transparent !important;
} .tbb-footer-2025 {
background: transparent !important;
background-image: none !important;
}
.tbb-animated-strip{
--c1:#c2f670; --c2:#4de0ca; --c3:#0c88a0; background: linear-gradient(90deg, var(--c1), var(--c2), var(--c3), var(--c2), var(--c1));
background-size: 300% 100%;
animation: tbbGradientSlide 14s linear infinite; min-height: 56px;
}
@keyframes tbbGradientSlide{
0%{ background-position: 0% 50%; }
100%{ background-position: 300% 50%; }
} #good-news,
#good-news * {
color: white !important;
} #good-news input,
#good-news textarea {
color: white !important;
border-color: rgba(255,255,255,.6);
background: transparent;
}
#good-news input::placeholder,
#good-news textarea::placeholder {
color: white;
opacity: 1;
} #good-news .wp-block-button__link {
color: white !important;
background: transparent;
border: 2px solid #fff;
}
#good-news .wp-block-button__link:hover {
background: rgba(255,255,255,.15);
} hr.wp-block-separator.is-style-wide,
hr.wp-block-separator.has-background,
hr.wp-block-separator.has-text-color {
background-color: var(--tbb-teal, #18a1ad) !important; color: var(--tbb-teal, #18a1ad) !important; height: 2px; opacity: 1; border: 0;
} #schedule hr.wp-block-separator.is-style-wide,
#schedule hr.wp-block-separator.has-background,
#schedule hr.wp-block-separator.has-text-color {
background-color: var(--tbb-teal-dark, #0c88a0) !important;
color: var(--tbb-teal-dark, #0c88a0) !important;
} .tbb-toggle-accordeon::after{
background-repeat: no-repeat;
background-position: center;
background-size: contain; } .is-style-round-and-blue > .wp-block-button__link.wp-element-button::after,
.tbb-newsletter-button .mailpoet_submit{
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}  .tbb-speaker-gallery-item::after {
background-repeat: no-repeat !important;
background-position: center !important;
background-size: contain !important;
background-color: transparent !important; width: 2em !important;
height: 2em !important;
}
body:not(.page-id-969, .page-id-602) .tbb-speaker-gallery-item--text-close {
width: 2em !important;
height: 2em !important;
display: block !important;
background-image: url(https://thebluebeach.de/content/media/251110_TBU_FINAL2_Kasten_Pfeil_Schliessen_gruen.png) !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: contain !important;
background-color: transparent !important;
top: 0 !important; right: 0 !important; position: absolute !important; cursor: pointer;
} .wp-block-buttons.tbb-cta-wrap {
display: flex;
gap: .6rem;
align-items: center;
justify-content: flex-start; } .wp-block-button.tbb-cta {
display: inline-flex;
align-items: center;
} .wp-block-button.tbb-cta .wp-block-button__link {
display: inline-flex;
align-items: center;
gap: .5em;
padding: .55em 1.2em .55em 1em;
border-radius: 1.2em;
border: 1px solid var(--color-primary) !important;
background: var(--color-primary) !important;
color: #fff !important;
letter-spacing: .1em;
line-height: 1;
text-decoration: none !important;
box-shadow: none !important;
width: auto !important; min-height: 2.15rem; font-size: clamp(14px, .95rem, 16px);
} .wp-block-button.tbb-cta::before {
content: '';
display: inline-block;
width: 2.15rem;
height: 2.15rem;
margin-right: .35em;
background-image: url(https://thebluebeach.de/content/media/251110_TBB_Website_Vorschaltseite_Pfeil.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
vertical-align: middle;
} .wp-block-button.tbb-cta:hover .wp-block-button__link {
background: #fff !important;
color: var(--color-primary) !important;
border-color: #fff !important;
}
.wp-block-button.tbb-cta:hover::before {  } .wp-block-button.tbb-cta .wp-block-button__link[style*="color"],
.wp-block-button.tbb-cta .wp-block-button__link.has-text-color,
.wp-block-button.tbb-cta .wp-block-button__link.has-background {
color: #fff !important;
background: var(--color-primary) !important;
border-color: var(--color-primary) !important;
}  .main-header-menu a,
.main-header-menu .menu-link,
.ast-header-navigation a {
color: #ffffff !important;
} .wp-block-navigation a,
.wp-block-navigation-item a {
color: #ffffff !important;
} header .wp-block-navigation a,
header .wp-block-navigation-item a,
header nav a {
color: #ffffff !important;
} .main-header-menu a:hover,
.main-header-menu .current-menu-item > a,
.wp-block-navigation a:hover,
.wp-block-navigation-item a:hover,
.wp-block-navigation-item .current-menu-item a,
header .wp-block-navigation a:hover {
color: #15eda3 !important; } .ast-mobile-menu-buttons a,
.ast-mobile-popup-drawer a,
.ast-mobile-popup-inner a,
.ast-builder-menu-mobile a {
color: #ffffff !important;
}
.ast-mobile-popup-drawer a:hover,
.ast-mobile-menu-buttons a:hover {
color: #15eda3 !important;
}
.tbb-animated-strip {
--c1:#c2f670;
--c2:#4de0ca;
--c3:#0c88a0;
background: linear-gradient(90deg, var(--c1), var(--c2), var(--c3), var(--c2), var(--c1));
background-size: 300% 100%; animation: tbbGradientSlide 14s linear infinite reverse;
}
@keyframes tbbGradientSlide {
0%{ background-position: 0% 50%; }
100%{ background-position: 300% 50%; }
}