.block-cheeseburgermenu-container {
  transform: translateY(-100%);
  transition: transform 0.3s ease;
}

.block-cheeseburgermenu-container--is-open {
  transform: translateY(0);
}
.block.block-layout-builder.block-field-blocknodetourfield-tour-id {
  display: inline-block;
  vertical-align: middle; /* aligns vertically like inline text */
  margin-right: 1rem; /* spacing between the blocks */
}

/*MMM ab 2024*/
body {
    color: #000;
}

/*Logo*/
.logo-bo path {
    fill: #00454C;
}
.logo-bo svg.ext{
    display:none;
}
.body--has-active-cheese .logo-bo path {
    fill: #fff;
}

.block-cheeseburgermenu__trigger-element span {
    background: #00454C;
}

.body--has-active-cheese .block-cheeseburgermenu__trigger-element span {
    background: #fff;
}

#block-bootstrap-boberlin-2024-logo-2 {
    width: 205px;
    height: auto;
    /* position: absolute;
    left: 50px;
    top: 35px;*/
    z-index: 100000;
}

#navbar-main {
    background-color: transparent;
}

.navbar {
    padding: 0;
}

#navbar-top {
    background-color: transparent !important;
}

/*Programm*/
.page-node-5298 .logo-bo path {
    fill: #fff;
}

.page-node-5298 .block-cheeseburgermenu__trigger-element span {
    background: #fff;
}

.page-node-5298 .block-cheeseburgermenu__trigger-element span {
    background: #fff;
}



.form-inline.navbar-form.ms-auto {
    margin-left: 0 !important;
    width: 100%;
}

.region-top-header-form {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    margin-top: 30px;
}

#navbar-top .navbar-form {
    width: 100%;
}

#block-bootstrap-boberlin-2024-cheesburgermenuausloser {
    width: auto;
    margin-right: 40px;
    margin-top: 75px;
}


/*Alle neuen Contenttypes*/
.node--type-event-gomus .block-field-blocknodeevent-gomusbody,
.node--type-termin .block-field-blocknodeterminbody {
    width: 66%;
}

.node--type-event-gomus .block-field-blocknodeevent-gomusfield-image img,
.node--type-termin .block-field-blocknodeterminfield-media-photo img {
    margin-bottom: 50px;
}

.node--type-event-gomus .field--type-entity-reference {
    margin: 0;
}

.node--type-event-gomus #block-bootstrap-boberlin-2024-content {
    margin-bottom: 30px;
}

.node--type-landingpage #content,
.node--type-termin #content,
.node--type-event-gomus #content {
    padding: 0;
}

.termin2col .col-lg-4 {
    padding-left: 40px;
}

.termin2col .col-lg-4 h2 {
    font-size: 26px !important;
    line-height: 100%;
    color: #000;
    margin-bottom: 10px;
}

.termin2col .col-lg-4 .content .field {
    font-size: 22px !important;
    line-height: 100%;
}

.termin2col .col-lg-4 .block {
    margin-bottom: 25px;
}

.termin2col .col-lg-4 .field--type-datetime {
    position: relative;
    left: -9999px;
    display: grid;
}

.termin2col .col-lg-4 .field--type-datetime .addtocal-container {
    position: relative;
    left: 9999px;
}

.termin2col .col-lg-4 .field--type-datetime .addtocal-container button {
    border: 0;
    padding: 0;
    background: transparent;
    font-weight: 700;
    text-decoration: underline;
}

.node--type-tour h1,
.node--type-termin h1,
.node--type-event-gomus h1 {
    font-size: 100px;
    line-height: 100%;
    margin: 40px 0;
}

.node--type-tour .field--name-field-image img,
.node--type-termin .field--name-field-image img,
.node--type-event-gomus .field--name-field-image img {
    width: 100%;
    height: auto;
}

.node--type-tour .field--name-field-datum-termin,
.node--type-termin .field--name-field-datum-termin,
.node--type-event-gomus .field--name-field-datum-termin {
    font-size: 48px;
    line-height: 100%;
    margin-bottom: 15px;
}

.node--type-tour .field--name-body,
.node--type-tour .field--name-body p,
.node--type-termin .field--name-body,
.node--type-termin .field--name-body p,
.node--type-event-gomus .field--name-body,
.node--type-event-gomus .field--name-body p {
    font-size: 20px;
    line-height: 140%;
}

