/* GLOBAL*/
body {
    overflow-y: scroll;
	overflow-x: hidden;
	font-size:18px;
}

a, a small {color: var(--bs-body)!important;}
/* HEADLINES */
h2 {font-weight: 600;}

h2.h3, h3.h2 {font-weight: 600;}
h1.h2, h2.h2 {font-weight: 600; color: var(--bs-black);}

.pr-0 {padding-right:0px!important;}
.pl-0 {padding-left:0px!important;}

/* klaro! CONSENT-Manager */
#klaro-cookie-notice.cookie-notice.cookie-modal-notice {border-radius:0;}
#klaro button.cm-btn {
  border-radius: 0;
  background-color: var(--bs-quaternary);
}

/* ######## NAVIGATION ###########*/
.navbar-default {background-color: #000000!important;}
.nav-link.nav-link-main .nav-link-text {color: #ffffff;}
/* Searchbox*/
.navbar-nav li.nav-search {padding: 0.25rem;}

ul.navbar-nav li.nav-item:hover,
.nav-link.nav-link-main.active {background-color: #3d96fb;}
ul.navbar-nav li.nav-item .dropdown-menu li.nav-item:hover {background-color: transparent;}

.navbar-mainnavigation .nav-link:not(.nav-link-toggle):hover::before, .navbar-mainnavigation .nav-link:not(.nav-link-toggle):focus-visible::before,
.navbar-mainnavigation .nav-link:not(.nav-link-toggle).show::before, .navbar-mainnavigation .nav-link:not(.nav-link-toggle).active::before {
    display:none;
    opacity: 0;
}

.navbar-toggler {color: var(--bs-white);}
.navbar-mainnavigation .nav-style-simple .dropdown-menu {width: max-content;}
.navbar-mainnavigation .dropdown-nav {padding: 0 1rem 0 0; display:block!important;}
.dropdown-nav li.nav-item .nav-link-icon svg {height: 10px; width:10px;opacity: 0;}
.dropdown-nav li.nav-item:hover .nav-link-icon svg,
.dropdown-nav li.nav-item .nav-link.nav-link-dropdown.active .nav-link-icon svg {opacity: 1;}
.dropdown-nav li.nav-item a.nav-link.nav-link-dropdown span.nav-link-text {white-space: nowrap;}
.dropdown-nav .mnu-image, .mnu-img-box .mnu-image {display:none;}
.dropdown-nav .mnu-image, .mnu-img-box .mnu-image:first-child {display: block;}
/*.dropdown-nav .mnu-img-box {width:240px;}*/


nav#mainnavigation form#search-box input.search-input {padding: .25rem 2rem .25rem .5rem;}
nav#mainnavigation form#search-box button.btn.search-navi {position: absolute; right:0;}


/* ######## SECTION-MENU ###########*/

.mnu-section {padding:0.5rem; position:fixed;width:100%; z-index:10;}
.mnu-section a {font-size: 0.95rem; line-height: 1.25rem; margin: 1rem; color:var(--bs-white)!important;text-decoration: none;}
.mnu-section a:hover {color: var(--bs-secondary)!important;}

/* ######## BREADCRUMB-SECTION ###########*/
.breadcrumb-section {background-color: var(--bs-secondary); padding-top:2.5rem;}
.breadcrumb-section a.breadcrumb-link, .breadcrumb-link-title {font-size: 0.95rem;text-decoration: none;}

/* ######## PAGE-CONTENT ###########*/
#page-content {background-color:#FFE600;}
p.bg-white {padding:0.5rem;}

/* CAROUSEL */
.carousel .carousel-content {background-position: center center; background-repeat: no-repeat; background-size:cover;}
.carousel .carousel-text-inner {width: 100%; color: #ffffff;}
.carousel h1.carousel-header span.verlauf,
.carousel h2.carousel-header span.verlauf{
    font-weight: 700;
    color: yellow;
    background: linear-gradient(to right, red, orange, yellow); /* Linearer Verlauf von Rot nach Gelb */
    -webkit-text-fill-color: transparent;
    background-clip: text;	
}

.carousel h2.carousel-subheader {font-size: 1.625rem;}
.carousel h2.carousel-subheader:before {
    content: "";
    background-image: url("../Icons/arrow_blue_right.svg");
    background-size: 30px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 30px;
    height: 30px;
}
.carousel h2.carousel-subheader .subheader {
    display: inline-block;
    padding-left: 10px;
}


/* VERLÄUFE & HINTERGRÜNDE */
.frame-background-white.frame-layout-embedded .frame-group-container,
.frame-background-white .contentcontainer {background: var(--bs-white);}

.frame-space-before-zero {padding-top: 0px!important;}
.frame-space-after-zero {padding-bottom: 0px!important;}

/* IMAGES */
img.img-svg {width: auto; height: auto;}
img.img-masonry.cursor-pointer:hover {cursor: pointer;}


/* BLOCKQUOTE*/
blockquote {
  position: relative;
  padding: 1.5rem 0;
  border-left: none;
  margin-bottom: 1rem;
  font-size: 1.5rem;
}

blockquote:before {
    display:block;
    position: absolute;
    z-index: 10;
    top: 50%;
    left: -60px;
    content: '';
    width: 48px;
    height: 48px;
    background-image: url("../Icons/arrow_blue_right.svg");
    background-size: contain;
    
}

/* MENU CARD DIR */
.card-menu-columns-5,
.card-menu-columns-6 {
    --cardmenu-columns: 1;
}
.card {border: none;}
.card .ow-card-title {font-weight: 600; font-size: 1.2rem; text-transform: uppercase; min-height: 2.5rem;}
.card a, .card a .ow-card-title {text-decoration: none; color: var(--bs-black);}
.card img.img-svg {height: 5rem;}

/* MENU CARD LIST */
.card .ow-card-hover-title {position: absolute; width: 100%; background-color: rgba(255,255,255,0.66);padding:1rem;font-size: 1.125rem;font-weight:600;}
.card .card-overlay {display:none; position: absolute; z-index: 10; background-color: var(--bs-white);width: 100%;height: 100%;}
.card .card-overlay .card-hover-text {font-size: 0.9rem;}
.card:hover .card-overlay {display:block;}



/* ACCORDION */
.accordion-item {margin-bottom: 1rem;}
.accordion-button:not(.collapsed) {
  color: var(--bs-body);
  background-color: transparent;
  box-shadow: none;
}
.accordion-header button {font-size: 1rem!important; font-weight: 500;}

/* LISTS */
ul.list-normal li.li-bg-white {background-color: var(--bs-white);position:relative;}
ul.list-normal li.li-bg-white:before {content:'•'; font-size: 1.8rem; line-height: 1.8rem; color:black; position: absolute; left: -2rem; padding: 0 0.9rem; width: 2rem; height: 100%;background-color: var(--bs-white);}

ul.list-normal.list-zebra li:nth-child(odd) {background-color: var(--bs-white);position:relative;}
ul.list-normal.list-zebra li:nth-child(odd):before {content:'•'; font-size: 1.8rem; line-height: 1.8rem; color:black; position: absolute; left: -2rem; padding: 0 0.9rem; width: 2rem; height: 100%;background-color: var(--bs-white);}

/* OFENBAUER FINDEN */
/*.tx-address-manager {background-color: var(--bs-white);}*/
/*.tx-address-manager .card.address-filter {background-color: var(--bs-secondary);}*/
/*.tx-address-manager .card.address-filter {background-image: url("../Images/bg_filter.jpg"); background-repeat:no-repeat;}*/
.tx-address-manager .filter-arrow {width: 3rem; margin-left: -3rem;}
.tx-address-manager .card.address-filter,
.tx-address-manager .card.address-filter .card-header {background-color: transparent!important; border-bottom:none; }
.tx-address-manager .address-filter h1 {font-size: 1.75rem; font-weight: 600; color: var(--bs-black);}
.tx-address-manager .card-body {padding:0 1rem;}
.tx-address-manager .address-list {height: 70vh; overflow-y:scroll;}
.tx-address-manager .address-list .hidden {display:none;}
.tx-address-manager #address-list-map {width: 100%; height: 70vh;  display: block;}
.tx-address-manager .btn-quaternary {color: var(--bs-white)!important;border-radius: 0.25rem;}

/*.tx-address-manager .address-list-item .no-pic {width: 100px; height: 100px;}*/
.tx-address-manager .address-list div:nth-child(5) .address-list-item {border: none !important;}

.tx-address-manager .form-control-sm,
.tx-address-manager .form-select-sm,
.tx-address-manager .address-search-submit button.btn,
.tx-address-manager .address-list-item.card a.btn {padding:0.5rem; border-radius: 0.25rem;}

/*.tx-address-manager .address-list .address-list-item:nth-child(n+6) { display: none;}
.tx-address-manager .address-list-wrapper .address-list {height: 80vh; overflow-y:scroll;}*/


.tx-address-manager img.py-3 {width:300px; height:auto;}
.tx-address-manager .address-detail-map-wrapper .address-field-inlay {background-color: var(--bs-lighter);padding:1rem;border: 1px solid var(--bs-dark);font-size: 0.85rem;position: absolute; left: 0.5rem; bottom: 1.5rem;z-index: 999;}
#address-detail-map {height: 360px;}

.tx-address-manager .address-opening-hours ul li.list-group-item {padding:0; border:none; background-color: transparent;}
.tx-address-manager .address-opening-hours ul li span.dow {min-width: 2em;display:inline-block;}

/*.tx-address-manager .container.bg-white .col-sm-12.col-lg-7 {border-right: 2px solid black;}*/
#kontaktOfenbauer {display:none; padding:0 1rem 1rem 1rem;background-color: var(--bs-white);}
#kontaktOfenbauer.frame-background-white .frame-group-inner {padding: 1rem; background-color: var(--bs-secondary);border-radius: 0px;}

/* NEWS */
.news-single .header h1 {font-weight: 600;}
.news-single .news-img-wrap {border: none!important;}
.news-single .embedded-content {border-top: none!important;border-bottom: none!important; margin: 1em 0;}
.news-single .embedded-content .frame-container {padding-left: 0px; padding-right: 0px;}


/* BADGES*/
.badge {font-weight:400;}


/* ######## CONSENT ###########*/
a#btn-privacy {position:fixed; left: 1rem; bottom:2rem; color: #ff8340; width: 3rem; height: 3rem;padding:0}


/* ##### POWERMAIL #######*/

.tx-powermail .container-fluid {padding:0!important;}
.tx-powermail .powermail_fieldwrap + .powermail_fieldwrap {margin-block-start: 1rem!important;}

.tx-powermail label.input-group-text {background-color: transparent;border:none; width:120px; text-align:left; align-items:start;white-space: normal; padding: .375rem .75rem .375rem 0; font-weight: 300;}

#kontaktContainer {padding: 0; margin-top: 2rem; }
#kontaktContainer .tx-powermail .powermail_fieldwrap_datenschutz label.input-group-text {opacity:0;margin-right: 0.75rem;}
#kontaktContainer .powermail_fieldwrap.powermail_fieldwrap_type_submit.powermail_fieldwrap_senden .btn {margin: 1rem 0 0 120px; }
/*.tx-powermail label.input-group-text:after{content: ':';}*/


/* ##### POWERMAIL #######*/


/* FOOTER */
#page-footer .container .row .col-12{background-image: url("../Images/dot.png"); background-repeat: repeat-x; background-position-y: 68px;}
@media (min-width: 1200px) {
    #page-footer .container .row .col-12 {background-position-y: 75px;}
}

#page-footer a {color: #000000; text-decoration: none;}
#page-footer a:hover {color: var(--bs-primary); text-decoration: none;}

#page-footer h3, #page-footer h2.h4 {font-size: 0.9rem; font-weight: 600; padding-bottom: 0.5rem;}

#page-footer ul.list-group li.list-group-item {font-size: 0.9rem; border:none; padding: var(--bs-list-group-item-padding-y) 0; background-color: transparent;}

.footer-copyright {font-size: 0.9rem;}


/* ######## BREAKPOINTS ###########*/
@media (min-width: 576px) {
}

@media (min-width: 768px) {
  .card-menu-columns-5 {
    --cardmenu-columns: 2;
  }
  .card-menu-columns-6 {
    --cardmenu-columns: 2;
  }
 
    
    .align-items-stretch .frame,
    .align-items-stretch .frame-group-container,
    .align-items-stretch .frame-group-container .frame-group-inner,
    .align-items-stretch .frame-group-container .frame-group-inner .frame-container,
    .align-items-stretch .frame-group-container .frame-group-inner .frame-container .frame-inner,
    .align-items-stretch .frame-group-container .frame-group-inner .frame-container .frame-inner .gallery-row,
    .align-items-stretch .frame-group-container .frame-group-inner .frame-container .frame-inner .gallery-row .gallery-item,
    .align-items-stretch .frame-group-container .frame-group-inner .frame-container .frame-inner .gallery-row .gallery-item figure,
    .align-items-stretch .frame-group-container .frame-group-inner .frame-container .frame-inner .gallery-row .gallery-item figure picture {height: 100%;}
    .align-items-stretch .frame-group-container .frame-group-inner .frame-container .frame-inner .gallery-row .gallery-item figure picture img {height: 100%; width:auto; object-fit: cover;}    
    
    .align-items-stretch .textpic-item .gallery-row {height:auto !important;}
	
}

@media (min-width: 992px) {
	#kontaktContainer {padding: 0; margin-top: 0;}

    .card-menu-columns-6 {
        --cardmenu-columns: 3;
    }
    .frame-background-wy-33-66 { 
            background-image: url('../Images/white.svg'); background-size:  calc(50% - (1280px /2) + (1280px /3) + 6px); background-position: 0 0; background-repeat: repeat-y; background-origin: border-box;
    }
    .frame-background-wy-50-50 { 
        /*background: linear-gradient(to right, var(--bs-white) 50%, transparent 50%);*/
        background-image: url('../Images/white.svg'); background-size:  calc(1280px /2); background-position: calc(50% - (1280px /4)) 0; background-repeat: repeat-y; background-origin: border-box;
    }
    .frame-background-wy-50-50 .contentcontainer {gap: 0;}
    .frame-background-wy-50-50 .frame-type-text {padding: 1rem!important;}


    .frame-background-yw-66-33 {
        background-image: url('../Images/white.svg'); background-size:  calc(50% - (1280px /2) + (1280px /3) + 6px); background-position: 100% 0; background-repeat: repeat-y; background-origin: border-box;
    }
    
}

@media (min-width: 1200px) {

  .card-menu-columns-5 {
    --cardmenu-columns: 5;
  }
  .card-menu-columns-6 {
    --cardmenu-columns: 6;
  }

}

@media (min-width: 1400px) {
    .align-items-stretch .frame,
    .align-items-stretch .frame-group-container,
    .align-items-stretch .frame-group-container .frame-group-inner,
    .align-items-stretch .frame-group-container .frame-group-inner .frame-container,
    .align-items-stretch .frame-group-container .frame-group-inner .frame-container .frame-inner,
    .align-items-stretch .frame-group-container .frame-group-inner .frame-container .frame-inner .gallery-row,
    .align-items-stretch .frame-group-container .frame-group-inner .frame-container .frame-inner .gallery-row .gallery-item,
    .align-items-stretch .frame-group-container .frame-group-inner .frame-container .frame-inner .gallery-row .gallery-item figure,
    .align-items-stretch .frame-group-container .frame-group-inner .frame-container .frame-inner .gallery-row .gallery-item figure picture {height: auto;}
    .align-items-stretch .frame-group-container .frame-group-inner .frame-container .frame-inner .gallery-row .gallery-item figure picture img {height: auto; width:100%; object-fit:contain;}    
    
}
