* { margin: 0; padding: 0; }
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.cf:after { content: " "; display: table; }
.cf:after { clear: both; }
@charset "utf-8";


/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Roboto/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/Roboto/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Roboto/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Roboto/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Roboto/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Roboto/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* nanum-gothic-regular - latin */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Nanum-Gothic/nanum-gothic-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('NanumGothic'),
       url('../fonts/Nanum-Gothic/nanum-gothic-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Nanum-Gothic/nanum-gothic-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Nanum-Gothic/nanum-gothic-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Nanum-Gothic/nanum-gothic-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Nanum-Gothic/nanum-gothic-v7-latin-regular.svg#NanumGothic') format('svg'); /* Legacy iOS */
}


/* quicksand-regular - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/quicksand-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Quicksand Regular'), local('Quicksand-Regular'),
       url('../fonts/quicksand-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quicksand-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quicksand-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quicksand-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quicksand-v7-latin-regular.svg#Quicksand') format('svg'); /* Legacy iOS */
}


/*Checkbox A*/
/* The container */
.container3 {display: block;position: relative;padding-left: 35px; margin-top: 12px; cursor: pointer;font-size: 22px; -webkit-user-select: none;-moz-user-select: none;
-ms-user-select: none; user-select: none;}

/* Hide the browser's default checkbox */
.container3 input {position: relative; opacity: 0;cursor: pointer;}

