@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:url('../fonts/open-sans-v15-latin-300.eot');src:local('Open Sans Light'), local('OpenSans-Light'),
url('../fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'),
url('../fonts/open-sans-v15-latin-300.woff2') format('woff2'),
url('../fonts/open-sans-v15-latin-300.woff') format('woff'),
url('../fonts/open-sans-v15-latin-300.ttf') format('truetype'),
url('../fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg');}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:url('../fonts/open-sans-v15-latin-regular.eot');src:local('Open Sans Regular'), local('OpenSans-Regular'),
url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'),
url('../fonts/open-sans-v15-latin-regular.woff') format('woff'),
url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'),
url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg');}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:url('../fonts/open-sans-v15-latin-600.eot');src:local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
url('../fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'),
url('../fonts/open-sans-v15-latin-600.woff2') format('woff2'),
url('../fonts/open-sans-v15-latin-600.woff') format('woff'),
url('../fonts/open-sans-v15-latin-600.ttf') format('truetype'),
url('../fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg');}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:url('../fonts/open-sans-v15-latin-700.eot');src:local('Open Sans Bold'), local('OpenSans-Bold'),
url('../fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'),
url('../fonts/open-sans-v15-latin-700.woff2') format('woff2'),
url('../fonts/open-sans-v15-latin-700.woff') format('woff'),
url('../fonts/open-sans-v15-latin-700.ttf') format('truetype'),
url('../fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg');}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;src:url('../fonts/open-sans-v15-latin-800.eot');src:local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
url('../fonts/open-sans-v15-latin-800.eot?#iefix') format('embedded-opentype'),
url('../fonts/open-sans-v15-latin-800.woff2') format('woff2'),
url('../fonts/open-sans-v15-latin-800.woff') format('woff'),
url('../fonts/open-sans-v15-latin-800.ttf') format('truetype'),
url('../fonts/open-sans-v15-latin-800.svg#OpenSans') format('svg');}
.textImgImageRow .textImgImage{margin:0 10px 10px 0;float:left}
.textImgImageRow{float:left}
*{background:transparent;border:0;padding:0;margin:0}
.hidden{display:none}
body, html{height:100%;min-height:100%;border:0;margin:0;padding:0;}
body{font-family:Open Sans;font-size:16px;line-height:20px;background-color:#fff;color:#545454;}
a{color:#545454}
.fl{float:left}
.fr{float:right}
.cf{clear:both}
.error{color:#CC0000}
input.error{color:#545454;border-color:#CC0000 !important}
.sitewrapper{height:auto;margin:0 auto;max-width:1000px;text-align:left;clear:both;}
h1, h2, h3, h4, h5, h6, p, s{font-family:'Open Sans';}
h1, h2, h3, h4, h5, h6{display:block;}
h1{font-size:20px;line-height:26px;margin:10px 0}
h2{font-size:18px;line-height:24px;margin:10px 0}
h3{font-size:18px;line-height:24px;margin:10px 0}
p{line-height:1.4em;margin-bottom:1.4em}
ul{margin:1.4em 0 0 1.4em}
h2.sidebutton{background:#ecc64d;font-size:28px;line-height:32px;margin:5px 0}
h2.sidebutton a{text-decoration:none;display:block;text-align:center;padding:10px 0}
h2.sidebutton:hover{background:#69472a}
h2.sidebutton:hover a{color:#ffffff}
header{display:inline-block;width:100%;background:url(img/header-bg.jpg) repeat-x center top}
nav.navBar{float:left;width:100%;margin-bottom:10px}
.content{padding-right:10px}
.content a{text-decoration:underline}
footer{display:inline-block;width:100%;clear:both;background:#f5f5f5;margin-top:10px;padding:10px 0;font-size:14px}
slideshow{display:inline-block;width:100%;clear:both;background:#ecc64d;}
nav{display:inline-block;width:100%;clear:both;background:#E5E6E7;margin:20px 0 8px 0;border-top:1px solid #7a4f30}
nav .wrapper{clear:both;margin:0;margin:0 auto;max-width:1000px;}
nav .wrapper ul{list-style-type:none;margin:0;padding:0;}
nav .wrapper li{display:inline-block;width:184px;padding:4px 0}
nav .wrapper li.last{width:auto;float:right;margin-right:10px;}
nav .wrapper li a{font-weight:700;font-size:16px;color:#54585F;text-decoration:none;line-height:20px;word-spacing:166px}
nav .wrapper li a:hover, nav .wrapper li a.active{color:#ecc64d;}
#logo{float:left;}
#logo a{display:inline-block;}
#Sevicetelefon{float:right;margin:0;width:345px;height:123px;}
#Sevicetelefon .telefon a{line-height:81px;display:inline-block;font-size:33px;font-weight:700;text-indent:56px}
#Sevicetelefon .email a{height:41px;width:295px;display:inline-block;text-indent:-9000px;margin-left:50px}
#Sevicetelefon a{text-decoration:none;}
#homepage{}
section.service{width:70%;float:left}
aside.service, asidebasket.service{width:30%;float:right}
aside ul{list-style-type:none;margin:1.2em 0;padding:10px 0}
aside ul li{text-align:right;margin-bottom:0.6em}
aside ul li a{font-weight:700;font-size:16px;color:#54585F;text-decoration:none;line-height:20px;}
aside ul li a:hover, aside ul li a.active{color:#ecc64d;}
article{padding:0 10px 0 0}
#arbeitsbeispiele ul{list-style-type:none;margin:0;padding:0;}
.logoimage{width:454px;height:123px;}
.burgernavigation{display:none}
.row{clear:both}
.fieldset{padding-bottom:20px;margin-bottom:20px;background:#f1f1f1}
input[type=text], input[type=number], select, textarea{font-family:Open Sans;font-size:16px;width:95%;padding:5px;border:1px solid #ccc;box-sizing:border-box;resize:vertical;background:#fff}
.dateinput{width:50px !important;margin-right:20px}
.numinput{width:35px !important;margin-right:10px}
.autowidth{width:auto}
.colorinput{width:auto !important}
label{padding:0;line-height:35px;display:inline-block;font-weight:700;width:95%}
.label{padding:12px 12px 12px 0;font-weight:700}
.checklabel{float:left}
.checklabelsmallwidth{width:135px}
.checkcontent{font-weight:700}
.checkcontent:after{content:'';clear:both}
.checkblocktitel{margin:25px 0 15px 0}
.checksubmit{}
.infopctop{display:block;padding:10px 0}
.infopctop a{color:#545454;text-decoration:underline}
.infopctop a:hover{color:#ecc64d;}
.infopc{display:block;padding:10px;}
.fieldsettitle{padding:20px 10px 10px 0;font-weight:700;font-size:18px;}
.col-25{width:25%;padding:10px 10px 5px 10px;}
.col-33{width:30%;padding:10px 10px 5px 10px;}
.col-50{width:45%;padding:10px 10px 5px 10px;}
.col-100{width:100%;padding:10px 10px 5px 10px;}
.checkbox{position:relative;}
.checkbox.margin{margin:10px 0;}
.checkbox label{cursor:pointer;position:absolute;width:auto;height:35px;top:0;left:0;background:#ffffff;text-indent:45px;padding:0px;background:url(img/bgcheckbox.gif) no-repeat top left;}
.checkbox label:after{opacity:0.2;content:'';position:absolute;width:9px;height:5px;background:transparent;top:11px;left:11px;border:3px solid #333;border-top:none;border-right:none;transform:rotate(-45deg);}
.checkbox label:hover::after{opacity:0.5;}
.checkbox input[type=checkbox]:checked + label:after{opacity:1;border:3px solid #090;border-top:none;border-right:none;}
#rechner2 table{margin-right:0;margin-left:auto;}
#rechner2{text-align:right}
#rechner2 table{margin-right:0;margin-left:auto;}
#rechner2 table tr td{padding-left:15px}
.basketpos{text-align:right}
#basketmobile{display:none;height:40px;overflow:hidden;position:relative;z-index:10;text-align:right;background:#ecc64d;}
#basketmobile:after{content:'';position:absolute;top:10px;left:10px;background:url(img/openclose.png) no-repeat top left;width:30px;height:30px;transform:rotate(180deg);}
.buttonshop{}
.buttonshop{background:#ecc64d;font-size:28px;line-height:32px;margin:5px 0}
.buttonshop a{text-decoration:none;display:block;text-align:center;padding:10px 0;font-weight:bold}
.buttonshop:hover, .buttonshop:hover a{background:#69472a;color:#fff}
.buttonshop.empty{background:transparent}
.buttonshop.empty:hover{background:transparent}
.isopen:after{transform:rotate(0deg) !important;}
.fixed{position:fixed !important;top:0px;height:40px;left:0;right:0}
.fixedbig{position:fixed !important;top:0px;height:40px;left:0;right:0}
.openbasketmobile{cursor:pointer}
.mobileonly{display:none}
.submit{padding:10px;font-weight:700;background:#ecc64d;;font-size:16px;line-height:22px;border-radius:0;color:#545454;cursor:pointer}
.submit:hover{background:#69472a;color:#fff}
@media only screen and (max-width:961px){header{background:url(img/header-bg-960.jpg) repeat-x center top}
nav .wrapper li{width:175px;}
}
@media only screen and (max-width:769px){header{background:url(img/header-bg-768.jpg) repeat-x center top}
#Sevicetelefon{float:right;margin:0;width:270px;height:60px;}
nav .wrapper li{width:136px}
.logoimage{width:340px;height:108px;}
#Sevicetelefon{width:270px;height:60px;}
#Sevicetelefon .telefon a{line-height:65px;font-size:24px;text-indent:56px}
nav{margin:10px 0 8px 0 !important;}
.content{padding:0 10px}
.textImgImageRow .textImgImage{width:100% !important;text-align:center;}
}
@media only screen and (max-width:601px){header{background:url(img/header-bg-600.jpg) repeat-x center top}
.logoimage{width:270px;height:84px;}
#Sevicetelefon{width:210px;height:47px;}
#Sevicetelefon .telefon a{line-height:50px;font-size:24px;text-indent:40px}
#Sevicetelefon .email a{height:20px;width:180px;display:inline-block;text-indent:-9000px;margin-left:50px}
}
@media only screen and (max-width:415px){header{background:url(img/header-bg-mobile.jpg) repeat-x center top}
#logo{width:100%;}
#logo a{display:block;}
.logoimage{max-width:414px;height:84px;margin:0 auto}
#Sevicetelefon{width:210px;height:35px;}
#Sevicetelefon .telefon a{line-height:34px;font-size:24px;text-indent:30px;position:absolute;top:0;left:0;width:100%;text-align:center;}
#Sevicetelefon .email{display:none}
section.service{width:auto;float:right}
aside.service{width:auto;float:right;}
article, .footercontent{padding:0 10px !important}
h2.sidebutton{margin:5px 10px;}
.col-33{width:100%;padding:10px 0 10px 10px;}
.col-50{width:100%;padding:10px 0 10px 10px}
.col-50.fr{float:none}
.col-100{width:100%;padding:10px 0 10px 10px;}
#basketmobile{display:block;padding:5px}
#basketmobile table{position:absolute;bottom:-72px;right:10px;left:10px;display:block}
#basketmobile table tbody, #basketmobile table tbody tr{display:block}
#basketmobile table tbody tr.preisgesamt td{height:50px}
#basketmobile table tbody tr.preisgesamt .basketpos{height:50px;line-height:50px}
#basketmobile table tbody tr.preisgesamt .basketvalue{height:50px;line-height:50px}
#basketmobile table tbody tr td{display:inline-block}
#basketmobile table .buttonshop{margin:10px 0;}
#basketmobile table .buttonshop div a, #basketmobile table .buttonshop div span{display:block;padding:10px;font-weight:700}
#basketmobile table .buttonshop div a{background:#69472a;}
#basketmobile.isopen table{bottom:0px;}
#basketmobile table .basketvalue{width:20%}
asidebasket{display:none}
.mobileonly{display:block}
.submit{padding:10px;font-weight:700;background:#69472a;font-size:28px;line-height:32px;border-radius:0}
}