html, body {
   height: 100%; margin:0; padding:0;
}

body {
	font-family: 'Lato', sans-serif;
	font-weight:400;
	font-size:22px;
	line-height: 1.5;
	color:#434a4b;
}

/* ######################################################################################################### */
/* ##### Grundeinstellungen ##### */
/* ######################################################################################################### */

.col-lg-1, .col-md-1, .col-sm-1, .col-xs-1 { background:none; min-height:5px; margin:0px; padding:0px; }
.col-lg-2, .col-md-2, .col-sm-2, .col-xs-2 { background:none; min-height:5px; margin:0px; padding:0px; }
.col-lg-3, .col-md-3, .col-sm-3, .col-xs-3 { background:none; min-height:5px; margin:0px; padding:0px; }
.col-lg-4, .col-md-4, .col-sm-4, .col-xs-4 { background:none; min-height:5px; margin:0px; padding:0px; }
.col-lg-5, .col-md-5, .col-sm-5, .col-xs-5 { background:none; min-height:5px; margin:0px; padding:0px; }
.col-lg-6, .col-md-6, .col-sm-6, .col-xs-6 { background:none; min-height:5px; margin:0px; padding:0px; }
.col-lg-7, .col-md-7, .col-sm-7, .col-xs-7 { background:none; min-height:5px; margin:0px; padding:0px; }
.col-lg-8, .col-md-8, .col-sm-8, .col-xs-8 { background:none; min-height:5px; margin:0px; padding:0px; }
.col-lg-9, .col-md-9, .col-sm-9, .col-xs-9 { background:none; min-height:5px; margin:0px; padding:0px; }
.col-lg-10, .col-md-10, .col-sm-10, .col-xs-10 { background:none; min-height:5px; margin:0px; padding:0px;}
.col-lg-11, .col-md-11, .col-sm-11, .col-xs-11 { background:none; min-height:5px; margin:0px; padding:0px;}
.col-lg-12, .col-md-12, .col-sm-12, .col-xs-12 { background:none; min-height:5px; margin:0px; padding:0px;}


.container-fluid { position:relative; padding:0px; margin:0px;  z-index:1; }
.container {  position:relative; padding:0px; max-width:1140px!important;  z-index:1; border:0px dashed green;}
.row { margin:0px!important;  }

h1 { font-size:79px; font-weight:900; margin:0; padding:0; }
h2 { font-size:79px; font-weight:700; margin:0; padding:0; }
h3 { font-size:54px; font-weight:700; margin:0; padding:0; }
h4 { font-size:42px; font-weight:700; margin:0; padding:0; }
h5 { font-size:32px; font-weight:700; margin:0; padding:0; }
h6 { font-size:26px; font-weight:700; margin:0; padding:0; }

