/* Allgemein */
:root {
}
::selection {
	color: var(--bs-code-color);
	background: var(--bs-highlight-bg)
}
h1, h2, h3, h4, h5, h6
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight: 300;
}
strong {
	font-weight: 700;
}
a {
	color: var(--link-color);
	transition: color .2s ease-in
}
main a {
	text-decoration: none!important;
	border-bottom: 1px solid var(--link-color);
	transition: all .2s ease-in
}
main a:hover {
	color: var(--link-hover-color);
	border-bottom-color: transparent;
}
main .card > a {
	border: none
}

/*###### Navbar ######*/
#menu .navbar-brand {
	max-width: 12rem;
}
#menu .nav-main a {
	font-size: 1.25rem;
	transition: color .2s;
}
#menu .active a, #menu a:hover {
	color: var(--bs-primary);
}
#menu .nav-main a.dropdown-item {
	font-size: 1rem;
}
#menu .nav-main a.dropdown-item:hover, #menu .nav-main a.dropdown-item:focus, #menu .nav-main a.dropdown-item.active {
	background-color: transparent;
	color: var(--bs-primary);
}

/*###### Content / Components ######*/

main .navbar .nav-link:first-of-type {
	padding-left: 0;
}
.card {
	width: 100%;
}
.two-col {
	column-count: 2
}
.w-75, .w-66, .w-50, .w-33, .w-25, .w-20 {
	width: 100%!important
}
main ul {
	page-break-inside: avoid;
	break-inside: avoid;
}
main ul:not(.list-group):not(.nav), main ol:not(.list-group) {
	display: flow-root;
}
main ul p {
	margin-bottom: .75rem!important
}
main ul p:last-of-type {
	margin-bottom: 0!important
}
.card-text p, .card-text ul, .card-text ol, .subpage-list-text p:not(:last-of-type), .subpage-list-text ul:not(:last-of-type), .subpage-list-text ol:not(:last-of-type), .accordion p {
	margin-bottom: .75rem!important
}

/*###### Hero ######*/
#heroCarousel,
#heroCarousel .carousel-item img,
#heroImage,
#heroImage img.hero-image {
	height: var(--hero-height);
	min-height: 200px;
}
#heroVideo,
#heroVideo video {
	height: var(--hero-height);
	min-height: 200px;
}
body.sub #heroCarousel,
body.sub #heroCarousel .carousel-item img,
body.sub #heroImage,
body.sub #heroImage img {
	height: var(--hero-height);
	min-height: 100px;
}
body.sub #heroVideo,
body.sub #heroVideo video {
	height: var(--hero-height);
	min-height: 100px;
}

/*###### carousel ######*/
main .carousel-indicators, main .carousel-control-next, main .carousel-control-prev {
	z-index: 3;
}
main .carousel-indicators.thumbs [data-bs-target] {
	text-indent: unset;
	width: unset;
	height: unset;
}
main .carousel-indicators.thumbs [data-bs-target] img {
	visibility: hidden;
}
main .carousel-caption {
	font-size: 1.5rem;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	min-height: 33%;
	padding: 1.25rem 15%;
	background-image: linear-gradient(hsla(0,0%,0%,0),hsla(0,0%,0%,.00709) 10.47%,hsla(0,0%,0%,.02755) 19.56%,hsla(0,0%,0%,.06016) 27.58%,hsla(0,0%,0%,.1037) 34.81%,hsla(0,0%,0%,.15697) 41.57%,hsla(0,0%,0%,.21875) 48.13%,hsla(0,0%,0%,.28782) 54.79%,hsla(0,0%,0%,.36296) 61.85%,hsla(0,0%,0%,.44297) 69.61%,hsla(0,0%,0%,.52662) 78.36%,hsla(0,0%,0%,.6127) 88.39%,hsla(0,0%,0%,.7));
}
main .carousel-caption.with-thumbs {
	min-height: 45%;
	padding-bottom: 5.25rem;
}
main .carousel.wrapped .carousel-caption,
main .collapse .carousel .carousel-caption,
main .multi-column .carousel .carousel-caption {
	font-size: var(--bs-body-font-size);
}
.image-slideshow .figure-img {
	object-fit: cover
}
/*###### images/figures - galleries, content ######*/

figure {
	page-break-inside: avoid;
	break-inside: avoid;
}

figcaption, figcaption p {
	font-size: .9rem
}
figcaption p:not(:last-of-type) {
	margin-bottom: .5rem!important
}
.mfp-figure figure {
	margin-bottom: 0!important
}

/*###### Formular ######*/

.my-form .custom-file-label::after {
	content: "Durchsuchen"
}
.my-form label {
	font-weight: 700;
}
input[name="Surname"] {
	display: none
}
section {
	background-size: cover;
	background-position: center
}
/*###### Footer ######*/
footer {
	background-color: var(--bs-body-color);
	color: var(--base-color);
}
footer a.nav-link {
	color: var(--base-color);
}
footer a.nav-link:hover, footer a.nav-link.active {
	color: var(--bs-primary);
}

