* { 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; background:rgba(25,91,144,0.03); color:rgba(0,0,0,0.7); font-family: 'Roboto', Arial, Helvetica, sans-serif;font-size: 100%;line-height:1.5em;white-space:normal;-ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;word-wrap: break-word; }

.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:1200px;margin:0px auto;padding:0 auto;}

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











/*Allgemein*/
img {max-width: 100%;height: auto;border:0;}
.schlagwort_text{font-family:'Quicksand',sans-serif;font-size:1.4em;line-height:1.6em;}
.stern_rot{color:#ff0000;font-size:1.2em;}
h1{font-family:'Quicksand',sans-serif;font-weight:normal;padding:0 0 20px 0;color:rgba(25,91,144,1);line-height:130%;text-align:left;}
h2{font-weight:normal;padding:30px 0 15px 0;color:rgba(25,91,144,1);font-size:1.4em;text-align:left;}
h3{font-weight:normal;margin:0;padding:20px 0 10px 0;color:rgba(25,91,144,0.8);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:#555;padding:20px 0 0 0;text-align:left;}

.slogan_inner h1 {font-family:'Quicksand',sans-serif;color:rgba(0,159,226,1);color:rgba(25,91,144,1);}



.download_linie td{border:0;}
.download_linie_rechts a{color:#003366;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:rgba(25,91,144,1);text-decoration:none;word-wrap:break-word;}
a:hover{text-decoration:underline;}
a[href^="tel:"] {color:rgba(0,0,0,0.7);}


.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");}


.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 {max-width:1400px;margin:0 auto;border:0px solid #dbc6b5;}
.slogan_box {display:block;margin:0px auto 0em auto;padding:30px 0;background:;}
.container_box {margin:0px auto 0em auto;padding:0;background:;}
.metanavi_box {background:;line-height:0;}
.header_box {margin:0;padding:0px 0;background:;line-height:0;}

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



/*Layout Grundpositionierung*/
.header {margin:0px auto 0px auto;padding:0;background:;}



.metanavi {margin:0px;padding:20px 25px;max-width:100%;background:;text-align:right;font-size:0.8em;position:fixed; z-index:1000;right:0; top:0;}
.metanavi a{color:#555;}
.navi_inner {display:inline-block;/*make this change*/
margin:0px auto 0px auto;padding:0 0 0 0px;}
.navi_inner a{padding:0 0px 0 0;text-align:center;}
.slider{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{max-width:900px; margin:0 auto;padding:0px 0 0 0;}
.container_inner{max-width:1040px;margin:0 auto;clear:both;padding:70px 20px 0 20px;word-wrap:break-word;}
.container_inner_referenzen{max-width:1040px;margin:0 auto;clear:both;padding:70px 20px 0 20px;word-wrap:break-word;}

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


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

/*Kontaktformular ANFANG*/

/*Referenzen*




.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;}
.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*/

.footer_box{/*background:rgba(0,159,226,1);*/background:rgba(25,91,144,1);padding:50px 20px 100px 20px;margin:100px 0 0 0;}
.footer_box_mobil{display:none;}
.footer_box_grau{background:rgba(195,180,152,0.15); padding:70px 0 0 0;margin:0px auto;}
.farbpunkte_box{padding:0px 0 50px 0;}


.footer{padding:0px 0 0px 0px;font-size:0.9em;max-width:1000px;margin:0 auto;}
.footer_rechts{padding:0px 0px 50px 0px;font-size:0.9em;max-width:1000px;margin:0 auto;float:right;color:rgba(255,255,255,1)}
.footer_unten{display:block;font-family:'Roboto',sans-serif;padding:75px 0 0px 0px;font-size:0.9em;max-width:1000px;margin:0 auto;color:rgba(255,255,255,1);background: url("../images/fuss.png");background-position:right top;background-repeat:no-repeat;height:120px;}
.footer_unten strong, .footer_unten a{color:rgba(255,255,255,1);}
.farbpunkte_inner{text-align:left;max-width:1100px;margin:0 auto;}


.navi_mobil{display:none;}





.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:;padding:40px 20px 20px 20px;}
.slogan_box {padding:30px 50px;}
.container_inner{margin:0 auto;clear:both;padding:40px 50px 0 50px;}
.footer{padding:0px 50px;font-size:0.9em;max-width:1000px;margin:0 auto;}
}

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

}


@media all and (max-width: 500px) {
.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) {

.small_header {width:100%; position:no-fixed; z-index:999; top:0; display:none; left:0; }

.small_header_inner {display:none;background:rgba(255,255,255,1);height:100px;
width:100%; box-shadow:-8px -8px 12px #000; margin:0 auto;
border-bottom:1px solid #ddd;text-align:center;height:}



.logo{text-align:center;padding:10px 0 20px 0px;}
.logo-innung{display:none;width:150px;}
.logo-innung-mobil{text-align:center;margin:0 0 0px 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:;}
.metanavi_box{display:none;}
.navi_box {display:none;padding:0px;}

.banner_mobil{display:block;padding:10px 0 10px 0;}
.container_links{float:none;width:100%; margin:0 auto;padding:0px 0px 0 0;background:;}
.container_rechts{float:none;width:100%; margin:0 auto;padding:50px 0 0 0;background:;text-align:center;}
.footer_box{display:none;}
.footer_box_mobil{background:rgba(25,91,144,1);display:block;padding:70px 20px;margin:50px 0 0 0;text-align:center;color:#fff;}
.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;}
.footer_unten_mobil{font-family:'Roboto',sans-serif;padding:0px 0 30px 0px;font-size:0.9em;max-width:1000px;margin:0 auto;}
.footer_box_mobil a{color:#fff;}
.farbpunkte_box{padding:0px 0 0px 0;text-align:center;width:100%;margin:0 auto;}
.farbpunkte_inner{text-align:center;}
}







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

.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;}

h1{font-size:1.4em;}
h2{font-weight:normal;padding:30px 0 15px 0;color:rgba(25,91,144,1);font-size:1.1em;text-align:left;}
h3{font-weight:normal;margin:0;padding:20px 0 10px 0;color:rgba(25,91,144,0.8);font-size:1.0em;text-align:left;}
}





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


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

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

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