/*
Theme Name:   Renovate Child
Description:  Renovate Child Theme
Template:     renovate
Version:      1.0
Text Domain:  renovate
Author:       Salva Romero Aguilar - 2017

*/


/*MENU Ausblendung*/


/*#menu-tankschutz-tankbeschichtung-menue li:nth-child(1),
#menu-tankschutz-tankbeschichtung-menue li:nth-child(2),
#menu-tankschutz-tankbeschichtung-menue li:nth-child(3),
#menu-tankschutz-tankbeschichtung-menue li:nth-child(4),
#menu-tankschutz-tankbeschichtung-menue li:nth-child(5),
#menu-tankschutz-tankbeschichtung-menue li:nth-child(6),
#menu-tankschutz-tankbeschichtung-menue li:nth-child(7){

*/
.liste ul li{font-size:20px;}

.headline{
	font-size:60px;
}

/*action button*/
.re-action-button {
    display: block;
    background: #0b6ab3;
    padding: 18px 18px 18px 62px;
    font-family: 'Roboto';
    line-height: 24px;
    color: #fff;
}

.re-action-button:before {
    color: #F5F5F5;
    float: left;
    font-size: 24px;
    margin-right: 19px;
    margin-left: -43px;
}

a.re-action-button.selected,
a.re-action-button:hover {
    background: #F5F5F5;
    color: #FFF;
}

a.re-action-button.selected:before,
a.re-action-button:hover:before {
    color: #FFF;
}



/*+++++++++++Dienstbox+++++++++++++++++++++++++++++++++++*/

.hide {
    display: none;
}

.dienstleistung-desktop-start-innen {
    margin-left: 0 !important;
}

.slider-form input.wpcf7-submit {
    margin-right: 35px !important;

}

h1 {
    line-height: 22px;
    color: grey;
}

h4 {
    color: grey;
}

h2 {
    font-weight: 600 !important;
}

strong {
    color: grey;
}

.feature-item:before {
    border: 2px solid #206ab1;
}

[class^="sl-small-"]:before,
[class*=" sl-small-"]:before {
    height: 90px !important;
}

.sl-large-location:before,
.sl-large-list:before,
.sl-large-tick:before {
    line-height: 0 !important;
}

body {
    font-family: 'Roboto';
}

.feature-item.feature-item-big:before {
    display: inline;
    padding: 20px;
    border-color: white;
}

.feature-item.feature-item-big .ornament {
    margin-top: 45px;
}

.page-header>.vc_inner {
    padding: 33px 0 0 0;
}

.page-header-left h1 {
    padding-bottom: 28px;
}

.header-crumb {
    margin-bottom: 10px;
    font-size: 12px;
}

.page-header-right {
    vertical-align: baseline;
}

.job-icon-panel {
    margin-left: 0 !important;
}

.dientleistung-um h2 a:hover {
    text-decoration: underline !important;
    color: #0b6ab3 !important;
    opacity: 1;
}

.header-toggle {
    transform: rotate(0deg) !important;
    -webkit-transform: rotate(0deg) !important;
}

.header-toggle.template-arrow-up:before {
    content: "Kontakt" !important;
    font-family: 'Roboto' !important;
}

.dienstleistung-mobile {
    display: none !important;
}


/*Coockies*/

.cookie-notice-container a {
    color: #206ab1;
}

#cn-accept-cookie {
    background-color: #206ab1 !important;
    background-image: linear-gradient(to bottom, #206ab1, #206ab1) !important;
}

#datenschutz h2 {
    margin-top: 25px;
}


/* Navigation Menu */

#dienst-box {
    width: 100%;
    font-family: 'Roboto';
}

#dienst-box h2 {
    margin-left: 15px;
    line-height: 1.2;
}

#dienst-box .dc-inner h2 {
    margin-left: 0;
    font-size: 14px;
    bottom: 0;
    position: absolute;
    font-weight: bold;
    text-transform: none;
}

#dienst-box .dc-inner p {
    line-height: 1.4;
}

.dc-inner-title {
    height: 70px;
    position: relative;
}

#dienst-box-title-line {
    height: 2px;
    background-color: #0b6ab3;
    margin: 15px 15px 25px 15px;
    z-index: 119;
}

#dienst-box-title-line-r {
    height: 2px;
    background-color: #0b6ab3;
    width: 95%;
    margin-bottom: 25px;
}

#dc0 {
    padding-left: 15px;
    width: 25%;
    position: relative;
    float: left
}

#dc1 {
    width: 25%;
    position: relative;
    float: left
}

