html, body, table, th, td {
	font-family:'Titillium Web', Arial, Helvetica, Geneva, Swiss, sans-serif;
	font-size:16px;
	line-height:1.4;
	font-weight:400;
	color:#003366;
}

img, a img {display:inline-block;image-rendering:optimizeQuality;}
img {max-width:100%;height:auto;}
.font-color-inherit {font-color:inherit;}

a {cursor:pointer;color:#ff3333;text-decoration:none;}
a:hover, a:focus {color:#003366;text-decoration:none;}
a.back-to-top {display:none;color:#fff;text-decoration:none;background-color:#a8d1f8;bottom:20px;position:fixed;right:20px;padding:12px 15px;z-index:100;border:1px solid #fff;}
[data-href] {cursor:pointer;}

.fancybox-title {font-family:'Titillium Web', Arial, Helvetica, Geneva, Swiss, sans-serif;}
.fancybox-title-float-wrap .child {font-family:'Titillium Web', Arial, Helvetica, Geneva, Swiss, sans-serif;font-weight:bold !important;font-size:14px;}
.fancybox-hidden-content {display:none;}
.fancybox-overlay.fancybox-overlay-fixed {background:rgba(168,209,248,0.9);}

p {
	   -moz-hyphens: auto;
	     -o-hyphens: auto;
	-webkit-hyphens: auto;
	    -ms-hyphens: auto;
	        hyphens: auto;
}

.font-color-primary {color:#a8d1f8;}
.font-color-secondary {color:#ff3333;}

/* Bootstrap *************************************************************** */

* {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}
*:focus {box-shadow:none !important;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight:600;line-height:1.4;}
h1, .h1 {font-size:2rem;font-weight:700;color:#ff3333;}
h2, .h2 {font-size:1.6rem;}

.btn-primary {background-color:#a8d1f8;border-color:#a8d1f8;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {background-color:#ff3333 !important;border-color:#ff3333 !important;color:#fff !important;}

.btn-primary-invert {color:#a8d1f8;background-color:#fff;border-color:#fff;}

.btn-secondary {background-color:#ff3333;border-color:#ff3333;color:#000;}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {background-color:#fff;border-color:#fff;color:#000;}

.page-link {color:#a8d1f8;}
.page-item.active .page-link {background-color:#a8d1f8;border-color:#a8d1f8;color:#fff;}

.spinner-border {border-radius:50% !important;}

/* jQueryUI **************************************************************** */

.ui-widget {font-family:inherit;}
.ui-widget-content {color:inherit;}
.ui-state-active {background-color:#a8d1f8;border-color:#a8d1f8;color:#003366;font-weight:600;}
.ui-widget-content a {cursor:pointer;color:#ff3333;text-decoration:none;}
.ui-accordion .ui-accordion-content {height:auto !important;}

/* Test-Modus ************************************************************** */

.hinweis-version-test {background-color:#cc0000;color:#fff;padding-top:15px;padding-bottom:15px;}
.hinweis-version-test a {color:#fff;}
.hinweis-version-test .titel {display:block;font-size:130%;font-weight:bold;text-transform:uppercase;margin-bottom:10px;}
.hinweis-version-test .hinweis {}
.hinweis-version-test .beenden {text-transform:uppercase;}

/* Grundlayout ************************************************************* */

html {width:100%;height:100%;margin:0px;padding:0px;overflow:auto;}
body {background-color:#588cbe;background-image:url('../images/background-2021.jpg');background-repeat:no-repeat;background-size:cover;background-attachment:fixed;}
.wrapper {background-color:#fff;box-shadow:0 .5rem .5rem rgba(0,0,0,.70);}
.content-container {padding:30px;}

.section-full-width {margin:0 -30px;}
.section-full-width .section-background-color {padding:30px;}

h3.schattierung {display:block;background-color:rgba(179,175,249,0.50);padding:3px 10px 5px 10px;color:#2C2694;}
h4.schattierung {display:block;background-color:rgba(162,248,218,0.50);padding:3px 10px 5px 10px;}
h5.schattierung {display:block;background-color:rgba(162,248,218,0.50);padding:3px 10px 5px 10px;}

.formField {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

input[type=button], input[type=submit], input[type=reset] {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #a8d1f8;
  border: 1px solid #a8d1f8;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/* Overlay Navigation ****************************************************** */

.nav-main {}
.nav-main .navbar {background-color:rgba(168,209,248,0.75);color:#fff;}
.nav-main .navbar .nav-item {}
.nav-main .navbar .nav-item .nav-link {color:#666;font-weight:600;}
.nav-main .navbar .nav-item .nav-link:hover, .nav-main .navbar .nav-item .nav-link:focus, .nav-main .navbar .nav-item .nav-link.active {color:#003366;}

.collapse-overlay {border-top:1px solid #fff;background-color:rgba(0,0,0,0.8);color:#fff;padding:25px 30px 30px 30px;}
.collapse-overlay h2 {color:#a8d1f8;}
.collapse-overlay .nav-link {padding-left:0;padding-right:0;color:#fff;}
.collapse-overlay .nav-link:hover {color:#a8d1f8;}
.collapse-overlay .nav-link.active {font-weight:700;}

/* Startseite ************************************************************** */

.headline-wir-machen-den-unterschied {background-color:#00488d;color:#fff;padding:25px 30px;margin:0;}

.section.section-bausteine-rahmenprogramme-1 {}
.section.section-bausteine-rahmenprogramme-1 .section-background-color {background-color:rgba(168,209,248,0.15);}

.section.section-bausteine-rahmenprogramme-2 {}
.section.section-bausteine-rahmenprogramme-2 .section-background-color {background-color:rgba(168,209,248,0.15);}

.section.section-bausteine-rahmenprogramme-3 {}
.section.section-bausteine-rahmenprogramme-3 .section-background-color {background-color:rgba(168,209,248,0.15);}

.section.section-bausteine-destinationstipps-1 {}
.section.section-bausteine-destinationstipps-1 .section-background-color {background-color:rgba(168,209,248,0.15);}

.section.section-bausteine-destinationstipps-2 {}
.section.section-bausteine-destinationstipps-2 .section-background-color {background-color:rgba(168,209,248,0.15);}

/* Bausteine *************************************************************** */

.bausteine-sektion-container {}
.bausteine-sektion-container .bausteine-sektion-headline {text-align:center;}
.bausteine-sektion-container .bausteine-sektion-headline h4 {margin-bottom:30px;}
.bausteine-sektion-container .baustein-container {cursor:pointer;}
.bausteine-sektion-container .baustein-container .card {}
.bausteine-sektion-container .baustein-container .card .card-header {text-align:center;font-size:1.2rem;font-weight:700;text-transform:uppercase;color:#000;}
.bausteine-sektion-container .baustein-container .card .card-footer {border-top:none;text-align:center;color:#333;}

.bausteine-sektion-container .baustein-container.link-not-found {border:3px solid #cc0000;}

/* Baustein **************************************************************** */

ul.eignung-facts {list-style:none;}
ul.eignung-facts li {position:relative;padding:3px 0 3px 25px;}
ul.eignung-facts li.true::before {position:absolute;top:3px;left:0;font-family:'Font Awesome 5 Free';font-weight:900;color:#155724;content:"\f058";}
ul.eignung-facts li.false::before {position:absolute;top:3px;left:0;font-family:'Font Awesome 5 Free';font-weight:900;color:#721c24;content:"\f057";}

.baustein-single-container .slideshow-destinationen-container {}
.baustein-single-container .slideshow-destinationen-container .icon i {font-size:24px;}
.baustein-single-container .slideshow-destinationen-container .titel {font-size:0.9rem;}

/* Header ****************************************************************** */

.header {}
.header.header-baustein {height:calc(60vh);margin:0;padding:0;border-bottom:1px solid #dee2e6;}
.header.header-baustein .header-baustein-container {height:100%;background-repeat:no-repeat;background-size:cover;background-position:center center;}

.header.header-baustein .header-baustein-container.position-x-center {background-position-x:center;}
.header.header-baustein .header-baustein-container.position-y-top {background-position-y:top;}

/* Footer ****************************************************************** */

.footer {background-color:#7F93A6;color:#fff;font-size:0.9rem;}
.footer .footer-container {padding:25px 30px 30px 30px;}
.footer .footer-copyright {padding-top:.5rem;}

.footer .nav-footer {}
.footer .nav-footer .nav-link {color:#fff;}
.footer .nav-footer .nav-link:hover {color:#a8d1f8;}

@media (max-width: 991px) {
	.footer .nav-footer .nav-link {padding-left:0;}
}

/* Videos ****************************************************************** */

.responsive-video {
	position:relative;
	padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
	padding-top:0px;
	height:0;
	overflow:hidden;
	max-width:100%;
}

.responsive-video iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.responsive-video.format-16-9 {padding-bottom:56.25%;} /*(9 / 16 (x 100) =56.25%)*/
.responsive-video.format-4-3 {padding-bottom:75%;} /*(3 / 4 (x 100) =75%)*/

.container-responsive-iframe {}
.container-responsive-iframe .responsive-iframe {}
.container-responsive-iframe .responsive-iframe iframe {max-width:100%;width:100%;min-height:500px;}

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

@media (max-width: 1600px) {

}

@media (max-width: 1200px) {

}

@media (max-width: 991px) {

}

@media (max-width: 767px) {

}

@media (max-width: 640px) {

	html, body, table, th, td {
		font-size:15px;
	}
	h1, .h1 {font-size:1.6rem;}
	h2, .h2 {font-size:1.4rem;}
	h3, .h3 {font-size:1.3rem;}
	h4, .h4 {font-size:1.2rem;}
	h5, .h5 {font-size:1.1rem;}
	h6, .h6 {font-size:1.0rem;}

}

@media (max-width: 480px) {

}