/*
grau #7a7a7a
blau #0504a8
*/
/*
X-Small 	None 	<576px
Small 	sm 	≥576px
Medium 	md 	≥768px
Large 	lg 	≥992px
Extra large 	xl 	≥1200px
Extra extra large 	xxl 	≥1400px
*/

/* X-Small devices (portrait phones, less than 576px)
 No media query for `xs` since this is the default in Bootstrap*/

/* Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }*/

/* Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }*/

/* Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }*/

/* X-Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }*/

/* XX-Large devices (larger desktops, 1400px and up)
@media (min-width: 1400px) { ... }*/

:root, [data-bs-theme="light"] {
--bs-link-color: #666666;/*grau*/
--bs-link-color-rgb: 102, 102, 102;
--bs-link-decoration: none;
--bs-link-hover-color: #0504a8; /*blau*/
--bs-link-hover-color-rgb: 5, 4, 168;/*blau*/
--bs-nav-link-font-size: 1.5rem;
--bs-border-width: 0.25rem !important;
}
html, body { height: 100%; }
body { height: 100%; }
html, body {
	margin: 0;
	padding: 0;
}
body {
	color: #000000;
	font-size: 1.5rem;
	line-height: 1.5;
	font-weight: 300;
	font-family: 'Aleo', serif;
}
a {
	text-decoration: none;
	color: #000000;
}
a:hover { color: #0504a8;/*blau*/ }
@media (max-width: 767px) {
body { font-size: 1.2rem; }
}
bold, strong { font-weight: 400; }
p {
	margin-top: 0;
	margin-bottom: 2rem;
}
p.prof {
  margin-bottom: 3rem;
  font-weight:400;
  font-size: 1rem;
}
.impressum p {
	margin-bottom: 1rem;
	font-size: 1.2rem;
	line-height: 1.3;
}
@media (max-width: 767px) {
.impressum p { font-size: 1rem; }
}
.lead {
	font-size: 2.5rem;
	line-height: 1.6;
}
@media (max-width: 767px) {
.lead { font-size: 1.5rem; }
}
small, .small {
	font-size: 1.2rem;
	line-height: 1.3;
}
.xsmall {
	font-size: 1.0rem;
	line-height: 1.0;
}
h1, .h1 {
	font-size: 2rem;
	line-height: 1.5;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.blau {color: #0504a8}
.nav-link {
	font-weight: 400;
	font-size: 1rem;
	color: #7a7a7a;/*grau*/
}
@media (max-width: 767px) {/*logoreihe*/
img.social {
	min-width: 70px;
	max-width: 80px;
	padding-left: 0.5rem !important;
	padding-right: 0.5rem !important;
}
}
@media (max-width: 400px) {
img.social {
	min-width: 50px;
	max-width: 60px;
	padding-left: 0.5rem !important;
	padding-right: 0.5rem !important;
}
}
video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.responsive-video {/*smartphone*/
	width: 100%;
	height: 60vh;
	cursor: pointer
}
@media (min-width: 576px) {
.responsive-video {
	width: auto;
	height: 100vh;
}
}

.preise {text-align: left;
	padding-left: 10vw;
}
@media (min-width: 768px) {
.preise {text-align: center;
	padding-left: 0px;
}
}

.cbd h4 {
	text-align: center;
	margin-top:-2rem;
	margin-bottom:1.5rem;
	letter-spacing:0.5px;
}

.cbd .img-fluid {
padding-right: 1rem !important;
padding-left: 1rem !important;

}
.cbd ul {
  padding-left: 2rem; /*1rem*/
}


.container-fluid.testimonial {
	position: relative; 
/*    height: 100vh;*/
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.container-fluid.testimonial::before {    
      content: "";
      background-image: url('/img/peggy_1050.jpg');
      background-size: cover; background-position: center;
      position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      opacity: 0.5;
}
.container-fluid.testimonial p, .container-fluid.testimonial h4 {
  position: relative;
}

.testi {
	text-align: left;
	font-size: 1.2rem;
}
.testi .author {
		font-size: 1.1rem;
	font-weight: 400;
	text-align: center;
text-transform: uppercase;
	margin-top: -2rem;
}
.testi .prof {
	text-align: center;
	margin-top: -2.3rem;
}
.nwn {
  padding-right: 0rem !important;
  padding-left: 0rem !important;
  position:relative;
}
.nwn .textlayer {
	position: absolute;
	width: 50%;
	left:13%;
	text-align: center;
	top:15%;/*top: 1.2rem;*/
}

.nwn .img-fluid {
	padding-right: 0rem !important;
	padding-left: 0rem !important;
}
.textlayer h5 {font-size: 1.0rem; font-weight:300; margin-bottom:0;}
.textlayer h4 {font-size: 1.0rem; line-height:1.3; margin-bottom:3%;}
.textlayer p.small{font-size: 0.7rem;line-height:1.3;}
.textlayer p {font-size: 0.9rem; margin-bottom:0;line-height:1.3;}
.textlayer p.xsmall {font-size: 0.7rem;line-height:1.3;}

@media (min-width: 300px) {
.textlayer h5 {font-size: 0.9rem;}
.textlayer h4 {font-size: 1.2rem; }
.textlayer p.small{font-size: 0.9rem;}
.textlayer p {font-size: 1.0rem;}
.textlayer p.xsmall {font-size: 0.8rem;}
}
@media (min-width: 360px) {
.cbd .img-fluid {
	padding-right: 2rem !important;
	padding-left: 2rem !important;
}
.cbd ul {
  padding-left: 3rem; 
}
.textlayer h5 {font-size: 1.2rem;}
.textlayer h4 {font-size: 1.3rem;}
.textlayer p.small{font-size: 0.9rem;}
.textlayer p {font-size: 1.3rem;}
.textlayer p.xsmall {font-size: 0.8rem;}
}
@media (min-width: 480px) {
.cbd .img-fluid {
	padding-right: 3rem !important;
	padding-left: 3rem !important;
}
.cbd ul {
  padding-left: 4rem; 
}
.nwn {
  padding-right: 2rem !important;/*!*/
  padding-left: 2rem !important;
}
.textlayer h5 {font-size: 1.3rem;}
.textlayer h4 {font-size: 1.4rem;}
.textlayer p.small{font-size: 1.2rem;}
.textlayer p {font-size: 1.4rem;}
.textlayer p.xsmall {font-size: 1.0rem;}
.nwn .textlayer {left:15%;}

@media (min-width: 576px) {
.cbd .img-fluid {
	padding-right: 5rem !important;
	padding-left: 5rem !important;
}
.cbd ul {
  padding-left: 6rem; 
}

}
@media (max-width: 767px) {
.cbd {
	font-size: 1.1rem;
}
}
@media (min-width: 768px) {	
.cbd .img-fluid {
	padding-right: 0rem !important;
	padding-left: 0rem !important;
}
.testi {
	text-align: left;
	font-size: 1.2rem;
}
.cbd {
	text-align: left;
	font-size: 1.1rem;
}
.cbd, .testi {
  padding-right: 2rem !important;
  padding-left: 2rem !important;
}
.cbd h4 {
	margin-top:-1.8rem;
	margin-bottom:1.8rem;
}
.cbd ul {
  padding-left: 1rem; 
}
.textlayer h5 {font-size: 1.2rem;}
.textlayer h4 {font-size: 1.3rem;}
.textlayer p.small{font-size: 1.1rem;}
.textlayer p {font-size: 1.3rem;}
.textlayer p.xsmall {font-size: 1.0rem;}
}
@media (min-width: 992px) {
.cbd {
	padding-right: 3rem !important;
	padding-left: 3rem !important;
	font-size: 1.1rem;
}
.cbd h4 {
	text-align: center;
	margin-top:-2rem;
	margin-bottom:2rem;
}
.nwn {
    padding-right: 0rem !important;
    padding-left: 0rem !important;
  }
.nwn .textlayer {
	position: absolute;
	width: 50%;
	left:20%;
	text-align: center;
}
.nwn:first-child .textlayer {
	left:10%;
}
.nwn .img-fluid {
	padding-right: 0rem !important;
	padding-left: 0rem !important;
}
.textlayer h5 {font-size: 1.0rem;}
.textlayer h4 {font-size: 1.0rem;}
.textlayer p.small{font-size: 0.8rem;}
.textlayer p {font-size: 1.0rem;}
.textlayer p.xsmall {font-size: 0.7rem;}
}
@media (min-width: 1200px) {
.cbd {
  padding-right: 4rem !important;
  padding-left: 4rem !important;
}
.cbd .img-fluid {
	padding-right: 2rem !important;
	padding-left: 2rem !important;
}
.cbd ul {
  padding-left: 3rem; 
}
.textlayer h5 {font-size: 1.1rem;}
.textlayer h4 {font-size: 1.3rem;}
.textlayer p.small{font-size: 0.9rem;}
.textlayer p {font-size: 1.2rem;}
.textlayer p.xsmall {font-size: 0.8rem;}
}
@media (min-width: 1400px) {
.textlayer h5 {font-size: 1.25rem;}
.textlayer h4 {font-size: 1.5rem;}
.textlayer p.small{font-size: 1.2rem;}
.textlayer p {font-size: 1.5rem;}
.textlayer p.xsmall {font-size: 0.8rem;}
}
/*5 Columns*/
.fivecolumns .col-xs-2, .fivecolumns .col-sm-2, .fivecolumns .col-md-2, .fivecolumns .col-lg-2 {
width: 20% !important;
padding-right: 0;
padding-left: 0;
} 


.card {
  --bs-card-spacer-y: 0rem; 
  --bs-card-spacer-x: 0rem;
  --bs-card-title-spacer-y: 0rem;
  --bs-card-cap-padding-y: 0rem;
  --bs-card-cap-padding-x: 0rem;
  --bs-card-img-overlay-padding:0;
  --bs-card-group-margin: 0;
  background-color: transparent;
  background-clip: border-box;
  border:0px solid red;
  border-radius: 0;
}


h4.dropdown::after { /*Pfeil*/
display: inline-block;
margin-left: 0.3rem;
vertical-align: 0.1rem;
content: "";
border-top: 0.5rem solid;
border-right: 0.5rem solid transparent;
border-bottom: 0;
border-left: 0.5rem solid transparent;
color:#333;/*grau*/
}
div.hidden1 {display:block;}
div.hidden2, div.hidden3 {display:none;}
@media (min-width: 768px) {
div.hidden1, div.hidden2 {display:block;}
div.hidden3 {display:none;}
}
@media (min-width: 992px) {
div.hidden1, div.hidden2, div.hidden3 {display:block;}
}