:root {
--blue: #063F6C;
--grey: #9D9E9E;
--midddlegrey: #d9dada;
--lightgrey: #ebecec;
--headings-font-family:Times New Roman;
--body-font-family: 'Poppins';
}
.display-none {display:none!important}
a.extern-link::after {
content: ' \2192'; } .entry-content a[href^="http://"]:not([href*="dwb-hausverwaltung.de"]):after,
.entry-content a[href^="https://"]:not([href*="dwb-hausverwaltung.de"]):after {
font: normal 9px/1 'FontAwesome';
color: #334979;
content: "\f08e";
padding-left:7px;
font-size: 1em;
}
.hidden-tooltipp .fa-arrow-up-right-from-square{vertical-align:0; height: 0.6em; position: absolute;right:7px;top: 8px;}
body {font-family: var(--body-font-family);font-size: 16px}
strong {color:var(--blue)}
.et_pb_module h1, .et_pb_module h2, .et_pb_module h3, .et_pb_module h4, .et_pb_module h5, .et_pb_module h6 {font-family: var(--headings-font-family);color:var(--blue)}
h1 {font-size: clamp(28px, 5vw, 40px)}
h2 {font-size: clamp(24px, 4vw, 30px)}
h3 {font-size: clamp(18px, 3vw, 26px)}
h4 {font-size: clamp(16px, 2vw, 24px)}
h5 {font-size: clamp(12px, 1.5vw, 16px)}
h6 {font-size: clamp(10px, 1vw, 14px)}
@media only screen and ( max-width: 980px ){
.flex-item3 {width:100%!important;min-width:300px}
.flex-item3 .et_pb_menu__wrap{justify-content: center!important}
#dwbmenu .flex-header{flex-wrap:wrap}
#dwbmenu {width:80%}
}
@media only screen and ( min-width: 981px ) and (max-width:1460px){
.flex-item2 {width:10vw!important}
}
@media only screen and ( min-width: 981px ) {	.flex-item1, .flex-item3 {min-width:35%}}
#dwbmenu .flex-header{display:flex;justify-content: center;align-items: flex-end;}
.flex-item1, .flex-item2, .flex-item3 {margin: 0 15px!important}
#menu-main a {white-space: nowrap;}
#menu-main .current-menu-item{font-weight:600}
.flex-footer {display:flex;flex-direction: row;justify-content: center;flex-wrap:wrap}
.flex-footer .et_pb_text_inner {white-space:nowrap} @media only screen and ( min-width: 48em ) {.wps-form-row {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}.wps-form-column {padding: 0.5rem 1rem;}}
@media only screen and ( max-width: 48em ) {.wps-form-row {-webkit-box-orient: vertical!important;-webkit-box-direction: normal!important;-ms-flex-direction: column!important;flex-direction: column!important;} .wpcf7-submit{width:100%}}
.wps-form {width: 100%;margin: 0 auto;}
.wps-form-row {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;width: 100%;}
.wps-form-row .wpcf7-form-control {width: 100%;}
.wps-form-column {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;padding: 1rem 1rem 1rem 0;width: 100%;}
span.wpcf7-list-item { display: block;margin:0 }
.wpcf7-text, .wpcf7-textarea, wpcf7-list-item, .wpcf7-captchar {
background-color: #fff !important;
border: none !important;
width: 100% !important;
border-radius: 0 !important;
font-size: 14px;
color: #090000 !important;
padding: 8px !important;
-webkit-box-sizing: border-box;
box-sizing: border-box;}
.wpcf7-submit {
border-color: var(--blue) !important;
color: #fff !important;
margin: 8px auto 0;
cursor: pointer;
font-size: 16px;
font-weight: 500;
border-radius: 3px;
padding: 6px 60px;
line-height: 1.7em;
background: var(--blue);
border: 1px solid;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;}
.wpcf7-submit:hover {background-color: var(--grey)}
.wpcf7-form-control-wrap input[type="text"], .wpcf7-form-control-wrap textarea, .wpcf7-form-control-wrap select {
background-color: #fff !important;
border: none !important;
color: #090000 !important;
padding: 8px !important;
border-radius: 0px !important;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
margin: 0px !important;}
.wpcf7-response-output{border-color:var(--blue)}
.wpcf7-form-control-wrap select {background: #fff !important;}
span.kontakt.wpcf7-list-item {display: block;background: #fff !important;} .menu-flottant {
width:40px; 
float: right; 
position:fixed; 
z-index:9999; 
top: 25%; 
line-height: 2px; 
right: 0px }
.menu-flottant ul {list-style: none; margin: 0; padding: 0;}
.menu-flottant ul li{
display:block; 
background-color: var(--grey);
border-radius: 5px 0 0 5px;
position: relative; 
-webkit-transition: -webkit-transform 0.5s; 
-webkit-transition: -webkit-transform .5s; 
transition: -webkit-transform .5s; 
-o-transition: transform .5s; 
transition: transform .5s; 
transition: transform .5s, -webkit-transform .5s;
-webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.5);
box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.5);
margin: 10px 0;
padding: 7px 12px;
height: 2em}
.menu-flottant .floating-icon {float: left; line-height: 0em; height:2em;padding-bottom: 1em;}  
.havarie {background-color: var(--blue)!important;}
.menu-flottant a,.menu-flottant .floating-icon {font-size: 18px;color:#fff!important;white-space: nowrap;font-weight:400; text-decoration: none;     color: #fff; 
text-transform:uppercase; }
.menu-flottant a:before{content: ""!important; margin:0!important} .menu-flottant .hidden-tooltipp {display:none}
.menu-flottant ul li:hover .hidden-tooltipp{display:block}
.menu-flottant .hidden-tooltipp {
background-color: var(--blue);
position: absolute; 
top:0; 
bottom:0; 
height: 2em;
right: 4em;
padding: 20px;
-webkit-transition: -webkit-transform 0.5s; 
-webkit-transition: -webkit-transform .5s; 
transition: -webkit-transform .5s; 
-o-transition: transform .5s; 
transition: transform .5s; 
transition: transform .5s, -webkit-transform .5s;
-webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.5);
box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.5);
}
.menu-flottant .hidden-tooltipp:before{
content:"";
position:absolute;
width: 0px;
height: 0px;
border-top: .8em solid transparent; 
border-right:.8em solid var(--blue); 
border-bottom: .8em solid transparent;
border-left:0px solid transparent; 
top:4px;
right:-1.2em}
@media all and (max-width: 981px) {
.menu-flottant ul li, .menu-flottant .hidden-tooltipp{height: 2em}
.menu-flottant ul li{padding: 5px 10px}
.menu-flottant .hidden-tooltipp{ padding: 9px}
.menu-flottant .hidden-tooltipp { left: 50px}
.menu-flottant {width:35px}
.menu-flottant a,.menu-flottant .floating-icon {font-size: 16px}
.menu-flottant .hidden-tooltipp:before{top:0}
}
#tablekosten .tbprice {text-align: right;}
#tablekosten {width:100%; max-width:400px}
@media all and (min-width: 1700px) {#tablekosten {width:50%}}
.project-start .et_pb_blurb_description {
font-size: 14px;
word-wrap: break-word;
hyphens:auto;
-webkit-hyphens: auto;
-webkit-hyphenate-limit-chars: auto 3;
-webkit-hyphenate-limit-lines: 4;
-ms-hyphens: auto;
-ms-hyphenate-limit-chars: auto 3;
-ms-hyphenate-limit-lines: 4;
}