/*
Theme Name: BO Lexus Child
Description: Child-Theme für BO-Lexus - Gramm Recht Hannover
Template: bo-lexus
Author: brings-online.com
Version: 1.0.2
Updated: 27.08.2024 / 
*/

/*
You can start adding your own styles here. Use !important to overwrite styles if needed. 
*/


.header-wrap {border-top:5px solid #821010}
.logo {padding-top:5px; padding-bottom:8px;}
article h1:after {width:150px; height:1px;}
article p {font-size:17px}
li.mega-menu-item-has-children > ul.mega-sub-menu {border-top:1px solid #ebebeb !important; }

/* ===== mm nav ===== */

a.mega-menu-link {margin-top:0 !important; margin-bottom:0 !important}

#custom-topmenu ul li.bo-menu-highlight a.mega-menu-link {background:#821010 !important; color:#fff !important;max-height:42px !important; line-height:42px !important}
#custom-topmenu ul.mega-sub-menu li.mega-menu-item {padding-top:2px !important; padding-bottom:2px !important;position:relative;}
#custom-topmenu ul ul li a   {padding-left:12px !important}
#custom-topmenu ul.mega-sub-menu li.mega-menu-item a:hover {}
#custom-topmenu .genericon-stop:before { content: "\f449"; font-size:10px !important; color:#821010 !important; margin-top:3px !important; margin-right:0 !important;left:-3px; position:absolute !important  }

#custom-topmenu ul li:hover > a {color:#821010 !important}
#custom-topmenu ul li.mega-current-menu-item > a {color:#821010  !important}
#custom-topmenu ul li.mega-current-menu-parent > a {color:#821010  !important}


.wp-block-group.custom-mm-column-group {border:1px solid #DDDCDA;margin-top:10px; margin-bottom:10px;}
.wp-block-group.custom-mm-column-group p {font-size:15px;font-weight:400; margin:0;padding:10px 0 0 0;}
.wp-block-group.custom-mm-column-group ul li {font-size:15px; padding:5px 0 5px 25px; position:relative;font-weight:400}
.wp-block-group.custom-mm-column-group ul li:before {content:"\f00e"; font-family:"Icofont"; position:absolute; left:0; color:#821010;}
.wp-block-group.custom-mm-column-group ul {margin:10px 0;}
.wp-block-group.custom-mm-column-group .bo-iconbutton {background:#821010; color:#fff; padding:0px;}
.wp-block-group.custom-mm-column-group .bo-iconbutton-icon i {font-size:44px}
.wp-block-group.custom-mm-column-group .bo-iconbutton-title {font-size:16px; font-weight:400}
.custom-mm-nav-title {display:block; font-size:16px; font-weight:400; padding:5px 0; color:#333; height:20px; }


h4.mega-block-title {display:none !important;}

.mega-mm-column-second {padding-left:10px !important;}
.mega-mm-column-second ul.sidebar-current-posts li {padding:2px 0 3px 20px;list-style:none;line-height:1.45em;font-size:15px; position:relative;}
.mega-mm-column-second ul.sidebar-current-posts li a {color:#494949;}
.mega-mm-column-second ul.sidebar-current-posts li:hover a {color:#821010;}
.mega-mm-column-second ul.sidebar-current-posts li:before {content:"\effc"; font-family:"Icofont"; color:#821010; font-size:6px; position:absolute; top:2px; left:0; transition:all ease 300ms;transition-delay:none;}
.mega-mm-column-second ul.sidebar-current-posts li:before {background:none;height:auto;width:auto;}
.mega-mm-column-second ul.sidebar-current-posts li:hover:before {content:"\effc"; font-family:"Icofont"; left:0;}
.mega-mm-column-second ul.sidebar-current-posts .post-date {font-size:11px;display:block;margin-top:-3px;}
.mega-mm-column-border  {background:#f2f0f1 !important; border:1px solid #DDDCDA !important; padding:0 !important; margin-top:1px !important;}
.mega-mm-column-search p {font-size:15px;}
.mega-mm-column-search form#searchform {margin:0;padding:0; }
.mega-mm-column-search form.searchform-wp-search {display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;}
.mega-mm-column-search input {-webkit-appearance:none;}
.mega-mm-column-search input#searchinput {display:inline-block; width:calc(100% - 110px); background:none; border:1px solid #ebebeb; margin:0 5px 0 0;  font-style:italic; padding:11px 7px; color:#494949;  }
.mega-mm-column-search input#searchinput:focus {-webkit-appearance:none; outline: none; color:#333;}
.mega-mm-column-search input#searchsubmit {color:#FFFFFF; background:#821010; width:80px; text-transform:uppercase; display:inline-block; cursor:pointer; padding:10px; margin:1px;  border:none !important; border-radius:1px; text-align:center; }

p.mm-bg-text {background:#f2f0f1; padding:7px;margin-top:10px}



.bo-iconbutton.custom-icon-box { border:none;color:#ffffff;background:rgba(0,0,0,.2);}
.bo-iconbutton.custom-icon-box:hover {background:rgba(0,0,0,.4); border:none;}
.bo-iconbutton.custom-icon-box .bo-iconbutton-icon i {font-size:60px}
.bo-iconbutton.custom-icon-box .bo-iconbutton-title {font-size:15px; font-weight:300}
.bo-iconbutton.custom-icon-box .bo-iconbutton-subtitle {font-size:20px; font-weight:400}

.max-width-80 {max-width:80%;margin-left:auto; margin-right:auto;}
.max-width-70 {max-width:70%;margin-left:auto; margin-right:auto;}


.custom-cover-has-columns   { background-image:url("https://gramm-recht.de/wp2024/wp-content/uploads/2024/08/gramm-recht-visitenkarte-hand.png") !important; background-repeat:no-repeat; background-position:center right; background-size:auto 85%; background-color:#454545;color:#ffffff;}
.custom-cover-has-columns p {color:#ffffff;}

.wp-block-button {text-transform:uppercase; font-weight:400;}

ul.custom-scope-list {list-style:none; margin:30px 0 0 0;}
ul.custom-scope-list li {list-style:none; padding:8px 0 8px 35px; position:relative;}
ul.custom-scope-list li:before {content:""; position:absolute; left:10px; top:22px; width:7px; height:7px; background:#821010}

.footer-logo {max-width:200px !important; margin-top:20px;}


/* ===  wkdb-Widget  === */
#stars { text-align: center; margin-top: 10px; }
.banner-signet__star {height:30px !important; width:30px !important; }
.clStar {margin:1px}

#customReview {
   margin: 0px 10px;
   border: 5px solid #ff9328;
   border-radius: 10px;
	 background:#fff; 
	outline:5px solid #fff;
	position:relative;
	
}

#customReview p { text-align: center; padding:0 20px; }
#customReview p:nth-of-type(1) { font-size: 22px; margin-top: 10px; margin-bottom:0;}
#customReview p:nth-of-type(2) { font-size: 17px; margin-top:-5px; }
#customReview p:nth-of-type(3) { font-size: 22px; font-weight:400; }
#customReview p:nth-of-type(4) { font-size: 14px; color: #aaaaaa; }
#customReview p:nth-of-type(5) {
   position: relative;
   width: auto;
	max-width:200px;
   height: 30px;
   padding:5px;
   margin: 10px auto 0px auto;
   background-color: #ff9328;
   border-radius: 5px;
}

#customReview p:nth-of-type(6) { font-size: 15px; text-align: left; margin-left:10px;margin-bottom:5px; color: #aaaaaa; }
#customReview a { width: 180px; text-transform:uppercase; color: white; text-decoration:none; border:none;font-weight:400; }
#customReview a:hover { background-color: #db6c00; }
#wkdbLogo { width: 150px; height: 41px;  background-color: white; outline: 10px solid white; border-radius:0 0 6px 0; position:absolute; right:0;bottom:0 }


/* ===  profiles  === */

.custom-profilebox {padding:15px 10px 15px 0; color:#494949;}

.profilbox-title {font-family: 'Playfair Display', sans-serif; font-weight:400; font-size:31px; margin:0; padding:0; line-height:40px;}
.profilbox-subtitle {font-family: 'Playfair Display', sans-serif; font-weight:400; font-size:21px; margin:0; padding:0; line-height:40px;}
.profilbox-text {font-size:16px;}
.profile-image-box {width:100%; height:100%;margin-left:-5px}
.profile-image-box img {object-fit:cover; height:100%; width:100%;object-position:50% 50%;}

.custom-tbbox-columns .bo-vertical-box .bo-vertical-img {max-height:160px !important}

/* ===  misc  === */

.bo-faq-headline i {color:#821010 !important; opacity:1; }
figure.wp-block-embed.alignright.is-type-video {float:right; max-width:600px; margin:0 0 20px 20px;}
hr.wp-block-separator {margin-top:40px; margin-bottom:40px;}
.bo-category-description {margin-top:0;}
.widgettitle {background:#f7f8fa !important}
.wp-block-image.size-large.is-resized {max-width:400px; float:right;}
.sidebarbox p {font-size:17px}
.wpcf7 input:not([type="submit"]), .wpcf7 textarea, .wpcf7 select { padding:12px 5px; background:#f7f8fa;}


/*==  page teaser shortcode == */

.bo-box-section {align-items:stretch}
.bo-page-box {width:calc(33.3333% - 20px); margin:15px 30px 15px 0; padding:10px 20px 0 20px; border:1px solid #ebebeb;box-sizing:border-box;}
.bo-page-box:nth-child(3n + 3) {margin-right:0;}
.bo-page-box h2 {font-size:19px;margin:0; padding:0 0 5px 0;}
.bo-page-box p {font-size:16px;margin:0; padding:0;}
.bo-page-box a {color:#494949;}
.bo-page-box a:hover h2 {color:#821010}

.page-box-flex {height:100%; display:flex;flex-direction:column; justify-content:space-between;}
.page-box-content {padding-bottom:20px;}
.page-box-footer {margin-top:auto;}
.page-box-footer {margin-top:auto; display:flex; justify-content:space-between;align-items:center;padding:0;}

.page-box-footer figure {max-width:50px;height:100%; display:inline-block;}
.page-box-footer figure img {width:100%; height:auto;}
.page-box-footer span {font-weight:500; font-size:14px; color:#929292; display:inline-block; }


@media screen and (max-width: 940px)  { 
.header-wrap.scrollnav {border-top:none;position:absolute; top:0;left:0;z-index:9999;}	
nav#custom-topmenu .mega-menu-toggle {display:none !important}	
.mobilemenu ul ul li {padding:0 !important;}	
.mobilemenu .mega-mm-column-second ul.sidebar-current-posts li {padding:5px 0 5px 30px !important}	
.mobilemenu .wp-block-group.custom-mm-column-group ul li {padding:5px 0 5px 30px !important; font-size:17px;}	
.mobilemenu .wp-block-group.custom-mm-column-group ul {margin-top:-10px !important}	
.mobilemenu ul li a {font-size:17px !important}	
.custom-mm-nav-title {font-size:18px; padding:15px 0 15px 0; height:25px; }
}


@media screen and (max-width: 896px)  {
.profilbox-title {font-size:30px; line-height:34px;}
.profilbox-subtitle {font-size:18px; line-height:30px;}
.profilbox-text {font-size:15px;}	
.bo-page-box {width:calc(50% - 20px); margin:15px 30px 15px 0; } 
.bo-page-box:nth-child(3n + 3) {margin-right:30px;}
.bo-page-box:nth-child(2n + 2) {margin-right:0;}	
	
.max-width-80 {max-width:100%;margin-left:auto; margin-right:auto;}
.max-width-70 {max-width:100%;margin-left:auto; margin-right:auto;}	
	
.profile-image-box {width:100%; height:100%;margin-left:-5px; }
.profile-image-box img {object-fit:cover; height:100%; width:100%;object-position:50% 50%;}	
	
.custom-home-cover .wp-block-cover__inner-container.is-layout-constrained.wp-block-cover-is-layout-constrained	{ align-self:flex-end}
.custom-iconbox-column .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {margin:0 !important; padding:6px 0 !important; }
	
.bo-iconbutton.custom-icon-box {margin-bottom:0; margin-top:0;}	
.wp-block-columns.custom-iconbox-column {padding:15px 0; grid-gap:0}	
	
.custom-cover-has-columns { background-image:none !important; background-repeat:no-repeat; background-position:center right; background-size:auto 50%; background-color:#454545;color:#ffffff;}	
}

@media screen and (max-width: 480px)  {
.bo-page-box {width:100%; margin:15px 0 15px 0; } 
.bo-page-box:nth-child(3n + 3) {margin-right:0;}
.custom-home-cover .wp-block-columns {margin:0 !important;   grid-gap:0}	
.custom-home-cover .wp-block-columns .wp-block-column:first-child {flex-basis:0 !important;}	
.custom-home-cover .wp-block-columns .wp-block-column:last-child {flex-basis:100% !important; }		
.custom-profilebox {padding:15px 0; color:#494949; width:100% !important}	
.custom-profilebox .wp-block-group__inner-container	{margin:0; padding:10px ;}
.custom-profilebox .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex	.wp-block-button  {display:block; width:100% !important; }	
.custom-profilebox .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex	.wp-block-button a {display:block;width:100% !important;}	
.profilbox-title {font-size:26px; line-height:34px;}
.profilbox-subtitle {font-size:17px; line-height:24px;}
.profilbox-text {font-size:16px; margin:0; padding:5px 0; line-height:1.55em;}	
.profile-image-box {display:none; }
.profile-image-box img {object-fit:cover; height:100%; width:100%;object-position:50% 50%;}	
.custom-button-group-info .lexus-content-button.buttonmedium  {display:block; width:100%; }
}

/* ============ */

.bo-divorce-calc-wrapper {border:1px dotted #ccc; padding:10px; width:calc(100% - 22px);}
.calculator-row {display:flex; flex-direction:row; flex-wrap:nowrap;justify-content:space-between; margin:40px 0; position:relative;}
.calculator-row div {width:50%; flex-basis:50%;}
.bo-divorce-calc-wrapper label {display:block; font-size:14px; font-weight:bold;margin-bottom:5px; position:relative;}
.bo-divorce-calc-wrapper input[type="number"] {display:block; width:calc(100% - 30px); padding:10px;font-size:14px;border:1px solid #ebebeb;}
.bo-divorce-calc-wrapper .varadios {display:block;padding-top:10px;padding-left:10px;}
.bo-divorce-calc-wrapper .varadios span {margin-right:15px;}
.calculator-va-section { width:100% !important}

button.calculator-submit {border:1px solid #787878; background:#888;padding:15px 25px; color:#fff;border-radius:2px; text-transform:uppercase; font-size:15px; font-weight:bold;letter-spacing:.5px;cursor:pointer;}
button.calculator-submit:hover {box-shadow:0 0 6px #ccc;}
button.calculator-submit.activebutton {border:1px solid #821010; background:#821010;}

.calculator-row .income-input {position:relative; display:block; }
.calculator-row .income-input:after {content:"EUR"; position:absolute; right:55px; top:11px; font-size:14px; color:#ddd;} 
.bo-divorce-calc-result {background:#F5F6F8; padding:20px 10px; margin:30px 0; width:calc(100% - 20px);}
.bo-divorce-details {}
.bo-divorce-detail {display:flex; flex-direction:row; flex-wrap:wrap;padding-right:50px; margin-bottom:8px; align-items:top: font-size:17px;font-weight:400;position:relative;}
.bo-divorce-detail:first-child {margin-bottom:40px;}
.bo-divorce-detail small {display:block; font-weight:300; font-size:13px;}
.bo-divorce-detail .div-total-key {flex-basis:60%;}
.bo-divorce-detail .div-total-value {flex-basis:40%; text-align:right;}

.div-total-value.totalamount, .div-total-key.totalamount  {font-size:23px; }
.div-total-value.vwamount {color:#787878; }

.calc-help {font-size:16px; position:absolute; right:0; top:0; width:30px; color:#FF9326;cursor:pointer; }
.calc-help.active {color:#ddd;}
.tooltip-info {position:absolute; top:0; right:25px; max-width:450px; border:1px solid #ebebeb; padding:15px 40px 15px 15px;font-size:15px;line-height:1.8em; background:#fff; z-index:999; }
.tooltip-info .closetip {position:absolute;top:5px; right:10px;font-weight:bold;font-size:20px;color:#999;width:30px; height:30px;text-align:right; cursor:pointer;}
label .calc-help {font-size:16px; position:absolute; right:0; top:25px; width:30px; color:#FF9326;cursor:pointer; }


@media screen and (max-width: 800px)  {
.calculator-row {display:flex; flex-direction:row; flex-wrap:wrap;justify-content:space-between; margin:20px 0; position:relative;}
.calculator-row div {width:98%; flex-basis:98%;}
.bo-divorce-calc-wrapper label {display:block; font-size:15px; font-weight:bold;margin-bottom:5px;margin-top:30px; position:relative;}	
button.calculator-submit {margin-top:30px;}	
}

@media screen and (max-width: 420px)  {
.bo-divorce-calc-wrapper label {font-size:13px; }	
label .calc-help {font-size:22px; right:-5px; top:30px;color:#821010;cursor:pointer; }
.tooltip-info {right:0; max-width:320px; }	
.div-total-value.totalamount, .div-total-key.totalamount  {font-size:18px; }	
}