.weiss  { color:#ffffff; }
.hgrau { color:#cac9cb; }
.dgrau { color:#434a4b; }
.gelb  { color:#ffc62c; }

.hg_weiss  { background:#ffffff; }
.hg_hgrau { background:#cac9cb; }
.hg_dgrau { background:#434a4b; }
.hg_gelb  { background:#ffc62c; }

.small  { font-size:0.8em; }


.black  { font-weight:900; }
.bold  { font-weight:700; }
.regular  { font-weight:400; }

.claim-stand { margin-top:210px; font-size:400%; }


p { padding:0; margin:0; }

.pt5 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt20 { padding-top:20px; }
.pt30 { padding-top:30px; }
.pt40 { padding-top:40px; }
.pt50 { padding-top:50px; }

.pb10 { padding-bottom:10px; }
.pb20 { padding-bottom:20px; }
.pb30 { padding-bottom:30px; }
.pb40 { padding-bottom:40px; }
.pb50 { padding-bottom:50px; }

.abstand_unten { padding-bottom:40px; }


.btn-primary {
    color: #fff;
background-color:#ffc62c;
border-color:#eab422;
}
.btn-primary:hover {
    color: #fff;
background-color:#cac9cb;
border-color:#434a4b;
}


textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	background-color: #FFF;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 2px solid #ffc62c;
	box-shadow: 0px 0px 0px
	rgba(0, 0, 0, 0.075) inset;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	color:#000000 !important;
	padding:15px;
}

.jsn-uniform.jsn-master .jsn-bootstrap .jsn-form-content span.required {
    color:#ffc62c;
    font-weight: bold;
    margin: 0 5px;
}

/* ######################################################################################################### */
/* ##### Grundeinstellungen ##### */
/* ######################################################################################################### */


/* ######################################################################################################### */
/* ##### Linkgestaltung ##### */
/* ######################################################################################################### */


/* Unterdrückung der gepunkteten Linie bei Links */
a, a:hover, a:active, a:focus, a:visited {outline: none;  }
a, a:hover, a:active, a:focus, a:visited { outline: medium none; }
a:link {
    color: #111111; text-decoration:underline; font-weight:400;
}

/* mouse over link */
a:hover {
    color: #005caa; text-decoration:underline; font-weight:400;
}

/* selected link */
a:active {
    color: #005caa; text-decoration:underline; font-weight:400;
}

/* focus link */
a:focus {
    color: #111111; text-decoration:underline; font-weight:400;
}

/* visited link */
a:visited {
    color: #111111; text-decoration:underline; font-weight:400;
}


/* Footeradresse Link */
.footer-adresse a:link { color: #cac9cb; text-decoration:none; font-weight:400; }
.footer-adresse a:hover { color: #ffc62c; text-decoration:underline; font-weight:400; }
.footer-adresse a:active { color: #ffc62c; text-decoration:none; font-weight:400; }
.footer-adresse a:focus { color: #cac9cb; text-decoration:none; font-weight:400; }
.footer-adresse a:visited { color: #cac9cb; text-decoration:none; font-weight:400; }


/* Footernavigation Link */
.footer-navigation a:link { color: #ffc62c; text-decoration:none; font-weight:400; }
.footer-navigation a:hover { color: #cac9cb; text-decoration:none; font-weight:400; }
.footer-navigation a:active { color: #cac9cb; text-decoration:none; font-weight:400; }
.footer-navigation a:focus { color: #ffc62c; text-decoration:none; font-weight:400; }
.footer-navigation a:visited { color: #ffc62c; text-decoration:none; font-weight:400; }



/* ######################################################################################################### */
/* ##### Linkgestaltung ##### */
/* ######################################################################################################### */

.header { min-height:190px; padding:0px; margin:0px; background:transparent;  }

.header-fixed-top {
    position: fixed;
    right: 0px;
    left: 0px;
    z-index: 1030;
}

.oben { z-index:200; }

h1.wirschaffen::before { background: url(../images/Pfeile.png) no-repeat center; 
color: transparent;
content: 'hier';
}
h1.wirschaffen { margin:0; padding:0;}



h6.erreichen::before { background: url(../images/Pfeil-rechts.png) no-repeat left; 
color: transparent;
content: 'Pfeile';
}
h6.erreichen-weiss::before { background: url(../images/Pfeil-rechtsweiss.png) no-repeat left; 
color: transparent;
content: 'Pfeile';
}

.kontaktabstand  { margin-top:55%; }

.hg_kran  { width:100%;
	background: url(../images/bildausschnitt_hg_kran_2000_farbig.jpg);
	background-repeat: no-repeat;
	background-size: contain;
 }

.navistand  { width:100%; height:100%; height:190px; background:#434a4b; border:0px solid red; }

.wrapper  { width:100%; height:100%; min-height:100%;
	background: url(../images/bildausschnitt_hg_oben_2000.jpg) #434a4b;
	background-repeat: no-repeat;
	background-size: cover;
 }

.wrapper-ohne  { width:100%; height:190px;
	background: #ffffff;
 }
 
.inhaltbereich { 
	width: 100%; height:100%; min-height:100%;
	background: #ffffff;
}


 }
.inhalte_stand {
    background: none;
    padding: 0px 0px 0px 0px;
}
.inhalte { display:block; padding:0px 0px 0px 0px; }


.border-div {
  position: fixed;
  margin: 0 auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  pointer-events: none;
}
.border-div > div, .border-div > div > div {
  height: 100%;
}
.border-div > div > div {
  position: relative;
}
.border-div > div > div:after, .border-div > div > div:last-child:before {
  content: " ";
  width: 1px;
  background: rgba(0, 0, 0, 0.1);
  height: 100%;
  position: absolute;
}
.border-div > div > div:last-child:before {
  right: 0px;
}


.footermain { position:relative; min-height:400px; background:#434a4b; z-index:200; }


.pseudo-stand { margin-left:-180px; }

.navigation {
    padding-left: 0;
    margin-bottom: 0;
	padding-top:10px;
    list-style: none;
}

.navigation {
    list-style: none;
}

.navigation > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
	text-decoration: none;
	color:#ffffff;
}
.navigation > li > a:hover,
.navigation > li > a:focus {
  text-decoration: none;
  background-color: transparent;
  color:#ffc62c;
}

.nav {
  padding-left: 0;
  margin-bottom: 0;
  padding-top:10px;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  color:#ffffff;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: transparent;
  color:#ffc62c;
}


.flex-container {
   display: -webkit-flex;
   display: -ms-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.flexbox1 {
  display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex;
  background:#ffffff;
}

.flexbox2 {
  display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex;
  background:#434a4b;
}





@media (max-width: 1199px) {

h1 { font-size:64px; font-weight:900; margin:0; padding:0; }
h2 { font-size:64px; font-weight:700; margin:0; padding:0; }
h3 { font-size:50px; font-weight:700; margin:0; padding:0; }
h4 { font-size:32px; font-weight:700; margin:0; padding:0; }
h5 { font-size:28px; font-weight:700; margin:0; padding:0; }
h6 { font-size:24px; font-weight:700; margin:0; padding:0; }


.kontaktabstand  { margin-top:37%; }

.navistand  {  }

.img-stand { margin-left:0px; }

.claim-stand { margin-top:180px; font-size:300%; font-weight:900; color:#ffffff; }

img.m4 { width:85%;}

.nav, .navigation {
    padding-left: 0;
    margin-bottom: 0;
	padding-top:0px;
    list-style: none;
}


}


@media (max-width: 970px) {

body {
	font-family: 'Lato', sans-serif;
	font-weight:400;
	font-size:20px;
	line-height: 1.5;
	color:#434a4b;
}

h1 { font-size:50px; font-weight:900; margin:0; padding:0; }
h2 { font-size:50px; font-weight:700; margin:0; padding:0; }
h3 { font-size:36px; font-weight:700; margin:0; padding:0; }
h4 { font-size:22px; font-weight:700; margin:0; padding:0; }
h5 { font-size:22px; font-weight:700; margin:0; padding:0; }
h6 { font-size:18px; font-weight:700; margin:0; padding:0; }

p  { font-size:0.9em; }

img.m4 { width:85%;}

.small  { font-size:0.7em; }

  .border-div {
    display: none;
  }
  
.nav, .navigation  { padding:30px 20px; }  
  
.nav > li > a, .navigation > li > a {
  position: relative;
  display: block;
  padding: 7px 7px;
  text-decoration: none;
  color:#ffffff;
  font-size:75%;
} 


.innenabstand { padding:0px 5px 0px 5px; }
  
}

@media (max-width: 600px) {

body {
	font-family: 'Lato', sans-serif;
	font-weight:400;
	font-size:18px;
	line-height: 1.5;
	color:#434a4b;
}

h1 { font-size:63%; font-weight:900; margin:0; padding:0; line-height:1.5; }
h2 { font-size:63%; font-weight:700; margin:0; padding:0; line-height:1.5;}
h3 { font-size:26px; font-weight:700; margin:0; padding:0; line-height:1.5;}
h4 { font-size:95%; font-weight:700; margin:0; padding:0; line-height:1.5;}
h5 { font-size:95%; font-weight:700; margin:0; padding:0; line-height:1.5;}
h6 { font-size:18px; font-weight:700; margin:0; padding:0; line-height:1.5;}

h1.wirschaffen { font-size:28px; font-weight:900; margin:0; padding-bottom:15px; }

h1.wirschaffen::before { background: url(../images/Pfeile-klein.png) no-repeat center; 
color: transparent;
content: 'hier';
}

.small  { font-size:0.7em; }


.pt5 { padding-top:5px; }
.pt10 { padding-top:5px; }
.pt20 { padding-top:10px; }
.pt30 { padding-top:15px; }
.pt40 { padding-top:20px; }
.pt50 { padding-top:25px; }

.pb10 { padding-bottom:5px; }
.pb20 { padding-bottom:10px; }
.pb30 { padding-bottom:15px; }
.pb40 { padding-bottom:20px; }
.pb50 { padding-bottom:25px; }


h6.erreichen::before { background: url(../images/Pfeil-rechts-klein.png) no-repeat left; 
color: transparent;
content: 'Pfeile';
}
h6.erreichen-weiss::before { background: url(../images/Pfeil-rechtsweiss-klein.png) no-repeat left; 
color: transparent;
content: 'Pfeile';
}

}