/*
 * custom child theme styles
 */




/* Allgemeine Definitionen
=========================================================== */

html {margin-top: 0px;}
body {height: 100%; width: 100%; background: #fff;}

.only-smartphone {display: none;}


/* -------------------- Paddings/Margins -------------------- */
.container {margin: 0 auto; padding-left: 0px !important; padding-right: 0px !important;}
.container-fluid {margin: 0 auto; padding-left: 0px !important; padding-right: 0px !important;}
.row {margin-left: 0px !important; margin-right: 0px !important;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, 
.col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, 
.col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, 
.col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, 
.col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding-left: 0px !important; padding-right: 0px !important;}


/* -------------------- NAVBAR -------------------- */
.navbar-default {border: none !important; background: none !important;}
.navbar {border-radius: 0px !important;}
.navbar {min-height: 10px !important; border: none !important;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border: none !important;}
.navbar-collapse {padding-right: 0px !important; padding-left: 0px !important; border-top: none !important; box-shadow: none !important;}
.nav > li > a {padding: 0px !important;}
.navbar-brand {display: none;}


/* -------------------- LIMAIN -------------------- */
.limain-navbar-fixed-top {padding-top: 0px;}
.limain-footer {float: left; width: 100%;}
.limain-search {float: left; width: 100%;}

.mobile-only {display: none;}

/* ------------------------------- HEADER -------------------------------- */
.header-bg {float: left; width: 100%; position: relative;}
.revslider {float: left; width: 100%; height: auto;}
.revslider .tparrows {z-index: 1000;}
.headerbild {float: left; width: 100%; height: auto;}
.headerbild img {width: 100%; height: auto !important;}
.home .headbar {position: absolute !important;}
.headbar {width: 100%; position: fixed; z-index: 600; top: 0px; left: 0px; width: 100%; background: rgba(255,255,255,0.9);}
.header {float: left; width: 100%;}

.sticky {position: fixed !important; bottom: unset !important;}
.sticky.headernav-bg {bottom: unset !important;}
.home .sticky.headernav-bg {bottom: unset !important;}
.home .sticky.headernav-bg {position: fixed !important;}
.home .sticky.headbar {position: fixed !important;}
.sticky.headbar {bottom: unset !important;}

.servicenav {float: left;}
.servicenav ul {float: left; list-style: none; margin: 0px; padding: 0px;}
.servicenav ul li {float: left; }
.servicenav ul li a {float: left; color: rgb(45,45,45); display: block;}
.servicenav ul li a:hover {text-decoration: underline; color: rgb(45,45,45);}

.servicenav ul .kontakt-icon a {background: url('images/icon_kontakt.png') 0 center no-repeat;}
.servicenav ul .anfahrt-icon a {background: url('images/icon_anfahrt.png') 0 center no-repeat;}
.servicenav ul .telefon-icon a {background: url('images/icon_telefon.png') 0 center no-repeat;}
.servicenav ul .home-icon a {background: url('images/icon_startseite.png') 0 center no-repeat;}

.logo {float: left; display: flex; justify-content: center; align-items: center;}
.logo a {float: left; text-indent: -9999px; outline: none; display: block; background: url('images/logo_sticky.png') 0 0 no-repeat;}
.home .logo a {background: url('images/logo.png') 0 0 no-repeat;}
.sticky .logo a {background: url('images/logo_sticky.png') 0 0 no-repeat !important;}

.servicebox {float: right; background: url('images/icon_telefon.png') 0 10px no-repeat;}
.home .servicebox {background: url('images/icon_telefon.png') 0 center no-repeat;}
.servicebox a {color: rgb(45,45,45);}
.servicebox-info {color: rgb(130,132,72); float: left;}

.home .headernav-bg {bottom: 0px; position: absolute;}
.headernav-bg {position: fixed; left: 0px; width: 100%; background: rgba(134,26,34,0.9); z-index: 500; box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.21);}
.headernav {float: left; width: 100%; margin: 0px;}
.headernav ul {float: left; width: 100%; list-style: none; margin: 0px; padding: 0px; display: flex; justify-content: space-between;}
.headernav ul li {float: left;}
.headernav ul li a {float: left; color: #fff; display: block; background: url('images/icon_hp.png') 0 center no-repeat;}
.headernav ul li a:hover {color: #fff; text-decoration: underline;}


/* ------------------------------ CONTENT -------------------------------- */
.contentbereich {float: left; width: 100%;}
#content {float: left; width: 100%;}
#content h1 {text-align: center; width: 100%; background: url('images/trenner_h1.png') center bottom no-repeat; padding-bottom: 20px; margin-bottom: 26px;}
.home #content h2 {margin-bottom: 36px;}
.no-padding-section .vc_section {padding-top: 0px !important;}
.no-padding-section.vc_section {padding-top: 0px !important;}
#content ul {list-style: none;}
#content ul li {padding: 8px 0 8px 46px; margin: 2px 0; background: url('images/haken.png') 0 center no-repeat;}

.kompetenznav {display: none; float: left; width: 100%; margin: 0px;}
.kompetenznav ul {float: left; width: 100%; list-style: none; margin: 0px; padding: 0px; display: flex; justify-content: space-between;}
.kompetenznav ul li {float: left; background: #fff;}
.kompetenznav ul li a {float: left; font-weight: 600; font-style: italic; width: 100%; text-align: center; color: rgb(45,45,45); display: block;}
.kompetenznav ul li a:hover {color: rgb(45,45,45); text-decoration: underline;}

.kompetenznav ul li:first-child a {background: url('images/icon_urne_kreis.png') center 0 no-repeat;}
.kompetenznav ul li:nth-child(2) a {background: url('images/icon_fragezeichen_kreis.png') center 0 no-repeat;}
.kompetenznav ul li:last-child a {background: url('images/icon_haus_kreis.png') center 0 no-repeat;}


/* ------------------------------- FOOTER -------------------------------- */
.footer-bg {float: left; width: 100%; position: relative; background: url('images/footer.png') center top no-repeat; background-size: cover !important;}
.footer-bg h7 {float: left; font-weight: 600; color: rgb(152, 82, 84); background: url('images/trenner_h1.png') center bottom no-repeat; width: 100%; text-align: center; font-style: italic;}

.footer-adresse {float: left; color: rgb(45,45,45); width: 100%; background: url('images/icon_anfahrt.png') 0 8px no-repeat;}
.footer-telefon {float: left; color: rgb(45,45,45); width: 100%; background: url('images/icon_telefon.png') 0 8px no-repeat;}
.footer-fax {float: left; color: rgb(45,45,45); width: 100%; background: url('/wp-content/uploads/2020/04/icon_fax.png') 0 8px no-repeat;}
.footer-mail {float: left; color: rgb(45,45,45); width: 100%; background: url('images/icon_kontakt.png') 0 8px no-repeat;}
.footer-infos {float: left; width: 100%; text-align:center; color: rgb(152,82,84); font-style: italic;}
.footer-telefon2 {float: left; color: rgb(45,45,45); width: 100%; background: url('images/icon_telefon.png') 0 8px no-repeat;}

.ib-wrapper {float: left; width: 100%; display: flex; justify-content: center;}
.individueller-button {float: left; background: url('images/idividueller_button1.png') 0 center no-repeat;}
.individueller-button a {float: left; font-style: italic; color: #fff !important; background: #861A22; text-decoration: none !important;}
.individueller-button a:hover {text-decoration: underline !important;}

.footer-mail a {color: rgb(45, 45, 45);}
.footer-telefon a {color: rgb(45, 45, 45);}
.footer-telefon2 a {color: rgb(45, 45, 45) !important; cursor: auto;}
.footer-fax a {color: rgb(45, 45, 45);}

.footer-map {float: left; width: 100%;}
.footer-map iframe {width: 100%; box-shadow: 1px 4px 4px 0px #aaa;}

.footerbar {position: absolute; bottom: 0px; left: 0px; width: 100%; background: rgba(134,26,34,0.9);}
.footernav {float: left; width: 100%;}
.footernav ul {float: left; width: 100%; list-style: none; margin: 0px; padding: 0px; display: flex; justify-content: center;}
.footernav ul li {float: left;}
.footernav ul li a {float: left; color: #fff; display: block;}
.footernav ul li a:hover {color: #fff; text-decoration: underline;}

.captcha-853 .wpcf7-captchar {width: 150px;}
.wpcf7-form-control {max-width: 100%;}
.wpcf7 label {max-width: 100%;}

.partner1 {float: left; display: flex; justify-content: flex-end;}
.partner1 a {float: left; display: block; text-indent: -9999px; outline: none; background:url('images/friedwald_logo.jpg') 0 0 no-repeat;}
.partner2 {float: left; display: flex; justify-content: flex-start;}
.partner2 a {float: left; display: block; text-indent: -9999px; outline: none; background:url('images/ruheforst.png') 0 0 no-repeat;}

#submit,
.wpcf7-submit{background: #902D34;color: #fff; border:2px solid #902D34;padding:5px 20px;}
#submit:hover,
.wpcf7-submit:hover{background: #fff;color: #902D34; border:2px solid #902D34;}


/* -------------------------- DESKTOP-ANSICHT ----------------------------- */
@media (min-width: 1161px) {
.container {width: 1140px !important;}
.home .headerbild {margin: 0px;}
.home .headbar {height: 145px; bottom: 0px;}
.home .servicenav {height: 145px; padding: 58px 0 35px 0;}
.home .logo {height: 145px;}
.home .servicebox {padding: 53px 0 20px 48px;}
.home .logo a {width: 323px; height: 94px;}
.home .servicebox-info {margin-top: 5px;}
.home .headernav-bg {height: 100px; top: unset;}
.home .headernav {padding: 18px 0;}

.sticky.headbar {height: 75px !important; background: rgba(255,255,255,0.9) !important;}
.sticky .servicenav {height: auto !important; padding: 20px 0 !important;}
.sticky.headernav-bg {top: 75px !important; height: 64px !important;}
.sticky .logo {height: 75px !important;}
.sticky .logo a {width: 151px !important; height: 44px !important;}
.sticky .servicebox {padding: 10px 0 6px 48px !important; background: url('images/icon_telefon.png') 0 10px no-repeat !important;}
.sticky .headernav {padding: 0px !important;}

.headerbild {margin-top: 139px;}
.servicenav {width: 33%; padding: 20px 0;}
.servicenav ul li:nth-child(2) {margin: 0 12px;}
.servicenav ul li a {font-size: 22px; padding: 0 0 0 42px;}
.logo {width: 35%; height: 75px;}
.logo a {width: 151px; height: 44px;}
.servicebox {width: 32%; font-size: 20px; padding: 10px 0 6px 48px;}
.servicebox a {font-size: 25px;}
.servicebox .servicebox-info {font-size: 20px; margin-left: -50px; margin-top: -4px;}
.headernav-bg {top: 75px;}
.headernav ul li a {font-size: 24px; padding: 15px 5px 15px 40px;}
#content {padding: 60px 0 60px 0;}
.kompetenznav {padding-bottom: 80px;}
.kompetenznav ul li {width: 318px; height: 318px; border-radius: 50%;}
.kompetenznav ul li a {font-size: 24px; padding: 200px 50px 0px 50px; line-height: 1.2em;}
.footer-bg {padding: 10px 0 160px 0;}
.footer-bg h7 {font-size: 30px; margin-bottom: 25px; padding-bottom: 15px;}
.footer1 {padding: 0 10px 0 0;}
.footer2 {padding: 0 0 0 10px;}
.footer-adresse {padding: 0 0 0 50px; font-size: 26px; line-height: 32px;}
.footer-telefon {padding: 0 0 0 50px; font-size: 26px; margin: 30px 0 0px 0;}
.footer-telefon2 {padding: 0 0 0 50px; font-size: 26px; margin: 30px 0 0px 0;}
.footer-fax {padding: 0 0 0 50px; font-size: 26px;}
.footer-mail {padding: 0 0 0 50px; font-size: 29px;}
.footer-infos {padding: 15px 0 15px 50px; font-size: 30px;}
.footer-map {padding: 10px 0 40px 0;}
.footer-map iframe {height: 290px;}
.footerbar {height: 80px;}
.footernav ul li {padding: 0 25px;}
.footernav ul li a {font-size: 24px; padding: 24px 0 10px 0;}
.ib-wrapper {padding-top: 35px;}
.individueller-button {margin: 0 12px; padding: 0 0 0 34px; height: 50px;}
.individueller-button a {padding: 11px 15px 10px 15px; height: 50px; font-size: 24px;}
.partner1 {width: 50%; padding: 10px 80px 10px 10px; height: 130px;}
.partner1 a {width: 173px; height: 66px;}
.partner2 {width: 50%; padding: 10px 10px 10px 80px; height: 130px;}
.partner2 a {width: 109px; height: 68px;}
}

/* --------------------------- TABLET-ANSICHT ------------------------------- */
@media (min-width: 768px) and (max-width: 1160px){
.container {width: 750px !important;}

.home .headerbild {margin: 0px;}
.home .headbar {height: 120px; bottom: 0px;}
.home .servicenav {height: 120px; padding: 50px 0 25px 0;}
.home .logo {height: 120px;}
.home .servicebox {height: 120px; padding: 35px 0 10px 48px; background-position: 0 30px !important;}
.home .logo a {width: 200px; height: 58px; background-size:cover !important;}
.home .servicebox-info {margin-top: 8px !important;}
.home .headernav-bg {height: 88px; top: unset !important; bottom: 0px !important;}
.home .headernav {padding: 18px 0;}

.sticky.headbar {height: 73px !important; background: rgba(255,255,255,0.9) !important;}
.sticky .servicenav {height: auto !important; padding: 24px 0 !important;}
.sticky.headernav-bg {top: 73px !important; height: 52px !important;}
.sticky .logo {height: 70px !important;}
.sticky .logo a {width: 151px !important; height: 44px !important;}
.sticky .servicebox {padding: 10px 0 6px 48px !important; background: url('images/icon_telefon.png') 0 10px no-repeat !important;}
.sticky .headernav {padding: 0px !important;}

.headerbild {margin-top: 122px;}
.servicenav {width: 36%; padding: 26px 0 24px 0;}
.servicenav ul li:nth-child(2) {padding: 0 10px;}
.servicenav ul li a {font-size: 16px; padding: 0 0 0 28px; background-size: contain !important;}
.logo {width: 31%; height: 70px;}
.logo a {width: 151px; height: 44px;}
.servicebox {width: 33%; font-size: 17px; padding: 10px 0 6px 48px;}
.servicebox a {font-size: 18px;}
.servicebox .servicebox-info {font-size: 14px; margin-left: -50px; margin-top: 5px;}
.headernav-bg {top: 70px;}
.headernav ul li a {font-size: 16px; padding: 15px 5px 15px 40px;}

#content {padding: 60px 0 60px 0;}
.kompetenznav {padding-bottom: 80px;}
.kompetenznav ul li {width: 238px; background: transparent !important; height: 238px; background-size: cover !important;}
.kompetenznav ul li a {font-size: 20px; height: 238px; padding: 150px 30px 0px 30px; line-height: 1.2em; background-size: cover !important;}
.footer-bg {padding: 0px 0 160px 0;}
.footer-bg h7 {font-size: 25px; margin-bottom: 25px; padding-bottom: 15px;}
.footer1 {padding: 0 10px 0 0;}
.footer2 {padding: 0 0 0 0;}
.footer-adresse {padding: 0 0 0 50px; font-size: 18px; line-height: 28px;}
.footer-telefon {padding: 8px 0 5px 50px; font-size: 18px; margin: 30px 0 0px 0; line-height: 28px;}
.footer-telefon2 {padding: 8px 0 5px 50px; font-size: 18px; margin: 30px 0 0px 0; line-height: 28px;}
.footer-fax {padding: 8px 0 5px 50px; font-size: 18px; line-height: 28px;}
.footer-mail {padding: 8px 0 5px 50px; font-size: 18px; line-height: 28px;}
.footer-infos {padding: 15px 0 15px 50px; font-size: 18px; line-height: 28px;}
.footer-map {padding: 10px 0 40px 0;}
.footer-map iframe {height: 240px;}
.footerbar {height: 80px;}
.footernav ul li {padding: 0 25px;}
.footernav ul li a {font-size: 20px; padding: 24px 0 10px 0;}
.ib-wrapper {padding-top: 35px;}
.individueller-button {margin: 0 12px; padding: 0 0 0 34px; height: 50px;}
.individueller-button a {padding: 4px 15px 3px 15px; line-height: 22px; display: flex; align-items: center; height: 50px; font-size: 20px;}

.partner1 {width: 50%; padding: 0px 60px 10px 10px; height: 120px;}
.partner1 a {width: 173px; height: 66px;}
.partner2 {width: 50%; padding: 0px 10px 10px 60px; height: 120px;}
.partner2 a {width: 109px; height: 68px;}
}

/*  ------------------------ SMARTPHONE-ANSICHT ---------------------------  */
@media (max-width: 767px) {
.mobile-only {display: block !important;}
.container {width: 100% !important;}
.headbar {float: left; height: auto;}
.servicenav {float: right !important; width: 50%; height: 70px; padding: 18px 10px;}
.servicenav ul {display: flex; width: 100%; justify-content: flex-end;}
.servicenav ul li {padding: 0 4px;}
.servicenav ul li a {text-indent: -9999px; outline: none; width: 32px; height: 32px; background-size: contain !important;}
.logo {width: 50%; height: 70px; padding: 0 0 0 15px; justify-content: flex-start;}
.logo a {width: 151px; height: 44px; background: url('images/logo_smart.png') 0 0 no-repeat !important;}
.servicebox {display: none;}
.headernav-bg {top: 70px; bottom: unset !important; float: left;}
.headernav ul {display: block;}
.headernav ul li {width: 100%; border-top: 1px solid #fff;}
.headernav ul li a {font-size: 16px; background: transparent !important; width: 100%; padding: 7px 15px 7px 15px;}
.headernav ul li a:hover {background: #fff !important; color: #333; text-decoration: none;}

.home .headerbild {margin: 0px;}
.headerbild {margin-top: 114px;}

#content {padding: 20px;}
#content ul {padding: 0px; margin: 20px 0;}
.kompetenznav {padding-bottom: 20px;}
.kompetenznav ul {display: block;}
.kompetenznav ul li {width: 100%; height: auto; margin: 5px 0;}
.kompetenznav ul li a {font-size: 20px; width: 100%; height: auto; padding: 13px 10px 9px 10px; line-height: 1.2em; background: transparent !important;}
.footer-bg {padding: 20px 0 100px 0; background-size: cover !important;}
.footer-bg h7 {font-size: 22px; margin-bottom: 15px; padding-bottom: 15px;}
.footer1 {padding: 20px;}
.footer2 {padding: 20px;}
.footer-adresse {padding: 5px 0 5px 50px; font-size: 17px; line-height: 28px;}
.footer-telefon {padding: 8px 0 5px 50px; font-size: 17px; margin: 30px 0 0px 0;}
.footer-telefon2 {padding: 8px 0 5px 50px; font-size: 17px; margin: 30px 0 0px 0;}
.footer-fax {padding: 8px 0 5px 50px; font-size: 17px;}
.footer-mail {padding: 8px 0 5px 50px; font-size: 17px;}
.footer-infos {padding: 15px 0 15px 0px; font-size: 17px;}
.footer-map {padding: 10px 0 40px 0;}
.footer-map iframe {height: 240px;}
.footerbar {height: 80px;}
.footernav ul li {padding: 0 10px;}
.footernav ul li a {font-size: 18px; padding: 26px 0 10px 0;}
.ib-wrapper {flex-wrap: wrap; padding: 20px 15px 0 15px;}
.individueller-button {width: 100%; padding: 0 0 0 34px; height: 50px; margin: 5px 0;}
.individueller-button a {padding: 3px 15px 2px 15px; display: flex; width: 100%; align-items: center; line-height: 20px; height: 50px; font-size: 18px;}

.nav-icon-bar {position: absolute; top: 0px; right: 0px; padding: 12px 12px 10px 12px;}
.navbar-brand {float: left; display: block !important; height: 22px !important; padding: 1px 0 0px 0px !important; width: 100%; font-weight: 400; color: #fff !important;}
.navbar-default .navbar-toggle {z-index: 700; height: auto; color: #fff; border: none !important; width: 100%; margin: 0px !important; float: right; padding: 12px 12px 10px 12px;}
.navbar-toggle .icon-bar {width: 34px; height: 4px; border-radius: 4px; background: #fff !important;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background: transparent;}
.navbar-default .navbar-toggle:active {background: transparent;}

.only-smartphone {display: block;}

.partner1 {width: 100%; height: 70px; justify-content: center;}
.partner1 a {width: 173px; height: 66px;}
.partner2 {width: 100%; height: 120px; justify-content: center;}
.partner2 a {width: 109px; height: 68px;}


}



.vc_color-success.vc_message_box {background: #f5f8cb !important; border: 1px solid #f5f8cb !important; color: rgb(45,45,45) !important; }
.vc_color-success.vc_message_box .vc_message_box-icon {color: rgb(152,82,84) !important;}




/*Font Definitionen
============================================================== */
body {color: rgb(45,45,45); font-family: 'Crimson Text', sans-serif; font-weight: 400;}

h1, h1 a {color: rgb(152,82,84); font-weight: 400; font-family: 'Crimson Text', sans-serif; font-style: italic; line-height: 1.2em;}
h2, h2 a {color: rgb(152,82,84); font-weight: 400; font-family: 'Crimson Text', sans-serif; font-style: italic; line-height: 1.2em;}
h3, h3 a {color: rgb(152,82,84); font-weight: 400; font-family: 'Crimson Text', sans-serif; font-size: 24px; font-style: italic; line-height: 1.2em;}
h4, h4 a {color: rgb(152,82,84); font-weight: 400; font-family: 'Crimson Text', sans-serif; font-size: 18px; font-style: italic; line-height: 1.2em;}
h5, h5 a {color: rgb(152,82,84); font-weight: 400; font-family: 'Crimson Text', sans-serif; font-size: 18px;}
h6, h6 a {color: rgb(152,82,84); font-weight: 400; font-family: 'Crimson Text', sans-serif; font-size: 18px;}

/* --------------------------- DESKTOP-ANSICHT ---------------------------- */
@media (min-width: 1161px) {
body {font-size: 20px;}
#content {line-height: 1.5em; letter-spacing: 0.0em;}
h1, h1 a {font-size: 36px;}
h2, h2 a {font-size: 30px;}
}

/* ---------------------------- TABLET-ANSICHT ------------------------------ */
@media (min-width: 768px) and (max-width: 1160px){
body {font-size: 18px;}
#content {line-height: 1.5em; letter-spacing: 0.0em;}
h1, h1 a {font-size: 34px;}
h2, h2 a {font-size: 28px;}
}

/*  -------------------------- SMARTPHONE-ANSICHT --------------------------  */
@media (max-width: 767px) {
body {font-size: 16px;}
#content {line-height: 1.5em; letter-spacing: 0.0em;}
h1, h1 a {font-size: 32px;}
h2, h2 a {font-size: 26px;}
}

p {margin: 0 0 10px 0;}
a {color: rgb(130,132, 72); text-decoration: none;}
a:hover {color: rgb(149, 146, 147); text-decoration: none;}

#content a {color: rgb(130,132, 72); text-decoration: underline;}
#content a:hover {color: rgb(149, 146, 147); text-decoration: underline;}