?* {
	margin: 0;
	padding: 0;
	list-style: none;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
@font-face {
    font-family: 'muliregular';
    src: url('../fnt/muli-webfont.woff2') format('woff2'),
         url('../fnt/muli-webfont.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'mulibold';
    src: url('../fnt/muli-bold-webfont.woff2') format('woff2'),
         url('../fnt/muli-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-display: swap;
}
@font-face {
    font-family: 'mulibolditalic';
    src: url('../fnt/muli-bolditalic-webfont.woff2') format('woff2'),
         url('../fnt/muli-bolditalic-webfont.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'muliextralightitalic';
    src: url('../fnt/muli-extralightitalic-webfont.woff2') format('woff2'),
         url('../fnt/muli-extralightitalic-webfont.woff') format('woff');
    font-weight: lighter;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'muliregularitalic';
    src: url('../fnt/muli-italic-webfont.woff2') format('woff2'),
         url('../fnt/muli-italic-webfont.woff') format('woff');
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'mulilight';
    src: url('../fnt/muli-light-webfont.woff2') format('woff2'),
         url('../fnt/muli-light-webfont.woff') format('woff');
    font-weight: lighter;
    font-display: swap;
}
@font-face {
    font-family: 'mulilightitalic';
    src: url('../fnt/muli-lightitalic-webfont.woff2') format('woff2'),
         url('../fnt/muli-lightitalic-webfont.woff') format('woff');
    font-weight: lighter;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'mulisemibold';
    src: url('../fnt/muli-semibold-webfont.woff2') format('woff2'),
         url('../fnt/muli-semibold-webfont.woff') format('woff');
    font-weight: bolder;
    font-display: swap;
}
body {
	font-family: 'muliregular', "Century Gothic", Helvetica, sans-serif;
	color: darkblue;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(37,91,167,0.2)), color-stop(50%, #fff), to(rgba(37,91,167,0.2)));
	background: -webkit-linear-gradient(top, rgba(37,91,167,0.2) 0%, #fff 50%, rgba(37,91,167,0.2) 100%);
	background: -o-linear-gradient(top, rgba(37,91,167,0.2) 0%, #fff 50%, rgba(37,91,167,0.2) 100%);
	background: linear-gradient(180deg, rgba(37,91,167,0.2) 0%, #fff 50%, rgba(37,91,167,0.2) 100%);
	/*background:url('../img/Sollido-Streifen.svg') no-repeat;
	background-size:cover;
	/*background-attachment:fixed;*/
}

/*---Kopfzeile---*/
#fixedtop {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index:100;
	height:70px;
	max-width:1400px;
	margin:0 auto;
	border: 1px rgba(37,91,167,1) solid;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(180,200,230,1)), color-stop(55%, #fff), to(rgba(180,200,230,1)));
	background: -webkit-linear-gradient(top, rgba(180,200,230,1) 0%, #fff 55%, rgba(180,200,230,1) 100%);
	background: -o-linear-gradient(top, rgba(180,200,230,1) 0%, #fff 55%, rgba(180,200,230,1) 100%);
	background: linear-gradient(180deg, rgba(180,200,230,1) 0%, #fff 55%, rgba(180,200,230,1) 100%);
}
#fixedtop p {
	position: absolute;
	top:-5%;
	left:1em;
}
#fixedtop p a {
	text-decoration: none;
    color: darkblue;
}
#fixedtop p a:hover {
	padding-left: 5px;
	font-weight:bold;
}
.logo img {
	position: absolute;
	right:30px;
	top:10px;
	width:120px;
}

/*---Navigation---*/
#nav span {
	display: none;
}
#nav, #nav ul {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
#nav {
	background-color: #D1DCED;
	float: left;
	position: relative;
	top:70px;
	width: 100%;
	display: none;
}
#nav ul.subs {
	background-color: #D1DCED;
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
	display: none;
	left: 0;
	/*padding-left: 5%;*/
	position: absolute;
	top: 50px;
	width: 100%;
}
#nav li a {
	display: block;
	text-decoration: none;
	-o-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
	-webkit-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
	transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
	white-space: normal;
}
#nav > li > a {
	color: darkblue;
	display: block;
    /*--background-color: rgba(37,91,167,0.95);--*/
	/*font-size: 1.2em;*/
	line-height: 30px;
	padding-left: 10px;
}
#nav > li:hover > a, #nav > a:hover {
	background-color: rgba(37,91,167,0.4);
    text-decoration: underline;
    font-weight:bold;
}
#nav li.active > a {
	background-color: rgba(37,91,167,0.4);
}
#nav ul.subs > li a {
	color: darkblue;
	line-height: 22px;
}
#nav ul li a:hover {
	/*color: rgba(50,70,180,1);*/
	font-weight:bold;
	padding-left: 5px;
}
#nav ul.subs > li > a {
	/*font-size: 1.2em;*/
	/*margin-bottom: 10px;*/
	text-transform: uppercase;
}
#nav ul.subs > li li {
	float: none;
	padding-left: 8px;
	-o-transition: padding 150ms ease-out 0s;
	-webkit-transition: padding 150ms ease-out 0s;
	transition: padding 150ms ease-out 0s;
}
#nav ul.subs > li li:hover {
padding-left: 15px;
}
#nav > li {
	float: none;
	border-bottom: 0;
	margin-bottom: 0;
	text-align: left;
	-o-transition: all 300ms ease-in-out 0s;
	-webkit-transition: all 300ms ease-in-out 0s;
	transition: all 300ms ease-in-out 0s;
}
#nav ul.subs {
	position: relative;
	top: 0;
}
#nav li:hover ul.subs {
	display: none;
}
#nav li #s1:target + ul.subs,
#nav li #s2:target + ul.subs,
#nav li #s3:target + ul.subs,
#nav li #s4:target + ul.subs {
	display: block;
}
#nav ul.subs > li {
	display: block;
	width: auto;
	padding:5px 0;
}
/*---Menü für Navigation Smartphones---*/
.show-nav {
    position: absolute;
    top:35px;
    /*--background-color: rgba(0,0,0,0.2);--*/
    /*font-size:1.2em;*/
    /*color:darkblue;*/
    padding:6px 12px;
    display: block;
}
.show-nav:hover {
	background-color: rgba(37,91,167,0.4)
}

