/*
Theme Name: Rechtsanwalt
Theme URI: https://wpastra.com/
Template: astra
Author: Anja Kauer
Description: Dieses Theme wurde für die Webseite der Rechtsanwälte Mathern erstellt.
Version: 0.0.1.1744639032
Updated: 2025-04-14 15:57:12

*/
:root {
  	--idm-custom-primary: #b61d3f; /*rot*/
	
  	--idm-custom-primary-dark: #9e1a36; /*dunkel-rot*/
	--idm-custom-primary-light: #dd2b52; /*hell-rot*/
	
  	--idm-custom-secondary: #344b5b; /*dunkelgrau*/
	
	--idm-custom-background: #FCF4DA; /*beige*/
}
@media screen and (max-width: 781px) {
	.no-mobil {
		display: none !important;
	}
}

body {
	font-family: "Lato", Arial, sans-serif;
	background-color: var(--idm-custom-background);
}
.ast-plain-container, .ast-page-builder-template {
    background-color: var(--idm-custom-background);
}
.d-none {display: none !important;}

/*Schrift*/
.f-16 {font-size: 16px !important;}
p {font-size: 18px;}
.f-20 {font-size: 20px !important;}
.f-24 {font-size: 24px !important;}

h1, .entry-content h1 {
	text-transform: uppercase;
	font-size: 32px;
	color: white;
	text-align: center;
}
.site-footer-section h1 {
	text-align: left;
}

h1.red, .entry-content h1.red {
	color: var(--idm-custom-primary);
	margin-bottom: -6px;
}
h1.dark, .entry-content h1.dark {
	color: var(--idm-custom-secondary);
	margin-bottom: -6px;
}

h2, .entry-content h2 {
	text-transform: uppercase;
	font-size: 32px;
	margin-bottom: 0;
}
h2.red, .entry-content h2.red {color: var(--idm-custom-primary);}
h2.dark, .entry-content h2.dark {color: var(--idm-custom-secondary);}
h2.white, .entry-content h2.white {color: #fff;}

h3, .entry-content h3 {
	color: white;
	font-size: 24px;
}
h3.red, .entry-content h3.red {color: var(--idm-custom-primary);}
h3.dark, .entry-content h3.dark {color: var(--idm-custom-secondary);}
h3.white, .entry-content h3.white {color: #fff;}

h4.red, .entry-content h4.red {color: var(--idm-custom-primary);}
h4.dark, .entry-content h4.dark {color: var(--idm-custom-secondary);}
h4.white, .entry-content h4.white {color: #fff;}

details > summary {
	font-size: 20px;
}

h1.wp-block-heading.dark {
	word-break: break-word;
}
@media only screen and (max-width: 590px) {
	h1.wp-block-heading.dark {
		font-size: 26px;
	}
}


/* Farben */
.red {color: var(--idm-custom-primary);}
.dark {color: var(--idm-custom-secondary);}
.white {color: #fff;}

.bg-red {background-color: var(--idm-custom-primary);}
.bg-dark {background-color: var(--idm-custom-secondary);}
.bg-white {background-color: #fff;}

.section-red {
	background-color: var(--idm-custom-primary);
	color: white;
}
.section-dark {
	background-color: var(--idm-custom-secondary);
	color: white;
}

/*Button*/
.btn-dark .wp-block-button__link {
	background-color: var(--idm-custom-secondary);
    color: white;
    border-radius: 3px;
    font-size: 1.3rem;
    min-width: 255px;
}
.btn-white .wp-block-button__link {
	background-color: white;
    color: var(--idm-custom-secondary);
    border-radius: 3px;
    font-size: 1.3rem;
}
.wp-block-button .wp-block-button__link:hover {
	background-color: var(--idm-custom-primary);
	color: white;
}

#btn-portal-start .wp-block-button__link {
	background-color: white;
    color: var(--idm-custom-primary);
    border-radius: 3px;
    font-size: 1.3rem;
}
#btn-portal-start .wp-block-button__link:hover {
	background-color: var(--idm-custom-primary-dark);
	color: white;
}
@media screen and (min-width: 590px) {
	#btn-portal-start .wp-block-button__link, .btn-white .wp-block-button__link {
		min-width: 255px;
	}
}


/* Seperator */
.w-200 {width: 200px;}
.w-400 {width: 400px;}
.w-800 {width: 800px;}

.pb-0 {padding-bottom: 0 !important;}
.m-0 {margin: 0 !important;}
.mt-10 {margin-top: 10px;}
.mb-0 {margin-bottom: 0;}

.sep {
    margin: 15px 0 !important;
	left: calc(50% - 100px);
    position: relative;
}
.sep-wide {
	left: calc(50% - 200px);
}

.section-dark .sep-wide {
	width: 400px;
	left: calc(50% - 200px);
}

@media only screen and (min-width: 576px) {
	.w-d-350 {
		width: 350px;
		left: calc(50% - 175px);
	}
}
@media only screen and (max-width: 850px) {
	.w-800 {width: unset;}
}
@media screen and (max-width: 400px) {
	.w-400 {width: 100%;}
	.sep-wide {left: 0;}
	.section-dark .sep-wide {
		width: 100%;
		left: 0;
	}
	#adress-box.wp-block-group {
		padding-left: 0;
		padding-right: 0;
		width: 110%;
        left: -5%;
	}
}

/*Header*/
.ast-header-break-point .ast-primary-header-bar {
    border-bottom-width: 6px;
    border-bottom-color: var(--idm-custom-primary);
    border-bottom-style: solid;
	background-color: var(--idm-custom-background);
}
.ast-logo-title-inline .ast-site-identity {
	padding: 2em 0;
}

@media (min-width: 922px) {
    .ast-primary-header-bar {
        border-bottom-width: 6px;
        border-bottom-color: var(--idm-custom-primary);
        border-bottom-style: solid;
		background-color: var(--idm-custom-background);
    }
}

/*Header Minimal*/
[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal {
    color: var(--idm-custom-primary);
}
[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
    fill: var(--idm-custom-primary);
}

/*Scroll*/
#ast-scroll-top {
    background-color: var(--idm-custom-primary);
    font-size: 20px;
}
#ast-scroll-top:hover {
    background-color: var(--idm-custom-primary-dark);
}

