/*@import "https://use.fontawesome.com/releases/v5.7.0/css/all.css";

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../Fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../Fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}




body{
	background-color:#4c7aa0ba;
  min-height:100vh;
	font-family: Roboto;
}

img{
		max-width: 100%;
		height: auto;
}

/*h3{
    color: black;
}

h3.ce-headline-center{
	color: #E8BE29;
}
*/

h14{
	color: darkred;
	font-size: 20px;
}


/* Cookie Hinweis*******/

#cookie-popup {
	display: none;
  text-align: center;
  background: #fff;
  position: fixed;
  top: 0px;
  left: 0;
  right: 0;
  z-index: 9999;
  font-size:14px;
  line-height:20px;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  }



/* Back to Top *****************/

#toTop{

		position: fixed;
		bottom: 2em;
		right: 2em;
		opacity: 0.9;
		font-size:2.6em;
		background-color: #1d3871;
		color: #D8BE29;
		border:none;
		cursor: pointer;
		border-radius: 3px;
		box-shadow:2.5px 2.5px 10px -3px rgba(0,0,0,1);
		display:none;
    width: 64.4px;

	}

#toTop:hover{

		background-color: #D8BE29;
		color: #1d3871;
		transition: all 300ms; -webkit-transition: all 300ms;-moz-transition: all 300ms;-o-transition: all 300ms;

}

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

		#toTop{

				display:none!important;

		}


}



/*Startseite****************/
.überüberschrift{
    color: #E8BE29;
}

video {
  width: 100%;
  height: auto;
	box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
}

/* Navigation Design***********/

nav{
    background-color: var(--bs-blue);
}

.mainnavv{
  box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
}

.mainnav a, .navbar-nav .show .nav-link{
  color: white;
}

.mainnav a:hover, .navbar-nav .show .nav-link:hover{
	color: var(--bs-yellow);
	transition:350ms;-webkit-transition: all 350ms;-moz-transition: all 350ms;-o-transition: all 350ms;
}
.nav-link{
	border-bottom: solid 4.5px var(--bs-blue);
}

.nav-link:hover, .activenav{
	border-bottom: solid 4.5px var(--bs-yellow);
	transition:350ms;-webkit-transition: all 350ms;-moz-transition: all 350ms;-o-transition: all 350ms;
}

.navbar-expand-md .navbar-nav .nav-link{
	padding: 12px 1.5rem 8px 1.5rem;
}

/*Dropdown *************/
.dropdown a{
	color: white;
}

.dropdown-toggle{
	text-decoration: none;
}

.dropdown-item{
    margin-top: 7.5px;
		text-align: center;
	}

.dropdown-menu, .dropdown-item:hover, .dropdown-item:focus{
    background-color: var(--bs-blue);
}

/* HamburgerMenu***********/

.animated-icon2{
width: 30px;
height: 20px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

 .animated-icon2 span {
display: block;
position: absolute;
height: 3px;
width: 100%;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

.animated-icon2 span {
background: #e3f2fd;
}

.animated-icon2 span:nth-child(1) {
top: 0px;
}

.animated-icon2 span:nth-child(2), .animated-icon2 span:nth-child(3) {
top: 10px;
}

.animated-icon2 span:nth-child(4) {
top: 20px;
}

.animated-icon2.open span:nth-child(1) {
top: 11px;
width: 0%;
left: 50%;
}

.animated-icon2.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

.animated-icon2.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.animated-icon2.open span:nth-child(4) {
top: 11px;
width: 0%;
left: 50%;
}

/* Footer Styling ************/

footer{
	background-color: var(--bs-blue);
	margin-top: 10vh;
	margin-bottom:0;
	box-shadow:0 -1px 3px rgba(0, 0, 0, 0.5);
}

footer nav li{
	margin-left: 1.5rem;
	list-style-type: none;
}

footer nav ul{
	margin-right: 1.5rem;
}

footer nav li a{
	text-decoration: none;
	color: grey;
}

footer nav ul .nav-link {
	color:grey;
}

.gelbhover:hover{
  color: var(--bs-yellow);
  transition:350ms;-webkit-transition: all 350ms;-moz-transition: all 350ms;-o-transition: all 350ms;
}

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

  .footer{
    text-align: center;
  }

 	.ml-auto, .mr-5{
    margin: 0 auto 0 auto !important;
	}
}
/*Zweispaltigkeit Margin top****************/
.zweispaltenmargin{
	margin-bottom: 10rem;
}

.zweispaltenunten{
	margin-bottom: 2rem;
}

/*Dreispalten Margin Bottom****************/

.dreispaltenunten{
	margin-bottom: 15px;
}

/*Startseitebuttons****************/
.startseitebutton{
	background-color: var(--bs-blue);
	color: var(--bs-yellow);
	font-size: 1.5rem;
	text-align: left;
	border-radius: 3px;
	border: 0;
	box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
	min-height: 14.5rem;
	min-width: 100%;
}

.startseitebutton:hover{
	color: var(--bs-blue);
	background-color: var(--bs-yellow);
	transition:350ms;-webkit-transition: all 350ms;-moz-transition: all 350ms;-o-transition: all 350ms;
}

.ueberschriftdick{
	font-weight: bold;
	padding: 1.25rem 0.5rem 0 0.5rem;
}

.unterschrift{
	padding: 0.5rem 0.5rem 1.25rem 0.5rem;
}

/*FAQ *****************/
.faqüberschrift{
		cursor: pointer;
}

.faqüberschrift a{
	color:var(--bs-yellow);
}

.accordion-item{
		border-bottom: 1px;
		border-style: solid;
}


.accordion-button, .accordion-button:not(.collapsed){
		background-color: var(--bs-blue);

}

.accordion-button a, .accordion-button:not(.collapsed), .accordion-button:not(.collapsed)::after{
	color:var(--bs-yellow);
}


/*Galerie *******************/

.gallery {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
		-webkit-column-gap: 10px;
		-moz-column-gap: 10px;
		column-gap: 10px;
		overflow: hidden;

}

/*Ansicht Tablet************/

@media screen and (min-width:600px) and (max-width:1000px) {

		.gallery {
	        -webkit-column-count: 2;
	        -moz-column-count: 2;
	        column-count: 2;
	    }
    }

/* Ansicht Mobile **************/

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

	.gallery {
			-webkit-column-count: 1;
			-moz-column-count: 1;
			column-count: 1;
	}
}