/*###### To Top Button ######*/
body:not(.no-js) #back-to-top {
	opacity: 0;
	transition: opacity .2s ease-in
}
body:not(.no-js) #back-to-top.visible {
	opacity: 1;
}
#back-to-top svg {
	transition: all .2s;
	fill: var(--bs-primary);
}
#back-to-top:hover svg {
	fill: var(--bs-secondary);
}

/*###### Helper ######*/
div[class*="container-custom-"] {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	width: 100%;
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
	margin-right: auto;
	margin-left: auto;
}
.column-count-2, .column-count-3, .column-count-4, .column-count-6, .column-count-12 {
	column-count: 1;
}
.icon-white {
	filter: grayscale(100%) brightness(500%);
}
.icon-black {
	filter: grayscale(100%) brightness(0%);
}
.accordion {
	page-break-inside: avoid;
	break-inside: avoid;
}
.accordion-button:not(.collapsed)::after {
	background-image: var(--bs-accordion-btn-icon); /* kein bs active in blau, stattdessen das default */
}
.klaro .cookie-modal .cm-btn.cm-btn-success, .klaro .context-notice .cm-btn.cm-btn-success, .klaro .cookie-notice .cm-btn.cm-btn-success {
	background-color: darkgrey!important;
	background-color: var(--bs-primary)!important;
}
.klaro .cookie-modal .cm-btn.cm-btn-success-var, .klaro .context-notice .cm-btn.cm-btn-success-var, .klaro .cookie-notice .cm-btn.cm-btn-success-var {
	background-color: grey!important;
	background-color: var(--bs-secondary)!important;
}
.klaro .cookie-modal .cm-list-input.required:checked + .cm-list-label .slider, .klaro .context-notice .cm-list-input.required:checked + .cm-list-label .slider, .klaro .cookie-notice .cm-list-input.required:checked + .cm-list-label .slider {
	background-color: darkgrey!important;
	background-color: var(--bs-primary)!important;
}
.klaro .cookie-modal .cm-list-label .slider, .klaro .context-notice .cm-list-label .slider, .klaro .cookie-notice .cm-list-label .slider {
	background-color: grey!important;
	background-color: var(--bs-secondary)!important;
}
.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider, .klaro .context-notice .cm-list-input:checked + .cm-list-label .slider, .klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider {
	background-color: darkgrey!important;
	background-color: var(--bs-primary)!important;
}
.klaro .cookie-modal .cm-list-description, .klaro .context-notice .cm-list-description, .klaro .cookie-notice .cm-list-description {
	color: white!important;
	color: var(--bs-secondary-bg-subtle)!important;
}
.klaro .cookie-modal .cm-list-label .slider::before, .klaro .context-notice .cm-list-label .slider::before, .klaro .cookie-notice .cm-list-label .slider::before {
	background-color: white!important
}
.klaro .cookie-modal .cm-modal .cm-header h1 {
	color: var(--bs-primary) !important;
}
.klaro .cookie-modal .cm-modal.cm-klaro {
	background-color: #999!important;
	background-color: var(--bs-dark)!important;
}
.klaro .cookie-modal a, .klaro .context-notice a, .klaro .cookie-notice a {
	color: var(--bs-secondary)!important;
}
/*###### Ladekreis ######*/
.loader {
	display: flex;
	z-index: 5000;
	opacity: 1;
	transition: opacity .5s ease-in;
}
.loader.fade-out {
	opacity: 0
}
.no-js .loader {
	display: none;
}
.loader::after {
	animation: spin 1s infinite;
	border: .5rem solid transparent;
	border-radius: 50%;
	border-top: .5rem solid var(--bs-primary);
	content: "";
	display: block;
	height: 4rem;
	width: 4rem;
	z-index: 5001;
}
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/*###### Hamburger-Icon ######*/
.hamburger {
	box-shadow: none;
	display: flex;
	transition: opacity .15s linear, filter .15s linear;
}
.no-js .hamburger {
	display: none;
}
.hamburger .hamburger-box {
	height: 1.5rem;
	width: 2.5rem;
}
.hamburger .hamburger-inner, .hamburger .hamburger-inner::before, .hamburger .hamburger-inner::after {
	background-color: var(--bs-primary);
	border-radius: .25rem;
	height: .25rem;
	position: absolute;
	transition: transform .15s ease;
	width: 2.5rem;
}
.hamburger .hamburger-inner::before, .hamburger .hamburger-inner::after {
	content: "";
	display: block;
}
.hamburger .hamburger-inner {
	margin-top: -.125rem;
	top: 50%;
	transition-duration: .22s;
	transition-timing-function: cubic-bezier(.55, .055, .675, .19);
}
.hamburger.active .hamburger-inner {
	transform: rotate(225deg);
	transition-delay: .12s;
	transition-timing-function: cubic-bezier(.215, .61, .355, 1);
}
.hamburger .hamburger-inner::before {
	top: -.625rem;
	transition: top .1s .25s ease-in, opacity .1s ease-in;
}
.hamburger.active .hamburger-inner::before {
	opacity: 0;
	top: 0;
	transition: top .1s ease-out, opacity .1s .12s ease-out;
}
.hamburger .hamburger-inner::after {
	bottom: -.625rem;
	transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19);
}
.hamburger.active .hamburger-inner::after {
	bottom: 0;
	transform: rotate(-90deg);
	transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1);
}