/*Bürger-Menü*/
button.menu {
	background-color: transparent;
	box-shadow: none;
	position: absolute;
    left: 30px;
    top: 30%;
}
.fa.fa-bars {
	content: url("data:image/svg+xml,<svg fill='rgb(182, 29, 63)' version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='28' viewBox='0 0 24 28'><path d='M24 21v2c0 0.547-0.453 1-1 1h-22c-0.547 0-1-0.453-1-1v-2c0-0.547 0.453-1 1-1h22c0.547 0 1 0.453 1 1zM24 13v2c0 0.547-0.453 1-1 1h-22c-0.547 0-1-0.453-1-1v-2c0-0.547 0.453-1 1-1h22c0.547 0 1 0.453 1 1zM24 5v2c0 0.547-0.453 1-1 1h-22c-0.547 0-1-0.453-1-1v-2c0-0.547 0.453-1 1-1h22c0.547 0 1 0.453 1 1z'></path></svg>")
}

/*Hauptmenü-Desktop*/
#off-canvas-menu-desktop {
	display: none;
	width: fit-content;;
    background: var(--idm-custom-background);
    position: absolute;
    height: auto;
    top: 172px;
    left: 0%;
    padding: 10px;
	border-left: 5px solid var(--idm-custom-primary);
	border-bottom: 5px solid var(--idm-custom-primary);
	box-shadow: 1px 1px 6px #999;
}
#off-canvas-menu-desktop #burger-menu {
	display: flex;
    flex-direction: column;
}
#off-canvas-menu-desktop #burger-menu a {
	color: var(--idm-custom-secondary);
	padding: 5px;
}
#off-canvas-menu-desktop #burger-menu a:hover {
	color: #fff;
	background-color: var(--idm-custom-primary);
}

