html,body {
	font-family: 'open_sansregular', sans-serif;
	letter-spacing:0.01em;
	line-height: 1.6em;
	font-size:100%;
	color:#013467;
}

video{
	width:100%;
	height:auto;
}
.clear{
	clear: both;
}
/* ---------------------------------------------------------- */
						/* Schriften */
/* ---------------------------------------------------------- */
.titel{ /* Überschriften auf den Unterseiten */
	font-size:1.6em;
	text-transform: uppercase;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:solid 1px #edeceb;
	line-height:1.2em;
}
.title{ /* Überschrift auf der Startseite */
	padding-top: 10px;
	/* text-transform: uppercase; */
	font-size: 1.8em;
	font-weight:400;
	line-height:1.2em;
}
h1{
	padding-top: 10px;
	/* text-transform: uppercase; */
	font-size: 1.8em;
	font-weight:400;
	line-height:1.2em;
}
h2{
	font-size:1.6em;
	text-transform: uppercase;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:solid 1px #edeceb;
	line-height:1.2em;
}
h3{ /* h3 war mal h2 */
	font-size:1em;
	margin-top:2%;
}
p{
	font-size:1em;
	margin-bottom:2%;
	font-weight:300;
	/* line-height:1.em; */
}
b{
	font-weight:bold;
}
strong{
	font-weight:bold;
}
.footercontent p,
.footercontent a{
	font-size:1em;
	line-height:1.4em;
}

a:hover{
	opacity:0.9;
	transition: 0.8s ease-out ;
}
ol .aufzahlung{
	list-style-type: decimal;
	cursor:pointer;
}
.aufzahlung li{
	/* background-color:red; */
}
ol {
	/* list-style:decimal; */
	/* background-color:red; */
}
ol li{
cursor:pointer;

}
/* ol li:hover{
	opacity:0.9;
	transition: 0.8s ease-out ;
} */
/* "Normale" Aufzählungen */
.content li{
	list-style-position: oustide;
	list-style-type:disc;
	margin-left:20px;
	margin-top:20px;
	font-size:1em;
}
/* Aufzählung für Vorteile */
.pikto li{
	font-size:1em;
	list-style-position: inside;
	margin-top:20px;
	padding-bottom:5%;
	padding-top:10px;
 	list-style-type: none;
    padding-left: 140px;
    background-repeat:no-repeat;
    background-position:left center; 
}
/* Piktogramme für die einzelnen Vorteile */
li.temperatur{
    background-image:url('../images/vorteile/piktogramme/hitze.png');
}
li.schnellbefullbar{
   background-image:url('../images/vorteile/piktogramme/schnellbe.png');
}
li.leichtbefullbar{
    background-image:url('../images/vorteile/piktogramme/leichtbe.png');
}
li.transportsabil{
    background-image:url('../images/vorteile/piktogramme/transportstabil.png');
}
li.greinsatzgebiet{
    background-image:url('../images/vorteile/piktogramme/greinsatzgebiet.png');
}
li.keinefremdmittel{
    background-image:url('../images/vorteile/piktogramme/keinefremdmittel.png');
}
li.einmaterial{
    background-image:url('../images/vorteile/piktogramme/einmaterial.png');
}
li.bedruckbar{
    background-image:url('../images/vorteile/piktogramme/bedruckbar.png');
}
li.entleerbar{
    background-image:url('../images/vorteile/piktogramme/entleerbar.png');
}
li.leichtlosbar{
    background-image:url('../images/vorteile/piktogramme/leichtlosbar.png');
}
.content a{
	color:inherit;
	text-decoration:none;
}
.argument{
	/* font-size:1.2em; */
	letter-spacing:0.01em;
	text-transform: uppercase;
}
.mittig{
	text-align:center;
}
.nummern{
	width:90%;
}
.nummern li{
	list-style:none;
	border:solid 0.4px;
	padding:2%;
	margin-left:0%;
	
	background-image:url('../images/funktion/play.png');
    background-repeat:no-repeat;
    background-position:right 20px center; 
	background-size: 34px auto;
}
.nummern li:hover{
	transition: 1.2s ease-out ;
	background-color:#013467;
	color:white;
	background-image:url('../images/funktion/playwhite.png');
}
/* Aufzählung auf blauen Hintergrund */
.nummernbg{
	width:90%;
}
.nummernbg li{
	list-style:none;
	border:solid 0.4px;
	padding:2%;
	margin-left:0%;
	
	background-image:url('../images/funktion/playwhite.png');
    background-repeat:no-repeat;
    background-position:right 20px center; 
	background-size: 34px auto;
}

.nummernbg li:hover{
	transition: 1.2s ease-out ;
	background-color:white;
	color:#013467;
	background-image:url('../images/funktion/play.png');
}
.contentimg{
	width:80%;
}
.contentimg img{
	/* width:70%; */
	padding:8%;
	margin:0 auto;
}
/* ---------------------------------------------------------- */
						/* Header */
