/* Custom Stylesheet */





html {
	

	
	}
	
body {

	
	font-family: "Roboto",sans-serif;
font-weight: 300;
font-size: 16px;
line-height: 22px;
color: #000;
	
	}
	
.bg {
position:fixed;
top:0;left:0;
width:100%;height:100%;
z-index:-1;
background: url(../images/bg-intro.jpg) no-repeat center center;
		padding: 0 0 0 0;
		 -moz-background-size: cover;
    -o-background-size:  cover;
    -webkit-background-size:  cover;
    background-size:  cover;}


.dotorange {color:#ED6D1C !important;}
.bg-dotorange {background-color:#ED6D1C;}
.bg-white {background-color:#FFF;color:#000;}
.bg-dark {background-color:#333;color:#EEE;}
	
a, a:visited, a:active, a:focus {color:#fff;}


#fullpage a, #fullpage a:visited, #fullpage a:active, #fullpage a:focus {}

.modal a, .modal a:visited, .modal a:active, .modal a:focus {color:#ED6D1C !important;}
.modal a:hover, a:focus {text-decoration:underline;} 

.cursor {cursor:pointer;}


.logoholder {position:fixed;top:50px;right:50px;}
#logo {width:150px;float:right;}


#navbarrow, #navbarrowmobil {
	font-weight:200;
	position:fixed;
		z-index:3;
	top:25px;left:0;
	width:100%;}

nav {background:none;background:transparent;}


h1 {margin-top: 20px;
margin-bottom: 20px;
font-size: 46px;
font-weight: 200;
text-shadow: 1px 1px 2px #000;}

h4 {margin-top: 10px;
margin-bottom: 10px;
text-shadow: 1px 1px 2px #000;
font-weight: 200;
font-size: 18px;}



h2 {color: #CCC;font-size: 50px;margin: 10px 0px 10px 0px;
margin-bottom: 10px;font-weight:700;text-transform:uppercase;}

p.h2descr {color: #000;font-size: 18px;font-weight:700;margin:0 0 20px 0;}
p.kontakth2descr {color: #FFF;font-size: 25px;font-weight:100;margin:0;}
p.kontakth2descr.address {font-size: 14px;}
img.dotmap {margin:-130px 0 0 0;display:block;}

h3 {color: #333;font-size: 30px;margin-top: 30px;
margin-bottom: 10px;font-weight:700;text-transform:uppercase;}
p.h3descr {color: #666;font-size: 20px}

.bg-dark h3 {color:#CCC;font-size:18px;font-weight:200;}


a.scroll {width:40px;position:absolute;bottom:50px;left:50%;z-index:10;margin:-40px 0px 0 -20px;cursor:pointer;}
img.scroll {width:40px;}


.row {margin-bottom:0;}

nav ul li:hover, nav ul li.active {background-color: rgba(0, 0, 0, 0);}
nav ul li a {padding:0;line-height:32px;margin:16px 15px 0 15px;-webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;}
nav ul li:hover a, nav ul li.active a  {border-bottom:1px solid #FFF;} 


nav ul li a:hover, nav ul li a:focus {text-decoration:none;}  
    
nav ul li a.last {margin-right:0px;}

#navbarrowmobil {height:50px;}
#navbarrowmobil img {margin:15px 10px 0px 10px;}
#button-mobilenav {width:30px;;float:right;cursor:pointer;position:fixed;z-index:998;top:20px;right:20px;}
#button-close-menu {width:30px;margin:5px 0 10px 20px;cursor:pointer;}

#mymobilenav {display:none;position:fixed;z-index:999;left:0;top:0px;width:100%;height:100%;color:#FFF;margin-left:100%;border-left:1px solid #000;}
#mymobilenav ul li {
padding:0px 0px;
width:100%;
border-bottom:1px solid #000;
}

#mymobilenav ul li a {
color:#FFF;
display:block;
   font-weight:100;
    min-width:none;

  	font-size:1.2em;
    width:100%;
    margin: 0px auto;
	padding:10px 20px;
    text-align: left;

}

#mymobilenav div.kontakt {position: absolute;left:0px;bottom:20px;font-size:0.9em;padding:0px 20px;}
#mymobilenav div.kontakt img.kontakt {width:80px;display:block;margin-bottom:5px;}






	/* Backgrounds will cover all the section
	* --------------------------------------- */
	.section{
		background-size: cover;
		-webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;

	}
	.slide{
		background-size: cover;
		-webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
	}
	
	/* Defining each section background and styles
	* --------------------------------------- */

.section .row.bottom {min-height:35%;bottom:0;padding:50px 0;position:absolute;left:0;width:100%;}

.section .row.bottom.last {bottom:0;padding:50px 0 50px 0;} 

#section-intro{
		background:none;
		background:transparent;
		color:#FFF;
	}
	
.section ul {
	list-style-type:disc;
	padding:0 0px;
	margin:0;
}

.section ul li {
list-style-type:none;
	padding:5px 0px;
}

li .material-icons {padding:8px 0 0 5px;line-height:1px;}


ul.indent li {padding-left: 7px; text-indent: -7px; }

img.team {width:160px;margin-top:10px;}

.social {color:#808080;}
.social img {height:30px;margin-right:10px;margin-top:20px;}



a[href^="tel"]:link,
a[href^="tel"]:visited, 
a[href^="tel"]:hover, a.map,
a.map:visited, 
a.map:hover {

    text-decoration:    none;

    color: #FFF;

}


.cpr {font-size:10px;margin-top:50px;color:#ccc;font-weight:200;}
div.impress {font-size:10px;line-height:12px;padding-top:50px;border-top:0px solid #333;color:#666;}


input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="time"], input[type="date"], input[type="datetime-local"], input[type="tel"], input[type="number"], input[type="search"], textarea.materialize-textarea {
    height: 2rem;
    padding: 0px 5px;
}

div.referenzen {font-size:11px;color:#ccc;}

div.referenzen a {font-size:1.1em;letter-spacing:0px;background-color:;
-webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;}
div.referenzen a:hover {background-color:#222;}


.kontaktform {padding-top:15px !important;padding-bottom:15px !important;}

textarea, input, input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="time"], input[type="date"], input[type="datetime-local"], input[type="tel"], input[type="number"], input[type="search"], textarea.materialize-textarea {
	

	font-size:14px;
	color:#333;
	background-color:#fff;
	margin:5px 0 5px 0 !important; padding:5px 0px !important;
	line-height:18px !important;
	height:auto;
	font-weight:500;
	/* border-bottom:1px solid #FFF; !important; */
}


   /*.input-field input[type=text]:focus + label  */
   .input-field label {color:#ED6D1C;font-size:14px;line-height:18px !important;padding-left:0px;margin:0px;left:0;}

textarea.materialize-textarea {max-width:100%;width:100%;font-weight:normal;}

	

#modalDisclaimer h1, #modalDisclaimer h2, #modalDisclaimer h3, #modalDisclaimer h4, #modalDisclaimer h5,
#Datenschutzerklaerung h1, #Datenschutzerklaerung h2, #Datenschutzerklaerung h3, #Datenschutzerklaerung h4, #Datenschutzerklaerung h5
{text-shadow:none;}

#modalDisclaimer h4,#Datenschutzerklaerung h4 {font-weight:600;font-size:1.2em;margin-top:30px;}

#modalDisclaimer ul,#Datenschutzerklaerung ul {padding:20px 0 0 10px;}

#modalDisclaimer ul h4,#Datenschutzerklaerung ul h4 {margin-top:0px;font-size:1em;}

#modalDisclaimer ul ul,#Datenschutzerklaerung ul ul {list-style:square;padding:0 0 0 20px;}

#modalDisclaimer ul ul li ,#Datenschutzerklaerung ul ul li {list-style:square;padding:0 0 0 0px;}

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

	div.container {width:100%;padding:0 20px;}
	.logoholder {top:20px;right:20px;}
	#navbarrow {		
	top:5px;left:0;
	width:80%;}

}

@media only screen and (min-width : 1024px) {

	

}



@media only screen and (max-width : 600px) {
	
	.logoholder {position:absolute;top:-50px;left:50%;margin-left:-62px;right:auto;z-index:999;}
	#logo{width:125px;}
	div.container {padding:0 5px;}
	div.container .row {padding:0 0px;margin-left:0;margin-right:0;}
	
	h1 {
font-size: 36px;
}

h4 {}

h2 {font-size: 40px;}

p.h2descr {color: #000;font-size: 15px;font-weight:700;margin:0 0 20px 0;}
p.kontakth2descr {}

h3 {color: #333;font-size: 30px;margin-top: 30px;
margin-bottom: 10px;font-weight:700;text-transform:uppercase;}
p.h3descr {color: #666;font-size: 20px}
	.section .row.bottom {min-height:35%;bottom:auto;padding:auto;position:relative;left:auto;width:100%;}
	
	#section-team	.col img {width:100%;}
	
	img.dotmap {max-width:100%;margin:-10px 0 0 0;}
	
	.maddress {font-size:11px;line-height:14px;}
	
	.modal  {width:95% !important;padding:10px;font-size:0.8em;}
	
	.modal h3 {font-size:1em;}
	
}