/*---Menü verstecken---*/
input[type=checkbox]{
    display: none;
}
/*---Menü zeigen---*/
input[type=checkbox]:checked ~ #nav{
    display: block;
}

/*---Ausblenden des Banners für Smartphones---*/
#banner {
	display:none;
}

/*---Rahmen für den Inhalt---*/
main {
	position: relative;
	top:70px;
	margin:0 auto;
	max-width: 1400px;
	border: 1px rgba(50,70,180,0.8) solid;
}

/*---Inhalt---*/
section, #content {
	padding:0.3em;
}
section {
    position: relative;
    background: rgba(37,91,167,0.1);
}
#jump11, #jump12, #jump13, #jump14, #jump15, #jump16, #jump17, #jump18 {
	position:absolute;
	top:-70px;
}
header {
	font-family: 'mulibold', "Century Gothic", Helvetica, sans-serif;
	font-size:1.8em;
	font-weight:bold;
	padding:0.5em 0.2em;
}

article, aside {
	position:relative;
}
aside { 
	min-width:200px;
	background-color:rgba(37,91,167,0.1);
	margin:0 0.5em;
	padding:1em;
}
article p, aside p {
	padding:1em 0;
}

/*---Klassenelemente---*/
.right { 
	background: rgba(37,91,167,0.3);
}
.white {
	background:rgba(254,254,254,0.3);
}

