/* bree-serif-regular - latin */
@font-face {
  font-family: 'Bree Serif';
  font-style: normal;
  font-weight: 400;
  src: url('../../external/bree-serif-v17-latin/bree-serif-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../external/bree-serif-v17-latin/bree-serif-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../external/bree-serif-v17-latin/bree-serif-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../external/bree-serif-v17-latin/bree-serif-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../external/bree-serif-v17-latin/bree-serif-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../external/bree-serif-v17-latin/bree-serif-v17-latin-regular.svg#BreeSerif') format('svg'); /* Legacy iOS */
}


:root {
	--hellblau:rgb(202,232,241);
	--dunkelblau:#526770;
	--orange:rgb(235,110,35);
	--bs-gutter-x: 4rem;
}
.row {
  --bs-gutter-x: 4rem;
  --bs-gutter-y: 0;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  padding-right: calc(var(--bs-gutter-x,1.5rem) * .5);
  padding-left: calc(var(--bs-gutter-x,1.5rem) * .5);
}

.py-6 {
	padding:6rem 0!important;
}


body {
	font-family:Helvetica,sans-serif;
	font-weight: 400;
	letter-spacing: 0.03em;
	font-size: 14px;
	line-height: 22px;
	/*	-webkit-hyphens: auto;
	hyphens: auto;*/
	color:var(--dunkelblau);
}
.body {position:relative;  overflow-x: hidden;}

/*body.scrolled::before {
	content:'SCROLLED!!!!';
	position:fixed;
	z-index:1111;
	transform:translateZ(111px);
	color:red;
	left:0;
	top:0;
	font-size:3rem;
	font-weight:bold;
}*/


h1,h2,h3,h4,.telefon,nav {	font-family:'Bree Serif',serif;}

h1 {font-size:4rem;  line-height: 3.5rem;}
h2 {font-size:3rem;}

p:last-child {margin-bottom:0;}

header {
background-size: cover;
position:absolute;
	top:0;
	width:100%;
	z-index:1100;
	transform:translateZ(10px);
	background-position:center top;
}
header a,footer a {
	color:inherit;
	text-decoration:none;
}
header a:hover,a:hover {color:var(--dunkelblau);}

a {color:var(--orange);text-decoration:none;}
a:focus {outline:none;}


.btn-primary {background:var(--orange);border-color:var(--orange);color:white;}


section ul {padding-left:1rem;}
section ul li {margin-bottom:.5rem;}
section li::marker {
  content: '✔︎ ';
  color: var(--orange);
}
section ul ul li::marker {
  content: '● ';
  color: var(--hellblau);
}

footer {margin-top:0rem;}

.telefon {
  font-size: 2rem;
  line-height: 1.8rem;
}

.fa-mobile-alt {
font-size: 3rem;
transform: rotate(30deg);
margin: .4rem 1rem;
	transition:0.5s transform;
}
.fa-mobile-alt:hover {
	transform: rotate(-10deg);
}
.fa-clock {font-size:2.5rem;}

.navbar > .container-fluid > .row:first-child {
  background: rgba(0,0,0,0.2);
  border-radius: 0 0 3rem 3rem;
  color: white;
  margin-top: -5px;
position:relative;
	z-index:111;
}
.navbar > .container-fluid > .row.w-100 {margin-top: -3rem;}


.navbar-light p {margin:0;}

.navbar-light .navbar-toggler {
border: 0;
  background: rgba(0,0,0,0.2);
  padding: 1rem;
  border-radius: 50%;
  position: fixed;
  top: 1.1rem;
  right: 1.2rem;
  width: 4.3rem;
}


.navbar-light .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgb%28255,255,255%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M2 8h26M2 15h26M2 22h26'/%3e%3c/svg%3e");
width: 2.3rem;
height: 2.3rem;
}
.navbar-toggler:focus {box-shadow:none;}

.btn-close {

width: 2em;
height: 2em;
color: #FFF;
background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/2em auto no-repeat;

opacity: 1;
}

.offcanvas {bottom: auto;background-color: rgba(0,0,0,0.7);}
.offcanvas-backdrop.show {opacity: 0;}

.navbar-light .navbar-nav .nav-link {color: white;font-size:2rem;}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {color: var(--hellblau);}


/****************************************************************************/

.btn.btn-default {
  border-radius: 1rem;
  background: white;
  width: 100%;
  padding: 1.5rem 0;
  transition: all .1s;
  font-size: inherit;
  text-transform: uppercase;
  font-weight: bold;
  color: var(--orange);
}

.btn.btn-default:hover {
  transform: translate(5px,5px);
}
#_willkommen a strong {
  border: 4px solid #555;
  display: inline-block;
  padding: 0px 5px;
  font-family: Arial;
  font-size: 1.5rem;
  letter-spacing: 0px;
  margin-top: .5rem;
  color: #555;
  line-height: 1.8rem;
}

/****************************************************************************/

