/* MK.CSS */
@import 'https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700';
@import '../lib/font-awesome/css/font-awesome.min.css';
@import '../js/jquery.sidr.light.css';
/* generelle vorgaben */
body {background:url(../img/bg4.jpg)no-repeat bottom fixed;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;}
/* kontrolltool auflösung - nur für testphasen */
div#topline {Position: fixed;top:0%;left:0%;background: rgba(255, 255, 255, 1);color: #FF0000;font-weight: bold;z-index: 110;}/* generelle vorgaben breite und hoehe der bereiche - wichtig für scrollfunktionen und saubere seitenuebergaenge */
div#home {display:block;height:100%;width:100%}
section {height:auto;overflow:hidden;padding:2% 2% 0% 2%;position:relative;width:100%;}
/* schrift-style bereichuebergreifend */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,canvas,caption,center,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,var,video {font-family:'Source Sans Pro',sans-serif;font-style:normal;letter-spacing:normal;text-decoration:none;}
b,h1,h2,h3,li,p {max-width:100vw;white-space:pre-line;}
b,li,p {font-size:1.0rem;}
h1 {color:rgba(0,72,152,1);font-size:1.5rem;padding-bottom:2%;}
h2 {color:rgba(0,72,152,1);font-size:1.2rem;padding-bottom:2%;}
h3 {font-size:1.0rem;}
h1,h2,h3 {font-weight:600;text-transform:uppercase;}
img {width:100%;}
p {font-weight:500;line-height:1.3;padding:0% 20% 1.5% 0%;text-align:justify;}
/* overlay allgemein*/
.closeXX {background:url(../img/cross.png) no-repeat center center;border:none;color:transparent;height:50px;outline:none;overflow:hidden;position:fixed;right:2%;top:2%;width:30px;z-index:200;}
.tempoverflow {overflow:hidden;}
.overlay {bottom:0px;cursor:pointer;height:100%;left:0px;overflow-x:hidden;overflow-y:auto;position:fixed;right:0px;top:0px;transform:translateY(100%);-webkit-transform:translateY(100%);-webkit-transition:-webkit-transform 1.0s, visibility 0s 1.0s;transition:transform 1.0s, visibility 0s 1.0s;visibility:hidden;width:auto;z-index:200;}
.overlay.open {transform:scale(1.0);-webkit-transform:scale(1.0);transition:transform 1.0s;-webkit-transition:-webkit-transform 1.0s;visibility:visible;}
/* overlay impressum und datenschutz */
#datenschutz.overlay.o99 div.pformat,#impressum.overlay.o98 div.pformat {background-color:#ffffff;padding:3% 3% 0% 3%;max-width:100vw;white-space:pre-line;}
/* haupt-navigation und hamburger menue nav hier geändert, nav funktioniert 100% aber muss noch responsive geschrieben werden 15.07.2017*/
nav {background:url(../img/logo50.png),url(../img/bg3.jpg);-webkit-background-size:209px 167px,cover;-moz-background-size:209px 167px,cover;-o-background-size:209px 167px,cover;background-size:209px 167px,cover;background-position:left top,right bottom;background-repeat:no-repeat;border-bottom:rgba(0,72,152,1) 0.5vh solid;height:35vh;position:fixed;width:100%;z-index:100;}
nav a.logofake {display:none;}
nav ul {margin:30.5vh 0% 0% 2%;z-index:110;}
nav ul li a {background:rgba(0,72,152,0.5);color:rgba(255,255,255,1);cursor:pointer;display:block;float:left;height:4vh;padding:0.5% 0% 0% 5%;width:15%;}
nav ul li a:hover {background:rgba(255,255,255,0.7);color:rgba(0,72,152,1);padding:0.5% 0% 0% 5%;width:15%;}
nav ul li a.current {background:rgba(255,255,255,0.7);color:rgba(0,72,152,1);padding:0.5% 0% 0% 5%;width:15%;}
nav ul a:link {color:rgba(255,255,255,1);}
nav ul li a.lastfake {display:none;}
nav a.bars {display:none;float:right;color:rgba(0,72,152,1);font-size:2em;padding:2% 2% 0% 0%;margin-top:40vh;}
nav a.bars:hover {color:rgba(0,72,152,0.7);}
#sidr-main {display:none;}
/* hintergrund sections bzw. inhaltsbereiche 00 bis 04 */
/*
first oder 00 = startbereich
s1 oder 01 = leistungen
s2 oder 02 = team
last = kontakt
*/
#first,#s1,#s2,#last {background:rgba(255,255,255,0.85);min-height:100vh;position:relative;top:35.5vh;}
/* startbereich spaltenoptik*/
#first-1 {float:left;width:50%;}
#first-2 {float:left;width:50%;}
/* leistungen spaltenoptik */
#s1 ul li {color:rgba(0,72,152,1);list-style-type:square;margin-left:4%;padding:0% 40% 1% 0%;}
#s1 ul li span {color:#000000;}
/* team zeilen- und spaltenoptik */
#s2 {height:auto;}
#s2 .team {border:rgba(255,255,255,1) 5px solid;float:left;position:relative;width:200px;}
#s2 .team span {background-color:rgba(0,72,152,0.1);bottom:0;font-size:0.8rem;line-height:1em;padding:1% 1% 1% 1%;position:absolute;text-align:center;width:100%;}
/* Bereich 4 = Kontaktformular */
#last .last-1 {display:block;float:left;min-height:100%;width:50%;}
#last .last-1 a.law {color:rgba(0,72,152,1);cursor:pointer;display:none;}
#last .last-1 a.law:hover {color:rgba(204,0,0,1);}
#last .last-2 {display:block;float:left;min-height:100%;width:50%;}
#last form {display:block;float:left;margin:0% 0% 0% 0%;padding:0% 0% 0% 0%;position:relative;width:75%;}
#last form fieldset.left {float:left;height:100%;margin:0% 0% 0% 0%;padding:0% 0% 0% 0%;width:100%;}
#last form fieldset input[type=text] {background:rgba(255,255,255,1.0);display:block;margin:0% 0% 1% 0%;padding:1% 1% 1% 1%;width:100%;}
#last form textarea {background:rgba(255,255,255,0.0);clear:both;height:100px;margin:0% 0% 0% 0%;padding:1% 0% 1% 1%;width:100%;}
/* form buttons */
#last .btn {background:rgba(0,72,152,1);border:none;color:#ffffff;margin:0% 0% 0% 0%;padding:1% 0% 1% 0%;text-decoration:none;width:50%}
#last .btn:hover {background:rgba(0,204,255,0.5);color:#000000;}
/*footer*/
footer {background:rgba(0,72,152,1);bottom:0;color:rgba(255,255,255,1);height:5vh;position:fixed;width:100%;}
footer ul li {float:left;padding-left:1em;padding-top:0.5%;}
footer a {color:rgba(255,255,255,1);cursor:pointer;display:block;float:right;padding-right:2em;padding-top:0.5%;}
footer a:hover,a.current,a:active,a:focus {color:rgba(200,200,200,1);}

