*{
	outline: none!important;
}
html,body{
	width: 100%;

}
html.open,body.open{
	height: 100%;
	overflow: hidden;
}
#werbung{
	position: fixed;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	      animation: changeColor 240s infinite alternate linear;

}
#site-wrapper{
	position: relative;
	z-index: 1;
}
.text-small{
	font-size:14px!important;
	line-height:16px!important;
}
button.navbar-toggler {
    z-index: 2;
    position: absolute;
    top: 90px;
}
a.navbar-brand.mx-auto {
    z-index: 2;
}
a.navbar-brand .standart{
	display: block;
}
a.navbar-brand.open .standart{
	display: none;
}
a.navbar-brand .menue-open{
	display: none;
}
a.navbar-brand.open .menue-open{
	display: block;
}
/* Menühintergrundverlauf */
body.open nav.navbar {
    display: inline-block;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
/* Permalink - use to edit and share this gradient. Permalink - Zum Bearbeiten und Teilen dieses Verlaufs verwenden: https://colorzilla.com/gradient-editor/#b6b6dc+0,626aaf+100 */
background: linear-gradient(135deg,  #b6b6dc 0%,#626aaf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */



}

.highlight {
    background: #b5b5dc;
    padding: 1rem;
    margin: 1rem 0;
    border-left: 5px solid #203a8f;
    width: 100%; /* Standardbreite für mobile Endgeräte */
    box-sizing: border-box; /* Berücksichtigt Padding und Border in der Breite */
    overflow: hidden;
}

/* Media Query für größere Bildschirme */
@media (min-width: 768px) {
    .highlight {
        width: 40%;
        float: right; /* Lässt den Fließtext um den Kasten fließen */
        margin-left: 1rem; /* Abstand zum Fließtext auf der linken Seite */
    }
}



}
/*Bilder-im Kasten */
.highlightBild {
    padding: 1rem;
    margin: 1rem 0;
    border-left: 0px solid #203a8f;
    width: 100%; /* Standardbreite für mobile Endgeräte */
    box-sizing: border-box; /* Berücksichtigt Padding und Border in der Breite */
    overflow: hidden;
}

/* Media Query für größere Bildschirme */
@media (min-width: 768px) {
    .highlightBild {
        width: 40%;
        float: right; /* Lässt den Fließtext um den Kasten fließen */
        margin-left: 1rem; /* Abstand zum Fließtext auf der linken Seite */
    }
}



/* Bilder-im Kasten Links */
.highlightBildLinks {
    padding: 1rem;
    margin: 1rem 0;
    border-left: 0px solid #203a8f;
    width: 100%; /* Standardbreite für mobile Endgeräte */
    box-sizing: border-box; /* Berücksichtigt Padding und Border in der Breite */
    overflow: hidden;
    float: left; /* Links ausgerichtet */
}

/* Media Query für größere Bildschirme */
@media (min-width: 768px) {
    .highlightBildLinks {
        width: 40%;
        float: left; /* Links ausgerichtet */
        margin-right: 1rem; /* Abstand zum Fließtext auf der rechten Seite */
    }
}