/*##### Media Queries #####*/

@media (max-width: 767px) { /* bis md */
	.accordion.is-floating div[class*="col-"]:not([class="col-12"]):not([class*="column-count-"]) {
		width: 50%
	}
	.multi-column[class*="multi-cols-12"] div[class*="col-xl-"] {
		width: 33.3332%
	}
	.accordion.is-floating .gallery div[class*="col-"] {
		width: 50%
	}
}

@media (min-width: 768px) and (max-width: 991px) { /* von md bis lg */
	.accordion.is-floating div[class*="col-"] {
		width: 100%
	}
	.accordion.is-floating div[class*="column-count-"] {
		column-count: 1
	}
	.accordion.is-floating .gallery div[class*="col-"] {
		width: 50%
	}
}

@media (min-width: 992px) and (max-width: 1199px) { /* von lg bis xl */
	.accordion.is-floating div[class*="col-"]:not([class="col-12"]):not([class*="column-count-"]) {
		width: 50%
	}
	.accordion.is-floating div[class*="col-"] div.gallery div[class*="col-"] {
		width: 25%
	}
}

@media (min-width: 768px) and (max-width: 1199px) { /* von md bis xl */
	.multi-column[class*="multi-cols-"] div[class*="col-xl-"] {
		width: 50%
	}
	.multi-column[class*="multi-cols-12"] div[class*="col-xl-"] {
		width: 16.6667%
	}
}

@media (min-width: 576px) { /* sm */
	.container-custom-xl, .container-custom-lg, .container-custom-3xl, .container-custom-4xl {
		max-width: 540px
	}
}

@media (min-width: 768px) { /* md */
	.container-custom-xl, .container-custom-lg {
		max-width: 602px
	}
	.container-custom-3xl, .container-custom-4xl {
		max-width: 720px
	}
	main .carousel-indicators.thumbs [data-bs-target] img {
		visibility: visible;
	}
	.w-75, .w-66, .w-50, .w-33, .w-25, .w-20 {
		width: 50%!important
	}
	.column-count-2, .column-count-3, .column-count-4, .column-count-6, .column-count-12 {
		column-count: 2;
	}
}

@media (min-width: 992px) { /* lg */
	.container-custom-xl {
		max-width: 803px
	}
	.container-custom-lg {
		max-width: 803px
	}
	.container-custom-3xl, .container-custom-4xl {
		max-width: 960px
	}
	#menu .navbar-brand {
		max-width: 18rem;
	}
	.column-count-3, .column-count-4 {
		column-count: 3;
	}
	.column-count-6, .column-count-12 {
		column-count: 4
	}
	.w-75, .w-66 {
		width: 66%!important
	}
	.w-33, .w-25, .w-20 {
		width: 33%!important
	}
}

@media (min-width: 1200px) { /* xl */
	.container-custom-xl {
		max-width: 953px
	}
	.container-custom-lg {
		max-width: 768px
	}
	.container-custom-3xl, .container-custom-4xl {
		max-width: 1140px
	}
	.column-count-4 {
		column-count: 4;
	}
	.column-count-6 {
		column-count: 6;
	}
	.column-count-12 {
		column-count: 6;
	}
	.w-75 {
		width: 75%!important
	}
	.w-25, .w-20 {
		width: 25%!important
	}
}

@media (min-width: 1400px) { /* xxl */
	.container-custom-xl {
		max-width: 1104px
	}
	.container-custom-lg {
		max-width: 889px
	}
	.container-custom-3xl {
		max-width: 1540px
	}
	.container-custom-4xl {
		max-width: 1750px
	}
	.column-count-12 {
		column-count: 12
	}
	.w-20 {
		width: 20%!important
	}
}
#heroImage h1,#heroImage h4{
  color:white;
}
#heroImage .kontakBtn{
color:white;
}
.accordion-item h3{
  color:#000;
}
.accordion-button:not(.collapsed){
	color: var(--bs-accordion-active-color);
  background-color: #fff;
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.btn-primary{
--bs-btn-active-bg:#f7b027;
--bs-btn-disabled-bg:#f7b027;
}
}