.block-field-blocknodetourfield-duration .field:after {
    content: 'Minuten';
    margin-left: 5px;
}

.block-field-blocknodeterminfield-duration .field:after {
    content: 'Minuten';
    margin-left: 5px;
}

.block-field-blocknodeterminfield-preis-regulaer .field:after,
.block-field-blocknodeterminfield-preis-ermaessigt .field:after {
    content: '€';
    margin-left: 5px;
}

/*.field--name-field-datum-termin:after {
    content: 'Uhr';
    margin-left: 5px;
}*/


/*Event Content type*/



/*Termin Content Type*/
.node--type-termin .field--type-entity-reference {
    margin: 0;
}

.node--type-termin #block-bootstrap-boberlin-2024-content {
    margin-bottom: 30px;
}

.relatedTermine .views-row,
.heutigeTermine .views-row,
.ganzerKalender .views-row {
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.relatedTermine .views-row:last-child,
.heutigeTermine .views-row:last-child,
.ganzerKalender .views-row:last-child {
    border-bottom: 0;
}

.relatedTermine .views-row .block-field-blocknodeterminbody,
.heutigeTermine .views-row .block-field-blocknodeterminbody,
.ganzerKalender .views-row .block-field-blocknodeterminbody {
    width: 100%;
}

.relatedTermine .views-row .field--name-field-media-photo img,
.heutigeTermine .views-row .field--name-field-media-photo img,
.ganzerKalender .views-row .field--name-field-media-photo img {
    width: 96%;
    height: auto;
}

#block-bootstrap-boberlin-2024-views-block-termine-block-2>h2 {
    font-size: 80px;
    line-height: 120%;
}

.relatedTermine .field--name-title a,
.heutigeTermine .field--name-title a,
.ganzerKalender .field--name-title a {
    font-size: 36px;
    line-height: 42px;
    text-decoration: none;
    position: relative;
    display: block;
    margin-bottom: 30px;
    margin-top: -9px;
    color: #00454C;
}

.relatedTermine .field--name-title a:after,
.heutigeTermine .field--name-title a:after,
.ganzerKalender .field--name-title a:after{
    content: "";
    border-bottom: #00454C 4px solid;
    position: absolute;
    top: auto;
    bottom: -22px;
    left: 0;
    display: block;
    width: 60px;
}

.relatedTermine .field--name-field-datum-termin .addtocal-container,
.heutigeTermine .field--name-field-datum-termin .addtocal-container,
.ganzerKalender .field--name-field-datum-termin .addtocal-container {
    display: none;
}

.relatedTermine .field--name-field-datum-termin,
.heutigeTermine .field--name-field-datum-termin,
.ganzerKalender .field--name-field-datum-termin {
    font-size: 26px;
    font-weight: bold;
    color: #00454C;
}

.relatedTermine .block-field-blocknodeterminfield-category-name,
.heutigeTermine .block-field-blocknodeterminfield-category-name,
.ganzerKalender .block-field-blocknodeterminfield-category-name {
    font-size: 28px;
    line-height: 100%;
    margin-bottom: 14px;
}

.relatedTermine .block-field-blocknodeterminfield-zielgruppe,
.heutigeTermine .block-field-blocknodeterminfield-zielgruppe,
.ganzerKalender .block-field-blocknodeterminfield-zielgruppe {
    font-size: 20px;
    line-height: 28px;
}


.ganzerKalender .block-field-blocknodetourfield-category-name {
    font-size: 28px;
    line-height: 100%;
    margin-bottom: 14px;
}

.ganzerKalender .block-field-blocknodetourfield-zielgruppe {
    font-size: 20px;
    line-height: 28px;
}
.node--type-tour .block-field-blocknodeterminfield-ticketshop-link h2,
.node--type-termin .block-field-blocknodeterminfield-ticketshop-link h2,
.node--type-event-gomus .block-field-blocknodeterminfield-ticketshop-link h2 {
    display: none;
}

