@media (max-width: 579px) {
.site-footer__top .footer_block {flex-basis:100%!important;width:100%;}
.paragraph--view-mode--achter-teaser .kachel_item_inner {overflow:hidden;}
}
@media (max-width: 767px) {
 #block-barrio-berry-breadcrumbs, #block-barrio-berry-page-title, .paragraph--type--berry-heroblock .paragraph__heroblock .herotitle, .paragraph--type--berry-heroblock .paragraph__heroblock .herotxt,
.mainteaser, .paragraph--type--ansichten, .paragraph--view-mode--achter-teaser .container_wrapper .flex {max-width: 704px;width:calc(100% - 4rem);}
.paragraph--view-mode--achter-teaser .container_wrapper .flex {margin:0 auto;justify-content: space-between;}
.highlighted, .stoerer_text, .paragraph--id--515 {max-width: 768px;width:100%!important;}
.stoerer_text, .gridtext_container {margin-left:0!important;margin-right:0!important;padding:4rem 2rem!important;}
.stoerer_text {text-align:center!important;}
.stoerer_text:before, .gridtext_container:after, .site-footer .container::before {display:none!important;}
.stoerer_text .btn-primary, .btn-primary {width:100%;}
.teaserTextBild .grid {display: flex;flex-direction: column;}
.teaserTextBild .grid.imageright {flex-direction:column-reverse;}
.grid .field--type-image {margin:0;}
#navbar-top .navcontainer {position: fixed;right: 6rem;width: calc(100% - 8rem);display: inline-flex;flex-direction: row;justify-content: flex-end;}
#CollapsingNavbar {padding-top:8rem!important;}
#branding_container {max-width:300px;width:40%;left:1rem;}
.hero-slider-mobile .slick__arrow{display:none;}
.view-events #views-exposed-form-events-page-1 .js-form-item{width:100%;}
.view-events #views-exposed-form-events-page-1 #edit-actions--2 {display: flex;justify-content: space-between; flex-direction: column;}
.cardteaser.column, .eventListe, .events .cardteaser {flex-direction:column!important;}
.cardteaser .event-body, .cardteaser .col-md-6, .eventListe .event-body {flex-basis:100%!important;margin:0!important;border:none!important;width:100%!important;}
.events ul.pager a.button {width:100%;}
.paragraph--view-mode--achter-teaser .flex .kachel_item {flex-basis: calc(50% - 0.75rem)!important;}
.slick--view--testimonials-slider, .slick--optionset--slides-angerissen {width:calc(100% - 2rem)!important;}
.slick--view--testimonials-slider .slick-slide, .slick--optionset--slides-angerissen .slick-slide {margin: 0 0.5rem!important;}
.mainteaser .slick {width:100%!important;}
#block-footerlegal .flex-row {flex-direction:column-reverse!important;}
#block-footerlegal .nav-link {padding-left:0!important;}
#block-footerlegal .nav-item.copyright {margin-top:2rem;}
.seitenheader .flex50 {width:100%!important;margin:0 auto;}
.lilatext .textblocklinks .stoerer_text, .lila .textblocklinks .stoerer_text, .gruentext .textblocklinks .stoerer_text, .gruen .textblocklinks .stoerer_text {width:50%;margin: 4rem 0!important;}
.paragraph .highlighted {padding: 4rem 0!important;}
#header_slideshow {aspect-ratio: 1.6 / 1;}
.content_wrapper {margin-top:-4rem;}
.highlighted .container_row {margin-bottom: 4rem!important;}
#branding_container {max-width: 2000px;width: 40%!important;}
.dreiSpalter, .paragraph--type--container .paragraph--type--video {width: calc(100% - 4rem)!important;margin-left:2rem!important;margin-right:2rem!important;}
.paragraph--type--stoerer .slick-list {width: calc(100% - 3rem)!important;margin-left:1.5rem!important;margin-right:1.5rem!important;}
}
@media (min-width: 768px) {
.hero-slider-mobile .slick-dots{display:none;}
.highlighted .container_row {margin-bottom: 5rem!important;}
}
@media (max-width: 1279px) {
html, body {width:100%;max-width:100vw;overflow-x:hidden;}
#block-rapunzel-page-title, .maxwidth, .site-footer > .container, #block-rapunzel-breadcrumbs {width: calc(100% - 4rem);margin-left: 2rem;}
.nonmobile{display:none;}
.mobile {display:block;}
.highlighted, #block-barrio-berry-breadcrumbs, #block-barrio-berry-page-title, .paragraph--type--berry-heroblock .paragraph__heroblock .herotitle, .paragraph--type--berry-heroblock .paragraph__heroblock .herotxt,
.mainteaser, .dreiSpalter  {max-width: 1216px!important;width:calc(100% - 4rem)!important;}
.highlighted .mainteaser {width: 100%!important;}
.dreiSpalter {margin-left:2rem;margin-right:2rem;}
.region-secondary-menu {display:block;text-align:right;margin-right: 1rem!important; width: auto;background: none;}
.region-secondary-menu .navisearch {display:none;}
#navbar-top {right: 50%;width: 50%;}
#navbar-top .container {max-width:20%;margin-left:1rem;}
#branding_container {max-width:240px;width:25%;left:1rem;}
.region-top-header {margin:0;}
#navbar-main.navbar-expand-custom {top:0;text-align:right;background-color:#fdfbee;z-index:98;}
.navbar-toggler {right: 2rem; position: absolute; top: 0.5rem;width: 6rem;height: 2rem; z-index: 99;padding:0;}
#CollapsingNavbar {width:100%;border-radius:0;text-align:left;background: #11763c /* rgb(98,153,59);background: linear-gradient(180deg, rgba(98,153,59,1) 0%, rgba(8,115,63,1) 100%)*/;margin:0;padding:0;position:fixed; top:0;padding-top:10rem;min-height:100%;}
#block-mainnavigation {margin:0;}
#CollapsingNavbar::before, #CollapsingNavbar::after {display:none;}
.navbar-toggler:focus {box-shadow:none;}
#block-mainnavigation-2 {height: calc(100vh - 14rem);}
#block-mainnavigation-2 .menulist {position: relative;max-height: calc(100% - 7rem);overflow-y: auto;}
#navbar-main a {color:#fff;}
#navbar-main {top:4rem;bottom:0;position:fixed;z-index:99;background-color:#ffdede;}
#navbar-main li, .navisearch {width: calc(100% - 4rem);margin:0 2rem;border-bottom: 1px solid #E2DDC6;}
#navbar-main li a {padding:1rem 0 ;color: #fff!important;font-size:1rem;letter-spacing:0!important;}
#navbar-main li a:before {content: ' ';width:1rem;height:1.5rem;background: url("/themes/custom/rapunzel/assets/nav-arrow.svg");background-position:center left;background-repeat:no-repeat;display: block;float: left;background-size: contain;}
#navbar-main li.dropdown-item a:hover::before {content: ' ';width:1rem;height:1.5rem;background: url("/themes/custom/rapunzel/assets/nav-arrow_hover.svg");background-position:center left;background-repeat:no-repeat;display: block;float: left;background-size: contain;}
#navbar-main li.menu-item--expanded a.dropdown-toggle:hover:before {display:none;}
#navbar-main li:last-child {display:none;}
.ticketlink {background-color:#006e3d;text-align:center;width:100%;max-width: 100vw;margin:0;position: fixed;bottom:0; padding: 2rem 0;border:none;left:0;right:0}
.ticketlink a {width:auto;}
#navbar-main li.dropdown:nth-last-child(2) {border-bottom:0;}#navbar-main li li {width: calc(100% - 4rem)!important;}
#navbar-main li li:last-child {background:none;text-align:left;position:relative; width:calc(100% - 4rem);}
#navbar-main .dropdown-toggle::after {margin-left: 1em;vertical-align: 1em;content: "";border-top: 1px solid #fff;border-right: 1px solid #fff;border-bottom: 0;border-left: 0;position: absolute;right: 0.25rem;height: 0.75rem;width: 0.75rem;transform: rotate(135deg);}
#navbar-main .dropdown-toggle.show::after {transform:rotate(-45deg);border-color:#ffd902;}
#navbar-main a.dropdown-toggle:before {display:none;}
#navbar-main a.nav-link.show {color:rgba(172, 211, 139, 1)!important;}
#navbar-main li.menu-item--expanded a {font-family: "RotisSerif65Bold";font-size:1.5rem;}
#navbar-main li.dropdown-item a {font-family: "SanserataBold";padding:1rem;font-size:1rem;}
#navbar-main .dropdown-menu {background:none;margin: 0 0 1rem 0;padding: 0;}
#navbar-main .dropdown-menu li:hover {background: none /*#006e3d;*/}
#navbar-main li.dropdown-item, .navbar-nav li.dropdown-item:last-child {border:none;padding:0.5rem 0;margin: 0;width: 100%;text-align:left;background:none;}
#navbar-main li.dropdown-item a:before {width:1rem;background-size: contain;}
.ticketlink a.btn-primary {background-color:#ffdd00!important;padding: 0.5rem 1em!important; color: #006e3d!important;border-radius: 0 1rem 0 1rem;}
.ticketlink a:before {background: url("/themes/custom/rapunzel/assets/nav-arrow_green.svg");background-size: contain;background-repeat: no-repeat; width: 1.5rem;background-position: center;margin-right: 1rem;content: ' ';height: 0.9rem;display: inline-block;}
.navbar-toggler-icon,.navbar-toggler-icon::before,.navbar-toggler-icon::after {display: block;background-image:none;background-color: rgba(172, 211, 139, 1);position: absolute;height: 4px;width: 30px;transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);border-radius: 2px;}
.navbar-toggler::before {display: block;content: url('/themes/custom/rapunzel/assets/search.svg');text-indent: 0;position: absolute;top: 0.65rem;left: 1rem;}
.navbar-toggler-icon {background:none;left:4rem;}
.collapsed .navbar-toggler-icon,.collapsed .navbar-toggler-icon::before, .collapsed .navbar-toggler-icon::after {display: block;background-image:none;background-color: #006e3d;position: absolute;height: 4px;width: 30px;transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);border-radius: 2px;}
.collapsed .navbar-toggler::before {display: block;content: url('/themes/custom/rapunzel/assets/search.svg');text-indent: 0;position: absolute;top: 0.5rem;left: -1.5rem;}
.navbar-toggler-icon::before {content: '';margin-top: 0;transform: rotate(45deg);left:0;}
.navbar-toggler-icon::after {content: '';margin-top: 0;transform: rotate(-45deg);left:0;}
.collapsed .navbar-toggler-icon::before {content: '';margin-top: -8px;transform:rotate(0deg);}
.collapsed .navbar-toggler-icon::after {content: '';margin-top: 8px;transform:rotate(0deg);}
#navbar-top .navcontainer {position:fixed;right:9rem;width: calc(100% - 10rem);}
#navbar-top .block-language-switcher-langcode-block .nav {line-height:1rem;}
.mobileopen .region-secondary-menu a {color:#fff;}
.block-language-switcher-langcode-block span:last-child {border-right:1px solid;}
.mobileopen .block-language-switcher-langcode-block span {border-color:#fff;}
.mobileopen .navbar-toggler::before, .mobileopen .navisearch button.btn-primary::after {content: url('/themes/custom/rapunzel/assets/search_white.svg');}
.region-secondary-menu #block-headerlinkrapunzel {display:none;}
.block-language-switcher-langcode-block {display:none;}
.content_wrapper {margin-top:-2rem;}
.flex-row.seitenheader{flex-direction:column-reverse!important;}
.seitenheader .flex50 {width:50%;margin:0 auto;}
.paragraph--view-mode--achter-teaser .flex {justify-content: flex-start!important;}
.paragraph--view-mode--achter-teaser .flex .kachel_item {flex-basis: calc(33% - 0.75rem);}
.lila.paragraph::before, .lila.paragraph::after {display:none;}
.textblocklinks .stoerer_text, .lila .highlighted.stoerer.text-center {width:calc(100% - 4rem);}
.paragraph--view-mode--textblock-links .container_wrapper{background-size:contain!important;background-position:top!important}
.paragraph--view-mode--textblock-links .highlighted {margin-top:40%;padding: 0!important;text-align:center;}
.lilatext .textblocklinks .stoerer_text, .lila .textblocklinks .stoerer_text, .gruentext .textblocklinks .stoerer_text, .gruen .textblocklinks .stoerer_text {max-width:640px;margin: 4rem 5rem 6rem 5rem;}
.event-featured .event-body {padding: 0 0 0 3rem;}
.event-grid .view-content {flex-direction:column;}
.event-flex {flex-basis:100%;}
.cardteaser.column, .eventListe {flex-direction:row;margin-bottom:3rem;}
 .eventPic {flex-basis:50%;flex-grow:0;flex-shrink:0;}
.cardteaser .event-body, .eventListe .event-body {border-top:1px solid #E2DDC6;margin-left:4rem;width: calc(50% - 4rem);flex-grow: 0;flex-shrink: 1;flex-basis: calc(50% - 4rem);padding:0;}
.cardteaser a.btn-primary {background:none;border:none;margin:0;padding:0;color:#ACD38B;text-align:left;}
.eventPic .field--type-image {margin:0;float:none;}
.site-footer__top {padding-top: 4rem!important;}
.site-footer_inner {display:flex;flex-wrap:wrap;justify-content:space-between;}
.site-footer__top .footer_block {flex-basis:48%;width:auto;float:none;padding:0!important;margin-bottom:2rem!important;align-self:flex-start;}
.site-footer_inner .region {padding:0!important;}
#block-footerticketshop a.sf-external:before {display:none;}
.region-footer-first {padding-left:0;}
#header_slideshow {background-image: url(/themes/custom/rapunzel/assets/slideshow_bg_small.jpg);background-size:cover;background-position:center center;}
.dreiSpalter {flex-direction:column;}
/*** Suche Mobile */
.search.mobile {margin:2rem 0;}
.navisearch {background-color: #3a883c;border: 1px solid #ffd902;border-radius:1rem;-webkit-border-radius:1rem;}
.navisearch form {display:flex;flex-direction:row;justify-content:space-between;padding:0.5rem;background:none;}
.navisearch .form-item-fulltext {flex-grow:2;margin-right:1rem;margin-bottom:0 !important;height:2rem;}
.navisearch .form-actions {width:2rem;height: 2rem;margin: 0 !important;}
.navisearch .form-control {line-height:1rem;background: none;border: none;}
.navisearch .form-control:focus {box-shadow:none;}
.navisearch button.btn-primary {background: none;border:none;border-radius:0px;-webkit-border-radius:0px;text-indent:-4999px;width:2rem;height:2rem;position:relative;margin:0!important;}
.navisearch button.btn-primary::after {display: block;content: url('/themes/custom/rapunzel/assets/search.svg');text-indent: 0;position: absolute;top: 0.5rem;left: 0.5rem;}
.view-events #views-exposed-form-events-page-1 #edit_field_format_target_id__2_chosen{width:100%;}
}
@media (min-width: 768px) and (max-width: 1279px)  {
.dreiSpaltersingle  .teaserTextBildVertical {display:flex;flex-direction:row;justify-content:space-between;}
.dreiSpaltersingle  .teaserTextBildVertical .bild {flex-basis:50%;}
.dreiSpaltersingle  .teaserTextBildVertical .teaserTextcontainer {border-top: 1px solid #E2DDC6;flex-basis: calc(50% - 4rem);}
.teaserTextBild .grid {display:flex;flex-direction:column;}
.teaserTextBild .grid.imageright {flex-direction:column-reverse;}
.teaserTextBild .grid .gridtext {margin-top:-20%;padding: 0!important;text-align:center;}
.teaserTextBild .grid .gridtext .gridtext_container{width: calc(100% - 4rem);padding: 5rem 6.75rem; max-width: 640px;margin: 5rem auto;margin-bottom:0;}
.grid.imageright .gridimage img, .grid.imageright .gridimage img {right: 0;opacity: 1;}
.grid.imageleft .gridimage img, .grid.imageleft .gridimage img {left: 0;opacity: 1;}
}

@media (min-width: 1280px) {
#block-rapunzel-page-title, .maxwidth, .site-footer > .container, #block-rapunzel-breadcrumbs {width: calc(100% - 4rem);margin-left: 2rem;}
.content_wrapper {margin-top:0;padding-top:0rem;}
.user-logged-in .content_wrapper {margin-top:0rem;}
.mobile{display:none;}
.nonmobile {display:block;}
.paragraph, .highlighted, #block-barrio-berry-breadcrumbs, #block-barrio-berry-page-title, .paragraph--type--berry-heroblock .paragraph__heroblock .herotitle, .paragraph--type--berry-heroblock .paragraph__heroblock .herotxt {max-width: 1216px;width:/*calc(100% - 4rem)*/100%;}
.mainteaser {max-width: 1216px;}
.navbar-expand-custom {flex-direction: row;flex-wrap: nowrap;justify-content: flex-start;}
.navbar-expand-custom .navbar-nav {flex-direction: row;}
.navbar-expand-custom .dropdown-menu {position: absolute;}
.navbar-expand-custom .nav-link {padding-right: .5rem;padding-left: .5rem;}
.navbar-expand-custom .navbar-collapse {display: block;flex-basis: auto;}
.navbar-expand-custom .navbar-toggler {display: none;}
#CollapsingNavbar {height: 50px !important;display: flex;flex-direction: row;}
#superfish-main {max-width:1280px;}
.paragraph--view-mode--achter-teaser .flex .kachel_item {flex-basis: calc(25% - 0.75rem);}
/*** Suche Desktop */
.navisearch .content {display:flex;flex-direction:row;justify-content:flex-end;}
.navisearch .content form {position:relative;}
.navisearch .form-item-fulltext {max-width:200px;width:2rem;height:2rem;position:absolute;right:0rem;top:0;background-color:#fdfbee;margin:0 !important;}
.navisearch .form-item-fulltext input {height:2rem;width:0px;transition: width ease 1s;background:none;border:none;position:absolute;top:0;right:0;left:auto;border-radius:0;-webkit-border-radius:0;}
.navisearch:hover .form-item-fulltext input,
.navisearch:focus .form-item-fulltext input,
.navisearch:focus-within .form-item-fulltext input,
.navisearch:active .form-item-fulltext input,
.navisearch:target .form-item-fulltext input {width: 280px;background-color:rgba(255,255,255,0.7);border-bottom:2px solid rgba(0, 111, 61,1);right:2rem;}
.navisearch .form-actions {height:2rem;width:2rem;margin:0 !important;position:relative;top:0;}
.navisearch .form-actions button {border: none;background: url(/themes/custom/rapunzel/assets/search.svg);text-indent: -4000px;margin: 0;padding: 0;height: 2rem;width: 2rem;position: relative;border-radius: 0;-webkit-border-radius: 0;background-repeat: no-repeat;background-size: 1.2rem;background-position: center;}
#branding_container {left: 2rem;}
.lila .highlighted.stoerer.text-center {width:60%;}
.textblocklinks .stoerer_text {width:45%;}
#superfish-main li.sf-depth-1 li.sf-multicolumn-wrapper li:first-child{display:none;}
#header_slideshow {background-image: url(/themes/custom/rapunzel/assets/slideshow_bg.jpg);background-size:cover;background-position:center center;}
.highlighted .container_row:last-child {margin-bottom:0!important;}
}
@media (min-width: 1380px) {
#navbar-main .navcontainer #CollapsingNavbar:after, #navbar-main .navcontainer #CollapsingNavbar:before {content: "";display: block;width: 50px;height: 50px;position:relative;border-radius: 50%;}
#navbar-main .navcontainer #CollapsingNavbar:before {bottom: 1rem;left: 0px;box-shadow: 25px 25px 0 0 rgb(253, 251, 238);}
#navbar-main .navcontainer #CollapsingNavbar:after {bottom: 1rem;right: 0px;box-shadow:-25px 25px 0 0 rgb(253, 251, 238);}
#block-mainnavigation {border-radius: 25px 25px 0 0;}
#navbar-top .navcontainer:after, #navbar-top .navcontainer:before {content: "";display: block;width: 50px;height: 50px;position: absolute;border-radius: 50%;}
#navbar-top .navcontainer:after {top: 0;left: 0px;box-shadow: 25px -25px 0 0 #fdfbee;}
#navbar-top .navcontainer:before {top: 0;right: 0px;box-shadow: -25px -25px 0 0 #fdfbee;}
.navbar-main ul.sf-menu li ul {top:4rem!important;padding-left:0!important;padding-right:0!important;}
.region-secondary-menu {width: calc(100% - 100px);max-width: 1320px;border-radius: 0 0 25px 25px;margin: 0 50px auto !important}
#branding_container {left:10%;}
}
@media (min-width: 768px) and (max-width: 1279px) {
.view-events #views-exposed-form-events-page-1 .js-form-item{width:48%;}
}
