/* Hellgrau #e3e3e3*/
body { color: #494948 !important; }
#page-1 .page-title { display: none; }
.bg-green {
	background-color: #afca0b;
    padding-top: 1rem;
    padding-bottom: 1rem;
	color: #fff;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    color: #009fe3;
    font-weight: 400;
}
#page-footer .h1, #page-footer .h1,
#page-footer h2, #page-footer .h2,
#page-footer h3, #page-footer .h3,
#page-footer h4, #page-footer .h4,
#page-footer h5, #page-footer .h5,
#page-footer h6, #page-footer .h6 {
    color: #fff;
    font-weight: 400;
}
#page-footer a { color: #fff; text-decoration:underline;}
#page-footer h3, #page-footer .h3 { font-size: 1.5rem}

h1.display-1 { font-size: 1.5rem; font-weight: 400; }
h2.display-4 { font-size: 1.25rem; font-weight: 400;}
@media (min-width: 500px) {
	h1.display-1 { font-size: 2rem; }
	h2.display-4 { font-size: 1,5rem; }
}
@media (min-width: 992px) {
	h1.display-1 { font-size: 3rem; }
	h2.display-4 { font-size: 2rem; }
}



/* Buttons */
.btn {
    text-transform: none;
	font-size: 1.125rem;
	padding: 0.5rem 0.8rem;
}
.btn-light {
    color: #009fe3 !important;
}
.btn-light:hover {
    color: #009fe3 !important;
	background: #f9f9f9 linear-gradient(180deg,white,#f9f9f9) !important; 
}
.cc-btn {
    font-size: 1rem;
}
.cc-link {
    opacity: 1;
}
/* Buttons */


/* Tabelle */
.table .thead-dark th {
    color: #fff;
    background-color: #909195;
    border-color: #909195;
}
.table caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
	padding-left: 0.75rem;
	padding-right: 0.75rem;
    text-align: left;
    caption-side: top;
	color: #fff;
	background-color: #909195;
	border-color: #909195;
	font-weight:700;
}
/* Tabelle */


.container-fluid figure.image { margin-bottom: 0; }



/* Bereich Oben */
.navbar-brand {  padding-top: 1rem !important; padding-bottom: 1rem !important; }
.navbar-shrink .navbar-brand {  padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }

.navbar-shrink .navbar-nav { margin-top: 0.5rem; }
.navbar-brand .img-fluid { max-width: 150px; }

#page-wrapper { margin-top: 78px; }
.offcanvas-collapse, .offcanvas-collapse.open { top: 78px !important; }
.navbar-shrink .offcanvas-collapse, .navbar-shrink .offcanvas-collapse.open { top: 65px !important; }
.navbar-nav .nav-link { font-size: 1.125rem; }
.nav-item.dropdown { margin-right: 0.5rem; }