/* abschnitt 2 = responsive style *******************************************************************************************/
/* ESZ kann bis width 800px durchlaufen - danach sofort Hamburger Menü */

@media only screen and (max-width:800px) {
nav {-webkit-background-size:126px 98px,cover;-moz-background-size:126px 98px,cover;-o-background-size:126px 98px,cover;background-size:126px 98px,cover;background-position:right top,right bottom;}
nav ul {display:none;}
nav a.bars {display:block;}
#last .last-1 a.law {display:block;}
#last .btn {width:100%}
footer {height:3vh;}
footer ul li {float:none;font-size:0.8rem;}
footer a {display:none;}
}
@media only screen and (max-width:600px) {
section {height:auto;}
#first-1 {width:100%;}
#first-2 {width:100%;}
#s1 ul li {padding:0% 15% 1% 0%;}
#s2 {min-height:100vh;}
#last .last-1 {width:100%;min-height:auto;}
#last .last-2 {width:100%;min-height:auto;}
#last .last-2 form {padding:2% 0% 0% 2%;width:100%;}
#last .last-2 form fieldset.left {float:left;width:100%;}
#last .last-2 form textarea {height:80px;margin:0% 0% 0% 0%;padding:1% 0% 0% 1%;width:100%;}
#s19 .btn {margin:0% 0% 15% 0%;padding:1% 1% 1% 1%;width:100%;}
}
@media only screen and (max-height:560px) {
body {background:url(../img/dummy.png)no-repeat bottom fixed;-webkit-background-size:0 0;-moz-background-size:0 0;-o-background-size:0 0;background-size:0 0;}
footer ul li {float:none;padding-left:0.8em;padding-top:0%;}
footer a {display:none;}
}
/*************************************************************************************************************************/