/*Hauptmenü-Mobil*/
.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link,
.ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .ast-menu-toggle {
	background: var(--idm-custom-background);
	color: var(--idm-custom-secondary);
}
.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link:hover, .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item > .menu-link:hover {
	color: #fff;
	background-color: var(--idm-custom-primary);
}
.ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item > .menu-link, 
.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item:hover > .menu-link,
.ast-builder-menu-mobile .main-navigation .menu-item:hover > .ast-menu-toggle {
	background: var(--idm-custom-secondary);
	color: #fff;
}


/*Footer*/
footer {
	border-top: 2px solid var(--idm-custom-primary);
	border-bottom: 5px solid var(--idm-custom-primary);
}
.site-primary-footer-wrap[data-section="section-primary-footer-builder"] {
	background-color: var(--idm-custom-background);
	padding-bottom: 0;
}
.site-footer-section .wp-block-group {
	width: fit-content;
    position: relative;
	margin-bottom: 10px;
	left: 50px;
}
.site-footer-section h1 {
	font-size: 20px;
	color: var(--idm-custom-secondary);
}
.site-footer-section .wp-block-spacer {
	background-color: var(--idm-custom-primary);
	width: 65px;
    margin: 5px 0 !important;
	height: 3px !important;
}
.site-footer-section p, .site-footer-section a {
	color: var(--idm-custom-secondary);
	font-size: 18px;
}

@media screen and (min-width: 545px) {
	.site-footer-section .wp-block-group {
		left: calc(50% - 70px);
	}
}
@media screen and (min-width: 720px) {
	.site-footer-section .wp-block-group {
		left: calc(50% - 40px);
	}
}