#dc2 {
    width: 25%;
    position: relative;
    float: left
}

.list-title {
    margin-top: 0;
}

.list-title-a {
    margin-top: 15px;
}

.list-title-a,
.list-title {
    color: #0b6ab3;
    font-weight: bold;
    line-height: 1.2;
}

#dienst-box a {
    color: black;
}

#dienst-box li a::before {
    content: "\f101";
    /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
    position: relative;
    top: 10px;
    left: 3px;
}

#dienst-box a:hover {
    color: #0b6ab3;
    text-decoration: none;
}

#dienst-box img {
    width: 230px;
    margin-top: 15px;
    height: 154px;
}


/*#view-panel {
    height: 100%;
    width: 30%;
    background-color: red;
}*/

.dc-panel {
    /*display: none;*/
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #f0f0f0;
    height: 585px;
    width: 278px;
    margin-top: -93px;
    padding-top: 66px;
    z-index: 118;
}

#dienst-box .dc-inner {
    background-color: #f0f0f0;
    height: 558px;
    width: auto;
    padding: 0px 15px 0px 20px;
    z-index: 118;
}

#dc-start {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #f0f0f0;
    height: 585px;
    width: 278px;
    margin-top: -93px;
    padding-top: 66px;
    z-index: 118;
}

.dc-a0 {
    left: 892px;
}

.dc-a1 {
    left: 600px;
}

.dc-a2 {
    left: 307px;
}

#dienst-box li a div {
    padding: 8px 10px 8px 15px;
    line-height: 1.2em;
    margin-top: -12px;
}

#dienst-box li:hover .dc-panel,
#dienst-box ul>div:hover .dc-panel {
    visibility: visible;
    opacity: 1;
    /*display: block;*/
}

#dienst-box li:hover {
    background-color: #f0f0f0;
}

#dienst-box li a:hover {
    color: #0b6ab3;
}

#dienst-box ul:hover~#dc-start {
    display: none;
}


/**********************************************************************************/


/************************************/

.dienst-links .menu-item-object-page:before,
.dienst-rechts .menu-item-object-page:before {
    content: "\f101";
    /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
    position: relative;
    top: 0px;
    color: #206ab1;
    left: -10px;
}

.dienst-links .menu-item-object-page:hover a,
.dienst-rechts .menu-item-object-page:hover a {
    color: #206ab1 !important;
    background-color: transparent;
}

.dienst-links .menu-item-object-page,
.dienst-rechts .menu-item-object-page {
    padding: 10px 10px 10px 10px;
    text-indent: -8px;
    line-height: 1.2em;
}

.dienst-links .menu-item-object-page a,
.dienst-rechts .menu-item-object-page a {
    color: #206ab1;
}

.dienst-links .current-menu-item a,
.dienst-rechts .current-menu-item a {
    color: #206ab1;
    text-decoration: underline;
}

.dienst-menu-titel a {
    background-color: white;
    padding: 5px;
}


/**************************************/

h2.box-header:after {
    display: none !important;
}

.dienst-links,
.dienst-rechts {
    margin-left: 0 !important;
}


/*Kontakt Formular*/

#sticky-form .wpcf7-response-output {
    color: white;
    border: 2px solid white;
    margin-top: 0;
}

.agb-datenschutz a {
    color: #f5f5f5 !important;
}

.agb-datenschutz .wpcf7-list-item {
    margin-bottom: 15px;
    line-height: 1;
}

.agb-datenschutz .wpcf7-list-item input {
    width: auto;
    margin-left: -15px;
    margin-bottom: 0;
}

.angebot-form .agb-datenschutz a {
    color: #206ab1 !important;
}

.angebot-form .wpcf7-list-item input[type="checkbox"] {
    position: absolute;
    /*    left: 30px;*/
    top: -13px;
    margin-left: 0 !important;
}

.slider-form .wpcf7-list-item input[type="checkbox"] {
    position: absolute;
    left: 0px;
    top: -13px;
    margin-left: 0 !important;
}

.slider-form .agb-datenschutz a {
    color: #206ab1 !important;
}

.angebot-form .agb-datenschutz {
    /*    padding-left: 33px;*/
}

.kontakt-form .agb-datenschutz a {
    color: #206ab1 !important;
}

.kontakt-form .wpcf7-list-item input[type="checkbox"] {
    position: absolute;
    left: 0px;
    top: /*-13px*/auto;
    margin-left: 0 !important;
}

.kontakt-form .agb-datenschutz {
    padding-left: 5px;
}


/*Diensleitung Submenu - Main Menu*/