section {background-size:cover;background-position:center center;}

.hellblau {background-color:var(--hellblau);background-image:url(../../images/bogen.svg);background-size:contain;background-position: center;}

.blau {background:var(--dunkelblau);color:white;}

.braun {background:var(--orange);color:white;}
.braun a,.braun a:hover,
.blau a,.blau a:hover{color:white;}

.braun a:hover,.blau a:hover{text-decoration:underline;}

.img-responsive {width:100%;display:block;}
.borderless {
	padding: 0;
	display: flex;
	background-size: cover;
}

.borderless p {
	background-size: cover;
	background-position: center;
	margin-bottom: 0;
	width: 100%;
}

.carousel-item {min-height:7rem;}

section.carousel .carousel-item {
  min-height: 45rem;
  background-position: center;
  background-size: cover;
}

.carousel-inner {padding:0;}

.carousel-indicators {position:static;}
section.carousel .carousel-indicators {
  position: absolute;
  bottom: 0.9rem;
  margin: auto;
  left: auto;
  right: 2rem;
  width: 9rem;
}

section.carousel .carousel-control-prev {
  width: 1rem;
  left: auto;
  right: 11rem;
  height: 2rem;
  top: auto;
  bottom: 0.5rem;
}
section.carousel .carousel-control-next {
  height: 2rem;
  width: 1rem;
  top: auto;
  bottom: .5rem;
  right: 1rem;
}


.blau .carousel-item {background:var(--dunkelblau);}
.blau .carousel-indicators {
position: absolute;
right: auto;
bottom: 50%;
left: 50%;
margin: 0;
flex-direction: column;
transform: translate(-50%,50%);
}
.carousel.blau .carousel-inner {
	border-top:3px dashed white;

	border-bottom:3px dashed white;
margin:2rem 0;
}

.carousel-indicators [data-bs-target] {
width: 10px;
height: 10px;
border-radius:50%;
	border-top-width:5px;
	border-bottom-width:5px;
	opacity:0.2;
}
.carousel-indicators .active {
opacity: 1;
}

.backtop {
  font-size: 2rem;
  background: white;
  position: fixed;
  z-index: 11;
  right: -4rem;
  transition: right .5s;
  color: var(--dunkelblau);
  bottom: 10px;
  width: 3rem;
  line-height: 3.4rem;
  border-radius: 50%;
  height: 3rem;
  text-align: center;
  text-decoration: none;
}

.scrolled .backtop {
	right: 15px;
}


#_news strong {
	display:block;
	font-size:1.5rem;
}

.bigtitle {
  transform: translateY(-110%) translateZ(1px);
  color: white;
  position: absolute;
	text-align: center;
	left:0;
}
.bigtitle h2 {color: white;border-color:white;}
	
/**********************/

.aufklapp h3 {
  cursor: pointer;
  margin-bottom: 1rem;
}
.aufklapp ul {display:none;}

.aufklapp h3.show, .aufklapp ul.show {
  display: block;
  background: var(--hellblau);
  padding: 0.5rem 1.5rem;
  margin-left: -1.5rem;
  margin-bottom: 0;
  margin-top: -0.5rem;
}
.aufklapp ul.show {padding-left:2.5rem;padding-bottom:1rem;margin-bottom:1rem;}

.aufklapp h3::after {
  content: '▾';
  margin: 0 0 0 .5rem;
	color:var(--orange);
}
.aufklapp h3.show::after {
  display:none;
}




/**********************/

#_wusstest-du-schon {
  position: fixed;
  background: linear-gradient(#ffffaa,#ddcc33);
  width: 21rem;
  right: 0;
  top: 50%;
  height: auto;
  border-radius: 0;
  padding: 1rem;
  font-size: 0.7rem;
  line-height: 1rem;
  box-shadow: 5px 5px 0 rgba(0,0,0,0.2);
  transform: translateY(-50%) rotate(-10deg) translateZ(0px);
  z-index: 0;
transition:transform 0.7s;
}

#_wusstest-du-schon .container-fluid {padding:0;}

.scrolled #_wusstest-du-schon,
#_wusstest-du-schon.verstecken {transform:translateX(99%) rotate(45deg);}
.scrolled #_wusstest-du-schon:hover {transform: rotate(-10deg);}


/***********************************************************/

@media screen and (max-width: 1400px) {

}

@media screen and (max-width: 1200px) {

}

@media screen and (max-width: 991px) {
	
	body {font-size:22px;line-height:30px;}
	
.navbar > .container-fluid > .row.w-100 {margin-top: 2rem;}

h1 {font-size:3rem;  line-height: 3.5rem;}
h2 {font-size:3rem;}

	#_wusstest-du-schon {font-size:1.2rem;line-height:1.8rem;}
	.email {font-size:0.9rem;}


	.hellblau {background-image:none;}

	.blau .carousel-indicators {
	bottom: 4%;
	flex-direction: row;
}


}