/* ---------------------------------------------------------- */
header{
}
.bg_head{
	background-color:#013467;
}
.head{
}
.headimg{
	width:30%;
	padding-top:32px;
	padding-bottom:-5px;
}
.headimglogo{
	width:100%;
	padding-top:40px;
}


/* ---------------------------------------------------------- */
						/* Bereiche */
/* ---------------------------------------------------------- */
.content{
	padding: 10px;
}
.content img{
	width:100%;
}
.buehne{
	z-index:1;
}
.buehne img{
	width:100%;
	border-bottom:solid 1px #013467;
}
/* Farbiger Hintergrund */
.bg{
	background-color:#013467;
	color:#edeceb;
	width:100%;
	padding-bottom:3%;
	padding-top:3%;
}
.downloadicon{
	/* background-color:green; */
	float:left;
	border:solid 1px #013467;
	background-color: #013467;
	color:#edeceb;	
	margin:2%;
	padding:5%;
	width:42%;
}
.downloadicon p{
	margin-top:8%;
}
.downloadicon img{
	width:40%;
}
.downloadicon:hover{
	opacity:0.8;
	transition: 0.8s ease-out ;
}

.videobuehne{
	width:100%;
	/* margin-top:8%; */
	cursor:pointer;
}
video{
	border:solid 0.2px;
}
.videobuehne video:hover{
	/* opacity:0.7;
	transition:0.6s ease-out; */
}
.videobuehne img{
	width:100%;
}
.kartusche{
	width:70%;
	height:auto;
	margin:0 auto;
	position:relative;
	/* background-color:red; */
}
.kartusche img{
	width:100%;
	/* background-color:green; */
	margin-bottom:-3%;
}
/* ---------------------------------------------------------- */
						/* Startseite */
/* ---------------------------------------------------------- */
.startlogo{
	position:absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	width:35%;
	z-index:99;
	margin-top:8%;
}
.startlogo img{
	width:100%;
}


.recycle{
	position:right;
	margin-left: 90%;
	margin-right: auto;
	left: 0;
	right: 0;
	width:100%;
	z-index:99;
	margin-top:8%;
}
.recycle img{
	width:100%;
}

/* ---------------------------------------------------------- */
						/* Footer */
/* ---------------------------------------------------------- */
footer{
	background-color:#013467;
}
.footerlogo{
}
.footerlogo img{
	width:50%;
}

.footercontent{
	color:#edeceb ;
	text-align:center;
}
.footercontent a:hover{
	color:#edeceb;
	border-bottom:dotted #edeceb 1px;
	transition: 0.8s ease-out ;
}
.buttonup{
	margin:0 auto;
	width:60%;
}
.buttonup:hover{
	color:#edeceb;
	cursor:pointer;
	transition: 0.8s ease-out ;
}
.links{
	text-align:left;
}
.right{
	text-align:right;
}
.footercontent a{
	text-decoration:none;
	color:#edeceb;
}
.social{
	/* background-color:green; */
}
.social img{
	width:20%;
	margin:0 auto;
}
.social a:hover{
	border-bottom:none;
	opacity:0.7;
	transition:ease-out 0.6s;
}
/* ---------------------------------------------------------- */
						/* 404 Page not found */
/* ---------------------------------------------------------- */
#pagenotfound{
	/* background-color:red; */
	margin-top:4%;
}
.pagenotfoundlogo{
	position:absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	width:35%;
	z-index:99;
	margin-top:6%;
}
.pagenotfoundlogo img{
	width:100%;
}
.backhome{
	margin:0 auto;
	border:solid 1px;
	padding-top:10px;
	padding-bottom:10px;
	width:35%;
	margin-top:10%;
	margin-bottom:10%;
	text-transform:uppercase;
	letter-spacing:0.02em;
	
}
.backhome:hover{
	color:white;
	background-color:#013467;
	cursor:pointer;
	transition: 0.4s ease-out;
}
/* ---------------------------------------------------------- */
						/* MediaQueries */
/* ---------------------------------------------------------- */
@media screen and (max-width: 999px) {
.language{
	padding-right:2%;
	padding-top:1%;
}
.startlogo{
	width:50%;
	margin-top:25%;
}

.recycle{
	margin-left:20px;
	margin-top:20%;

}
}
@media screen and (max-width: 767px) {
.headimg{
	width:10%;
    }
.headimglogo{
	width:50%;
	padding-top:20px;
}
.contentimg{
	height:400px;
	width:100%;
	overflow:hidden;
}
.contentimg img{
	margin-top:-2%;
}
.links{
	text-align:center;
	margin-bottom:10%;
}
.right{
	text-align:center;
	margin-top:10%;
}
.kartusche{
	display:none;
}
}