#menu-header {
    font-size: 25px;
}

#menu-item-2524 {
    padding-left: 25px !important;
    padding-top: 15px !important;
}

.ubermenu-submenu-id-2521,
.ubermenu-submenu-id-3289 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.ubermenu-submenu-id-2522 {
    padding-right: 25px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

#menu-item-2584 {
    border: 2px solid #206ab1;
    margin-bottom: 0;
}

#menu-item-2584 .ubermenu-target {
    padding: 8px 18px;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

#menu-item-2584 .ubermenu-target:hover {
    background-color: white;
}

#menu-image img {
    width: 97%;
}

.ubermenu-main {
    margin-bottom: 25px !important;
}

.ubermenu .ubermenu-target-text {
    font-size: 14px;
}

#menu-item-2524 a:hover {
    text-decoration: none;
}


/*Special style for info box in services*/

.vc_row .vc_col-sm-8.left-content-infobox {
    width: 540px;
}

.vc_row .vc_col-sm-4.right-content-infobox {
    margin-left: 0;
    width: 280px;
    float: right;
    margin-top: 3em;
}

.vertical-menu .widget_nav_menu .menu li a:hover {
    color: #206ab1;
}

.header-crumb a {
    color: #206ab1;
}

.page-header-left {
    width: 70%;
}


/*.page-header-right {
    display: none;
}*/


/*Header*/

.menu-container {
    width: 50%;
    float: left;
}

.fachbetrieb-header {
    width: 50%;
    float: right;
    margin-top: 35px;
}

.menu-container nav {
    float: left;
}

.fachbetrieb-header-logo,
.fachbetrieb-header-text {
    width: fit-content;
    float: right;
}

.fachbetrieb-header-text {
    text-align: right;
    margin-top: 10px;
    margin-right: 15px;
}

.fachbetrieb-header-text h2 {
    font-weight: 800;
}

.contact-details li:before {
    color: #206ab1;
}

#angebot_button {
    color: white;
    background-color: #206ab1;
    border: 3px solid #206ab1;
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 15px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    width: 50%;
    transition: background-color 0.3s ease;
    text-decoration: none;
}

#angebot_button:hover {
    color: black;
    background-color: white;
    text-decoration: none !important;
}


/*Page header*/

#tel-nr-header .fa {
    color: #206ab1;
    font-size: 20px;
}

#tel-nr-header {
    font-weight: 700;
    font-family: arial;
}


/*Custom box*/

.custom-box {
    background-color: #f5f5f5;
    padding: 20px;
    margin-top: 40px;
    float: left;
}

.custom-box-h h6 {
    color: #0b6ab3;
    font-weight: bold;
    border-bottom: 1px solid #E2E6E7;
    font-size: 15px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: normal;
}

.custom-box-h h6:after {
    margin-top: 0px !important;
    margin-left: 0px !important;
}

.custom-box-cont {
    color: #666;
    line-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

a.button-a-primary {
    font-weight: bold;
    color: #fff;
    padding: 10px 15px;
    background-color: #0b6ab3;
    border: 1px solid #0b6ab3;
    float: left;
}

a.button-a-primary:hover {
    text-decoration: none;
}


/*Site menu*/

#menu-menue_dienstleistungen .current-menu-item {
    display: none !important;
}

#menu-menue_dienstleistungen .sub-menu {
    display: none;
}

#menu-menue_dienstleistungen .current_page_parent {
    display: none;
}

.dienst-titel {
    margin-top: 50px;
}


/* header*/

.pins_animation.ihotspot_pulse {
    background-color: #0b6ab3;
    opacity: 0.2
}

.header-container {
    padding: 10px 0px;
}


/* Footer */

h2.widgettitle:after,
h6.box-header:after {
    margin-bottom: 0px;
}

h2.widgettitle,
h6 {
    color: #fff;
}

.vc_message_box-icon>p {
    margin-top: 0px;
}

h2 {
    line-height: 24px;
    color: #0b6ab3;
    font-size: 18px;
    text-transform: uppercase;
}


/* map pins */

#powerTip {
    background-color: #fff;
    border: 1px solid gray
}

.box_view_html p {
    margin: 0;
}

#mobil-unterwegs>div.wpb_column.vc_column_container.vc_col-sm-8>div>h2 {
    text-indent: -19px;
}


/* heading for top slider*/

p.header1 {
    color: #0b6ab3;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 35px;
    font-weight: bold;
    margin-top: 5px;
}

p.header2 {
    color: #171717;
    font-size: 14px;
    line-height: 24px;
    margin-top: 20px;
    margin-bottom: 150px;
}

