.headline { font-size:38px; line-height:1.60em; letter-spacing:0em; margin-bottom:20px; font-weight:300; color:rgb(69, 69, 69);} .headline a:hover { text-decoration:underline;} nav { text-align:center;} nav > ul li > a { transition:all 0.25s ease-in 0s; font-weight:400; font-size:18px; color:rgb(51, 51, 51);} nav:before { font-size:30px; color:rgb(69, 69, 69);} nav > ul > li > ul a { font-size:14px;} nav > ul li a:hover {} nav > ul li a { padding-top:10px; padding-right:15px; padding-bottom:10px; padding-left:15px; margin-top:0px; margin-right:2px; margin-left:2px; text-transform:none; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px;} nav > ul > li > ul li a { background-color:rgb(255, 255, 255); padding-top:20px; padding-right:20px; padding-bottom:20px; margin-bottom:0px;} nav > ul > li > ul li a:hover { background-color:rgb(234, 234, 234);} nav > ul > li > ul li.active > a { background-color:rgb(234, 234, 234);} nav > ul li.active > a { color:rgb(20, 121, 194);} nav > ul li > a:hover { color:rgb(20, 121, 194);} .subtitle { font-size:28px; line-height:1.60em; letter-spacing:0em; margin-bottom:0px; font-weight:800; text-transform:none; color:#ff444c;} .preamble { font-size:20px; line-height:1.5em; letter-spacing:0em; margin-bottom:5px; color:rgb(135, 135, 135); font-style:italic;} .bodytext { line-height:1.6em; margin-bottom:5px;} .bodytext a { color:#ff444c;} .bodytext a:hover { color:rgb(51, 51, 51);} .smalltext { line-height:1.40em; letter-spacing:0em; font-size:12px; margin-bottom:5px;} body { color:rgb(69, 69, 69); font-size:16px; font-family:Open Sans; line-height:1.40em; font-weight:400;} body a { text-decoration:none; color:rgb(20, 121, 194);} body a:hover { color:rgb(60, 161, 234);} .button { border-radius:3px; background-color:#ff444c; color:rgb(255, 255, 255); line-height:1.2em; border-left-width:2px; border-top-width:2px; border-bottom-width:2px; border-right-width:2px; border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; border-color:#ff444c; margin-bottom:40px; padding-left:25px; padding-top:15px; padding-bottom:15px; padding-right:25px;} .button:hover { background-color:#ff5d64; color:rgb(255, 255, 255);} .button .buttonIcon.fa { margin-right:10px;} .form { margin-bottom:40px; padding-left:0px; padding-top:0px; padding-bottom:0px; padding-right:0px;} .form label { padding-bottom:0px; line-height:1.2em; margin-bottom:10px;} .form input[type=text],.form textarea,.form select { border-radius:3px; border-left-width:1px; border-top-width:1px; border-bottom-width:1px; border-right-width:1px; border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; border-color:rgb(204, 204, 204); margin-top:0px; margin-bottom:20px; padding-left:10px; padding-top:10px; padding-bottom:10px; padding-right:10px; color:rgb(69, 69, 69); font-size:14px;} .form input[type=submit] { border-left-width:0px; border-top-width:0px; border-bottom-width:0px; border-right-width:0px; margin-top:20px; margin-bottom:0px;} .form .optins span>a.optinLink:hover { color:rgb(60, 161, 234);} .form input[type=submit]:hover { background-color:#ff5d64;} .form .optins label>a.optinLink { color:rgb(87, 87, 87);} .form .optins label>a.optinLink:hover { text-decoration:underline;} .form input[type=checkbox]+span,.form input[type=radio]+span,.form .form_option input[type=checkbox]+label:not([class*="optin"]) { font-size:11px; line-height:1.6em; margin-bottom:20px; margin-right:20px;} .text { margin-bottom:40px; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px;} .image { margin-bottom:40px;} .map { margin-bottom:40px;} .gallery { margin-bottom:40px;} .row { padding-top:100px; padding-right:30px; padding-bottom:60px; padding-left:30px;} .col { margin-bottom:0px; padding-left:15px; padding-right:15px; margin-top:0px; padding-bottom:0px;} .custom1 { color:rgb(87, 87, 87); text-transform:none; font-size:14px; font-weight:300; letter-spacing:0em; line-height:1.2em;} .custom2 { font-family:Libre Baskerville; font-style:italic; font-size:16px; line-height:1.75em;} .custom4 { font-size:31px; line-height:1.2em; text-align:center; letter-spacing:0.1em; text-transform:uppercase; font-weight:300;} .custom5 { font-size:22px; line-height:1.5em;} .custom3 { font-family:Libre Baskerville; font-style:italic; font-size:28px; line-height:1.5em;} .smallsubtitle { font-size:24px; line-height:1.60em; margin-bottom:5px; font-family:Open Sans; font-style:normal; color:rgb(51, 51, 51); font-weight:400;} .spottext { font-size:72px; color:rgb(255, 255, 255); line-height:1.2em; text-align:center; margin-bottom:10px; text-transform:uppercase; font-weight:300; letter-spacing:0.1em;} .footertext { font-size:12px; line-height:1.6em; margin-bottom:5px; color:rgb(237, 237, 237);} .footertext a { color:rgb(237, 237, 237);} .footertext a:hover { color:rgb(255, 255, 255); text-decoration:underline;} .companyname { color:rgb(51, 51, 51); font-size:22px; line-height:1.8em; text-align:left;} .companyname a { color:#ff444c;} .companyname a:hover { color:rgb(51, 51, 51);} .smallspottext { color:rgb(255, 255, 255); font-size:22px; line-height:1.5em; text-align:center;} .locale { text-align:right;} .locale ul li a { transition:all 0.25s ease-in 0s; color:rgb(255, 255, 255);} .locale ul li { background-color:rgb(69, 69, 69); padding-top:5px; padding-right:15px; padding-bottom:5px; padding-left:15px;} .button2 { font-size:16px; line-height:1.2em; margin-bottom:40px; border-radius:3px; color:rgb(237, 237, 237); border-color:rgba(0, 0, 0, 0); display:table; margin-left:0; margin-right:auto; padding-top:15px; padding-right:25px; padding-bottom:15px; padding-left:25px; border-top-width:2px; border-left-width:2px; border-bottom-width:2px; border-right-width:2px; text-transform:uppercase; border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-right-radius:0px; border-bottom-left-radius:0px; background-color:#ff444c;} .button2:hover { background-color:rgb(51, 51, 51); color:rgb(237, 237, 237);} .divider { display:table; margin-left:auto; margin-right:auto; border-top-width:1px; width:100%; margin-bottom:20px;} .socialmedia { text-align:right; font-size:19px;} .socialmedia li { margin-left:10px; margin-bottom:10px;} .socialmedia li a { width:30px; height:30px; color:rgb(237, 237, 237);} .socialmedia li a:hover { color:rgb(255, 255, 255);} .paymenticons li { margin-left:5px; margin-bottom:5px; padding-bottom:40px;} .linklist { margin-bottom:0px; margin-top:0px; padding-left:0px;} .linklist a { margin-bottom:1px; background-color:rgb(242, 242, 242); padding-top:10px; padding-right:10px; padding-bottom:10px; padding-left:10px;} .breadcrumb li a { margin-bottom:10px; margin-left:10px; margin-right:10px;} .lightsubtitle { color:rgb(237, 237, 237); font-size:28px; text-transform:none; font-weight:800; letter-spacing:0em; line-height:1.60em; text-decoration:none;} .button3 { border-color:rgb(237, 237, 237); color:rgb(237, 237, 237); display:table; margin-left:auto; margin-right:auto; line-height:1.20em;} .button3:hover { border-color:rgb(237, 237, 237); background-color:rgb(237, 237, 237); color:rgb(51, 51, 51);} .lightheadline { font-weight:800; color:rgb(255, 255, 255); font-size:50px; line-height:1.6em;} .lightsmallsubtitle { font-size:24px; line-height:1.60em; color:rgb(237, 237, 237);} .lightpreamble { font-size:20px; line-height:1.60em; font-style:italic; color:rgb(237, 237, 237);} .lightbodytext { color:rgb(237, 237, 237); line-height:1.60em;} .lightbodytext a { color:rgb(237, 237, 237);} .lightbodytext a:hover { color:rgb(237, 237, 237); text-decoration:underline;} .lightsmalltext { font-size:12px; color:rgb(237, 237, 237); line-height:1.40em;} .list .itemLabel { font-size:21px;} .list .listIcon { width:30px; height:34px; font-size:18px; color:#ff444c; margin-right:5px;} .list .listIcon:hover { color:#ff444c;} .scrollIcon { background-color:rgb(255, 255, 255); border-color:#ff444c; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px;} .scrollIcon:hover { background-color:rgb(237, 237, 237); border-color:#ff444c;} .form .fieldDescription { color:rgb(151, 151, 151);} .arrow { height:40px; font-size:24px; width:40px; color:#ff444c;} .arrow:hover { background-color:#ff444c;} .modal { background-color:rgb(255, 255, 255); border-left-width:3px; border-top-width:3px; border-bottom-width:3px; border-right-width:3px; border-color:#ff444c; padding-left:30px; padding-top:30px; padding-bottom:30px; padding-right:30px;} .engagement.modal .headline { font-weight:700; font-size:30px; text-align:center; margin-left:20px; margin-top:20px; margin-right:20px;} .engagement.modal .bodytext { font-family:Poppins; font-size:18px; line-height:1.4em; text-align:center; margin-left:20px; margin-right:20px;} .engagement.modal .closeBtn { color:#ff444c; font-size:44px;} @media only screen and (max-width:1199px) {nav {} nav > ul li > a:hover {} nav > ul li.active > a {} nav > ul > li > ul a {} nav > ul > li > ul li.active > a {} nav:before { color:rgb(69, 69, 69); font-size:30px;} .row { padding-top:70px; padding-bottom:0px;} .custom4 { font-size:24px;} .custom1 { line-height:1.2em;} .custom1 a {} .custom1 a:hover {} .custom3 {} .custom3 a {} .custom3 a:hover {} body {} body a {} body a:hover {} .text {} .headline { font-size:32px;} .subtitle { font-size:24px;} .preamble { font-size:18px; text-transform:none; line-height:1.60em;} .bodytext {} .bodytext a {} .bodytext a:hover {} .smallsubtitle { font-size:21px;} .smalltext { font-size:12px;} .smalltext a {} .smalltext a:hover {} .spottext { font-size:60px;} .smallspottext { font-size:24px;} .companyname { font-size:18px;} .companyname a {} .companyname a:hover {} .footertext { font-size:12px;} .footertext a {} .footertext a:hover {} .custom5 { font-size:15px;} .lightsubtitle { font-size:24px;} .lightheadline { font-size:32px;} .lightsmallsubtitle { font-size:20px;} .lightpreamble { font-size:18px;} }@media only screen and (max-width:767px) {nav > ul li > a { font-size:16px; color:rgb(237, 237, 237);} nav > ul > li > ul a { font-size:15px;} nav:before { font-size:21px; color:rgb(51, 51, 51);} nav > ul li a:hover { background-color:rgba(0, 0, 0, 0);} nav > ul > li > ul li a { background-color:rgba(255, 255, 255, 0); padding-top:10px; padding-right:10px; padding-bottom:10px; padding-left:10px;} nav.opened-menu > ul { background-color:rgb(51, 51, 51); padding-top:60px;} nav > ul li > a:hover { color:rgb(237, 237, 237);} nav > ul li.active > a { color:rgb(237, 237, 237); font-weight:800;} .nav { padding-top:20px;} nav > ul li a { background-color:rgba(0, 0, 0, 0);} .headline { font-size:26px; text-align:center;} .subtitle { font-size:18px;} .preamble { font-size:16px;} .bodytext { font-size:15px; margin-bottom:10px;} .smalltext {} .smalltext a {} .smalltext a:hover {} .text { margin-bottom:20px; padding-right:0px; padding-left:0px;} .row { padding-top:60px; padding-left:0px; padding-right:0px; padding-bottom:40px;} .form { margin-bottom:20px; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px;} .form label {} .form input[type=submit] {} .form input[type=submit]:hover {} .form input[type=text],.form textarea,.form select {} .form .thankYou {} .form input[type=checkbox]+span,.form input[type=radio]+span,.form .form_option input[type=checkbox]+label:not([class*="optin"]) { margin-bottom:10px; margin-right:10px;} .gallery { margin-bottom:20px;} .map { margin-bottom:20px;} .image { margin-bottom:20px;} .button { margin-bottom:20px; font-size:14px; padding-top:13px; padding-right:20px; padding-bottom:13px; padding-left:20px;} .custom1 { font-size:12px; text-align:center;} .custom2 {} .custom2 a {} .custom2 a:hover {} .custom3 { font-size:22px;} .custom4 { font-size:14px; font-weight:400;} .custom5 { font-size:18px;} .spottext { font-size:36px; margin-bottom:0px;} body {} body a {} body a:hover {} .locale {} .locale ul li a {} .locale ul li a:hover {} .locale ul li.active a {} .locale ul li {} .locale ul li:hover {} .locale ul li.active {} .smallsubtitle { font-size:18px;} .smallspottext { font-size:16px;} .companyname { font-size:20px;} .companyname a {} .companyname a:hover {} .footertext {} .footertext a {} .footertext a:hover {} .button2 { margin-bottom:20px; font-size:14px; padding-top:13px; padding-right:20px; padding-bottom:13px; padding-left:20px;} .socialmedia { text-align:center; font-size:22px;} .socialmedia li a { width:22px; height:22px;} .socialmedia li { margin-left:0px; margin-right:20px; margin-bottom:20px;} .lightheadline { font-size:26px; text-align:center;} .lightsubtitle { font-size:18px;} .lightsmallsubtitle { font-size:18px;} .lightpreamble { font-size:16px;} .scrollIcon { width:30px; height:30px;} }#r5001 { padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;} #r2019 { padding-top:10px; padding-bottom:10px; background-color:rgb(237, 237, 237);} #m4026 { margin-bottom:0px;} #r4845 { padding-top:30px; padding-right:15px; padding-bottom:30px; padding-left:15px;} #m1787 { max-width:90%; margin-bottom:0px;} #m3712 { margin-bottom:0px;} #r5000 { background-color:rgb(255, 255, 255); background-position:50% 100%; background-repeat:no-repeat; padding-top:5px; padding-right:15px; padding-bottom:5px; padding-left:15px; border-top-width:1px; border-color:rgb(241, 241, 241); border-bottom-width:1px;} #r5002 { background-color:rgb(255, 255, 255); background-position:50% 0%; background-repeat:repeat-y;} #r5002 > .container {} #r1074 { padding-top:30px; padding-bottom:20px; border-top-width:0px; background-color:rgb(255, 255, 255); border-color:rgb(135, 135, 135); border-right-width:0px; border-bottom-width:0px; border-left-width:0px;} #c1707 { border-right-width:0px; border-color:rgb(135, 135, 135); border-style:dotted; border-top-width:0px; border-bottom-width:0px; border-left-width:0px;} #m3210 { margin-bottom:0px;} #p2374 #r4774 { background-color:rgba(0, 0, 0, 0.45098); background-image:url(/uploads/xzlJVnRq/Daum_Bau_GmbH_Header.jpg); background-repeat:no-repeat; background-size:cover; background-position:50% 50%; padding-left:150px; padding-top:150px; padding-bottom:150px; padding-right:150px;} #p2374 #r4774.bgfilter:before { background-color:rgba(0, 0, 0, 0.17);} #p2374 #c2028 { padding-left:0px; padding-top:0px; padding-right:0px;} #p2374 #r2970 { border-style:solid; padding-top:60px;} #p2374 #c3093 { background-color:rgb(237, 237, 237); padding-top:30px; padding-right:30px; padding-bottom:30px; padding-left:30px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-color:rgb(135, 135, 135);} #p2374 #m2913 .listTitle { margin-bottom:0px;} #p2374 #m2913 .listIcon { font-size:31px; margin-right:10px; width:25px; height:25px;} #p2374 #r4682 { background-color:rgb(237, 237, 237); padding-bottom:20px; padding-top:60px;} #p2374 #m1128 { border-color:rgba(0, 0, 0, 0.1); margin-bottom:0px;} #p2374 #r2244 { padding-top:20px; background-color:rgb(237, 237, 237);} #p2374 #c3555 { background-color:rgb(255, 255, 255); padding-top:30px; padding-right:30px; padding-bottom:30px; padding-left:30px;} #p2374 #m3325 { margin-bottom:20px;} #p2374 #m2005 { margin-bottom:30px;} #p2374 #m3947 { border-left-width:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-color:rgba(0, 0, 0, 0); margin-bottom:20px;} #p2374 #c1845 { background-color:rgb(255, 255, 255); padding-top:30px; padding-right:30px; padding-bottom:30px; padding-left:30px;} #p2374 #m4946 { margin-bottom:0px;} #p2374 #c1384 { padding-left:30px; background-color:rgb(225, 225, 225); padding-top:30px; padding-right:30px; padding-bottom:30px;} #p2374 #m3679 { margin-bottom:20px;} #p2374 #r2528 { padding-top:0px; padding-bottom:0px; padding-left:00px; padding-right:0px;} #p2374 #c2702 { padding-left:0px; padding-right:0px;} #p2374 #m2167 { margin-bottom:0px; height:500px;} #p4307 #r3536 { padding-bottom:20px; border-bottom-width:0px;} #p4307 #r3205 { padding-top:20px; padding-bottom:0px;} #p4307 #r3033 { padding-top:40px;} @media only screen and (max-width:1199px) {#r5002 { margin-bottom:0px; margin-top:0px;} #r1074 > .container {} #p2374 #r4774 > .container {} #p2374 #c3555 { padding-left:15px;} #p2374 #c1384 { padding-right:15px;} }@media only screen and (max-width:767px) {#r5000 { padding-top:15px; padding-bottom:15px; padding-right:0px;} #m5000 { text-align:right;} #r1074 { padding-bottom:30px; padding-top:30px;} #c1707 { border-right-width:0px;} #m3210 { margin-bottom:30px;} #p2374 #r4774 { background-size:contain; padding-left:50px; padding-top:70px; padding-bottom:60px; padding-right:50px;} #p2374 #c3093 { padding-left:15px; padding-right:15px;} #p2374 #r2244 { padding-top:60px; padding-bottom:40px;} #p2374 #c3555 { margin-bottom:40px;} #p2374 #c1384 { padding-left:15px;} }