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

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

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

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
html{width:100%;height:100%}
body{width:100%;height:100%;margin:0;padding:0;color:#313131;font-size:1em;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;background-attachment:fixed;background-image:url(../../images/seitenhintergrund/bg_body.jpg);background-repeat:no-repeat;background-position:center top;background-size:cover;font-family:'Quicksand',sans-serif}
h1,h2,h3,h4,header{margin-top:0}p{margin-top:0}
figure,figcaption,picture{margin:0;padding:0}
figure{margin-top:6px}
.line,.line_00,.line_2{float:left;clear:both;width:100%}
.line_00{background-color:rgba(255,255,255,0.9)}
#top,#navi,.content,#fusszeile{margin-left:auto;margin-right:auto}
#topbild,#topbild_start{float:left;clear:both;width:100%}
#top.sticky{position:fixed;z-index:32;border-bottom:solid 1px #bfbfbf;left:0;top:0;width:70%;color:#fff;background-color:rgba(191,191,191,0.9);transition:all .8s ease;padding:12px 15%}
#top.sticky .mob00{display:none}
#top.sticky .tabe{font-size:.9em;padding-top:9px}
#top.sticky .logo{font-size:.9em;margin:0;padding:0}
.line{background-color:#fff}
.line_2{height:180px}
.line_2_60{height:150px}
#top{padding-top:1em;padding-bottom:1em}
.logo{float:left;width:auto;padding-top:8px}
.logo_1,.logo_2{width:auto}
.logo_1{font-size:2em}
.logo_2{font-size:.8em}
.info_top{float:right;width:auto}
#topbild_start{height:380px}
#topbild{height:280px}
#slogan{margin-left:15%;margin-top:30px;border-radius:6px;float:left;width:auto;max-width:360px;transition:all .8s ease;color:#fff;font-size:.9em;font-family:Arial,Geneva,sans-serif;background-image:url(../../images/blue.png);padding:3px 40px 3px 10px}
#slogan h2{font-weight:400;border-radius:3px;width:auto;float:left;clear:both;margin:12px 0 0}
#slogan p{padding-left:6px;clear:both;float:left;width:100%;color:#EFEFEF;font-size:1.1em;margin:12px 0 6px}
#slogan a{text-decoration:none;float:left;margin-bottom:.5em;margin-top:6px;line-height:normal;border-radius:90%;text-align:center;color:#fff}
#slogan h2{color:#fff;font-size:1.35em;padding:1px}
#slogan .material-icons{font-size:26px;color:#EFEFEF}
.content{line-height:140%;color:#414141}
.content h1{margin:0;margin-bottom:.75em;font-size:2.2em;font-weight:400;color:#175082;line-height:1.3em}
.content h2{margin:0;margin-bottom:1.25em;font-size:2.2em;font-weight:400;color:#175082;line-height:1em}
.content article,.artikel{float:left;clear:both;width:100%}
.artikel{text-align:left}
.content article header{margin:0;margin-bottom:1.75em}
.content article h2{margin:0;font-size:1.5em;font-weight:400}
.content article h3{margin:0;font-size:1.5em;font-weight:400;margin-bottom:.5em}
.content article h4{margin-top:1.5em;margin-bottom:1.5em;font-size:1.5em;font-weight:400}
.hinweis{width:90%;transform:rotate(-0.7deg);margin-top:-52px;background-color:#f2f2f2;display:inline-block;border-radius:6px;box-shadow:4px 4px 2px #888;background-image:url(../../images/farbkreis.gif);background-repeat:no-repeat;background-position:right top;border:1px solid #A2A2A2;padding:1.5em 5%}
.hinweis ul li{padding-left:10px;padding-bottom:5px;font-size:.975em;list-style-type:none;padding-left:40px;padding-top:6px;margin-bottom:2px;background-image:url(../../images/list.gif);background-repeat:no-repeat;background-position:left center;background-size:30px auto}
.hinweis ul li:first-child{background-image:none;font-weight:700;font-size:1.125em;padding-bottom:15px}
.content article ul{margin:0;padding:0;list-style:none;width:100%;margin-top:3em}
.bo_01,.bo_02,.bo_03,.bo_04{float:left;width:22%}
.bo_01 p,.bo_02 p,.bo_03 p,.bo_04 p{font-size:1.1em}
.bo_01 h3,.bo_02 h3,.bo_03 h3,.bo_04 h3{color:#134b7d;font-size:1.4em!important}
.bo_01,.bo_02,.bo_03{margin-right:4%}
#kunden .bo_01 a,#kunden .bo_02 a,#kunden .bo_03 a,#kunden .bo_04 a{text-decoration:none;width:80px;height:80px;line-height:80px;display:inline-block;border-radius:90%;margin-bottom:1em;clear:both}
.bo_01 a:hover,.bo_02 a:hover,.bo_03 a:hover,.bo_04 a:hover{text-decoration:none}
.li_ueber{list-style:none;font-weight:700;clear:both;display:block;margin-left:-24px;padding-bottom:1em}
.content article ul li p{text-align:justify}
.content article ul li .material-icons{color:#fff;font-size:36px;padding:18px;background-color:#48749b;border-radius:90%}
.content article ul li h3{font-size:1.3em;margin-top:22px}
.content article footer{float:left;clear:both;width:60%;padding-left:20%;padding-right:20%;margin-top:9px}
.content article footer a{float:left;width:94%;padding:2.9%;border:solid 1px #0e3a61;color:#0e3a61;border-radius:6px;text-decoration:none;transition:all .8s ease}
.content article footer a:hover{background-color:#3f5082;color:#fff;transition:all .8s ease}
.big_01{font-size:2.2em;font-family:'Nothing You Could Do',cursive;margin-bottom:6px}
.artikel2{float:left;width:40%;text-align:left}
.artikel2 a {color:#313131;}
.artikel3{float:right;width:40%;text-align:left}
.artikel2 h2,.artikel3 h2{text-align:left;color:#5D5D5D!important}
.text{float:left;clear:both;width:100%}
.text ul{list-style:inherit!important;margin-left:0!important;margin-top:0!important;padding-left:14px!important}
.text li{padding-bottom:.5em}
.text p{margin-top:0;padding-top:0}
.dist_next{margin-top:1.5em}
.dist_next2{margin-top:2.5em}
.abs{float:left;width:100%}
.rechts{float:right}
.sonder_absatz{font-size:1.5em;padding-top:1em}
.sonder_absatz a {text-decoration:none; color:#313131;}
a.link-tel-top  {font-size:1.15em!important;color:#707070;}
a.link-tel-top:hover  {text-decoration:none!important;}
.artikel2 figure,.artikel3 figure{float:left;width:100%;margin-bottom:2.5em}
.artikel2 figure img,.artikel3 figure img{width:100%;height:auto}
.bg_grau{background-color:rgba(215,215,215,0.9)}
.tabe{display:table;border-spacing:0}
.tabe_00{display:table-row}
.tabe_01,.tabe_02{display:table-cell}
.tabe_01{width:auto;text-align:right;padding-right:6px}
.tabe_02{vertical-align:bottom;text-align:left;font-size:1.3em;width:270px;vertical-align:middle}
.tabe_02 a{text-decoration:none;color:#414141;font-size:.65em;margin-right:12px}
.tabe_02 a:hover{text-decoration:underline}
#tel{margin:0;padding:0;color:#1e6baf;font-size:2.5em;vertical-align:top}
.mail{vertical-align:top;line-height:0}
.fett{font-weight:700;padding-bottom:12px}
.sonderfarbe_bg01{background-color:#273b4a}
.sonderfarbe_bg02{background-color:#bfbfbf}
.mitte{text-align:center!important}
.referenz{font-size:1.3em}.luft{padding-top:62px;padding-bottom:64px}
.luft_28{padding-top:0;padding-bottom:18px}
.showroom figure{float:left;width:28%;max-width:400px;padding:12px;padding-bottom:0;border:solid 1px #717171;margin-right:2em;margin-top:2em}
.showroom figure img{width:100%;height:auto}
.showroom figure figcaption{width:100%;font-size:.8em;color:#5F5F5F;text-align:center;border-top:dashed 1px #737373;margin-top:.25em;padding-top:12px;padding-bottom:12px}
.showroom figcaption a{text-decoration:none;color:#414141}
.showroom figcaption a:hover{text-decoration:underline}
.datsch{float:left;clear:both;width:100%;font-size:.8em}
.datsch a{text-decoration:none;color:#5b5b5b}
.datsch a:hover{text-decoration:underline}
a.green{background-color:#48749b;color:#fff!important;border:none!important;transition:all .8s ease}
a.green:hover{background-color:#4a7d13;transition:all .8s ease}
.fu_01{float:left;width:auto;font-size:.85em;color:#464646}
.fu_02{float:right;width:auto;font-size:.85em}.fu_02 a{text-decoration:none;color:#464646}
#feld2{min-height:220px}
.spamschutz{padding-top:12px}
.sicher{float:none;width:40px;padding:0;text-align:center;margin-right:8px}
.klein{width:30px;text-align:center;float:none;text-indent:0;padding:0;min-height:0;background-color:#fff;border:solid 1px #999}
#sonder_x1{font-size:12px;padding-top:9px}
.nischt{display:none}
@media only screen and (min-width: 900px) { #mob_on, .mob_on{display:none!important} }
@media only screen and (min-width: 1701px){.content article{font-size:1.1em}#top,#navi,.content,#fusszeile{width:1600px}.content{line-height:160%}.content article ul li h3{font-size:1.6em;margin-top:22px;margin-bottom:.5em}.bg_00,.bg_01,.bg_02,.bg_03,.bg_04,.bg_05{background-position:center top}.bg_top{float:left;clear:both;width:100%}}
@media only screen and (min-width: 800px){.text{-webkit-columns:2;-moz-columns:2;columns:2;-webkit-column-gap:4em;-moz-column-gap:4em;column-gap:4em}}
@media only screen and (min-width: 1200px){.text{-webkit-columns:2;-moz-columns:2;columns:2;-webkit-column-gap:8em;-moz-column-gap:8em;column-gap:8em}}
@media only screen and (max-width: 1700px){#top,#navi,.content,#fusszeile{width:1240px}}
@media only screen and (max-width: 1300px){#top,.content,#navi,#fusszeile{width:1050px}.bo_01,.bo_02,.bo_03,.bo_04{float:left;width:44.5%}.bo_01,.bo_02{margin-bottom:2em}.bo_03{clear:both}.bo_02{margin-right:0}.bo_01,.bo_03{margin-right:5%}.showroom figure{width:27.5%}}
@media only screen and (max-width: 1200px){#top,.content,#navi,#fusszeile{width:980px}.artikel2{float:left;width:46%}.artikel3{float:right;width:46%}.artikel2 h2,.artikel3 h2{font-size:1.9em}.showroom figure{width:27%}}
@media only screen and (max-width: 1100px){#top,.content,#navi,#fusszeile{width:900px}.showroom figure{width:25%}.content{font-size:1.075em}}
@media only screen and (max-width: 1000px){#top,.content,#navi,.fusszeile{width:800px}.bo_01,.bo_02,.bo_03,.bo_04{float:left;width:44.5%}.bo_03{clear:both}.bo_02{margin-right:0}.bo_01,.bo_03{margin-right:5%}}
@media only screen and (max-width: 920px) and (min-width: 761px){#top.sticky{font-size:.85em}#top.sticky .info_top{width:40%}}
@media only screen and (max-width: 900px){#top,.content,#navi,#fusszeile{width:700px;max-width:95%}.logo{font-size:1.075em;padding:0;margin:0}.slogan{margin-left:5%;font-size:.9em}.tabe{width:auto;font-size:.9em}}
@media only screen and (max-width: 800px){#top,.content,#navi,#fusszeile{width:700px}.content{font-size:1.1em}}
@media only screen and (max-width: 905px) and (min-width: 761px){.artikel2 h2,.artikel3 h2,.sonder_absatz{font-size:1.5em}}
@media only screen and (max-width: 768px){#top,.content,#navi,#fusszeile{width:600px;max-width:95%}.info_top{display:none}.logo{width:100%;clear:both;text-align:center}h1,.content header h2{text-align:center;line-height:1.3em}#slogan{margin-left:5%;margin-right:5%;margin-top:50px;float:left;width:auto;font-size:.8em}.referenz{font-size:1.15em}.artikel2,.artikel3{float:left;width:100%;clear:both;text-align:left;margin-bottom:2em}.artikel3,.artikel3 h2{text-align:center}.showroom figure{float:none;width:80%;padding:4.9%;padding-bottom:0;margin-right:auto;margin-left:auto;margin:2em 5% 0}}
@media only screen and (max-width: 700px){body{background-image:url(../../images/bg_smart.jpg)}.content{font-size:1.2em}}
@media only screen and (max-width: 660px){#top,.content,#navi,#fusszeile{width:400px;max-width:95%}.content h1{font-size:1.5em}.content article header h2{font-size:1.2em}.line,.line_2,.line_2_60,#navi{float:left;width:85%;padding-left:7.5%;padding-right:7.5%}.bo_01,.bo_02,.bo_03,.bo_04{float:left;width:100%;margin:0;margin-bottom:2em}}
@media only screen and (max-width: 440px){#top,.content,#navi,#fusszeile{width:340px;max-width:95%}.logo{font-size:.9em}.buttoni1,.buttoni2{width:35%;font-size:.9em;padding:2.9%}}
@media only screen and (max-width: 400px){#top,.content,#navi,#fusszeile{width:320px;max-width:95%}.logo{font-size:.9em}}
@media only screen and (max-width: 380px){body{min-width:240px}#top,.content,#navi,#fusszeile{width:260px}}
@media only screen and (max-width: 300px){body{min-width:240px}#top,.content,#navi,#fusszeile{width:220px;max-width:95%}.buttoni1,.buttoni2{width:35%;font-size:.85em;padding:2.9%}}.bg_safari,.bg_safari2{display:none}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape){
body{background-image:none}
.bg_safari{width:100%;height:100%;position:fixed;left:0;top:0;z-index:-1;background-image:url(../../images/ipad_landscape.jpg);background-repeat:no-repeat;background-size:100%;display:inherit}
.bg_safari2{width:100%;height:100%;position:fixed;left:0;top:0;z-index:-1;background-image:url(../../images/ipad_landscape2.jpg);background-repeat:no-repeat;background-size:100%;display:inherit}
.showroom figure{width:30%;padding:4.9%;padding-bottom:0;margin-right:0;margin:2em 5% 0}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){
body{background-image:none}
.bg_safari{width:100%;height:100%;position:fixed;left:0;top:0;z-index:-1;background-image:url(../../images/ipad_portrait.jpg);background-repeat:no-repeat;background-size:100%;display:inherit}
.bg_safari2{width:100%;height:100%;position:fixed;left:0;top:0;z-index:-1;background-image:url(../../images/ipad_portrait2.jpg);background-repeat:no-repeat;background-size:100%;display:inherit}
.showroom figure{float:none;width:80%;padding:4.9%;padding-bottom:0;margin-right:auto;margin-left:auto;margin:2em 5% 0}
}
/* #################### Navigation ################ */
#navi ul{margin:0;padding:0;list-style:none}
.sm{position:relative;z-index:9999}
.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0}.sm ul{display:none}
.sm li,.sm a{position:relative}.sm a{display:block}
.sm a.disabled{cursor:not-allowed}
.sm:after{content:"\00a0";display:block;height:0;font:0/0 serif;clear:both;visibility:hidden;overflow:hidden}
.sm,.sm *,.sm :before,.sm :after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.sm-blue a span.sub-arrow{position:absolute;top:50%;margin-top:-17px;left:auto;right:4px;width:34px;height:34px;overflow:hidden;font:bold 16px/34px monospace!important;text-align:center;text-shadow:none;background:rgba(0,0,0,0.1)}
.sm-blue a.highlighted span.sub-arrow:before{display:block;content:'-'}
.sm-blue ul li:first-child{border-top:0}
.main-nav{width:100%}
.main-nav:after{clear:both;content:"\00a0";display:block;height:0;overflow:hidden}
.nav-brand{float:left;margin:0}.nav-brand a{display:block;padding:10px 10px 10px 20px;font-size:22px;font-weight:400;line-height:29px;text-decoration:none}
#main-menu{clear:both;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
#main-menu:before{content:'';display:block;height:1px;font:1px/1px sans-serif;overflow:hidden}
.main-menu-btn{float:right;margin:10px;position:relative;display:inline-block;width:29px;height:29px;text-indent:29px;white-space:nowrap;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.main-menu-btn-icon,.main-menu-btn-icon:before,.main-menu-btn-icon:after{position:absolute;top:50%;left:2px;height:2px;width:24px;background:#fff;-webkit-transition:all .25s;transition:all .25s}
.main-menu-btn-icon:before{content:'';top:-7px;left:0}
.main-menu-btn-icon:after{content:'';top:7px;left:0}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon{height:0;background:transparent}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before{top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after{top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
#main-menu-state{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden;clip:rect(1px,1px,1px,1px)}
#main-menu-state:not(:checked) ~ #main-menu{display:none}
#main-menu-state:checked ~ #main-menu{display:block}
.nowr{white-space:nowrap}
#navi{background-color:#bfbfbf}
#navi ul li ul li{background-color:rgba(187,112,112,0.95)}
.sm-blue ul{background-color:rgba(255,255,255,0.8)}
.sm-blue ul a.disabled{color:#b3b3b3}
.sm-blue a,.sm-blue a:hover,.sm-blue a:focus,.sm-blue a:active,.sm-blue a.highlighted{color:#fff}
.sm-blue ul a,.sm-blue ul a:hover,.sm-blue ul a:focus,.sm-blue ul a:active,.sm-blue ul a.highlighted{color:#313131}
.nav-brand a{color:#fff}
.sm-blue a span.sub-arrow{border-color:#999 transparent transparent}
@media (min-width: 900px){
.sm-blue ul{position:absolute;width:12em}
.sm-blue li{display:inline-block;float:left}
.sm-blue li a{float:left;font-size:1.1em;padding-top:1em;padding-bottom:1em;color:#414141;margin-right:1.25em;transition:all .8s ease}
.sm-blue li a:hover{color:#fff;transition:all .8s ease}
.sm-blue.sm-rtl li{float:right}
.sm-blue ul li,.sm-blue.sm-rtl ul li,.sm-blue.sm-vertical li{float:none}
.sm-blue a span.sub-arrow{border-width:4px;border-style:solid dashed dashed;border-color:#ccc transparent transparent;background:transparent;border-radius:0;padding-bottom:10px;top:auto;margin-top:0;bottom:2px;margin-right:1em;width:0;height:0}
.sm-blue a.highlighted span.sub-arrow:before{display:none}
.sm-blue ul a,.sm-blue ul a:hover,.sm-blue ul a:focus,.sm-blue ul a:active,.sm-blue ul a.highlighted{border:0!important;padding:9px 23px;background:transparent}
.sm-blue ul a span.sub-arrow{top:50%;margin-top:-5px;bottom:auto;left:auto;margin-left:0;right:10px;border-style:dashed dashed dashed solid}
.sm-blue ul li{border:0}.sm-blue span.scroll-up,.sm-blue span.scroll-down{position:absolute;display:none;visibility:hidden;overflow:hidden;background:#fff;height:20px}
.sm-blue span.scroll-up-arrow,.sm-blue span.scroll-down-arrow{position:absolute;top:-2px;left:50%;margin-left:-8px;width:0;height:0;overflow:hidden;border-width:8px;border-style:dashed dashed solid;border-color:transparent transparent #2b82ac}
.sm-blue span.scroll-down-arrow{top:6px;border-style:solid dashed dashed;border-color:#2b82ac transparent transparent}
.sm-blue.sm-rtl.sm-vertical a span.sub-arrow{right:auto;left:10px;border-style:dashed solid dashed dashed;border-color:transparent #a1d1e8 transparent transparent}
.sm-blue.sm-rtl > li:first-child{border-left:1px solid #2b82ac}
.sm-blue.sm-rtl > li:last-child{border-left:0}
.sm-blue.sm-rtl ul a span.sub-arrow{right:auto;left:10px;border-style:dashed solid dashed dashed;border-color:transparent #a1d1e8 transparent transparent}
.sm-blue.sm-vertical a{padding:9px 23px}
.sm-blue.sm-vertical a span.sub-arrow{top:50%;margin-top:-5px;bottom:auto;left:auto;margin-left:0;right:10px;border-style:dashed dashed dashed solid;border-color:transparent transparent transparent #a1d1e8}
.sm-blue.sm-vertical > li{border-left:0!important}
.sm-blue.sm-vertical ul a{padding:9px 23px}
#main-menu{float:right;clear:none}
.nav-brand{display:none}
#main-menu:before{display:none}
.main-menu-btn{position:absolute;top:-99999px}
#main-menu-state:not(:checked) ~ #main-menu{display:block}
.sm-blue a,.sm-blue a:hover,.sm-blue a:focus,.sm-blue a:active,.sm-blue a.highlighted{color:#313131}
.sm-blue > li:first-child{border-left:0}.sm-blue li ul li{border-top:solid 1px #ccc!important}
#navi li ul{width:100%!important}#navi li:hover ul{display:block}
.sm-blue a,.sm-blue a:hover,.sm-blue a:focus,.sm-blue a:active{text-decoration:none;clear:both;width:100%;color:#fff}
.sm-blue{width:100%}.sm-blue li{width:auto;margin:0;margin-right:2em;padding:0}
.sm-blue li ul{width:100%;clear:both;margin:0;padding:0}
.sm-blue li ul li{width:auto;margin:0;padding:0}
.sm-blue li ul li{margin:0;padding:0}
}
@media (max-width: 1030px) and (min-width: 900px){.sm-blue li a{float:left;font-size:1.1em;padding-top:1em;padding-bottom:1em;color:#414141;margin-right:.5em}}
@media (max-width: 899px){
#mob_on, .mob_on{display:inherit}
.sm-blue li a{text-align:left;font-size:1.3em;padding-top:.5em;padding-bottom:.5em}
#navi li ul li a{color:#250a0b;padding-left:24px}
.sm-blue a,.sm-blue a:hover,.sm-blue a:focus,.sm-blue a:active{text-decoration:none;text-indent:20px;text-align:left;padding-top:.5em;padding-bottom:.5em}
.sm-blue a span.sub-arrow{text-indent:0}
.sm-blue{width:100%}
.sm-blue li{width:100%;margin:0;padding:0}
.sm-blue li ul{width:100%;clear:both;margin:0;padding:0}
.sm-blue li ul li{width:100%;margin:0;padding:0}
.sm-blue li:last-child{padding-bottom:12px}}
#tobbi{position:fixed;right:12px;bottom:12px;height:52px;width:52px;cursor:pointer;border:none;background-color:rgba(30,107,175,0.6);color:#fff;border-radius:90%;z-index:12;margin-right:-200px;transition:all .8s ease}
#tobbi.sticky{margin:0;display:inherit;transition:all .8s ease}.body_bg_01{background-image:url(../../images/seitenhintergrund/bg_body-1800.jpg)}
.body_bg_02{background-image:url(../../images/seitenhintergrund/team-1800.jpg)}
.bg_00,.bg_01,.bg_02,.bg_03,.bg_04,.bg_05{background-repeat:no-repeat;background-size:auto 100%;background-position:center top;border-bottom:dashed 1px #999}
.bg_00{background-image:url(../../images/topbilder/info/top-1800.jpg)}
.bg_01{background-image:url(../../images/topbilder/startseite/top-1800.jpg)}
.bg_02{background-image:url(../../images/topbilder/webdesign/top-1800.jpg)}
.bg_03{background-image:url(../../images/topbilder/webseitenpflege/top-1800.jpg)}
.bg_04{background-image:url(../../images/topbilder/webseitenmiete/top.jpg)}
.bg_05{background-image:url(../../images/topbilder/danke/versandt.jpg)}
@media (min-width: 1801px){.bg_01,.bg_02,.bg_03,.bg_04{background-size:cover!important}}
@media (min-width: 2600px){#topbild_start{height:580px}#topbild{height:380px}}
@media (max-width: 2599px){#topbild_start{height:560px}#topbild{height:360px}}
@media (max-width: 2200px){#topbild_start{height:500px}#topbild{height:300px}}
@media (max-width: 1800px){.body_bg_01{background-image:url(../../images/seitenhintergrund/bg_body-1800.jpg)}.body_bg_02{background-image:url(../../images/seitenhintergrund/team-1800.jpg)}.bg_00{background-image:url(../../images/topbilder/info/top-1800.jpg)}.bg_01{background-image:url(../../images/topbilder/startseite/top-1800.jpg)}.bg_02{background-image:url(../../images/topbilder/webdesign/top-1800.jpg)}.bg_03{background-image:url(../../images/topbilder/webseitenpflege/top-1800.jpg)}.bg_04{background-image:url(../../images/topbilder/webseitenmiete/top-1800.jpg)}}
@media (max-width: 1600px){.body_bg_01{background-image:url(../../images/seitenhintergrund/bg_body-1600.jpg)}.body_bg_02{background-image:url(../../images/seitenhintergrund/team-1600.jpg)}.bg_00{background-image:url(../../images/topbilder/info/top-1600.jpg)}.bg_01{background-image:url(../../images/topbilder/startseite/top-1600.jpg)}.bg_02{background-image:url(../../images/topbilder/webdesign/top-1600.jpg)}.bg_03{background-image:url(../../images/topbilder/webseitenpflege/top-1600.jpg)}.bg_04{background-image:url(../../images/topbilder/webseitenmiete/top-1600.jpg)}}
@media (max-width: 1400px){.body_bg_01{background-image:url(../../images/seitenhintergrund/bg_body-1400.jpg)}.body_bg_02{background-image:url(../../images/seitenhintergrund/team-1400.jpg)}.bg_00{background-image:url(../../images/topbilder/info/top-1400.jpg)}.bg_01{background-image:url(../../images/topbilder/startseite/top-1400.jpg)}.bg_02{background-image:url(../../images/topbilder/webdesign/top-1400.jpg)}.bg_03{background-image:url(../../images/topbilder/webseitenpflege/top-1400.jpg)}.bg_04{background-image:url(../../images/topbilder/webseitenmiete/top-1400.jpg)}}
@media (max-width: 1200px){.body_bg_01{background-image:url(../../images/seitenhintergrund/bg_body-1200.jpg)}.body_bg_02{background-image:url(../../images/seitenhintergrund/team-1200.jpg)}.bg_00{background-image:url(../../images/topbilder/info/top-1200.jpg)}.bg_01{background-image:url(../../images/topbilder/startseite/top-1200.jpg)}.bg_02{background-image:url(../../images/topbilder/webdesign/top-1200.jpg)}.bg_03{background-image:url(../../images/topbilder/webseitenpflege/top-1200.jpg)}.bg_04{background-image:url(../../images/topbilder/webseitenmiete/top-1200.jpg)}}
@media (max-width: 1000px){.body_bg_01{background-image:url(../../images/seitenhintergrund/bg_body-1000.jpg)}.body_bg_02{background-image:url(../../images/seitenhintergrund/team-1000.jpg)}.bg_00{background-image:url(../../images/topbilder/info/top-1000.jpg)}.bg_01{background-image:url(../../images/topbilder/startseite/top-1000.jpg)}.bg_02{background-image:url(../../images/topbilder/webdesign/top-1000.jpg)}.bg_03{background-image:url(../../images/topbilder/webseitenpflege/top-1000.jpg)}.bg_04{background-image:url(../../images/topbilder/webseitenmiete/top-1000.jpg)}}
@media (max-width: 800px){.body_bg_01{background-image:url(../../images/seitenhintergrund/bg_body-800.jpg)}.body_bg_02{background-image:url(../../images/seitenhintergrund/team-800.jpg)}.bg_00{background-image:url(../../images/topbilder/info/top-800.jpg)}.bg_01{background-image:url(../../images/topbilder/startseite/top-800.jpg)}.bg_02{background-image:url(../../images/topbilder/webdesign/top-800.jpg)}.bg_03{background-image:url(../../images/topbilder/webseitenpflege/top-800.jpg)}.bg_04{background-image:url(../../images/topbilder/webseitenmiete/top-800.jpg)}}
@media (max-width: 600px){.body_bg_01{background-image:url(../../images/seitenhintergrund/bg_body-600.jpg)}.body_bg_02{background-image:url(../../images/seitenhintergrund/team-600.jpg)}#topbild_start{height:340px}.bg_00{background-image:url(../../images/topbilder/info/top-600.jpg)}.bg_01{background-image:url(../../images/topbilder/startseite/top-600.jpg)}.bg_02{background-image:url(../../images/topbilder/webdesign/top-600.jpg)}.bg_03{background-image:url(../../images/topbilder/webseitenpflege/top-600.jpg)}.bg_04{background-image:url(../../images/topbilder/webseitenmiete/top-600.jpg)}}
@media (max-width: 400px){.body_bg_01{background-image:url(../../images/seitenhintergrund/bg_body-400.jpg)}.body_bg_02{background-image:url(../../images/seitenhintergrund/team-400.jpg)}#topbild_start{height:300px}.bg_00{background-image:url(../../images/topbilder/info/top-400.jpg)}.bg_01{background-image:url(../../images/topbilder/startseite/top-400.jpg)}.bg_02{background-image:url(../../images/topbilder/webdesign/top-400.jpg)}.bg_03{background-image:url(../../images/topbilder/webseitenpflege/top-400.jpg)}.bg_04{background-image:url(../../images/topbilder/webseitenmiete/top-400.jpg)}}
 
.flexline {display:flex;width:100%;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;}
.artikel2 {float:none;width:65%;}
.artikel3{float:none;width:30%;}
@media (max-width: 980px) {
.flexline {display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;}
.artikel2,.artikel3 {width:90%}
#kb01 {order:2;margin-top:2em;}
#kb02 {order:1; text-align:center;}
#kb01 h2, #kb02 h2 {text-align:center; font-size:1.2em;}
.sonder_absatz a {font-size:22px;}


}