p.header0 {
    color: #898989;
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 0px;
    font-weight: bold;
    text-transform: uppercase;
}

.site-container .vc_row.gray {
    border-bottom: solid 4px #0b6ab3;
}


/*link text color*/

p a,
table a,
.wpb_text_column a {
    color: #0b6ab3 !important;
}

h4.box-header.page-margin-top {
    margin-top: 20px;
}


/*.vertical-align-cell.sl-small-mail:before{
	color:#fff!important;
}*/

.announcement .vertical-align-cell:before {
    border: 1px solid #0b6ab3;
}


/* First part of the form */

select {
    font-family: 'Roboto';
    border: 1px solid #E2E6E7;
    font-size: 14px;
    line-height: 24px;
    padding: 12px 15px;
    color: #999;
    margin: 0;
    width: 100%;
}

.cnt_ge_lft_col {
    width: 48%;
    float: left;
}

.column-form-l1.cnt_ge_inpt {
    width: 95%;
}

.cnt_ge_rght {
    width: 48%;
    float: left;
    margin-left: 2rem;
}

.cnt_ge_bot {
    margin-bottom: 24px;
}


/* Fixed: Checkbox position */

.wpcf7-list-item input[type="checkbox"] {
    position: absolute;
    left: 0px;
    top: -9px;
    margin-left: 0 !important;
}

.wpcf7-list-item-label {
    margin-left: 4px;
    display: block;
}


/*fixed header*/

#tel-nr-header,
#tel-text,
#tel-nr-header-mobile,
#tel-text-mobile {
    margin-top: 5px;
    text-align: right;
}

#tel-nr-header a,
#tel-nr-header-mobile a {
    color: black;
}

#tel-nr-header a:hover,
#tel-nr-header-mobile a:hover {
    color: #0b6ab3;
    text-decoration: none;
}

#telefon-header-mobile {
    margin-top: -160px;
}

#menu-main-menu a,
.contact-details li {
    font-weight: 300
}

.header-top-bar-container {
    position: fixed;
    width: 100%;
    height: auto;
    z-index: 120;
}

.header-container {
    padding-top: 60px;
}

.bread-crumb-container {
    display: none;
}

.row-contact-d1-form {
    float: left;
    width: 100%;
    color: #444;
    font-family: 'Roboto:300';
    font-size: 14px;
    line-height: 24px;
    padding: 0;
}

.mg-top-1 {
    margin-top: 20px;
}

.special-textarea .wpcf7-textarea {
    height: 168px;
}

.special-submit .wpcf7-submit {
    float: right;
}

input.rc-in {
    margin-left: 0rem;
}

.column-form-l1 {
    width: 43.5%;
    float: left;
}

.column-form-r1 {
    width: 43.5%;
    float: left;
    margin-left: 3rem;
}

.column-form-l1-image {
    padding-top: 0;
    padding-bottom: 0;
    width: 43.5%;
    float: left;
}

.column-form-r1-image {
    padding-top: 0;
    padding-bottom: 0;
    width: 43.5%;
    float: left;
    margin-left: 1.5rem;
}

.mg-top {
    margin-top: 24px;
}

.fw {
    width: 100%;
}

input.no-mg {
    margin-top: 0px;
}

div.wpcf7-mail-sent-ok {
    border: 0px;
}

div.wpcf7-validation-errors {
    border: 0px;
}

input.wpcf7-submit {
    background: #0b6ab3;
    color: white;
    cursor: pointer;
}

input.wpcf7-submit:hover {
    background: transparent;
    -webkit-box-shadow: inset 0px 0px 0px 2px #43b215;
    ;
    -moz-box-shadow: inset 0px 0px 0px 2px #43b215;
    ;
    box-shadow: inset 0px 0px 0px 2px #43b215;
    transition: all 0.4s;
    color: #000;
}

.fragen-startpage-box p {
    margin-top: 0px;
}

.fragen-startpage-box .wpb_column {
    margin-left: 0 !important;
}

#fragen-startpage-button {
    text-align: right;
    padding-right: 15px;
}

#fach-logo {
    width: 20%;
}

#fach-text {
    width: 75%;
}


/*ueber uns*/

#numbers-mobile h2 {
    color: white;
}


/* Footer menu */

.site-container .vc_row.footer-row.gray,
.site-container .vc_row.footer-row.yellow {
    border-top: 5px solid #0b6ab3;
    background-color: #f5f5f5;
    padding-top: 50px;
    border-bottom: 0;
}

