@font-face {
  font-family:OpenSans-Regular;
  src: url(../fonts/OpenSans/OpenSans-Regular.ttf)
}
@font-face {
  font-family:OpenSans-SemiBold;
  src: url(../fonts/OpenSans/OpenSans-SemiBold.ttf)
}
@font-face {
  font-family:OpenSans-Bold;
  src: url(../fonts/OpenSans/OpenSans-Bold.ttf)
}
@font-face {
  font-family:OpenSans-Light;
  src: url(../fonts/OpenSans/OpenSans-Light.ttf)
} 
@font-face {
  font-family:OpenSans-Medium;
  src: url(../fonts/OpenSans/OpenSans-Medium.ttf)
} 
@font-face {
  font-family:RobotoCondensed-Bold;
  src: url(../fonts/roboto-condensed/RobotoCondensed-Bold.ttf)
}
@font-face {
  font-family:RobotoCondensed-Regular;
  src: url(../fonts/roboto-condensed/RobotoCondensed-Regular.ttf)
}

body{ font-size: 15px; font-family:OpenSans-Regular;}

/*b, strong{font-family:OpenSans-Bold;}*/
.right-col .current-news{font-family:OpenSans-SemiBold;}
.content-block h4{font-family:OpenSans-SemiBold;}
/*.cost_calculation .form-info-title{font-family:OpenSans-Bold;}*/
.content-block h1{ font-size: 26px; font-family:OpenSans-SemiBold;}
.content-block h2{ font-size: 24px; font-family:OpenSans-SemiBold;}
.content-block h3{ font-size: 20px; font-family:OpenSans-SemiBold;}
.content-block ul li{ position: relative; }
.content-block ul li::after { content: "."; position: absolute; left: 0; top: 1px; font-size: 28px; line-height: 1px; }
.layout_1 .navbar-nav > li:hover > .dropdown-menu { display: none; }
.cost_calculation form.costcal_form .form-field { margin-bottom: 15px; }
.costcal_form .form-field label{ font-weight: 300; padding: 0; display: inline-block; max-width: 100%; width: 100%; margin-bottom: 5px; /*font-family:OpenSans-Light;*/}
.costcal_form .form-field input[type="text"]{ width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 6px 12px; background: #ffffff; height: 40px; padding-right: 30px; position: relative; -webkit-appearance: none; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);display: block; font-size: 14px; line-height: 1.42857143; border: 1px solid #ccc; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; box-shadow: none; border-color: #ccc;}
.costcal_form .main-form{ width: 60%; /*padding-left: 0;*/}
.costcal_form .form-field.innung_check label{ width: auto; margin-left: 3px;  }
.beauftragung-formular{ width: 67%; }
.beauftragung-formular .tx-powermail form .powermail_field h3{ display: block; margin-bottom: 0;}
.beauftragung-formular .powermail_fieldwrap_type_radio .powermail_field{ padding: 10px 25px; margin: 15px 0px; border: 1px solid #dddddd; background-color: #fafafa; }
.beauftragung-formular .powermail_fieldwrap_radio fieldset legend { display: block; }
.contenttable th, .contenttable td{border-top: 1px solid #dadada; padding: 0.5em 0.75em;}
.news-single-item .pagetitle h3{font-family: inherit;}

/*.powermail_fieldwrap_radio .radio_filds label{ display: block; }*/
/*.footer-content legend {
    display: none;
}*/
.beauftragung-formular .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio .radio_filds .powermail_field .radio:first-child{ margin-top: 18px; }
.beauftragung-formular .tx-powermail .powermail_fieldwrap .powermail_field{ width: 100%; }
.beauftragung-formular .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio .radio_filds{ display: inline-block; position: relative; }
.beauftragung-formular .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio .radio_filds label.powermail_label { display: block; width: auto; padding: 3px 10px; margin-bottom: 0; font-size: 15px; line-height: inherit; color: #333; border: 1px solid #ddd; background-color: #ffffff; position: absolute; left: 28px; top: 6px; z-index: 111; /*margin-bottom: 5px;*/ }
.beauftragung-formular .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio .radio_filds .powermail_field .radio label{ width: auto; }
.beauftragung-formular .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio .radio_filds .powermail_field .radio .powermail_radio{ position: absolute; left: 3px; }
.beauftragung-formular input[type="radio"], input[type="checkbox"] { margin-top: 5px; }
/*.beauftragung-formular input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; }*/
.beauftragung-formular .tx-powermail .powermail_fieldwrap{ flex-direction: column; margin-bottom: 15px; border-bottom: unset!important;}
.beauftragung-formular .tx-powermail .powermail_fieldwrap .powermail_label{ font-weight: 300; padding: 0; display: inline-block; max-width: 100%; width: 100%; margin-bottom: 5px;  z-index: 10;}
.powermail_fieldwrap_type_radio label.powermail_label {
	position: relative;
  top: 29px;
  left: 30px;
  padding: 5px !important;
  background-color: #fff;
  width: auto !important;
  border: 1px solid #ddd;
}
.beauftragung-formular .tx-powermail .powermail_fieldwrap .powermail_field input.powermail_input, .beauftragung-formular .tx-powermail .powermail_fieldwrap .powermail_field textarea ,.tx-powermail .powermail_fieldwrap .powermail_field select.powermail_select{ width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 6px 12px; background: #ffffff; height: 40px; padding-right: 30px; position: relative; -webkit-appearance: none; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);display: block; font-size: 14px; line-height: 1.42857143; border: 1px solid #ccc; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; box-shadow: none; border-color: #ccc;}
.beauftragung-formular .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_antwortselect label.powermail_label{ display: none; }
.beauftragung-formular .tx-powermail .powermail_fieldwrap .powermail_field textarea{ height: 114px; margin-left: 0;  }
.beauftragung-formular .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_marker{ margin-bottom: 0; }
.beauftragung-formular .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_auftrag{ margin-bottom: 0; } 
.beauftragung-formular form .powermail_fieldwrap .powermail_field h4{ font-size: 16px; color: #000; font-weight: bold; margin-bottom: 0;}
.beauftragung-formular .tx-powermail .powermail_form .powermail_fieldset .powermail_fieldwrap_type_text{ color: #000; font-weight: normal; }

.news-row .news-content .date{ margin-top: -4px; }

.news-row .readmore a{ color: #fff; }
.beauftragung-formular .tx-powermail .powermail_form .powermail_fieldset .powermail_fieldwrap_erlaeuterung_01{ padding-top: 0; padding-bottom: 0; margin-bottom: 0; }
.beauftragung-formular .tx-powermail .powermail_form .powermail_fieldset .powermail_fieldwrap_datenschutz{ padding-top: 0; }
.news-row .news-content p{ min-height: 42px; }
.news-single-item .blogpost .post-info{ margin-top: -2px; }
.news-single-item .blogpost .col-md-4 span{ display: block; font-size: 12px; padding-top: 5px; font-style: italic; }
.news-row{ padding-left: 0; }
.news-row .news-thumb{ position: relative; /* left: 0; */ /* top: 0; */ width: 40%; float: left; /*max-width: 80px;*/}
.news-row .news-content{ width: 60%; float: right; padding-left: 8px; }
.news-list .media .media-right{ display: block; padding-right: 20px; }
.news-list .media .media-right a{ width: 80px; position: relative; top: -10px; text-align: center; float: right; border: none; color: #fff; padding: 5px 10px; font-size: 15px;}
.request-quote-form form .powermail_fieldwrap{ margin-bottom: 5px; display: inline-block; width: 100%;}
.request-quote-form form .powermail_fieldwrap .powermail_label{ font-weight: 300; padding: 0; display: inline-block; max-width: 100%; width: 100%; margin-bottom: 5px;  }
.request-quote-form form .powermail_fieldwrap .powermail_field input.powermail_input, .request-quote-form form .powermail_fieldwrap .powermail_field textarea ,.request-quote-form .tx-powermail .powermail_fieldwrap .powermail_field .powermail_select{ width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 6px 12px; background: #ffffff; height: 40px; padding-right: 30px; position: relative; -webkit-appearance: none; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);display: block; font-size: 14px; line-height: 1.42857143; border: 1px solid #ccc; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; box-shadow: none; border-color: #ccc;}
.request-quote-form .tx-powermail .powermail_fieldwrap .powermail_field{ width: 100%; display: inline-block; }
.request-quote-form .tx-powermail .powermail_form .powermail_fieldset .powermail_fieldwrap_type_text{ /*padding-bottom: 0; padding-top: 0;*/ border-bottom: unset; margin-bottom: 0; font-size: 20px; font-weight: 600;}
.request-quote-form form .powermail_fieldwrap .powermail_field textarea{ height: 114px; /*margin-left: 0; */ }
.request-quote-form form .powermail_fieldset.powermail_fieldset_5 .powermail_field{ width: auto; /*margin-left: 21px;*/ }
.request-quote-form form .powermail_fieldset.powermail_fieldset_7 .powermail_fieldwrap_anderesgewerk{ width: 30%; top: -55px; left: 21%; float: left; margin-bottom: 0;}
.request-quote-form .tx-powermail .powermail_fieldset.powermail_fieldset_5{ margin-top: 15px; }
.request-quote-form{ width: 70%; }
.request-quote-form .tx-powermail .powermail_fieldset.powermail_fieldset_4 .powermail_fieldwrap.powermail_fieldwrap_ort .powermail_field{ width: 42.2%; }
.request-quote-form .powermail_fieldset.powermail_fieldset_5 .powermail_fieldwrap.powermail_fieldwrap_innungs_name .powermail_field{ width: 51%; }
.request-quote-form .tx-powermail .powermail_fieldset.powermail_fieldset_7 .powermail_fieldwrap.powermail_fieldwrap_gewerk{ margin-bottom: 0 }
/*.tx-powermail .powermail_fieldwrap_type_check .powermail_field .checkbox label{ font-weight: 300; padding: 0; display: inline-block; margin-bottom: 5px; font-size: 15px; }*/
.request-quote-form .powermail_fieldset.powermail_fieldset_7,.request-quote-form .powermail_fieldset.powermail_fieldset_8,.request-quote-form .powermail_fieldset.powermail_fieldset_9 {
    padding: 10px 25px;
    margin: 30px 0px 15px 0px;
    border: 1px solid #dddddd;
    background-color: #fafafa;
    position: relative;
    width: 100%;
    display: inline-block;
}
.request-quote-form .powermail_fieldset.powermail_fieldset_7{ padding-bottom: 0; }
.request-quote-form .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio .radio_filds .powermail_field .radio{ margin-top: 0; }
/*.request-quote-form .powermail_fieldset.powermail_fieldset_7 legend {
    display: block;
    width: auto;
    padding: 3px 10px;
    margin-bottom: 0;
    font-size: 15px;
    line-height: inherit;
    color: #333;
    border: 1px solid #ddd;
    background-color: #ffffff;
}*/
.request-quote-form .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio .radio_filds .powermail_field{
	position: relative;
}
.request-quote-form .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio .radio_filds .powermail_field .radio .powermail_radio{
	position: absolute;
	left: 21px;
}
.request-quote-form .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio .radio_filds .powermail_field .radio label{ width: auto; }
.request-quote-form .tx-powermail .powermail_form .powermail_fieldset.powermail_fieldset_7 .powermail_fieldwrap_type_text .powermail_field,.request-quote-form .tx-powermail .powermail_form .powermail_fieldset.powermail_fieldset_8 .powermail_fieldwrap_type_text .powermail_field,.request-quote-form .tx-powermail .powermail_form .powermail_fieldset.powermail_fieldset_9 .powermail_fieldwrap_type_text .powermail_field { display: block;
    width: auto;
    padding: 3px 10px;
    margin-bottom: 0;
    font-size: 15px;
    line-height: inherit;
    color: #333;
    font-weight: normal;
    border: 1px solid #ddd;
    background-color: #ffffff;
    position: absolute;
    top: -14px; }
.request-quote-form .tx-powermail .powermail_fieldwrap_type_check .powermail_field .checkbox label{ font-size: 15px; font-weight: 300; }
.request-quote-form .tx-powermail .powermail_fieldset.powermail_fieldset_10 .powermail_fieldwrap_bemerkungen .powermail_field{ font-size: 15px; font-weight: 300; padding: 0; display: inline-block; max-width: 100%; width: 100%; margin-bottom: 5px; color: #000; }
.request-quote-form .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_eingabenzuruecksetzen{ width: auto; }
.request-quote-form .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_submit, .request-quote-form .powermail_fieldwrap.powermail_fieldwrap_type_reset{ width: auto; }
.request-quote-form .tx-powermail .powermail_fieldwrap .powermail_textarea, .request-quote-form .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_datenverarbeitung .checkbox{ margin-left: 0; }
.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_submit input.powermail_submit{ padding: 6px 15px; }
.request-quote-form .tx-powermail .powermail_form .powermail_fieldset .powermail_fieldwrap_type_text.powermail_fieldwrap_bemerkungen{ padding-top: 0; padding-bottom: 0; }
.request-quote-form .tx-powermail .powermail_fieldwrap .powermail_field .powermail_select ul li:after{content: none;}
.banner{ position: relative; }
.banner-text{ position: absolute; top: 50%; left: 35%; transform: translate(-50%,-50%); width: auto; z-index: 11; padding: 18px 30px 22px 30px; background: rgba(255,255,255,0.3); font-family: 'Roboto Condensed', sans-serif;}
.banner-text p{ font-size: 30px; text-align: left; margin-bottom: 0; font-weight: bold; font-family:RobotoCondensed-Bold;}

/* 15-6-2020 */
.layout_1 .row{ margin-left: 0; margin-right: 0; }
.layout_1 .left-contant .togglemenu{ width: 100%; display: block; }
.layout_1 .left-contant .nav-btn{ width: 19%; z-index: 9999;}
/*.layout_1 .container{ width: 90%; }*/
.layout_1 > .row > .col-md-3{ width: 19%; padding-left: 0; padding-right: 0;}
.layout_1 > .row > .col-md-9{ width: 81%; padding-left: 0; padding-right: 0; }
.layout_1 .right-contant{ min-height: 1150px; }

.news-row .news-thumb img{ object-fit: cover; }

/*@media (min-width: 768px){
    .left-contant .nav-btn{ display: block !important; }
    .header .nav-btn{ display: none !important; }
}*/
@media (max-width: 1200px){
	.beauftragung-formular { width: 80%; }
    .layout_1 > .row > .col-md-3{ width: 25%; }
    .layout_1 .left-contant .nav-btn{ width: 25%; }
    .layout_1 > .row > .col-md-9{ width: 75%; }
    .layout_1 .container{ width: 100%; }
    .layout_1 .content-block .right-col{ padding-left: 15px; }
    .layout_1 .content-block .left-content{ padding-right: 15px; }
    .layout_1 .right-contant{min-height: 1200px;}
}
@media (max-width: 991px){
	.costcal_form .main-form{ width: 70%; }
    .right-contant .banner .banner-text{ padding: 9px 25px 10px 25px; }
    .right-contant .banner .banner-text p{ font-size: 26px; }
    .layout_1 .left-contant .navbar-nav li a{ padding-left: 22px; }
    .layout_1 .left-contant .nav-btn a{ font-size: 15px; line-height: 18px; }
    .layout_1 .navbar-nav li.dropdown-submenu span.arrow{ top: 17px; left: 2px; border-width: 8px 7px 0 7px;}
    .layout_1 .left-contant .togglemenu ul li .dropdown-menu{ padding-left: 5px; }
    .layout_1 .content-block .right-col{ padding-left: 0px; }
    .footer ul{ padding-left: 100px; }
    .layout_1 .left-contant .nav-btn{ padding-top: 50px; }
}
@media (max-width: 767px){
	.beauftragung-formular { width: 87%; }
    .layout_1 .left-contant{ display: none!important; }
    .layout_1 > .row > .col-md-9{ width: 100%; }
    .footer ul{ padding-left: 0; }
    .header .togglemenu{ padding-bottom: 65px; }
    .layout_1 .header .dropdown-menu > li > a{ color: #fff; }
    .layout_1 .header .header_logo{ margin-top: -4px; }
    .layout_1 .header .navbar-nav > li{ display: inline-block; }
    .header .js-nav-menu li a{ padding-left: 35px; }
    .layout_1 .navbar-nav li.dropdown-submenu span.arrow{ left: 10px; }
    .layout_1 .content-block .left-content{ padding-right: 0; }
    .layout_1 .right-contant .content-block .col-sm-7,.layout_1 .right-contant .content-block .col-sm-5{ padding-left: 0; padding-right: 0; }
    .news-col .news-row .news-thumb{ width: 25%; }
    .news-col .news-row .news-content{ width: 75%; }
    .news-col .news-thumb img{ object-fit: cover; }
    .news-list .news-thumb img{ height: auto; object-fit: cover; }
    .news-list .media-left, .news-list .media-right, .news-list .media-body{ width: auto; display: table-cell; }
    .news-list .media-left{ padding-right: 10px; }
    /*.news-list .news-thumb img{ width: auto; }*/
    .news-list .news-thumb { width: 165px; }
}
@media (max-width: 567px){
	.costcal_form .main-form{ width: 100%; }
	.beauftragung-formular { width: 100%; }
	.layout_1 .beauftragung-formular .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio .radio_filds .powermail_field .radio label{ padding-left: 20px; padding-right: 10px; }
	.beauftragung-formular .tx-powermail .container-fluid{ padding-right: 0; }
	.layout_1 .right-contant .content-block .ce-intext.ce-right .ce-gallery{ width: 100%; }
    .news-col .news-row .news-thumb{ width: 30%; }
    .news-col .news-row .news-content{ width: 70%; }
    .news-list .media-left, .news-list .media-right, .news-list .media-body{ width: 100%; display: block;}
    .news-list .media-left{ padding-right: 0; }
    .news-list .news-thumb{ width: 100%; }
}
