@charset "utf-8";
/* CSS Document */
/* CSS Resets */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}


* { margin:0; padding:0; } 

html, body{ height: 100%; font-family: 'Dosis', sans-serif; font-size:14px; color:#7c7c7c; background:#fafafa; font-weight: 400;}
body {    overflow-x: hidden;}

a{color: #008aff; text-decoration: none;}
a:hover{background:#64C6E1; text-decoration:none;}
p{line-height: 1.4em;}

nav ul{list-style: none;}
/*img{width: 100%; height: auto;}*/

h1{font-family: 'Playball', cursive; font-weight: 400; text-align: center; font-size: 2.2em;  z-index: 10; padding: 10px; position:relative; width: 300px; margin: 0 auto; color: #032BD5;}
h2{font-family: 'Dosis', sans-serif; font-weight: 300; text-transform:uppercase; margin: 0 50px 20px 50px;}
h3{font-weight: 400; font-size: 1.8em; margin: 100px 50px 30px 50px;}
h3 span{font-family: 'Playball', cursive; font-size: 1.1em;}
h4{font-size: 1.5em; font-weight: 400; }
h5{margin: 20px 0 10px 0;font-size: 1.5em; font-weight: 400;}

hr{border: 1px solid rgba(238,238,238,0.5); width: 80%; margin: 30px 0;}

.clear{clear: both;}

header, section, footer{width: 100%;}
*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

[class*='col-'] {	float: left;}
[class*='col-']:last-of-type {	padding-right: -20px;}
.row {	width: 100%;	max-width: 1140px;	margin: 0 auto;}
.row:after {	content: "";	display: table;	clear: both;}

.col-20{width: 20%;}
.col-25{width: 25%;}
.col-30{width: 30%;}
.col-40{width: 40%;}
.col-48{width: 48%;}
.col-50{width: 50%;}
.col-52{width: 52%;}
.col-60{width: 60%;}
.col-70{width: 70%;}
.col-80{width: 80%;}
.col-90{width: 90%;}
.col-100{width: 100%;}

.mobil-txt{display: none;}

header{color: #373737; background:url(../images/header02.jpg) no-repeat; background-size:cover;}
header nav ul{float: left; margin-bottom: 20px;}
header nav ul li{float: left;}
header nav ul li a{padding: 10px 25px; display: block; border-radius: 10px; text-transform:uppercase;background:#29A7ED; color: #fff;}
.fixed {position: fixed;top: 0; left: 0px; height: 50px;z-index: 1;  padding-bottom: 30px;}
header .kontakt{float: left; width: 300px;}
header .kontakt p{clear: both; margin: 10px 0 10px 50px; }
header .kontakt span{ background: #7c7c7c; color: #fafafa; border-radius:50px; float: left; text-align: center; font-weight: 600; width: 25px; height: 25px; line-height:25px; margin: -3px 10px 0 0;}
header .skyline{background:url(../images/dd-skyline.png) no-repeat center bottom; height: 250px; width: 100%; display: block; position: relative; margin-top: 0px;}



header p{margin: 20px 100px 50px 50px; text-align: justify;}
header .line{border-bottom: 1px solid #2694d1;height: 10px; width: 90%; margin: 0 auto; margin-top: -33px; position: relative; z-index: 5;}

section{padding-bottom: 100px;}
section .row{border-top: 1px solid rgba(208,208,208,0.91); padding: 50px 0;}

section .col-60 p{width: 470px; margin: 0 50px 20px 50px; text-align:justify;}
section .col-40 img{border: 10px solid #fff;-webkit-box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.75);
box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.75);}
section .col-40 p{ margin: 0 50px 20px 50px; text-align:justify;}
section ul{list-style: none; margin: 0 50px 20px 50px;}

footer{background: #008aff; color: #fafafa; position:absolute; z-index: 50; background-position:center center; height: auto; padding: 0 30px 10px 30px;}
footer .kleingedrucktes{font-size: 0.8em;}
footer .contact-round{ margin: 0 auto; width: 150px; height: 150px; z-index: 100; position: relative; margin-top: -98px;}
footer .col-50 p{clear: both; margin: 20px 0;}
footer .col-50 span{ background: #fafafa; color: #7c7c7c; border-radius:50px; float: left; text-align: center; font-weight: 600; width: 25px; height: 25px; line-height:25px; margin: -3px 10px 0 0;}
footer nav{float: left; width: 250px;}
footer nav ul li a{color:#e9e9e9; display: block; padding: 8px 0px; background:url(../images/arrow.png) no-repeat; background-position: right 12px; width: 200px;}
footer nav ul li a:hover{color: #e9e9e9;background:url(../images/arrow.png) no-repeat; background-position: right 12px;}
footer #map{width:100%;height:400px; margin-top: -52px; position: relative;}
footer #map img{border: none;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
footer #map .info-window-content{width: 250px; height: 90px;  border-radius: 50px;}
footer .top{position: relative; bottom: 76px; left: 90%; z-index: 9999;margin-bottom: -77px;}
footer a{color:#fafafa;}
footer a:hover{background: none;}