/*---Inhalt Bilder + Elemente---*/
#content figure {
	position: relative;
	margin: 0;
}
#content figure img {
	width:100%;
	background: rgba(50,70,180,0.3);	
	border: 1px rgba(50,70,180,0.2) solid;
	-o-transition: all 300ms ease-in-out 0s;
	-webkit-transition: all 300ms ease-in-out 0s;
	transition: all 300ms ease-in-out 0s;
	cursor: pointer;
}
#content figure img:hover {
	-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.4);
	        box-shadow: 5px 5px 10px rgba(0,0,0,0.4);
}
#content figcaption {
	position: absolute;
	bottom:0.2em;
	width:100%;
	background: rgba(50,70,180,0.4);
	text-align: center;
}
#content figcaption {
	padding: 0em;
	color: white;
	font-family: 'muliregularitalic', "Century Gothic", Helvetica, sans-serif;
}
/* Anfang Lightbox */
/* Außerhalb verstecken */
.lightbox-target {
position: fixed;
top: -100%;
left:0;
z-index:150;
width: 100%;
background: rgba(0,0,0,0.9);
opacity: 0;
-webkit-transition: opacity .5s ease-in-out;
-o-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
overflow: hidden;
}
/* Style für Lightbox img */
.lightbox-target img {
margin: auto;
position: absolute;
top: 0;
left:0;
right:0;
bottom: 0;
z-index:150;
max-height:0%;
max-width:0%;
-webkit-box-sizing: border-box;
        box-sizing: border-box;
-webkit-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
/* Style der X-Taste */
a.lightbox-close {
display: block;
width:50px;
height:50px;
-webkit-box-sizing: border-box;
        box-sizing: border-box;
background: rgba(217,235,235,0.8);
font-size:2em;
text-decoration: none;
text-align:center;
padding-top:0.1em;
position: absolute;
top: -80px;
right: 0;
z-index:150;
-webkit-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
/* :target zur Animation */
.lightbox-target:target {
opacity: 1;
top: 0;
bottom: 0;
}
.lightbox-target:target img {
max-width: 700px;
max-height: 98%;
}
.lightbox-target:target a.lightbox-close {
top: 0px;
}
/*Ende Lightbox*/

#content ul {
	margin:0 0 1em 1em;
}
#content ul li {
	list-style-type: square;
	padding: 0.2em 0;
}
#content ul ul li {
	list-style-type:disc;
}
article {
	-ms-flex-line-pack: justify;
	align-content: space-between;
	margin-bottom: 3em;
}
iframe {
	margin-left: 5%;
	width:90%;
	min-height:450px;
	border: 3px rgba(50,70,180,0.5) solid;
}
.button {
	-o-transition: all 300ms ease-in-out 0s;
	-webkit-transition: all 300ms ease-in-out 0s;
	transition: all 300ms ease-in-out 0s;
	background-color: rgba(50,70,180,0.6);
	border-radius: 0.375em;
	border:0;
	color: white;
	cursor: pointer;
	display: inline-block;
	font-size: 1.2em;
	font-weight: bold;
	width:90%;
	letter-spacing: 0.1em;
	padding: 0.2em 0em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	position: absolute;
	bottom:0;
}
.button:hover {
	background-color: rgba(20,30,70,1);
	-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.4);
	        box-shadow: 5px 5px 10px rgba(0,0,0,0.4);
}
.button-small {
	-o-transition: all 300ms ease-in-out 0s;
	-webkit-transition: all 300ms ease-in-out 0s;
	transition: all 300ms ease-in-out 0s;
	background-color: rgba(50,70,180,0.6);
	border-radius: 0.375em;
	border: 0;
	color: white;
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	font-weight: bold;
	width:90%;
	letter-spacing: 0.1em;
	padding: 0.2em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	position: absolute;
	bottom:10px;
}
.button-small:hover {
	background-color: rgba(20,30,70,1);
	-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.4);
	        box-shadow: 5px 5px 10px rgba(0,0,0,0.4);
}
h1 {
	font-family: 'mulibold', "Century Gothic", Helvetica, sans-serif;
    padding:0.5em;
}
h2 {
	font-family: 'mulisemibold', "Century Gothic", Helvetica, sans-serif;
	padding:0.3em 0;
}
h3 {
	font-family: 'muliregularitalic', "Century Gothic", Helvetica, sans-serif;
	/*padding:0.2em 0;*/
	font-size:1.2em;
}
table {
	width: 100%;
}
td {
	vertical-align:top;
	overflow:hidden;
}
#tdlinks {
	width:160px;
}

/*---Fusszeile---*/
#home { 
	background-color:rgba(50,70,180,0.6);
 	padding: 10px; 
 	text-align: center; 
 	}
footer {
	background-color:rgba(7,21,71,1);
 	padding: 10px; 
 	text-align: center; 
}
footer a, #home a {
    display:inline-block;
    padding:0.5em 1em;
    text-decoration: none;
    color:white; 
 	cursor: pointer 
}
#home a {
	width:100%;
	font-size: 1.5em;
}
	
/*---Tablets---*/
@media screen and (min-width:520px) {
#fixedtop {
	height:80px;
}