/* Padding Galerie ******/

.gallery img{

  margin-bottom: 10px;
  border-radius: 4px;

}

/* Galerie Überschriften********/

.galerieüberschrift{

		background: var(--bs-blue);
		border-radius: 3px;

}

.galerieüberschrift h2{

		line-height: 1.8;

}

.galerieüberschrift:hover{

		background: var(--bs-yellow);
		transition:350ms;-webkit-transition: all 350ms;-moz-transition: all 350ms;-o-transition: all 350ms;

}

.galerieüberschrift a h2:hover{

		color: var(--bs-blue)!important;
		transition:350ms;-webkit-transition: all 350ms;-moz-transition: all 350ms;-o-transition: all 350ms;


}

.galerieüberschrift a:hover{

		text-decoration: none;

}



/*Mobile Ansicht**********/

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

	.a1 a, .a2 a, .a3 a{

    font-size: 1.2em;
    width:250px;

	}
.a1 a:before, .a2 a:before, .a3 a:before{

  margin-bottom: 44px;
	margin-top: 4px;
}
}
/* Design Card******************/
.card{
  border-color: var(--bs-blue);
  margin-bottom: 15px;
}

.card-header{
  color:#fff;
  background-color: var(--bs-blue);
}

.cardohneboarder{
  border-bottom: none;
  border-left: none;
  border-right: none;
}

p{
  margin-bottom: 0px;
}



/* Checkbox *************/
.custom-control-label::before{
border-color: var(--bs-blue);

}

.custom-control-input:checked ~ .custom-control-label::before{
    background-color: #1d3871;
    border-color: #1d3871;

}

.custom-checkbox label{    background-image: url('bilder/required-field.png');
    background-repeat: no-repeat;
    background-position-x: right;}

/* Formular Design*********/
/*Einfügen Karte Border entfernt*/
.powermail_fieldset_45, .powermail_fieldset_47{
	border-style: none;
}
/* Einfügen Karte Hintergrund entfernt**/
.powermail_fieldset_45, .powermail_fieldset_47{
	--bs-card-bg: #4c7aa0;
}
/* Abstand links von Karte******/
.powermail_fieldset .row{
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}
/* Pflichtfeld Sternchen Rot**/
.mandatory{
	color:red;
}

/*Ausblenden von Eingabe Feldern standard**/

.powermail_fieldset_22 ,.powermail_fieldset_39, .powermail_fieldset_40, .powermail_fieldset_41, .powermail_fieldset_42{
	display: none;
}

.powermail_fieldset_28, .powermail_fieldset_32, .powermail_fieldset_36, .powermail_fieldset_37, .powermail_fieldset_38{
	display: none;
}




/* Abschick Button*********/

.button_absenden{

		color: var(--bs-yellow);
		background-color: #1d3871;
    width: auto;
    box-shadow:4px 4px 23px -3px rgba(0,0,0,1);

}

.button_absenden:hover{

		color: #1d3871;
		background-color: var(--bs-yellow);

		transition:350ms;-webkit-transition: all 350ms;-moz-transition: all 350ms;-o-transition: all 350ms;

}




/* Kontakt Karten****************/

/*Textgröße Information************/
.kontakt_info p{

	font-size: 1.25rem;
	margin-bottom:0px;


}

.kontakt_info a{
	color: var(--bs-body-color);
}