/* Create a custom checkbox */
.checkmark {position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: #fff;border:1px solid #000;}

/* On mouse-over, add a grey background color */
.container3:hover input ~ .checkmark {background-color: #ccc;}

/* When the checkbox is checked, add a blue background */
.container3 input:checked ~ .checkmark {background-color: #00bb00;}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {content: ""; position: absolute; display: none;}

/* Show the checkmark when checked */
.container3 input:checked ~ .checkmark:after {display: block;}

/* Style the checkmark/indicator */
.container3 .checkmark:after {left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform:rotate(45deg);  transform: rotate(45deg);}
/* Checkbox E */



/*Checkbox A*/
/* The container */
.container2 {margin:0 0 0 200px;display: block;position: relative;padding-left: 35px; margin-bottom: 12px; cursor: pointer;font-size: 22px; -webkit-user-select: none;-moz-user-select: none;
-ms-user-select: none; user-select: none;}

/* Hide the browser's default checkbox */
.container2 input {position: relative; opacity: 0;cursor: pointer;}

/* Create a custom checkbox */
.checkmark {position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: #fff;border:1px solid #000;}

/* On mouse-over, add a grey background color */
.container2:hover input ~ .checkmark {background-color: #ccc;}

/* When the checkbox is checked, add a blue background */
.container2 input:checked ~ .checkmark {background-color: #00bb00;}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {content: ""; position: absolute; display: none;}

/* Show the checkmark when checked */
.container2 input:checked ~ .checkmark:after {display: block;}

/* Style the checkmark/indicator */
.container2 .checkmark:after {left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform:rotate(45deg);  transform: rotate(45deg);}
/* Checkbox E */

body {margin: 0 auto; padding: 0; color: #000; font-family: 'Roboto', Arial, Helvetica, sans-serif;font-size: 100%;line-height:1.5em; text-align:justify;background:rgba(204,204,204,0);url("../images/bg/bg1a.jpg");background-repeat:no-repeat;background-attachment:fixed;}

.banner_mobil,.line2mobil, #banner_mob{display:none;}
.line2mobil{display:none;color:#fff;max-height:0px;}
.bottom_mobil{display:none;}
.bottom_normal{display:block;}

.line2_hauptnavigation {max-width:1400px;margin:0px auto;padding:0 auto;}

.logo{max-width:400px;margin:0 auto;padding:0 30px 0 0px;}



/*Allgemein*/
img {max-width: 100%;height: auto;border:0;}
.startseite_text{font-family:'Quicksand',sans-serif;}
.stern_rot{color:#ff0000;font-size:1.2em;}
h1{font-size:2.8em;font-family:'Quicksand',sans-serif;font-weight:normal;padding:0 0 25px 0;color:#50340d;line-height:130%;text-align:left;}
h2{font-weight:normal;padding:30px 0 15px 0;color:#50340d;font-size:1.4em;text-align:left;}
h3{font-weight:normal;margin:0;padding:20px 0 10px 0;color:#50340d;font-size:1.2em;text-align:left;}
h4{font-weight:normal;padding:10px 0 0px 0;font-size:1.1em;color:#555;}
h5{font-size:1.0em;color:#105d85;padding:20px 0 0 0;text-align:left;}


.download_linie td{border:0;}
.download_linie_rechts a{color:#83530f;font-family:'Quicksand',sans-serif;}

.download_linie{clear:left;margin:10px 0px;padding:10px 0px;}
.download_linke_spalte{padding:0 10px 25px 0;min-height:15px;float:left;}
.download_rechte_spalte{}


/*Zitate*/
blockquote{font-family: Georgia, serif; font-size: 1.1em;font-style: italic;margin: 1.25em 0 0em 0.8em;padding: 0.25em 0 0 40px;line-height: 1.45;position: relative;color: #9d69a2;}
blockquote:before {display: block;content: "\201C";font-size: 80px;position: absolute;left: -20px;top: -20px;color: #7a7a7a;color:#9f83a2;}
blockquote cite {color: #999999;font-size: 14px;display: block;margin-top: 5px;}
blockquote cite:before {/*content: "\2014 \2009";*/}

a{color:#83530f;text-decoration:none;word-wrap:break-word;}
a:hover{text-decoration:underline;}
.linkblick{font-family:'Quicksand',sans-serif;}
.container ul{margin:0px 0 0px 0;}
 li{margin:0 0 20px 20px;}
ul{letter-spacing:0px;list-style:square;padding:5px 0 10px 0px;margin:0;list-style-image: url("../images/list-blau.png");}
.artikel-box ul{letter-spacing:0px;list-style:square;padding:5px 0 10px 0px;margin:0;list-style-image: url("../images/list-blau.png");}
.online_seit{border-bottom:1px solid rgba(131,83,15,0.3);text-align:right;margin:20px 0 20px 0;font-size:0.9em;color:rgba(131,83,15,0.8);font-style:italic;}
.online_seit_ohne_linie{border-bottom:0px solid rgba(131,83,15,0.3);text-align:right;margin:15px 0 15px 0;font-size:0.9em;color:rgba(131,83,15,0.8);font-style:italic;}

.kernleistungen li{font-size:1.3em;}

li.blau {list-style-image: url("../images/list-blau.png");}
li.rot {list-style-image:url("../images/list-rot.png");}
li.gelb  {list-style-image: url("../images/list-gelb.png");}
article{padding:0 0 50px 0;}
p{padding:4px 0 10px 0;}
aside{padding:25px 0 0 0;font-size:0.9em;}

.fussnote{font-size:0.8em;font-style:italic;line-height:1.3em;}

.button{background:#336699;border:1px solid #999;border-radius:10px;padding:0.5em;color:#fff;}

/*Boxen*/
.artikel-box{padding:0 0 50px 0;line-height:1.6em;}
.slider_box {display:none;max-width:1400px;margin:0 auto;border:0px solid #dbc6b5;}
.slogan_box {display:none;margin:0px auto 0em auto;padding:30px 0;}
.container_box {max-width:1400px;margin:30px auto 0em auto;padding:0;}
.metanavi_box {line-height:0;}
.header_box {margin:0;padding:0px 0;line-height:0;}

.navi_box {padding:40px 0 20px 0px;margin:0 auto;text-align:center;width:100%;}

.footer_box{margin:100px 0 0 0 ;padding:50px 20px 0px 20px;color:#50340d;}
.footer_box_mobil{display:none;}
.footer_box_grau{ padding:70px 0 0 0;margin:0px auto;}
.farbpunkte_box{padding:0px 0 50px 0;}

.footer{padding:20px 0px;font-size:0.9em;max-width:750px;margin:0 auto;color:#50340d;border-top:0px solid rgba(131,83,15,0.3);}
.footer_rechts{padding:47px 0 0px 0px;font-size:0.9em;max-width:1000px;margin:0 auto;float:right;text-align:right;color:#50340d;}
.footer_unten{display:block;font-family:'Roboto',sans-serif;padding:0px 0 0px 0px;font-size:0.9em;max-width:1000px;margin:0px auto;height:120px;float:left;}
.footer_unten strong{color:#50340d;}
.farbpunkte_inner{text-align:left;max-width:1100px;margin:0 auto;}



/*Layout Grundpositionierung*/
.header {margin:0px auto 0px auto;padding:0;}
.metanavi {margin:0px;padding:20px 25px;max-width:100%;text-align:right;font-size:0.8em;}
.navi_inner {display:inline-block;/*make this change*/ margin:0px auto 0px auto;padding:0 0 0 0px;max-width:100%;}
.navi_inner a{padding:0 0px 0 0;text-align:center;}
.slider{display:none;border:2px solid #ccc;line-height:0;border-width:0px 0;}
.slogan_inner {margin:0px auto 0em auto;max-width:1000px;font-size:1.2em;}
.container{width:100%; margin:0 auto;padding:0px 0px 0 0;}
.container_inner{max-width:750px;margin:0 auto;clear:both;padding:0x 0px 0 0px;word-wrap:break-word;}
.container_inner_referenzen{max-width:1040px;margin:0 auto;clear:both;padding:70px 20px 0 0px;word-wrap:break-word;}

.container_links{float:left;width:60%; margin:0 auto;padding:0px 20px 0 0;background:#fff;}
.container_rechts{float:right; margin:0 auto;padding:0px 0 0px 0;background:#fff;min-height:500px;}


.kontakt_box{padding:0 0 40px 0;}
.kontakt_links{float:left;min-width:100px;}
.kontakt_links_300{float:left;min-width:200px;}
.kontakt_rechts{}

/*Kontaktformular ANFANG*/


.bilderzeile{padding:20px 0;}


.subhead { font-size: 1.1em; color: #3d3a34; font-size-adjust: none; font-stretch: normal;}
.subsubhead { font-size:0.9em;font-weight:bold;color: #3d3a34; font-size-adjust: none; font-stretch: normal;}
#neu{display:none;}
#mail{display:none;}
.formular_zeile{padding:0 0 30px 0;font-weight:bold;}
.konLinks{float:left;width:200px;text-align:left;}
.konLinksAbsenden{float:left;width:200px;text-align:left;}
.konInput{width:600px;border:1px solid #bfbfbf;padding:5px;height:35px;}
.konInput2{ }
.konInput3{width:600px; height:150px;border:1px solid #bfbfbf;}
.konZeile{padding:0 0 20px 0;clear:right;}
.kon_03{padding:3px 5px;}
.konLinks280{width:280px;text-align:left;padding:20px 0 5px 0;}
.konLinks320{width:320px;text-align:left;padding:20px 0 5px 0;}
.konInput4{ padding:20px 0 20px 10px; }
.konZeile_border{border-bottom:1px dotted #ddd;padding:0 0 8px 0;margin:10px 0;clear:right;}
.konZeile_border_mob{border-bottom:1px dotted #ddd;padding:0 0 20px 0;margin:40px 0;clear:right;}
.konLinks500{float:left;width:550px;text-align:left;padding:0px 0;}
.konInput30{width:30px;border:1px solid #bfbfbf;padding:2px;}
.konLinks600{float:left;width:600px;text-align:left;padding:0px 0;}
.konLinks500a{float:left;width:550px;text-align:left;}
.konInputBox30{margin:0 0 20px 20px;padding:2px;}
.clearen{display:none}
.kon_03{padding:10px;background:#efefef;border:1px solid #003366;font-size:1.2em;cursor:pointer;}
.kon_03:hover{background:#fff;}
/*Kontaktformular ENDE*/





.navi_mobil{display:none;}



.slogan_inner h1 {font-family:'Quicksand',sans-serif;color:#cc0033;}

.wlo{max-width:600px;padding:30px 0 50px 0;}
.wlo img{border:1px solid #ccc;padding:10px;}

@media all and (max-width: 1100px) {
.navi_box {background:#fff;padding:40px 20px 20px 20px;}
.slogan_box {padding:30px 20px;}
.container_inner{margin:0 auto;clear:both;padding:40px 50px 0 50px;}
}

@media all and (max-width: 1100px) {
.logo{text-align:left;padding:0 0 0 0px;}
.logo-innung{width:150px;}

}


@media all and (max-width: 900px) {
.kontakt_links{float:none;min-width:200px;font-weight:bold;}
.kontakt_links_300{float:none;min-width:330px;font-weight:bold;}
.kontakt_rechts{padding:0 0 20px 0;}
}

@media all and (max-width: 850px) {
.container_rechts{width:40%;}
}

@media all and (max-width: 800px) {

.logo{text-align:center;padding:20px 0 0 0px;}
.logo-innung{display:none;width:150px;}
.logo-innung-mobil{text-align:center;margin:0 0 50px 0;}
.logo-innung-mobil img{border:1px solid #999;padding:3px 5px;border-radius:5px;}
.header {width:80%;margin:0px auto 0px auto;padding:0;background:#fff;}
.metanavi_box{display:none;}
.navi_box {display:none;padding:0px;}
.banner_mobil{display:block;padding:10px 0 10px 0;}
.container_box {margin:0px auto 0em auto;padding:0;}
.container_links{float:none;width:100%; margin:0 auto;padding:0px 0px 0 0;background:#fff;}
.container_rechts{float:none;width:100%; margin:0 auto;padding:50px 0 0 0;background:#fff;text-align:center;}
.footer_box{display:none;}
.footer_box_mobil{display:block;padding:70px 20px;text-align:center;}
.footer_rechts{padding:0px 0 50px 0px;font-size:0.9em;max-width:1000px;margin:0 auto;float:none;text-align:center;}
.footer_unten{display:none;font-family:'Roboto',sans-serif;padding:0px 0 30px 0px;font-size:0.9em;max-width:1000px;margin:0 auto;color:#000;}
.footer_unten_mobil{font-family:'Roboto',sans-serif;padding:0px 0 30px 0px;font-size:0.9em;max-width:1000px;margin:0 auto;color:#000;}
.farbpunkte_box{padding:0px 0 50px 0;text-align:center;}
.farbpunkte_inner{text-align:center;max-width:100%;margin:0 auto;}
}







@media all and (max-width: 650px) {

body{text-align:left;}
h1{font-size:1.5em;font-weight:bold;}
h2{font-weight:normal;padding:30px 0 15px 0;font-size:1.1em;text-align:left;}
h3{font-weight:normal;margin:0;padding:20px 0 10px 0;font-size:1.0em;text-align:left;}
.container_inner{max-width:1040px;margin:0 auto;clear:both;padding:40px 20px 0 20px;}

/*Kontaktformular ANFANG*/
#neu{display:none;}
.formular_zeile{padding:0 0 30px 0;font-weight:bold;}
.konLinks{float:left;min-width:200px;text-align:left;}
.konInput{width:95%;border:1px solid #bfbfbf;padding:8px;}
.konInput2{ }
.konInput3{width:95%; height:150px;border:1px solid #bfbfbf;}
.konZeile{padding:0 0 8px 0;clear:right;}
.kon_03{padding:3px 5px;}
.konLinks280{width:280px;text-align:left;padding:20px 0;}
.konInput4{ width:40px;}
.konZeile_border{border-bottom:1px dotted #ddd;padding:0 0 8px 0;margin:10px 0;clear:right;}
.konZeile_border_mob{border-bottom:0px dotted #ddd;padding:0 0 8px 0;margin:10px 0;clear:right;}
.konLinks500{float:left;max-width:85%;text-align:left;padding:0 0 40px 0;}
.konInput30{width:30px;border:1px solid #bfbfbf;padding:2px;}
.konLinks600{float:left;width:85%;text-align:left;padding:0px 0;}
.konLinks500a{float:left;width:85%;text-align:left;}
.konInputBox30{margin:0 0 20px 20px;padding:10px;}
.clearen{display:block;clear:both;}
.kon_03{padding:5px;background:#efefef;border:1px solid #003366;font-size:1.2em;cursor:pointer;margin:0 0 20px 0;}
.kon_03:hover{background:#fff;}
/*Kontaktformular ENDE*/

.kontakt_links_300{float:left;min-width:100%;}

.wlo{max-width:1200px;padding:30px 0 50px 0;}


}





@media all and (max-width: 400px) {
a{font-size:0.9em;}



.kernleistungen li{font-size:1.1em;}

.slogan_inner {font-size:90%;}
.farbpunkte_box{padding:0px 0px 50px 0;}
}

@media all and (max-width: 300px) {
.slogan_inner h1 {font-size:140%;}
}