.logo img {
	top: 9px;
	width:140px;
}
.show-nav {
    top:40px;
    font-size:1.1em;
    padding:8px 12px;
}
#nav {
	top:81px;
}
main {
	top:80px;
}
#jump11, #jump12, #jump13, #jump14, #jump15, #jump16, #jump17, #jump18 {
	top:-80px;
}

/*---Inhalt für Tablets---*/	
	#content {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: row wrap;
		        flex-flow: row wrap;
	}
	article {
		-webkit-box-flex:3;
		    -ms-flex:3;
		        flex:3;
		-webkit-box-ordinal-group:3;
		    -ms-flex-order:2;
		        order:2;
		min-width:250px;
		padding:0 0.8em;
	}
	aside {
		-webkit-box-flex:2;
		    -ms-flex:2;
		        flex:2;
		-webkit-box-ordinal-group:2;
		    -ms-flex-order:1;
		        order:1;
		min-width:300px;
	}
	.right {
		-webkit-box-flex:2;
		    -ms-flex:2;
		        flex:2;
		-webkit-box-ordinal-group:5;
		    -ms-flex-order:4;
		        order:4;
	}
	.button {
	width:90%;
	}
	.button-small {
	width:93%;
	}
}
/*---Größere Bildschirme---*/ 
@media screen and (min-width:720px) {

#fixedtop {
	height:115px;
}
.logo img {
	top:10px;
	width:200px;
}
main {
	top:115px;
}
#jump11, #jump12, #jump13, #jump14, #jump15, #jump16, #jump17, #jump18 {
	top:-100px;
}

/*---Navigation zeigen ---*/
	.show-nav {
	    display:none;
	}
	#nav {
		position: relative;
		top:63px;
		display:block;
        background-color: transparent;
	}   
	#nav ul.subs {
		position: absolute;
		top: 53px;
		width: 100%;
		border: 1px rgba(50,70,180,0.8) solid;
		height:190px;
	}
	#nav > li {
		border-bottom: 5px solid transparent;
		float: left;
		margin-bottom: -5px;
	}
	#nav > li > a {
		font-size: 1.1em;
		padding: 10px 10px;	
}
	#nav li:hover ul.subs {
		display: block;
	}
	#nav ul.subs > li {
		display: inline-block;
		float: none;
		padding: 20px 1%;
		vertical-align: top;
		width: 40%;
	}
	#nav ul.subs > li li {
		padding-bottom:5px;
}
	
/*---Anzeigen des Banners für Tablets und größer---*/
	#banner {
		display:block;
		position: relative;
		top:0px;
	}
	#banner img {
		position: relative;
		z-index:1;
        width:100%;
	}
	#banner figure {
		position: absolute;
		top: 0;
		left: 0;
        padding:0;
        margin:0;
		z-index: 2;
        width:100%;
		-webkit-animation: wechseln 20s infinite;
		animation: wechseln 20s infinite;
	}
	#banner figcaption {
		position: absolute;
		width:100%;
		left: 0;
        font-family: 'muliregularitalic', "Century Gothic", Helvetica, sans-serif;
		text-align: center;
		padding: 0.1em 0em;
		bottom: 0.2em;
		z-index:3;
		color: white;
		background: rgba(50,70,180,0.4)
		}
/*---Diashow ohne Javascript---*/
	@keyframes wechseln {
		0% {opacity: 1;}
		40% {opacity: 1;}
		50% {opacity: 0;}
		90% {opacity: 0;}
		100% {opacity: 1;}
	}
	@-webkit-keyframes wechseln {
		0% {opacity: 1;}
		40% {opacity: 1;}
		50% {opacity: 0;}
		90% {opacity: 0;}
		100% {opacity: 1;}
	}
	#banner figure:nth-of-type(1) {
		-webkit-animation-delay: 10s;
		animation-delay: 10s;
	}

/*---Inhalt---*/
	article {
		min-width:300px;
		margin:0 0.5em;
		padding:0 0.5em;
	}
	.button {
	bottom:5px;
	width: 95%;
	}
	.button-small {
	width:95%;
	}
}

/*---Desktop-Bildschirme---*/
@media screen and (min-width:1000px) {
/*---Navigationsabstand---*/
	/*#nav > li > a {
		padding: 0 20px;
	}*/

/*---Inhalt---*/
	article {
	min-width:250px;
	}
	.button-small {
	width:90%;
	}
}