.node--type-tour .block-field-blocknodeterminfield-ticketshop-link a,
.node--type-termin .block-field-blocknodeterminfield-ticketshop-link a,
.node--type-event-gomus .block-field-blocknodeterminfield-ticketshop-link a,
.tour-id a,
.block-field-blocknodetourfield-tour-id a,
.event-id a
{
    text-decoration: none;
    background: #00454C;
    padding: 8px 13px;
    color: #fff;
    text-transform: uppercase;
    font-size: 19px;
    display:block;
}

.block-field-blocknodetourfield-tour-id a {
	width: 97px;
  margin-top:4rem;
}

.page-node-5888 .block-field-blocknodetourfield-tour-id a {
	width: unset;
  margin-top:4rem;
  margin-bottom: 3rem;
  margin-right: -15px;
}
.node--type-termin .block-field-blocknodeterminfield-ticketshop-link a,
.node--type-event-gomus .block-field-blocknodeterminfield-ticketshop-link a
{
    width: 173px;
    height: 44px;
}

.tour-id a,
.event-id a{
	margin-top:1rem;
}
/*
.node--type-tour .block-field-blocknodeterminfield-ticketshop-link a:hover,
.node--type-termin .block-field-blocknodeterminfield-ticketshop-link a:hover,
.node--type-event-gomus .block-field-blocknodeterminfield-ticketshop-link a:hover {
    text-decoration: underline;
    background: #fff;
    color: #00454C;
    s
}
*/
.node--type-tour .block-field-blocknodeterminfield-ticketshop-link a svg,
.node--type-termin .block-field-blocknodeterminfield-ticketshop-link a svg,
.node--type-event-gomus .block-field-blocknodeterminfield-ticketshop-link a svg {
    display: none;
}

/*Landingpages*/
.node--type-landingpage h1 {
    color: #fff;
    margin: 13rem 0;
    font-size: 100px;
    line-height: 100%;
}

.node--type-landingpage h2 {
    font-size: 80px;
    line-height: 100%;
}

.node--type-landingpage h3 {
    font-size: 42px;
    line-height: 100%;
}

.node--type-landingpage #content {
    padding: 0;
}



/*Reset*/
#navbar-top {
    background-color: transparent;
}

.site-footer {
    display: none;
}

#block-bootstrap-boberlin-2024-boberlin2024footer {
    padding: 0 !important;
}

/*Allgemeines*/
h1,
h2,
h3,
h4,
a {
    color: #00454C;
}

#main {
    padding: 0 !important;
}

/*Footer*/
footer.footer {
    background: #00454C;
    color: #fff !important;
    padding-top: 50px;
    padding-bottom: 1px;
}

.featured-bottom aside {
    padding: 0;
}

.featured-bottom a {
    color: #fff !important;
    text-decoration: none;
}

.footer__logos a {
    display: inline-block;
    width: 200px;
    height: auto;
}

.footer__logos path {
    fill: #fff;
}

footer.footer .footer__inner {
    max-width: 1100px;
    margin: 0 auto;
}

.footer__links,
.footer__logos {
    display: flex;
}

.footer__logos li:nth-child(2) {
    margin-top: -15px;
    margin-left: 20px;
}

footer li {
    list-style-type: none;
    margin-right: 25px;
    margin-bottom: 30px;
}

footer svg.ext {
    display: none;
}

footer ul {
    padding-left: 0;
}





/*EBTs*/
.ebt-slick-slider a {
    text-decoration: none;
}

.ebt-slick-slider .field--type-entity-reference {
    margin: 0 0 5px 0;
}

.ebt-slick-slider {
    margin: 0 0 50px 0;
    
}

.ebt-slick-slider.basic-styles .field--name-field-ebt-slick-slider-text {
    text-align: left;
}

.ebt-slick-slider.basic-styles .slick-slide {
    margin-left: 0;
    margin-right: 20px;
}

.ebt-slick-slider.basic-styles .slider-description {
    max-width: 100%;
    margin: 0 auto 2.5rem auto;
}

.ebt-slick-slider.basic-styles .slick-prev,
.ebt-slick-slider.basic-styles .slick-next {
    left: auto;
    top: 0;
    right: 45px;
}

.ebt-slick-slider.basic-styles .slick-prev {
    left: auto;
    top: 0;
    right: 90px;
}

.ebt-slick-slider h3 {
    position: relative;
    line-height: 150% !important;
}