.footer-row h6.box-header {
    color: #0b6ab3;
    font-weight: bold;
}

.footer-row h6.box-header:after {
    margin: 0;
}

.footer-row p {
    margin: 0;
    color: #444;
    padding-top: 25px;
    line-height: 1.5;
}

.footer-row .menu-sidebar-widet-wichtige-links-container ul,
.footer-row .menu-sidebar-widget-das-unternehmen-container ul {
    margin: 0;
    padding-top: 25px;
}

.footer-row .menu-sidebar-widet-wichtige-links-container ul li,
.footer-row .menu-sidebar-widget-das-unternehmen-container ul li {
    color: #0b6ab3;
    margin-bottom: 15px;
}

.footer-row .menu-sidebar-widet-wichtige-links-container ul li a,
.footer-row .menu-sidebar-widget-das-unternehmen-container ul li a {
    color: #0b6ab3;
    line-height: 1.5;
}

.footer-row .menu-sidebar-widet-wichtige-links-container ul.sub-menu {
    display: none
}

.footer-row .custom-html-widget {
    color: #444;
    margin: 0;
    padding-top: 25px;
    line-height: 1.5;
}

.footer-row .footer-links {}

.footer-row .footer-links li {
    display: inherit;
    margin-bottom: 15px;
}

.footer-row .footer-links li a {
    color: #0b6ab3;
    line-height: 1.5;
}

.footer-row .re_list_widget ul li a {
    color: #444;
    font-weight: normal;
}

.footer-row .re_list_widget ul li a:hover {
    color: #43b215;
}

#menu-wichtige-links-footer {
    margin-top: 20px;
}

#menu-wichtige-links-footer li {
    list-style: none;
    padding-top: 3px;
    padding-bottom: 3px;
    font-family: 'Roboto';
    font-size: 14px;
    line-height: 24px;
    border: none;
}

#menu-wichtige-links-footer li a {
    color: #444
}

#menu-wichtige-links-footer li a:hover {
    color: #43b215;
}

div.wpcf7 .screen-reader-response {
    bottom: 0;
}

.special_phone {
    font-size: 30px;
    color: #43b22a;
    margin-bottom: 0px !important;
}


/* Second part of the form, under the tank images selection */

.tk-ty-row {
    width: 100%;
    float: left;
}

.tk-tt-col {
    width: 30%;
    float: left;
}

.tk-md-in {
    width: 100%;
    margin-top: 20px;
}

.tk-md-in input {
    width: 43.5%;
}

.vertical-menu>.widget_nav_menu li a {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    background: transparent;
    padding: 10px 10px 10px 15px;
    border-bottom: 1px solid #e2e6e7;
}

.vertical-menu li {
    margin-top: 0px;
}

.vertical-menu>.widget_nav_menu li.current-menu-item a {
    background-color: transparent !important;
    border-left: 5px solid #0c6ab4;
    color: #0b6ab3;
    font-weight: bold;
}

.vertical-menu>.widget_nav_menu li:hover a {
    background-color: transparent !important;
    color: #444;
}

.vertical-menu>.widget_nav_menu li:hover>a {
    color: #0b6ab3;
}

.vertical-menu>.widget_nav_menu li:hover .current_page_item a {
    color: #0b6ab3;
}


/*.vertical-menu li a:hover
{
	background: transparent;
    background-color: rgba(10, 106, 180, 0.05) !important;
	color: #0b6ab3;
}*/

ul.sub-menu {
    list-style: none;
}

.vertical-menu>.widget_nav_menu li a:after {
    margin-top: 0px;
    display: none;
}

li#menu-item-1253 {
    margin-left: 15px;
}

li#menu-item-1254 {
    margin-left: 15px;
}

li#menu-item-1255 {
    margin-left: 15px;
}

li#menu-item-1256 {
    margin-left: 15px;
}

.widget_nav_menu li.current-menu-parent>a {
    background-color: transparent !important;
    border-left: 5px solid #0c6ab4;
    color: #0b6ab3;
    font-weight: bold;
}

.widget_nav_menu li.current-menu-parent ul.sub-menu li a {
    border-left: none;
}

.widget_nav_menu li.menu-item-has-children.current-menu-item ul.sub-menu li a {
    border-left: none;
    color: #444;
    font-weight: 400;
}


/*li.menu-item-has-children.menu-item-1028 > a
{
	color: #0c6ab4;
}
*/


/* Left sidebar menu sub-items */

li#menu-item-1331 a {
    padding: 0.5rem;
    margin-left: 15px;
}

