.headline { font-size:26px; line-height:1.2em; letter-spacing:0.2em; margin-bottom:20px; text-transform:uppercase;} .headline a:hover { text-decoration:underline;} nav { text-align:right;} nav > ul li > a { color:rgb(113, 113, 113); font-size:20px;} nav:before { font-size:52px; color:rgb(69, 69, 69);} nav > ul > li > ul a { font-size:14px; color:rgb(0, 0, 0);} nav > ul li > a:hover { color:rgb(0, 0, 0);} nav > ul li.active > a { color:rgb(0, 0, 0);} nav > ul li a { padding-top:5px; padding-right:0px; padding-bottom:15px; padding-left:0px; margin-top:0px; margin-right:0px; margin-left:30px;} nav > ul > li > ul li a { background-color:rgb(255, 255, 255); border-color:rgb(255, 255, 255); margin-bottom:0px; border-bottom-width:0px; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; margin-left:0px;} nav > ul > li > ul li.active > a { color:rgb(113, 113, 113); background-color:rgb(255, 255, 255);} nav.opened-menu > ul { background-color:rgb(255, 255, 255);} nav > ul .closeBtn { color:rgb(161, 161, 161);} nav > ul > li > ul a:hover { color:rgb(113, 113, 113);} nav > ul > li > ul li a:hover { background-color:rgb(255, 255, 255);} .subtitle { font-size:21px; line-height:1.2em; letter-spacing:0.2em; margin-bottom:20px; text-transform:uppercase;} .preamble { font-size:20px; line-height:1.5em; letter-spacing:0em; margin-bottom:5px;} .bodytext { line-height:1.6em; margin-bottom:5px; font-size:16px; color:rgb(0, 0, 0);} .bodytext a { color:rgb(113, 113, 113);} .bodytext a:hover { color:rgb(204, 204, 204);} .smalltext { line-height:1.2em; letter-spacing:0em; font-size:11px; margin-bottom:5px;} body { color:rgb(0, 0, 0); font-size:16px; font-family:Work Sans; line-height:1.2em; font-weight:300;} body a { text-decoration:none; color:rgb(113, 113, 113);} body a:hover { color:rgb(204, 204, 204);} .button { margin-bottom:40px; border-radius:3px; border-width:0px; font-weight:400; color:rgb(255, 255, 255); background-color:rgb(113, 113, 113); padding-top:12px; padding-right:25px; padding-bottom:13px; padding-left:25px;} .button:hover { background-color:rgb(204, 204, 204); color:rgb(255, 255, 255);} .form { margin-bottom:40px; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px;} .form label { padding-bottom:0px; margin-bottom:10px; line-height:1.2em;} .form input[type=checkbox]+span,.form input[type=radio]+span { margin-left:10px; margin-right:20px; margin-bottom:20px; line-height:1.6em;} .form input[type=text],.form textarea,.form select { border-radius:3px; border-width:1px; border-color:rgb(161, 161, 161); color:rgb(69, 69, 69); font-size:14px; padding-top:10px; padding-right:10px; padding-bottom:10px; padding-left:10px; margin-top:0px; margin-right:0px; margin-bottom:20px; margin-left:0px; background-color:rgb(255, 255, 255);} .form input[type=submit] { margin-top:20px; margin-bottom:0px;} .text { margin-bottom:40px; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px;} .image { margin-bottom:40px; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px;} .map { margin-bottom:40px;} .gallery { margin-bottom:40px;} .row { padding-top:60px; padding-right:30px; padding-bottom:20px; padding-left:30px;} .col { margin-bottom:0px; padding-left:15px; padding-right:15px; margin-top:0px; padding-bottom:0px;} .custom1 {} .custom2 {} .custom4 {} .custom5 {} .custom3 {} .smallsubtitle { font-size:20px; line-height:1.2em; margin-bottom:5px;} .spottext { font-size:50px; color:rgb(255, 255, 255); line-height:1.2em; text-align:center; margin-bottom:20px; font-weight:400; letter-spacing:0.12em; text-decoration:none;} .spottext a { color:rgb(255, 255, 255);} .spottext a:hover { color:rgb(7, 96, 168);} .footertext { font-size:20px; line-height:1.6em; margin-bottom:0px; color:rgb(255, 255, 255);} .footertext a { color:rgb(204, 204, 204);} .footertext a:hover { color:rgb(255, 255, 255);} .companyname { font-size:22px; text-align:left; line-height:1.2em; color:rgb(0, 0, 0);} .companyname a { color:rgb(0, 0, 0);} .companyname a:hover { color:rgb(0, 0, 0);} .smallspottext { line-height:1.5em; color:rgb(255, 255, 255); text-align:center; font-size:25px; margin-bottom:5px; font-weight:400; letter-spacing:0.03em;} .locale { text-align:right;} .locale ul li a { transition:all 0.25s ease-in 0s; color:rgb(0, 0, 0); font-size:14px;} .locale ul li { background-color:rgb(255, 255, 255); padding-top:5px; padding-right:15px; padding-bottom:5px; padding-left:15px;} .button2 { font-size:23px; border-width:2px; line-height:1em; margin-bottom:40px; border-radius:3px; color:rgb(255, 255, 255); display:table; margin-left:auto; margin-right:auto; padding-top:19px; padding-right:30px; padding-bottom:20px; padding-left:30px; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-color:rgb(255, 255, 255); background-color:rgba(0, 0, 0, 0.48); font-weight:400;} .button2:hover { color:rgb(255, 255, 255);} .divider { border-top-width:1px; border-color:rgb(161, 161, 161); width:100%; display:table; margin-left:auto; margin-right:auto;} .socialmedia { text-align:right; font-size:19px;} .socialmedia li { margin-left:0px; margin-bottom:10px; margin-right:10px;} .socialmedia li a { color:rgb(204, 204, 204);} .paymenticons li { padding-bottom:0px; margin-bottom:10px; margin-left:0px; padding-left:0px; margin-right:10px;} .paymenticons { text-align:left;} .linklist { padding-bottom:0px; padding-left:0px; margin-bottom:40px; margin-top:0px;} .linklist a { margin-bottom:1px; background-color:rgb(241, 241, 241); padding-top:10px; padding-right:10px; padding-bottom:10px; padding-left:10px;} .linklist a:hover { background-color:rgb(241, 241, 241);} .breadcrumb li a { margin-bottom:10px; margin-left:10px; margin-right:10px;} .cart { display:table; margin-left:auto; margin-right:0; margin-bottom:0px;} .cart .cartBtn { color:rgb(255, 255, 255); font-size:20px;} .cart .cartAmount { font-size:12px; color:rgb(255, 255, 255); background-color:rgb(113, 113, 113); width:16px; height:16px; margin-left:-5px; border-top-left-radius:100px; border-top-right-radius:100px; border-bottom-right-radius:100px; border-bottom-left-radius:100px; margin-top:-8px;} .cart .checkoutBtn { margin-bottom:0px;} .cart .title { margin-bottom:20px;} .cart .subTotalText { margin-top:0px;} .cart .subTotal { margin-bottom:10px; margin-top:5px;} .cart .cartContents { background-color:rgb(241, 241, 241);} .cart .divider { margin-bottom:10px;} .search { display:table; margin-left:auto; margin-right:0;} .search .searchicon { color:rgb(255, 255, 255); width:16px; height:16px; border-top-left-radius:100px; border-top-right-radius:100px; border-bottom-right-radius:100px; border-bottom-left-radius:100px; font-size:16px; margin-bottom:0px;} .review { margin-bottom:40px; background-color:rgb(241, 241, 241); padding-top:20px; padding-right:20px; padding-bottom:20px; padding-left:20px;} .review .reviewName { text-align:center; margin-bottom:5px;} .review .reviewDescription { text-align:center;} .review .reviewRating { text-align:center;} .review .reviewRating .star { margin-right:2px; margin-left:2px;} .review .authorDate { text-align:center;} .html { margin-bottom:40px;} .blog .details { padding-top:0px; margin-top:15px; margin-bottom:20px;} .blog .readMore { margin-top:20px; margin-bottom:40px;} .catalog { margin-bottom:40px;} .catalog .productText { padding-top:10px;} .catalog .visualTag { text-align:center; text-transform:uppercase; padding-top:7px; padding-right:7px; padding-bottom:7px; padding-left:7px;} .emailshare a { margin-bottom:20px;} .openinghours { margin-bottom:40px;} .openinghours .specialDayTitle { margin-top:20px;} .offers { margin-bottom:40px; background-color:rgb(241, 241, 241); padding-top:20px; padding-right:20px; padding-bottom:20px; padding-left:20px;} .offers .button { margin-bottom:0px; margin-top:20px; display:table; margin-left:auto; margin-right:auto;} .offers .offerName { text-align:center;} .offers .offerDescription { text-align:center;} .offers .offerPrice { text-align:center;} .offers .validFrom { text-align:center;} .offers .validThrough { text-align:center;} .list { margin-bottom:40px;} .list .listIcon { font-size:21px; width:30px; height:30px; margin-right:10px;} .video { margin-bottom:40px;} .singleProduct .addBtn { padding-top:13px;} .singleProduct .gallery .visualTag { text-align:center; font-size:21px; text-transform:uppercase; padding-top:10px; padding-right:10px; padding-bottom:10px; padding-left:10px;} .singleProduct .divider { margin-bottom:20px; margin-top:0px;} .pricelist { margin-bottom:40px;} .pricelist li { margin-bottom:20px;} .checkout .divider { margin-bottom:20px;} .checkout .descriptivetext { padding-bottom:20px;} .checkout .infolabel { padding-bottom:10px;} nav > li.active > a { color:rgb(204, 204, 204);} .verticalnav > li > a:hover { color:rgb(204, 204, 204);} .verticalnav > li > a { color:rgb(113, 113, 113); margin-bottom:10px;} .verticalnav > li > ul li.active > a { color:rgb(204, 204, 204);} .verticalnav > li > ul a:hover { color:rgb(204, 204, 204);} .verticalnav > li > ul a { color:rgb(113, 113, 113);} .verticalnav > li > ul li a { margin-bottom:10px;} .verticalnav { margin-bottom:40px;} .scrollIcon { background-color:rgba(255, 255, 255, 0.61);} .scrollIcon span:before { color:rgb(113, 113, 113);} .scrollIcon:hover { background-color:rgba(255, 255, 255, 0.61);} .lightbox-image .lightbox-caption { font-family:Work Sans; font-size:20px; color:rgb(255, 255, 255);} .lightsubtitle { text-transform:uppercase; letter-spacing:0.2em; font-size:21px; color:rgb(255, 255, 255); margin-bottom:20px; line-height:1.20em;} .lightheadline { color:rgb(255, 255, 255); font-size:41px;} .lightheadline a { color:rgb(255, 255, 255);} .lightheadline a:hover { color:rgb(204, 204, 204);} .hoverOverlay .hoverText { line-height:1.15em; text-align:center; font-size:23px;} .lightbodytext { color:rgb(255, 255, 255); line-height:1.2em;} @media only screen and (max-width:1199px) {nav:before { font-size:45px;} nav > ul li a { border-bottom-width:0px; margin-left:20px; background-color:rgb(255, 255, 255);} nav.opened-menu > ul { background-color:rgb(255, 255, 255); padding-top:20px; padding-right:20px; padding-bottom:20px; padding-left:20px;} nav > ul .closeBtn { color:rgb(0, 0, 0);} nav > ul > li > ul li a { background-color:rgb(255, 255, 255);} nav > ul > li > ul li a:hover { background-color:rgb(255, 255, 255);} nav > ul > li > ul li.active > a { background-color:rgb(255, 255, 255);} nav > ul li a:hover { background-color:rgb(255, 255, 255);} nav > ul li.active > a { background-color:rgb(255, 255, 255); color:rgb(0, 0, 0);} nav > ul li > a { color:rgb(113, 113, 113);} nav > ul li > a:hover { color:rgb(0, 0, 0);} .custom4 {} .custom4 a {} .custom4 a:hover {} .custom1 { line-height:1.2em;} .custom1 a {} .custom1 a:hover {} .custom3 {} .custom3 a {} .custom3 a:hover {} body {} body a {} body a:hover {} .text {} .bodytext {} .bodytext a {} .bodytext a:hover {} .smalltext { font-size:12px;} .smalltext a {} .smalltext a:hover {} .footertext { font-size:12px;} .footertext a {} .footertext a:hover {} }@media only screen and (max-width:767px) {nav:before { font-size:32px; color:rgb(255, 255, 255);} nav.opened-menu > ul { background-color:rgb(241, 241, 241);} nav > ul li a { padding-top:10px; padding-right:10px; padding-bottom:10px; padding-left:10px; margin-left:0px; background-color:rgb(255, 255, 255);} nav > ul li a:hover { background-color:rgb(255, 255, 255);} nav > ul > li > ul li a { background-color:rgb(255, 255, 255); border-color:rgba(255, 255, 255, 0);} nav > ul > li > ul a { font-size:20px; color:rgb(0, 0, 0);} nav > ul li.active > a { background-color:rgb(255, 255, 255); color:rgb(0, 0, 0);} nav > ul > li > ul li.active > a { color:rgb(113, 113, 113); border-color:rgba(255, 255, 255, 0); background-color:rgb(255, 255, 255);} nav > ul > li > ul a:hover { color:rgb(113, 113, 113);} nav > ul > li > ul li a:hover { background-color:rgb(255, 255, 255);} nav > ul li > a { color:rgb(113, 113, 113);} nav > ul li > a:hover { color:rgb(0, 0, 0);} .headline { font-size:23px;} .subtitle { font-size:20px;} .preamble { font-size:19px;} .text { margin-bottom:20px; padding-right:0px; padding-left:0px;} .col { padding-bottom:20px;} .row { padding-top:40px; padding-left:0px; padding-right:0px;} .form { margin-bottom:20px; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px;} .form label {} .form input[type=checkbox]+span,.form input[type=radio]+span { margin-right:10px; margin-bottom:10px;} .form input[type=submit] {} .form input[type=submit]:hover {} .form input[type=text],.form textarea,.form select {} .form .thankYou {} .gallery { margin-bottom:20px;} .map { margin-bottom:20px;} .image { margin-bottom:20px;} .button { margin-bottom:20px;} .button:hover {} .custom1 {} .custom1 a {} .custom1 a:hover {} .custom2 {} .custom2 a {} .custom2 a:hover {} .custom3 {} .custom3 a {} .custom3 a:hover {} .custom4 {} .custom4 a {} .custom4 a:hover {} .custom5 {} .custom5 a {} .custom5 a:hover {} .spottext { font-size:33px;} body {} body a {} body a:hover {} .smallsubtitle { font-size:19px;} .smallspottext { font-size:20px;} .smallspottext a {} .smallspottext a:hover {} .companyname { font-size:20px;} .companyname a {} .companyname a:hover {} .footertext {} .footertext a {} .footertext a:hover {} .button2 { margin-bottom:20px;} .button2:hover {} .socialmedia { text-align:center; font-size:22px;} .socialmedia li a { width:45px; height:45px;} .review { margin-bottom:20px;} .linklist { margin-bottom:20px;} .html { margin-bottom:20px; padding-bottom:0px; padding-top:0px;} .catalog { margin-bottom:20px;} .blog .readMore { margin-bottom:20px;} .openinghours { margin-bottom:20px;} .video { margin-bottom:20px;} .list { margin-bottom:20px;} .offers { margin-bottom:20px;} .cart .subTotalText { margin-top:5px; margin-bottom:10px;} .cart .prodPrice { margin-top:10px; margin-bottom:10px;} .pricelist { margin-bottom:20px;} .verticalnav { margin-bottom:20px;} .lightheadline { font-size:32px; line-height:1.2em;} }#r5001 { padding-left:0px; padding-right:0px;} #r5001 > .container {} #r5000 { background-position:50% 100%; background-repeat:no-repeat; padding-top:10px; background-color:rgba(0, 0, 0, 0.48); padding-bottom:0px; padding-right:15px;} #c3962 { padding-top:0px; padding-right:0px; padding-left:0px;} #m4271 { margin-bottom:10px;} #r5002 { background-position:50% 0%; background-repeat:repeat-y; background-image:none; background-attachment:;} #r1074 { padding-top:30px; padding-bottom:30px; background-color:rgb(69, 69, 69);} #c3869 { padding-left:0px; padding-right:0px;} #m1028 { margin-bottom:0px;} #m1771 { margin-bottom:0px;} #p2374 { background-image:none; background-repeat:no-repeat; background-size:cover; background-position:50% 50%;} #p2374 #r3838 { padding-top:400px; padding-bottom:400px; background-color:transparent; background-image:url(../uploads/Homepage1.jpeg); background-size:cover; background-repeat:no-repeat; background-position:50% 50%; border-left-width:0px; border-right-width:0px; border-color:rgb(255, 255, 255); background-attachment:fixed;} #p2374 #r3838 > .container { background-color:transparent;} #p2374 #c4605 { background-color:transparent;} #p2374 #r2609 { background-color:rgb(0, 70, 127); padding-bottom:0px;} #p2374 #m1992 { margin-left:auto; margin-right:auto; max-width:82%; background-color:transparent;} #p2374 #r2997 { background-color:rgb(0, 70, 127); padding-top:0px;} #p2374 #r4137 { padding-top:400px; padding-bottom:400px; background-color:transparent; background-image:url(../uploads/Schweissen_gutc.jpeg); background-size:cover; background-repeat:no-repeat; background-position:50% 50%; border-left-width:0px; border-right-width:0px; border-color:rgb(255, 255, 255); background-attachment:fixed;} #p2374 #r4137 > .container { background-color:transparent;} #p2374 #m3349 { background-color:rgba(0, 0, 0, 0.48);} #p2374 #r4114 { background-color:rgb(0, 70, 127); padding-bottom:0px;} #p2374 #m4458 { margin-left:auto; margin-right:auto; max-width:82%;} #p2374 #r2534 { background-color:rgb(0, 70, 127); padding-top:0px;} #p2374 #r1687 { padding-top:400px; padding-bottom:400px; background-image:url(../uploads/Schmiedenb.jpeg); background-position:50% 50%; background-size:cover; background-attachment:fixed;} #p2374 #m3670 { background-color:rgba(0, 0, 0, 0.48);} #p2374 #r3458 { background-color:rgb(0, 70, 127); padding-bottom:0px;} #p2374 #m4828 { margin-left:auto; margin-right:auto; max-width:82%;} #p2374 #r3729 { background-color:rgb(0, 70, 127); padding-top:0px;} #p2374 #r3465 { padding-top:400px; padding-bottom:400px; background-color:transparent; background-image:url(../uploads/Kunst7.jpeg); background-size:cover; background-repeat:no-repeat; background-position:50% 50%; border-left-width:0px; border-right-width:0px; border-color:rgb(255, 255, 255); background-attachment:fixed;} #p2374 #r3465 > .container { background-color:transparent;} #p2374 #c4773 { background-color:transparent;} #p2374 #m4575 { background-color:rgba(0, 0, 0, 0.48);} #p2374 #r4668 { background-color:rgb(0, 70, 127); padding-bottom:0px;} #p2374 #m3470 { margin-left:auto; margin-right:auto; max-width:82%;} #p2374 #r1001 { background-color:rgb(0, 70, 127); padding-top:0px;} #p2374 #r3473 { padding-top:400px; padding-bottom:400px; background-image:url(../uploads/Kontakt.jpeg); background-position:50% 50%; background-size:cover; background-repeat:no-repeat; background-attachment:fixed;} #p2374 #m4090 { background-color:rgba(0, 0, 0, 0.48);} #p2374 #r1361 { padding-bottom:60px; background-color:rgb(255, 255, 255); padding-top:20px;} #p2374 #c2149 { padding-left:1px;} #p2374 #m1642 { margin-top:40px;} #p2374 #m2049 { margin-top:40px;} #p7780 { background-image:none; background-size:cover; background-repeat:no-repeat; background-position:50% 50%;} #p7780 #r1387 { background-color:rgb(255, 255, 255); padding-top:100px; padding-bottom:100px;} #p7780 #c3684 { padding-left:0px; padding-right:0px;} #p7780 #m3053 .hoverOverlay { background-color:rgba(255, 255, 255, 0.61);} #p9691 { background-image:none; background-size:cover; background-repeat:no-repeat; background-position:50% 50%;} #p9691 #r1387 { background-color:rgb(255, 255, 255); padding-top:100px; padding-bottom:100px;} #p9691 #c3684 { padding-left:0px; padding-right:0px;} #p9691 #m1092 .hoverOverlay { background-color:rgba(255, 255, 255, 0.61);} #p1674 { background-image:none; background-size:cover; background-repeat:no-repeat; background-position:50% 50%;} #p1674 #r1387 { background-color:rgb(255, 255, 255); padding-top:100px; padding-bottom:100px;} #p1674 #c3684 { padding-left:0px; padding-right:0px;} #p1674 #m1128 { margin-bottom:60px;} #p8327 { background-image:none; background-size:cover; background-repeat:no-repeat; background-position:50% 50%;} #p8327 #r3040 { padding-bottom:60px; background-color:rgb(255, 255, 255); padding-top:20px;} #p8327 #c3389 { padding-left:1px;} #p8327 #r1777 { padding-bottom:60px; background-color:rgb(255, 255, 255); padding-top:20px;} #p8327 #c4077 { padding-left:1px;} #p8327 #c3026 { padding-left:0px; padding-right:0px;} #p8327 #m3467 { height:550px; margin-bottom:0px;} #p2432 #r3040 { padding-top:20px;} @media only screen and (max-width:1199px) {#r5000 { padding-top:15px; padding-bottom:15px;} #r5002 { margin-bottom:0px; margin-top:0px;} #r1074 > .container {} #p2374 #r3838 { padding-top:100px; padding-bottom:100px; margin-top:0px;} #p2374 #r4137 { padding-top:100px; padding-bottom:100px; margin-top:0px;} #p2374 #r3465 { padding-top:100px; padding-bottom:100px; margin-top:0px;} }@media only screen and (max-width:767px) {#r5000 { padding-top:15px; padding-bottom:15px;} #c3962 { padding-bottom:0px;} #c4354 { padding-right:0px; padding-left:0px; padding-bottom:0px;} #r1074 { padding-bottom:15px; border-left-width:10px; border-right-width:10px;} #m1028 { margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;} #p2374 #r3838 { padding-left:15px; padding-right:15px;} #p2374 #r4137 { padding-left:15px; padding-right:15px;} #p2374 #r3465 { padding-left:15px; padding-right:15px;} #p2374 #r1361 { padding-bottom:0px;} #p2374 #c2149 { padding-left:15px;} #p7780 #r1387 { border-left-width:10px; border-right-width:10px;} #p9691 #r1387 { border-left-width:10px; border-right-width:10px;} #p1674 #r1387 { border-left-width:10px; border-right-width:10px;} #p8327 #r3040 { padding-bottom:0px;} #p8327 #c3389 { padding-left:15px;} #p8327 #r1777 { padding-bottom:0px;} #p8327 #m3467 { height:200px;} }