body {
	font-size:1.2em;
	font-family: 'Open Sans';
	color:hsla(166,16%,36%,1.0);
	line-height: 1.8em;
}


main-nav {
	height:120px;
	background:#fff;
    display: block;
    width: 100%;  
}

.main-navi {
	position:relative;
	z-index:500;
}

.nav-scroll {
    position: fixed;
    top: 0;
    height: 0px;
}

.banner-bild {
	
	position:relative;
	z-index:0;
	
}

.footer-line-1{
	width:100%;
	height:10px;
	background:#4c6a63;
	margin:3px 0;
}

.footer-line-2{
	width:100%;
	height:10px;
	background:#f4e548;
	margin:3px 0;
}

footer {
	min-height: 200px;
	background: #4c6a63;
		
}

.footer-nav {
    border-bottom: 5px solid #fff;
    padding: 1%;
}

.footer-nav ul {
    display: flex;
    justify-content: center;
}

.footer-nav ul li {
    display: block;
    padding: 1% 2%;
}

.footer-nav ul li a {
    color: #fff;
    text-decoration: none;
}

.footer-nav ul li a:hover {
    text-decoration: underline;
}

.gesetzestexte .contain{
	display:flex;
	justify-content: space-between;
}

.gesetzestexte .contain .col{
	width:40%;
}

.row {
	display:flex;
	justify-content: space-between;
}

.row .inhalt{
	width:50%;
}

.row .image{
	width:40%;
}

.start .row {
	display:flex;
	justify-content: space-between;
}

.start .row .inhalt{
	width:50%;
}

.start .row .image{
	width:40%;
}

.konstruktion .row .image {
	width:50%;
}

.drehen .row {
	display:flex;
	justify-content: space-between;
}

.drehen .row .image{
	width:40%;
}

.drehen .row ul.var1{
	width:50%;
    margin:25px 0;
}

.drehen .row .inhalt{
	width:50%;
}

.contact-header {
	display:flex;
	justify-content: space-between;
	border-bottom:1px solid #4d6a64;
	padding:5% 0;
}

.anfahrt {
	width:40%;
}

.anfahrt p {
	text-align:center;
}

.anfrage-box {
	width:40%;
}


.kontakt-box ul {
	list-style-type: none;
}

.kontakt-box li {
	padding:20px 0;
	border-bottom:1px dotted #4d6a64;
}

.kontakt-box .info-kontakt {
	display:flex;
	
}

.kontakt-box .info-kontakt .item-image{
	width:10%;
	max-width:100px;
	
}

.kontakt-box .info-kontakt .left{
	width:30%;
	
	
}
.kontakt-box .info-kontakt .right{
	width:40%;
		
}

.image-content {
	display:flex;
	justify-content: space-between;
	margin-top:100px;
}

.image-content p{
margin-right:5px;
}

ul.col-3 {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
list-style-type: none;
}

ul.col-3 li{
	width:30%;
	padding-bottom:20px;
}

ul.col-3.list li{
	padding:10px 20px;
	border-bottom:1px dotted #ddd;
}

ul.col-3.list li:before{
	content:"✓";
		color:#006837;
	padding:20px;
}

ul.col-2 {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
list-style-type: none;
}

ul.col-2 li{
	width:45%;
	padding-bottom:20px;
}

ul.col-2.list li{
	padding:10px 20px;
	border-bottom:1px dotted #ddd;
}

ul.col-2.list li:before{
	content:"✓";
		color:#006837;
	padding:20px;
}

.st0{fill:#4D6A64;}
.st0:hover{fill:#222594;}

.stelle-row {
	margin-bottom:6%;
	border-bottom:1px dotted #4d6a64;
}

.table-row {
	display:flex;
	justify-content: space-between;
}
.table-cell.head2 {
	border:none;
}
.table-cell{
	width:20%;
	border:1px dotted #4d6a64;
	text-align:center;
}


.cookie-liste dl {
    display:flex;
    border-bottom:1px dotted #4d6a64;
}

.cookie-liste dt {
   width:20%;
}

.cookie-liste dt p {
   font-weight: bold;
}

.cookie-liste dd {
   width:70%;
}

#visform1 fieldset {border:none!important;}
.vis_mandatory {color:#222594;}
form#visform1 div.required > label.visCSSlabel.asterix-ancor:after {
 content:"*";
 color:#000;
 display: inline-block;
 padding-left: 0;
}
form#visform1 div.required > label.visCSSlabel:after,
form#visform1 div.required > label.vflocationlabel:after {
 content:"*";
 color:#222594 !important;
 display: inline-block;
 padding-left: 10px;
}

.visCSSlabel {font-size:0.8em;}
.visBtnCon {
	text-align:right !important;
	padding-right:30px;
}

.visBtnCon input {
	padding:10px 20px;
}


#visform2 fieldset {border:none!important;}
.vis_mandatory {color:#222594;}
form#visform1 div.required > label.visCSSlabel.asterix-ancor:after {
 content:"*";
 color:#000;
 display: inline-block;
 padding-left: 0;
}
form#visform2 div.required > label.visCSSlabel:after,
form#visform2 div.required > label.vflocationlabel:after {
 content:"*";
 color:#222594 !important;
 display: inline-block;
 padding-left: 10px;
}

a.bewerbung {
	display:block;
	background:#222594;
	color:#fff;
	text-align:center;
	padding:20;
	text-decoration: none;
	font-size:1.3em;
	width:50%;
	margin:auto;
}

a.bewerbung:hover {
	color:#ffff00;
}