li#menu-item-1330 a {
    padding: 0.5rem;
    margin-left: 15px;
}

.site-container {
    overflow: hidden;
}


/*Kontakt Formular*/

.contact-form input[type=email],
.contact-form input[type=text] {
    width: 95% !important;
}

.contact-form textarea {
    width: 98% !important;
}

.kontakt_form_right .wpcf7-textarea {
    height: 172px;
    width: 100%;
    resize: none;
}

.kontakt_form_left {
    padding-left: 0 !important;
    margin-bottom: 50px;
}

.kontakt_form_right {
    padding-right: 0 !important;
    margin-bottom: 50px;
}

.kontakt_form_left .wpcf7-text {
    width: 90%;
}

.kontakt_form_right .wpcf7-submit {
    float: right;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 12px 25px;
}

.kontakt_form_left #kontakt_nachricht {
    padding-top: 45px;
}

.response_mobile {
    display: none;
}

.kontakt_form_left .response_desktop .wpcf7-response-output {
    padding-left: 0;
    margin-left: 0;
}

.kontakt_form_right .response_mobile .wpcf7-response-output {
    padding-left: 0;
    margin-left: 0;
    margin-top: 30px;
}

.home-form-desktop .wpcf7-response-output {
    padding-left: 0;
    margin-left: 0;
    color: black;
}

.home-form .wpcf7-response-output {
    padding-left: 0;
    margin-left: 0;
    color: black;
}

#home_fragen {
    margin-left: -35px;
}


/** Header Landing Page **/

.header_aussen {
    width: 100% !important;
}

.header_row {
    background-color: rgba(0, 0, 0, 0.5);
}

.header_innen {
    width: 1170px !important;
}

.header_text {
    color: white;
    font-size: 20px;
    line-height: 30px;
    margin-top: 10%;
    padding-left: 30px !important;
}

.header_text .header_h {
    color: white;
    font-size: 30px;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 30px;
}

.header_text_box_text {
    color: white;
    margin: 0;
    font-size: 18px;
    font-weight: 500;
}

.header_text_box {
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    width: 100%;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
    margin-top: 15%;
}

.header_form_innen input,
.header_form_innen textarea {
    padding: 5px 10px;
}

.header_form_innen {
    padding: 25px 25px;
}

.header_form {
    margin-top: 30px;
    margin-bottom: 30px;
}

.header_form_innen h2 {
    color: white;
    text-align: center;
}

.header_form_innen label {
    color: white;
    font-size: 12px;
}

.header_form_innen textarea {
    resize: none;
    height: 80px;
    width: 96%;
    padding: 2% 2%;
    margin-bottom: 15px;
}

.header_form_innen p {
    margin-top: -15px;
}

.header_form_innen input {
    width: 96%;
    padding: 2% 2%;
    margin-bottom: 15px;
}

.header_form_innen .wpcf7-submit {
    width: 96%;
    color: steelblue;
    background-color: white;
    margin-bottom: 0;
}

.header_form_innen .wpcf7-submit:hover {
    color: white;
}

.header_form .vc_column-inner {
    box-shadow: 5px 5px 6px black;
}

.header_form .vc_column-inner:focus-within {
    box-shadow: 1px 1px 6px white;
}


/************************************************ Ende Header Landing Page****/


/*
MEDIA QUERIES FOR PHONE AND TABLET
*/

@media only screen and (min-width: 768px) {
    /*Kontakt Ihre Anfrage Feld*/
    .contact-form textarea {
        float: right !important;
    }
    .karriere-box-start {
        margin-left: 0 !important;
    }
}

@media only screen and (max-width: 1200px) {
    div.header {
        padding-top: 40px;
    }
    .cnt_ge_lft_col {
        width: 100%;
        float: none;
    }
    .column-form-l1.cnt_ge_inpt {
        width: 100%;
    }
    .cnt_ge_rght {
        width: 100%;
        float: none;
        margin-left: 0;
        margin-top: 1.5rem;
    }
    .cnt_ge_bot {
        margin-bottom: 0px;
    }
    .kontakt_form_left {
        padding-left: 15px !important;
    }
    .kontakt_form_left .wpcf7-text {
        width: 96%;
    }
    .kontakt_form_left .response_desktop {
        display: none;
    }
    .response_mobile {
        display: inherit;
    }
    #fragen-startpage-box-1 {
        padding-left: 0;
    }
    #fragen-startpage-button>div {
        margin-left: 0px !important;
    }
    #fragen-startpage-box-1>div {
        margin-left: 0px !important;
    }
    #fragen-startpage-icon>div {
        margin-left: -35px !important;
    }
    .dienstleistung-mobile {
        display: block !important;
    }
}