.dropdown > .dropdown-toggle::after { border-width: 0; }
.dropdown-menu { color: #fff; background-color: #009fe3; }
.dropdown-item { color: #fff; }
.dropdown-item.active {color: #444 !important; background: #fff !important; }
.dropdown-item:hover {color: #444 !important; background: #f9f9f9 !important; }
@media (min-width: 500px) {
	.navbar-brand .img-fluid { max-width: 200px; }
	#page-wrapper { margin-top: 91px; }
	.offcanvas-collapse, .offcanvas-collapse.open { top: 96px !important; }
.navbar-shrink .offcanvas-collapse, .navbar-shrink .offcanvas-collapse.open { top: 64px !important; }
	.navbar-shrink .offcanvas-collapse.open { top: 66px; }
}
@media (min-width: 992px) {
	.navbar-brand {  padding-top: 1.25rem !important; padding-bottom: 1rem !important; }
	.navbar-brand .img-fluid { max-width: 200px; }
	.navbar-brand { min-width: 200px; }
	.navbar-nav .nav-link { font-size: 1.25rem; }
	#page-wrapper { margin-top: 103px; }
	.offcanvas-collapse.open { top: 110px; }
	.navbar-nav {margin-top: 0.625rem;}
}
@media (min-width: 1200px) {
	.navbar-brand {  min-width: 14.5rem; padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
	a.navbar-brand  { padding-right: 2rem;}
	.navbar-nav .nav-link { font-size: 1.5rem; }
	.nav-item.dropdown { margin-right: 2rem; }
	#page-wrapper { margin-top: 115px; }
	.offcanvas-collapse.open { top: 130px; }
}
@media (min-width: 1500px) {
	.navbar-brand .img-fluid { max-width: 300px; }
	#page-wrapper { margin-top: 149px; }
	.navbar-brand { min-width: 20.75rem; }
}
#navbarToggler > .navbar-nav { margin-bottom: 0.5rem; }
.navbar-shrink .navbar-brand .img-fluid { max-width:150px; }

#main-navbar { padding-bottom: 0 !important; padding-top: 0 !important; }
#main-navbar > div.container { align-items: normal; }


@media (max-width: 991px) {
	.navbar-expand-lg {
		overflow-y: auto !important;
	}
	.offcanvas-collapse {
		background-color: #fff !important;
	}
	.offcanvas-collapse .navbar-nav .nav-link {
    	color: #444 !important;
	}
	.dropdown.active > div.dropdown-menu { display: block;}

}
.dropdown-menu { background-color: #009fe3; }
.navbar-nav .nav-link { padding-top: 0.375rem; }
/* Bereich Oben *



/* BREADCRUMB */
.breadcrumb-nav { background-color: #fff;}
ol.breadcrumb { margin-bottom: 0; background-color: #fff; padding-left: 0;}
/* BREADCRUMB */





.dropdown-menu .dropdown-item{ font-size: 1.125rem;}
.main-content { background-color: #fff; }

.jumbotron { padding: 0; }





.nav-fill > .nav-link, .nav-fill .nav-item { text-align: left; }




.nav-slogan { margin-right: 1rem;  padding-top: 0 !important; padding-bottom: 1rem !important; padding-right: 0 !important; font-size: 1rem !important; color: #fff !important; }


/* CARD */

.card-img-top { height: auto;}
.card { box-shadow: 0 1px 4px rgba(0,0,0,0.2); margin-bottom: 2rem; }
.card-header { background-color: #f9f9f9; font-size: 1.5rem; font-weight: bold; }
.card-header h3 { color: #009fe3; }
.collapsible-accordion a[aria-expanded="true"] .card-header h3::before{
	display: inline-block;
	margin-left: 0.255em;
	vertical-align: 0.255em;
	content: "";
	border-bottom: 0.3em solid;
    border-bottom-width: 0.3em;
	border-right: 0.3em solid transparent;
    border-right-width: 0.3em;
	border-top: 0;
    border-top-width: 0px;
	border-left: 0.3em solid transparent;
    border-left-width: 0.3em; 
	margin-right: 0.8rem;
}
.collapsible-accordion a[aria-expanded="false"] .card-header h3::before{ 
	display: inline-block;
	margin-left: 0.255em;
	vertical-align: 0.255em;
	content: "";
	border-top: 0.3em solid;
    border-top-width: 0.3em;
	border-right: 0.3em solid transparent;
    border-right-width: 0.3em;
	border-bottom: 0;
    border-bottom-width: 0px;
	border-left: 0.3em solid transparent;
    border-left-width: 0.3em; 
	margin-right: 0.8rem;
}

.frontside .card { background-color: #f9f9f9;  }
.card-flipper .backside { width: 100%; }
.backside .card { background-color: #009fe3; color: #fff; margin-bottom: 0; }
.backside h4 { color: #fff; }
.backside .card-body { overflow:auto;margin-bottom: 0; }


.card { background-color: #f9f9f9; }
.card-body { padding: 1.5rem; }
.backside .card-body { padding-top: 0.25rem; }
.card-columns { column-count: 1; }
.card-flipper .fa-plus-square, .card-flipper .fa-chevron-circle-right, .card-flipper .fa-circle-chevron-right  { color: #afca0b; }

.card.card-effect-one{
	box-shadow: 0 1px 4px rgba(0,0,0,0.2);
	margin-bottom: 2rem;
}

.card-group.nichtgefunden > .card {
    background-color: #26ade7;
}
.card-group.nichtgefunden > .card h4 {
	color:#fff;
	font-weight: bold;
}
.card-group.nichtgefunden > .card a {
	color:#fff;
}


@media (min-width: 500px) {
	.card-body { padding: 1.5rem; }
	.backside .card-body { padding-top: 0.25rem; }
}
@media (min-width: 768px) {
	.card-columns { column-count: 2; }
}

@media (min-width: 992px) {
	.card-body { padding: 1.5rem; }
	.backside .card-body { padding-top: 0.25rem; }
}
@media (min-width: 1200px) {
	.card-body { padding: 2rem; }
	.backside .card-body { padding-top: 1rem; }
	.card-columns { column-count: 3; }
}
@media (min-width: 1200px) {

}
/* CARD */




#page-content ul { padding-left: 20px; }
#page-content p.text-primary { font-size: 1.25rem; }


.navbar-nav .nav-link {
    padding-top: 1rem;
    padding-bottom: 0.8rem;
}



@media (min-width: 1380px) {
	 .container,
	 .container-sm,
	 .container-md,
	 .container-lg,
	 .container-xl {
		max-width: 1320px;
	}
}








/* FOOTER */
.footer {margin: 1rem 0 3rem 0;}
.footer-linie { border-bottom: 3px solid #fff; }
.footer-slogan { font-style: italic; font-size: 1rem; text-transform: uppercase;  font-weight: bold; padding: 10px 0; }
.img-wuerfel { width: 60px; }

.container-wuerfel {position:relative; display: none !important;}
.footer-wuerfel { position: absolute; z-index: 1; right: 15px; bottom: -21px;}

.container-farbbereiche { position: relative; display: none !important;}
.footer-farbbereiche { position: absolute; z-index: 1; right: 0; top: -18.5rem; color: #494948; font-size: 1.5rem; text-transform:uppercase; display: none;}
.ersterBuchstabe { font-size: 2.5rem; }
.bereich-text { width:16rem; border-right: solid 2.5rem; margin-bottom: 1rem; line-height: 1; font-weight: 700; }


@media (min-width: 992px) {
	.img-wuerfel { width: 100px; }
	.container-wuerfel {position:relative;}
	.footer-wuerfel { position: absolute; z-index: 1; right: 31px; bottom: -33px;}
	.footer-slogan { font-size: 1.25rem; }
}
@media (min-width: 1700px) {
	.img-wuerfel { width: 120px; }
	.container-wuerfel {position:relative;}
	.footer-wuerfel { position: absolute; z-index: 1; right:auto; left: -116px; bottom: -38px;}
}
@media (min-width: 1800px) {
	.img-wuerfel { width: 150px; }
	.container-wuerfel {position:relative;}
	.footer-wuerfel { position: absolute; z-index: 1; left: -160px; bottom: -48px;}
}
@media (min-width: 1920px) {
	.footer-farbbereiche { display: block;}
}
@media (min-width: 2100px) {
	.footer-farbbereiche { top: -20.5rem;  font-size: 2rem;}
	.ersterBuchstabe { font-size: 3rem; }
	.bereich-text { width:20rem; border-right: solid 3.5rem; margin-bottom: 1rem;}
}
.farbe-blau { border-color: #373799;}
.farbe-rot { border-color: #f70a0a; }
.farbe-gelb { border-color: #fbfb0c; }
.farbe-gruen { border-color: #afca0b; }
/* FOOTER  */




.navbar-light .navbar-nav .nav-link { color: #009fe3; }

#page-content p, #page-content li { font-size: 1.125rem; }
h1, .h1 { margin-bottom: 2rem; }
h2, .h2 { margin-bottom: 1rem; }
@media (min-width: 992px) {
h1, .h1 { margin-bottom: 3rem; }
h2, .h2 { margin-bottom: 1.5rem; }
}



/* Carousel */
.carousel-caption  { padding-bottom: 0 !important; bottom: 0; }
.carousel-caption h2,
.carousel-caption h3{
    font-size: 1rem;
	margin-bottom: 0 !important;
	padding: 1rem 0 !important;
	font-weight: 400;
	background: rgba(0, 0, 0, 0.75); 
	/* text-shadow: 1px  1px 1px rgba(0,0,0,0.6), 1px -1px 1px rgba(0,0,0,0.6), -1px  1px 1px rgba(0,0,0,0.6), -1px -1px 1px rgba(0,0,0,0.6);*/
}

.carousel-caption .slider-text p {
	font-size: 5rem;
	margin-bottom: 1rem;
	text-shadow: 3px  3px 3px rgba(0,0,0,0.6), 3px -3px 3px rgba(0,0,0,0.6), -3px  3px 3px rgba(0,0,0,0.6), -3px -3px 3px rgba(0,0,0,0.6);
}



.carousel-control-prev-icon, .carousel-control-next-icon {
	background-color: #afca0b;
	color: #fff;
	opacity: 1;
    width: 2rem;
    height: 2rem;
	border-radius: 1rem;
	border: 0.5rem solid #afca0b;
}
.carousel-control-next-icon { background-position-x: 2px; }
.carousel-control-prev-icon { background-position-x: -2px; }

.carousel-indicators  { margin-bottom: -2rem !important;}
.carousel-indicators.d-md-block { display: flex !important;}

.carousel-indicators li {
	height: 5px !important;
    background-color: #afca0b;
    opacity: 0.7;
}

.carousel-caption { display: none !important;}

@media (min-width: 992px) {
	.carousel-caption header {
		width: 930px;
		margin: 0 auto;
	}
	.carousel-caption { display: flex !important;}
	.carousel-caption h2,
	.carousel-caption h3 {
		font-size: 1.5rem;
		margin-bottom: 0;
	}
	.carousel-caption .slider-text p {
		font-size: 2rem;
		margin-bottom: 0;
	}
	.carousel-indicators li { height: 10px; }
	.carousel-control-prev-icon, .carousel-control-next-icon {
		width: 4rem;
		height: 4rem;
		border-radius: 2rem;
		border: 0.5rem solid #afca0b;
	}	
	.carousel-control-next-icon { background-position-x: 4px; }
	.carousel-control-prev-icon { background-position-x: -4px; }
	.carousel-indicators li { height: 10px !important; }
	.carousel-indicators  { margin-bottom: 0.5rem; }
}

@media (min-width: 1200px) {
	.carousel-caption header {
		width: 1140px;
		margin: 0 auto;
	}
	.carousel-caption { display: flex !important;}
	.carousel-caption h2,
	.carousel-caption h3 {
		font-size: 2rem;
		padding: 1rem 0 !important;
		margin-bottom: 0;
	}
	.carousel-caption .slider-text p {
		font-size: 2.5rem;
		margin-bottom: 0;
	}
	.carousel-indicators li { height: 10px; }
	.carousel-control-prev-icon, .carousel-control-next-icon {
		width: 4rem;
		height: 4rem;
		border-radius: 2rem;
		border: 0.5rem solid #afca0b;
	}	
	.carousel-control-next-icon { background-position-x: 4px; }
	.carousel-control-prev-icon { background-position-x: -4px; }
	.carousel-indicators li { height: 10px; }
	.carousel-indicators  { margin-bottom: 0.5rem; }
}
@media (max-width: 1800px) {
	.carousel-caption  {
		left: 0px;
		right: 0px;
	}
}
@media (min-width: 1380px) {
	.carousel-caption header {
		width: 1290px;
		margin: 0 auto;
	}
}
@media (min-width: 1920px) {
	.carousel-caption h2,
	.carousel-caption h3{
		font-size: 2.25rem;
		padding: 1.25rem 0 !important;
	}
	.carousel-caption .slider-text p {
		font-size: 4rem;
		margin-bottom: 0.5rem;
	}
	.carousel-indicators li { height: 10px; }
	.carousel-indicators  { margin-bottom: 1rem; }
}
@media (min-width: 2500px) {

	.carousel-caption .slider-text p {
		font-size: 5rem;
		margin-bottom: 1;
	}
	.carousel-indicators li { height: 15px; }
}
/* Carousel */




/* TOP Button */
.back-to-top,
.back-to-top:hover { 
	opacity: 0.7 !important; 
	background: #fff;
	border: 0 solid #fff0;
	border-radius: 2rem;
	padding: 0;
	margin: 1rem;
}
.back-to-top:hover { opacity: 1 !important;  }
.back-to-top:hover { opacity: 1; } 
.back-to-top svg, .back-to-top svg path { color: #afca0b; }
/* TOP Button */

/* Inhaltsverzeichgnis */
#page-39 #page-content h2 { font-weight: bold; margin-bottom: 0.5rem;}

#page-39 #page-content ul { padding-left: 0;}
#page-39 #page-content ul > li { padding-bottom: 0.5rem; font-size: 1.5rem; font-weight: bold; list-style-type:none;}

#page-39 #page-content ul > li > ul { padding-left: 1.5rem;}
#page-39 #page-content ul > li > ul > li { padding-bottom: 0; font-size: 1.25rem; font-weight: normal; list-style-type:none;}

#page-39 #page-content ul > li > ul > li > ul { padding-left: 3rem;}
#page-39 #page-content ul > li > ul > li > ul > li { padding-bottom: 0; font-size: 1rem; font-weight: normal; list-style-type:none;}

.navbar-toggler {
    border: none;
	font-size:1.75rem;
	color: #494948;
}

.ul-hidden {
	display: none;
}


@media (prefers-color-scheme: dark) {
  .main-content {
	  background-color: inherit;
	}
	ol.breadcrumb {
	  background-color: inherit;
	}
	.navbar {
	  box-shadow: 0 1px 2px #009fe3;
	}
  .carousel-caption h2, .carousel-caption h3 {
    color: #FFF;
  }
 .bg-white {
  	--bs-bg-opacity: 1;
  	background-color: #212121 !important;
  }
	p {color:#fff;}
	.frontside p {color:#212121; } 
	.frontside h4 {color:#009fe3; } 
	
}