.menue-icon {
    width: 100px;
    height: 25px;
    background-image: url(../images/menue.svg);
    display: inline-block;
    background-repeat: no-repeat;
}
.menue-icon:hover {
    width: 100px;
    height: 25px;
    background-image: url(../images/menue-hover.svg);
    display: inline-block;
    background-repeat: no-repeat;
}
.menue-icon.open {
    width: 100px;
    height: 23px;
    background-image: url(../images/menue-schliessen.svg);
    display: inline-block;
    background-repeat: no-repeat;
}
/* Schriftfarbe der Menülinks */
.navbar a,.navbar a:visited,.navbar a:active{
	font-family: Unbounded, Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 32px;
	line-height: 36px;
	color:#fff;
	text-decoration: none;
}
.navbar a:hover{
	color:#203a8f;
}
.navbar li:hover{
	border-color:#203a8f!important;
}
/* Standart Schriftart und Farbe */
body,p{
	font-family: Unbounded, Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 22px;
	line-height: 32px;
	color:#000000;
	hyphens: auto; /* Aktiviert automatische Worttrennung */
    -ms-hyphens: auto; /* Unterstützung für ältere Versionen von Internet Explorer */
    -webkit-hyphens: auto; /* Unterstützung für ältere Versionen von Safari */
    overflow-wrap: break-word; /* Alternativ zu word-wrap für bessere Kompatibilität */
    word-wrap: break-word; /* Fallback für ältere Browser */
    word-break: break-word; /* Fallback für ältere Browser */
	
	
	
	
	
	
	
}
a,
a:visited,
a:active{
	color: #203a8f;
	text-decoration: underline;
}
a:hover{
	color: #fcc566;
	text-decoration: underline;
	font-weight: bold;
}

/* Schriftfarbe Footerlinks */
footer a{				
	color: #000000
}
footer a:hover{				
	color: #203a8f
}

h1{
	font-family: Unbounded, Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 64px;
	line-height: 72px;
	color:#000000;
}
h2{
	font-family: Unbounded, Helvetica, Arial, sans-serif;
	font-weight: 800;
	font-style: normal;
font-size: 22px;
	line-height: 38px;
	color:#203a8f;
	margin-bottom: 0;
}
h3{
	font-family: Unbounded, Helvetica, Arial, sans-serif;
	font-weight: 800;
	font-style: normal;
	font-size: 22px;
	line-height: 38px;
	color:#203a8f;
	margin-bottom: 0;
}

.row ul li{
	list-style-type: none;
}
.row ul li::before {
    display: inline-block;
    content: '';
    background-image: url(../images/listenelement.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 22px;
    height: 22px;
    position: relative; /* Füge die Position: relative; Eigenschaft hinzu */
    top: 4px; /* Ändere die top-Eigenschaft auf 17px */
    margin-right: 5px;
    margin-left: -30px; /* Ändere den linken Rand, um den Versatz anzupassen */
    line-height: 0px;
}

/* Farbe der Border (Umrandungen) */
.border-light {
    border-color: #000000!important;
}
.border-dark {
    border-color: #000000!important;
}
/* Hintergrundfarbe der Kästen */
.bg-dark {
    background-color: #!important;
}
.bg-light {878787
    background-color: #!important;
}

/* Eigenschaften auf Smartphones */

/* Medienabfrage für kleine Bildschirme */


@media screen and (max-width: 767px) {
    h1 {
        font-size: 46px; ord-wrap: break-word;/* Kleinere Schriftgröße für mobile Endgeräte */
    }
    h2 {
        hyphens: auto; /* Aktiviert automatische Worttrennung */
        -ms-hyphens: auto; /* Unterstützung für ältere Versionen von Internet Explorer */
        -webkit-hyphens: auto; /* Unterstützung für ältere Versionen von Safari */
        font-size: 20px; /* Kleinere Schriftgröße für mobile Endgeräte */
        overflow-wrap: break-word; /* Alternativ zu word-wrap für bessere Kompatibilität */
        word-wrap: break-word; /* Fallback für ältere Browser */
        word-break: break-word; /* Fallback für ältere Browser */
    }
}











@media (max-width: 767px){
	.navbar a {
	    font-size: 25px;
	    line-height: 30px;
	}
	.text-small {
	    font-size: 12px!important;
	    line-height: 14px!important;
	}
	a.navbar-brand img {
	    max-width: 190px!important;
	}
	.menue-icon,
	.menue-icon.open,
	.menue-icon:hover{
	    width: 70px;
	    height: 25px;
	}
	.menue-icon.open {
	    width: 70px;
	    height: 24px;
		padding-top: 20px!important;

	}
	button.navbar-toggler {
	    top: 74px;
	}
}