@media only screen and (max-width: 1189px) {
    .template-location {
        display: none;
    }
    #telefon-header {
        display: none;
    }
    /*Kontakt Formular*/
    .contact-form input[type=email],
    .contact-form input[type=text] {
        width: 100% !important;
    }
    .header_innen {
        width: 750px !important;
    }
    .page-header-left {
        width: 65% !important;
    }
}

@media only screen and (max-width: 1199px) {
    .kontakt_form_right .wpcf7-textarea {
        width: 94%;
    }
    .kontakt_form_right .wpcf7-submit {
        margin-right: 40px;
    }
}

@media only screen and (max-width: 767px) {
    #home_slider_top {
        display: none;
    }
    #home_fragen {
        padding-left: 35px;
    }
    #telefon-header-mobile {
        display: none;
    }
    .header_innen {
        width: 462px !important;
    }
    #fach-logo {
        width: 100%;
    }
    #fach-text {
        margin-top: 0;
        width: 100%;
    }
    h2 {
        line-height: 24px !important;
    }
    .kontakt_form_right .wpcf7-submit {
        margin-right: 25px;
    }
    .page-header-left {
        width: 100% !important;
    }
    .header-crumb {
        margin-bottom: 0;
    }
}

@media only screen and (min-width: 1190px) {
    #telefon-header-mobile {
        display: none;
    }
    .header_form {
        width: 33% !important;
        margin-left: 18% !important;
    }
}

@media only screen and (max-width: 599px) {
    .template-mail {
        display: none;
    }
}

@media only screen and (max-width: 780px) {
    .header-top-bar {
        width: 100% !important
    }
}

@media only screen and (min-width: 480px) and (max-width: 600px) {
    li.template-clock {
        display: none
    }
}

@media only screen and (max-width: 650px) {
    div.header {
        padding-top: 0px;
    }
    .header-top-bar {
        width: 100%
    }
    .header-top-bar-container {
        position: relative;
        width: auto;
        height: auto;
        z-index: none;
    }
    .header-container {
        padding-top: 0px;
    }
    /*logo*/
    .logo h1 {
        width: 85%
    }
    .tk-tt-col img {
        display: none;
    }
    .tk-tt-col {
        width: 100%;
        float: none;
    }
    .tk-md-in input {
        width: 100%;
        margin-top: 0;
    }
    .column-form-l1 {
        width: 100%;
    }
    .column-form-r1 {
        width: 100%;
        margin-left: 0px;
    }
    .column-form-l1-image {
        width: 100%;
        display: none;
    }
    .column-form-r1-image {
        width: 100%;
        display: none;
    }
    .strase {
        margin-top: 20px !important;
    }
    input.rc-in {
        margin-left: 0rem;
    }
    .mg-top-1 {
        margin-top: 0px;
    }
}

@media screen and (max-width: 1189px) {
    .header-top-bar-container .header-toggle {
        /*display: block;*/
    }
    .header-top-bar .contact-details {
        display: block;
    }
    #home_top_slider p.header1 {
        font-size: 22px;
    }
    .menu-container {
        float: left;
        clear: both;
        width: 40% !important;
        margin-top: 20px;
    }
    .fachbetrieb-header {
        width: 60%;
    }
}

@media screen and (max-width: 1189px) and (min-width: 768px) {
    .facts .vc_inner {
        width: 795px !important;
    }
    #facts_bundeslaender .feature-item {
        margin-right: 30px;
    }
    #facts_projekte .feature-item {
        width: 120%;
    }
    #facts_years .feature-item {
        margin-left: 30px;
    }
    .home-form {
        margin-left: 0px !important;
    }
    .wpcf7-list-item input[type="checkbox"] {
        top: auto !important;
    }
    #kontakt-title {
        margin-top: 25px;
    }
}

@media screen and (max-width: 1189px) and (min-width: 480px) {
    #home_fragen>div>div>div>div>div.vc_col-sm-9.wpb_column.vc_column_container {
        width: 500px;
    }
    .footer-row .row-4-4.vc_row .vc_col-sm-3 {
        width: 330px;
    }
}

@media only screen and (max-width: 1190px) and (min-width: 768px) {
    /*Special style for info box in services*/
    .vc_row .vc_col-sm-8.left-content-infobox {
        width: auto;
    }
    .vc_row .vc_col-sm-4.right-content-infobox {
        width: auto;
        margin-top: 0 !important;
        margin-bottom: 2em;
    }
}