.ebt-slick-slider h3:after {
    content: "";
    border-bottom: #00454C 4px solid;
    position: absolute;
    top: auto;
    bottom: -8px;
    left: 0;
    display: block;
    width: 60px;
}


/*Programm Node*/
:not(user-logged-in).page-node-5298 .bg-image {
    margin-top: -237px;
    margin-bottom: 4rem;
}

.page-node-5298 .view-termine .node--view-mode-kalenderzeile .field--name-field-media-photo img {
    width: 96%;
    height: auto;
    margin-bottom: 10px;
}

.page-node-5298 .view-termine .node--view-mode-kalenderzeile .block-field-blocknodeterminbody {
    width: 100%;
}

.page-node-5888 .view-tour-themen .node--view-mode-kalenderzeile .field--name-field-image img {
    width: 96%;
    height: auto;
    margin-bottom: 10px;
}

.page-node-5888 .view-tour-themen .node--view-mode-kalenderzeile .block-field-blocknodetourbody {
    width: 100%;
}







/*Cheeseburger Menu*/
.cheeseburger-menu__main-navigation-area>div {
    border-bottom: 0;
}

.cheeseburger-menu__side-trigger,
.cheeseburger-menu__main-navigation-area div:nth-child(2) li svg,
.cheeseburger-menu__main-navigation-area div:first-child li svg {
    display: none;
}

.cheeseburger-menu__main-navigation-area ul {
    display: flex;
}

.cheeseburger-menu__main-navigation-area a,
.cheeseburger-menu__main-navigation-area a:hover {
    color: #fff !important;
    text-decoration: none !important;
}

.cheeseburger-menu__main-navigation-area div:first-child {
    margin: 114px 0 0 250px;
}

.cheeseburger-menu__main-navigation-area div:first-child li {
    margin-right: 35px;
}

.cheeseburger-menu__main-navigation-area div:first-child li a {
    font-size: 25px;
    display: block;
}

.cheeseburger-menu__main-navigation-area div:nth-child(2) {
    margin: 110px 0 0 0px;
}

.cheeseburger-menu__main-navigation-area div:nth-child(2) li {
    margin-right: 40px;
}

.cheeseburger-menu__main-navigation-area div:nth-child(2) li a {
    font-size: 33px;
    display: block;
    min-width: 275px;
    border-bottom: 6px solid #fff;
    line-height: 150%;
    min-height: 70px;
}

.cheeseburger-menu__main-navigation-area div:nth-child(2) li a:hover {
    border-bottom: 8px solid #fff;
}

.block-cheeseburgermenu__trigger-element {
    background: transparent;
    background: transparent;
    /* right: 125px;
    top: 106px;*/
    z-index: 100000;
}

.cheeseburger-menu__side-menu {
    height: auto;
    /*right: 125px;
    top: 106px;*/
    left: auto;
}

.block-cheeseburgermenu__trigger-element span,
.block-cheeseburgermenu__trigger-element:active span,
.block-cheeseburgermenu__trigger-element:hover span {
    width: 55px;
    height: 4px;
}
.block-cheeseburgermenu__trigger-element span {
    width: 60px;
    height: 6px;
}

.block-cheeseburgermenu__trigger-element span:nth-of-type(2) {
    top: 25px;
}

.block-cheeseburgermenu__trigger-element span:nth-of-type(3) {
    display: none;
}

.cheeseburger-menu__side-trigger svg {
    fill: #000;
}

.cheeseburger-menu__side-menu {
    background: transparent;
}

.cheeseburger-menu__side-trigger svg {
    margin: 0;
}

#block-bootstrap-boberlin-2024-cheeseburgermenu {
    max-height: 450px;
}

#block-bootstrap-boberlin-2024-cheeseburgermenu {
    background: #00454C;
}

#block-bootstrap-boberlin-2024-cheeseburgermenu .content {
    max-width: 1320px;
    margin: 0 auto;
}

.body--has-active-cheese .block-cheeseburgermenu__trigger-element span {
    rotate: 45deg;
    top: 37px;
    left: 0;
}

.body--has-active-cheese .block-cheeseburgermenu__trigger-element span:nth-of-type(2) {
    rotate: 135deg;
    left: -40px;
}






.node--view-mode-teaser {
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}



.field--name-field-teilnehmeranzahl.field__item::after {
  content: " Personen";
}