.site-footer-section a.phone_f:before {
	content: url(http://wordpress.mathern-chemnitz.com/wp-content/uploads/2025/06/phone-icon-300x232_dunkelrot.png);
	left: -26px;
    position: absolute;
	max-width: 20px;
	padding-top: 2px;
}
.site-footer-section a.fax:before {
	content: url(http://wordpress.mathern-chemnitz.com/wp-content/uploads/2025/06/fax-icon-300x232_dunkelrot.png);
	left: -26px;
    position: absolute;
	padding-top: 2px;
}
.site-footer-section a.mail_f:before {
	content: url(http://wordpress.mathern-chemnitz.com/wp-content/uploads/2025/06/mail-icon-300x232_dunkelrot.png);
	left: -26px;
    position: absolute;
	padding-top: 2px;
}

.site-below-footer-wrap[data-section="section-below-footer-builder"] {
    height: 0;
    padding: 0 !important;
    border: none;
	background-color: var(--idm-custom-background);
}

/*Icon-Bar*/
.icon-bar {
	position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    max-width: 60px;
	display: flex;
    flex-wrap: wrap;
}
.icon-bar a {
    display: block;
    text-align: center;
    padding: 10px;
    transition: all 0.3s ease;
	width: 60px;
}
.icon-bar .phone {
    background-color: var(--idm-custom-primary-light);
}
.icon-bar .mail {
    background-color: var(--idm-custom-primary);
}
.icon-bar .letter {
    background-color: var(--idm-custom-primary-dark);
}


/*Hero*/
.hero {
	justify-content: center;
}
h2.hero-title {
	color: white;
	font-size: 36px;
    text-transform: uppercase;
	/*word-break: break-word;*/
}
.hero-sep {
	background-color: var(--idm-custom-primary);
	min-width: 200px;
    margin: 15px 0 !important;
}
.hero-group {
	position: relative;
    bottom: 40px;
}
.hero-text {
	color: white;	
	word-wrap: break-word;
	font-size: 24px;
    line-height: 1.2;
}
@media screen and (max-width: 590px) {
	h2.hero-title{font-size: 24px;}
	.hero-text{font-size: 18px;}
}
@media screen and (min-width: 1200px) {
	.hero {justify-content: start;}
}

.polygon {
	background-color: var(--idm-custom-primary);
	/*clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 0% 100%);*/
    height: 18px;/*35px;*/
    padding: 0 !important;
}

/*Textgruppe*/
.sp-group {
	position: relative;
    top: -106px;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.sp-box {
    padding: 0 !important;
    border: 6px solid var(--idm-custom-background);
	gap: 0 !important;
}
.sp1, .sp2, .sp3 {
	color: white;
	padding: 20px;
	line-height: 18px;
	margin: 0 !important;
}
@media screen and (max-width: 781px) {
	.sp-box > .wp-block-column svg {
		width: 60px;
		height: 60px;
	}
	.sp-box > .wp-block-column h3 {
		font-size: 18px;
	}
}

.sp1 {
	background-color: var(--idm-custom-primary-dark);
}
.sp2 {
	background-color: var(--idm-custom-primary);
}
.sp3 {
	background-color: var(--idm-custom-primary-light);
}

/*Haupttext*/
.main-text {
	line-height: 30px;
    position: relative;
	word-wrap: break-word;
}
.main-text-start {
    top: -56px;
	margin: 0 !important;
	padding: 0px 10px !important;
    word-break: break-word;
}
@media screen and (min-width: 590px) {
	.main-text-start {
		padding: 0px 40px !important;
	}
}

/*Anwälte*/
.section-attorney {
	padding-bottom: 200px !important;
}

/*Erstkontakt*/
.group-overlap {
	position: relative;
    top: -150px;
	padding-bottom: 0 !important;
}
.group-overlap > div {
	background-color: #f9f8f8;
    box-shadow: 1px 1px 6px #999;
    padding: 30px 0;
	row-gap: normal;
}

.group-overlap .wp-block-button__link {
	background-color: var(--idm-custom-secondary);
	color: white;
	border-radius: 3px;
	font-size: 1.3rem;
	margin: 15px 0;
}
.group-overlap .wp-block-button__link:hover {
	background-color: var(--idm-custom-primary);
}
@media screen and (min-width: 590px) {
	.group-overlap .wp-block-button__link {
		min-width: 255px;
	}
}


.group-overlap .content-row {
	flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
	.group-overlap .content-row {
		flex-wrap: nowrap;
	}
}
@media screen and (min-width: 984px) {
	.group-overlap .content-row {
		gap: 140px;
	}
}

.choice, .box-overlap {
	position: absolute;
    top: -200px;
    transform: translateX(-50%);
    left: 50%;
}

.choice > div {
	padding: 35px 45px;
}

.contact-person p {
	margin-top: 15px;
}

h2.contact-title {
	color: var(--idm-custom-primary);
	text-transform: unset;
}
.contact-group p {
	font-size: 20px;
	text-transform: uppercase;
}
.contact-group .sep {
	left: unset;
}


/*Grid*/
.grid {
	position: relative;
	top: -80px;
}
.grid-field {
	padding: 20px;
	min-height: 352px;
}
.grid-field p {
	line-height: 18px;
}
.grid-field h2 {
	text-transform: unset;
    font-size: 24px;
	word-break: break-word;
}
.grid a.grid-field {
	text-decoration: none;
}
a.grid-field:hover, a.grid-field:focus {
	text-decoration: none;
	color: white;
}
a.grid-field.section-dark:hover {
	background-color: var(--idm-custom-primary);
}
a.grid-field.section-red:hover {
	background-color: var(--idm-custom-primary-dark);
}

.flex-col-center {
	flex-direction: column;
    align-items: center;
    justify-content: center;
}


/*Kontakt*/
.contact .wp-block-columns, .person .wp-block-columns {
	margin-top: 0px;
    margin-bottom: 0px;
}


.contact-info {
	position: relative;
	left: 15px;
}
.contact-info p {
	margin-bottom: 0;
	color: var(--idm-custom-primary);
}
.contact-info p.address:before {
	content: url(http://wordpress.mathern-chemnitz.com/wp-content/uploads/2025/06/home-icon-20x20_dunkelrot.png);
	left: -26px;
    position: absolute;
	max-width: 20px;
	padding-top: 2px;
}
.contact-info p.phone_f:before {
	content: url(http://wordpress.mathern-chemnitz.com/wp-content/uploads/2025/06/phone-icon-300x232_dunkelrot.png);
	left: -26px;
    position: absolute;
	max-width: 20px;
	padding-top: 2px;
}
.contact-info p.fax:before {
	content: url(http://wordpress.mathern-chemnitz.com/wp-content/uploads/2025/06/fax-icon-300x232_dunkelrot.png);
	left: -26px;
    position: absolute;
	padding-top: 2px;
}
.contact-info p.mail_f:before {
	content: url(http://wordpress.mathern-chemnitz.com/wp-content/uploads/2025/06/mail-icon-300x232_dunkelrot.png);
	left: -26px;
    position: absolute;
	padding-top: 2px;
}


.person {
	padding-top: 0;
	padding-bottom: 0;
}
.person-info {
	margin-left: 20px;
}
.person-info h1 {
	margin-bottom: 0px;
	text-align: left;
}
.person-info p {
	font-size: 16px;
}
.person-info .sep {
	left: 0;
	margin: 0;
}
.person-info .person-title {
	margin: 0;
}
.person-info ul {
	font-size: 16px;
}
.entry-content .person-info li > a {
	color: white;
    text-decoration: none;
    font-size: 16px;
}


/*Liste mit Icons*/
.wp-block-list.red li {
	list-style-type: none;
	padding: 5px 0;
}
.wp-block-list.red li:before {
	position: relative;
    left: -22px;
    top: 5px;
	content: url("data:image/svg+xml,<svg class='w-[24px] h-[24px] text-grey-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='rgb(182,29,63)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'><polyline points='9 11 12 14 22 4'></polyline><path d='M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'></path></svg>");
}

.abstand-choice {height: 270px !important;}

@media screen and (max-width: 400px) {
	.abstand-choice {height: 630px !important;}
}
@media screen and (max-width: 576px) {
	.abstand-choice {max-width: 100%;}
}

@media screen and (min-width: 576px) {
	.abstand-choice {height: 270px !important;}
}
@media screen and (min-width: 992px) {
	.abstand-choice {height: 250px !important;}
}
@media screen and (min-width: 1200px) {
	.abstand-choice {height: 170px !important;}
}


/*Meta-Slider*/
.metaslider.ms-theme-default-base .flexslider .flex-direction-nav li a.flex-prev:after {
    mask-image: url("data:image/svg+xml,<svg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M13.729 5.575c1.304-1.074 3.27-.146 3.27 1.544v9.762c0 1.69-1.966 2.618-3.27 1.544l-5.927-4.881a2 2 0 0 1 0-3.088l5.927-4.88Z' clip-rule='evenodd'/></svg>") !important;
	mask-size: 40px auto;
}
.metaslider.ms-theme-default-base .flexslider .flex-direction-nav li a.flex-next:after {
    mask-image: url("data:image/svg+xml,<svg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M10.271 5.575C8.967 4.501 7 5.43 7 7.12v9.762c0 1.69 1.967 2.618 3.271 1.544l5.927-4.881a2 2 0 0 0 0-3.088l-5.927-4.88Z' clip-rule='evenodd'/></svg>") !important;
	mask-size: 40px auto;
}

.metaslider.ms-theme-default-base .flexslider .flex-direction-nav li a.flex-prev {
	transform: translate(-50px, -50%);
}
.metaslider.ms-theme-default-base .flexslider .flex-direction-nav li a.flex-next {
	transform: translate(50px, -50%);
}
@media screen and (max-width:1000px) {
	.metaslider.ms-theme-default-base .flexslider .flex-direction-nav li a.flex-prev {
		transform: translate(0px, -50%);
	}
	.metaslider.ms-theme-default-base .flexslider .flex-direction-nav li a.flex-next {
		transform: translate(0px, -50%);
	}
	#metaslider-id-116 .flexslider .flex-direction-nav li a:after {
		background-color: #344b5b !important;
	}
}

#metaslider-id-116.metaslider .flex-control-nav, #metaslider-id-1013.metaslider .flex-control-nav {
    bottom: -60px;
}
.metaslider .slides li {
    background: #fff;
}


/* Formular */
.ff-default .ff-el-form-control {
	border-radius: 0;
}
.ff-default .ff-el-input--label label {
	color: white;
}
#ff_3_dropdown {
	padding: 7.5px 15px;
}
form.fluent_form_3 .wpf_has_custom_css.ff-btn-submit {
	width: 225px;
}
.fluentform .ff_submit_btn_wrapper {
	margin-top: 40px;
}