@media only screen and (max-width: 767px) {
    /*Special style for info box in services*/
    .vc_row .vc_col-sm-8.left-content-infobox {
        width: auto;
    }
    .vc_row .vc_col-sm-4.right-content-infobox {
        width: auto;
        margin-top: 0 !important;
        margin-bottom: 2em;
    }
    #fragen-startpage-box-1 {
        width: 80% !important;
        margin-top: 0;
    }
    #fragen-startpage-button {
        margin-top: 0;
        margin-bottom: 80px;
        margin-left: 22%;
        text-align: center;
    }
    #fragen-startpage-icon>div {
        margin-left: -5px !important;
    }
    #fragen-startpage-box-1 {
        padding-left: 30px;
    }
    .feature-item.feature-item-big {
        margin-top: 35px;
    }
    .dientleistung-um .dienst-links .menu-item-object-page:before,
    .dienst-rechts .menu-item-object-page:before {
        margin-left: 0px;
    }
    .dientleistung-um img {
        padding-right: 25px;
        margin-top: -30px;
        margin-bottom: -30px;
    }
    .dientleistung-um .menu-item {
        padding-right: 25px;
    }
    .dientleistung-um .dienst-rechts .menu-item-object-page {
        padding-left: 45px;
        text-align: left;
        text-indent: -8px;
    }
    .dientleistung-um {
        padding-bottom: 25px;
    }
    .dientleistung-um h2 {
        text-align: center;
    }
    .dientleistung-um-titel .wpb_text_column {
        padding-left: 0 !important;
    }
    .page-header-right {
        display: none;
    }
}

@media only screen and (max-width: 479px) {
    .header-top-bar {
        width: 300px !important;
    }
    .template-mail {
        display: block;
    }
    .template-location {
        display: block;
    }
    .kontakt_form_left {
        padding-left: 5px !important;
    }
    .kontakt_form_right {
        padding-left: 5px !important;
    }
    .kontakt_form_left {
        padding-right: 15px !important;
    }
    .kontakt_form_right {
        padding-right: 15px !important;
    }
    h1 {
        font-size: 18px !important;
    }
    h2 {
        font-size: 16px !important;
    }
    .button_start {
        padding: 10px 5px 10px 5px;
    }
    .header_innen {
        width: 300px !important;
    }
    .header_text {
        padding-left: 0px !important;
        padding-right: 25px !important;
    }
}

#dl-menu {
    display: none !important;
}

@media only screen and (max-width: 1188px) {
    .dl-menuwrapper>.dl-submenu {
        margin-top: -47px;
    }
    .dl-menu {
        margin-top: 0px !important;
    }
    #dl-menu {
        display: block !important;
        margin-top: 227px;
        position: absolute;
    }
    #shiftnav-toggle-main {
        display: none;
    }
    .dl-trigger {
        margin-top: -83px;
    }
    .kontakt_form_right select {
        width: 94%;
    }
}

@media only screen and (max-width: 767px) {
    .dl-menuwrapper>.dl-submenu {
        margin-top: -47px;
    }
    .dl-menu {
        margin-top: 0px !important;
    }
    #dl-menu {
        margin-top: 210px;
    }
    .dl-trigger {
        margin-top: -93px;
    }
}

@media only screen and (max-width: 650px) {
    .dl-menuwrapper>.dl-submenu {
        margin-top: -47px;
    }
    .dl-menu {
        margin-top: 0px !important;
    }
    #dl-menu {
        margin-top: 220px;
    }
    .dl-trigger {
        margin-top: -95px;
    }
}

@media only screen and (max-width: 479px) {
    .dl-menuwrapper>.dl-submenu {
        margin-top: -47px;
    }
    .dl-menu {
        margin-top: 0px !important;
    }
    #dl-menu {
        margin-top: 174px;
    }
    .dl-trigger {
        margin-top: -80px;
    }
}

ol{
	font:Roboto;
}

ol li{
	line-height: 30px;
}

.blog .post-content>a>img, .blog.three-columns li>a>img, .post.single .post-image img, .services-list a>img, .team-box img, .projects-list a>img, .our-clients-list, .re-preload>img, .wpb_single_image img {
    display: unset;
}

.footer-row .menu li a {
    font-family: inherit;
}

body div.pp_default .pp_content, body div.light_rounded .pp_content {
    padding: 0;
}

.wpcf7-list-item input[type="checkbox"] {
    top: auto!important;
}

.cli-modal-body .cli-tab-container .cli-tab-footer .cli-btn {
    background-color: #0b6ab3;
}