/*
Theme Name: Sydney Child
Theme URI: https://athemes.com/theme/sydney
Template: sydney
Author: aThemes
Author URI: https://athemes.com
Description: Sydney is a powerful business theme that provides a fast way for companies or freelancers to create an awesome online presence.
Tags: two-columns,right-sidebar,block-styles,custom-colors,custom-background,custom-header,custom-menu,featured-images,sticky-post,theme-options,threaded-comments,translation-ready
Version: 2.36.1714993842
Updated: 2024-05-06 13:10:42
*/

/***** *****
* CONST
***** *****/
:root{
    --base				: calc( 1vw + 1vh);
	--font-family		: 'Myriad Pro Regular', sans-serif;
    --font-size			: 16px;
	--top-bar-font-size	: 17px;
	--nav_font-size		: 20px;
    --text-color		: #22211C;
	--heading-color		: #22211C;
    --white				: #fff;
	--blue				: #0D3957;
	--besch				: #B2834B;
    --border-radius		: 8px;
	--border-color		: #423B2E;
	--overlay-blue		: #0D3957;
	--bg-light			: #b8c3c933;
	--bg-kontakt		: #D5CFC4;
	--top-box-shadow    : 1px 2px 5px -2px rgba(0, 0, 0, 0.35);
    --shadow-sm			: 0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;
    --shadow-lg			: 0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;
    --shadow-xl			: 0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;
    --text-shadow-sm	: 0 4px 6px #0000001a;
    --text-shadow-lg	: 0 10px 15px #0000001a;
    --text-shadow-xl	: 0 20px 25px #0000001a;
}

html, body{
    scroll-behavior: smooth;
    margin: 0;
    padding: 0;
    font-size: var(--font-size) !important;
    font-family: var(--font-family) !important;
    color: var(--text-color);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
	overflow-x: hidden !important;
}

body a{ color: var(--text-color); }
body :is( h1,h2,h3,h4,h5,h6 ){ font-family: var( --font-family ); }

.opacity-0{ opacity: 0; }
.overflow-hidden{ overflow: hidden; }

iframe { max-width: 100%; }
input, area, button, select{ outline: none; }
hr { margin: calc( var(--base) * .3 ) 0; }
figure { margin: 0 0 1rem 0; padding: 0; }
img {
    max-width: 100%;
    height: auto;
}

input:focus::-webkit-input-placeholder {
  color: transparent;
}
input:focus::-moz-placeholder {
  color: transparent;
}
input:focus:-ms-input-placeholder {
  color: transparent;
}
input:focus::-ms-input-placeholder {
  color: transparent;
}
input:focus::placeholder {
  color: transparent;
}


.shadow{ box-shadow: var( --top-box-shadow ) !important; }
.shadow-img img{ box-shadow: var( --top-box-shadow ) !important; }
.shadow-a a{ box-shadow: var( --top-box-shadow ) !important; }
.shadow-sm{ -webkit-box-shadow: var( --shadow-sm ); box-shadow: var( --shadow-sm );}
.shadow-lg{ -webkit-box-shadow: var( --shadow-lg ); box-shadow: var( --shadow-lg );}
.shadow-xl{ -webkit-box-shadow: var( --shadow-xl ); box-shadow: var( --shadow-xl );}
.text-shadow-sm, .text-shadow-sm::has(h1,h2,h3,p,span){ text-shadow: var( --text-shadow-sm );}
.text-shadow-lg, .text-shadow-lg::has(h1,h2,h3,p,span){ text-shadow: var( --text-shadow-lg );}
.text-shadow-xl, .text-shadow-xl::has(h1,h2,h3,p,span){ text-shadow: var( --text-shadow-xl );}

.isBold, .isBold:has(p,span){ font-weight: 700 !important; }
.bold-400 span,
.bold-400 p,
.bold-400 a,
.bold-400 strong,
.bold-400 bold {
	font-weight: normal !important;
}

.align-left{ text-align: left !important; }

.container-fluid{ padding: 0; }
.abstand { padding: 5px 0; }

.seoblock {
	position: absolute !important;
	display: inline !important;
	width: 0px !important;
	height: 0px !important;
	color: transparent !important;
	background: transparent !important;
	overflow: hidden !important;
	z-index: -1 !important;
	opacity: 0 !important;
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.w-full { width: 100% !important; }
.h-full { height: 100% !important; }

.absolute { position: absolute !important; }
.relative { position: relative !important; }
.fixed { position: fixed !important; }

.flex, .d-flex{ display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important }
.inline, .inline :has(h1, h2, h3, h4, h5, h6){ display: inline !important }

.inset-0 {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
}

.inset-auto {
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
}



/***** *****
* END CONST
***** *****/

/***** *****
* Components
***** *****/

/* Anwälte Cards*/
.anwalte-wrapper .anwalte-card:before {
    content: "";
    position: absolute;
    inset: 0;
    display: block;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

/***** *****
* END Components
***** *****/
/***** *****
* SVGs
***** *****/

[data-color="besch"] svg .cls-1 { fill: #B2834B; }

/***** *****
* PAGE
***** *****/
.home #content { padding: 0; }
body:not(.home) #content.page-wrap{ padding: 10px 0; }

/***** *****
* Topbar
***** *****/

.topbar-widget{ 
    -webkit-padding-end: 1rem; 
            padding-inline-end: 1rem;
    -webkit-padding-start: 1rem;
            padding-inline-start: 1rem;
}	
.topbar-widget :where( a, span, p ){ color: var(--text-color); font-size: var( --top-bar-font-size ) }	
.topbar-widget{ border-right: 1px solid var( --border-color ); }	
.topbar-widget img { padding-right: 8px; }	

/***** *****
* Navigation
***** *****/
.site-branding{ position: relative; }
.custom-topbar-wrapper{ background-color: var(--white); height: 135px; }

#masthead { height: 56px; position: relative; -webkit-box-shadow: 0 3px 15px rgb(0 0 0 / 30%);box-shadow: 0 3px 15px rgb(0 0 0 / 30%); }
#masthead{
	-webkit-transition: all .7s ease 0s;
	-o-transition: all .7s ease 0s;
	transition: all .7s ease 0s;
}

#masthead.main-header, footer#colophon{ background-color: var( --blue ); }
.admin-bar :is( #masthead.isSticky ){
	top: 32px ;
}

#masthead.isSticky{ 
	position: fixed;
	left: 0;
	top: 0 ;
		-webkit-transition: all .7s ease 0s;
	-o-transition: all .7s ease 0s;
	transition: all .7s ease 0s;
}

#masthead.isSticky .site-branding a{
	top: -2rem;
	-webkit-transition: top .3s ease-in-out;
	-o-transition: top .3s ease-in-out;
	transition: top .3s ease-in-out;
}

#primary-menu a{ font-size: var(--nav_font-size); }		
.site-header-inner {
    padding-top: 12px;
    padding-bottom: 12px;
}

#masthead-mobile svg {
    fill: #fff;
    width: 32px;
    height: 32px;
    position: relative;
    left: calc(var(--base)* 3);
}

.sydney-offcanvas-menu.toggled #primary-menu .current-menu-item a { background-color: #B2834B; }
.sydney-offcanvas-menu.toggled #primary-menu li a { padding-left: 10px; }

@media screen and ( min-width: 1200px ){

.site-branding a {
    position: absolute;
    top: -8.1rem;
    max-width: 200px;
    height: auto;
    width: 200px;
	z-index: 9999999;
}
	
#masthead #mainnav ul li a{ -webkit-transition: none;-o-transition: none;transition: none; }
#masthead #mainnav ul li a:hover, #masthead.main-header #mainnav .menu > li > a:hover { color: #B2834B; }	
#masthead .menu-item-has-children .dropdown-symbol { display: none; }	
#masthead #mainnav .sub-menu li a{
	display: inline;
    width: auto;
}
/* menuAnimation */
#masthead #mainnav a::before{
	display: block;
	position: absolute;
	content: "";
	height: 2px;
	width: 0;
	background-color: var(--besch);
	transition: width .2s ease-in-out, left .5s ease-in-out;
	right: 50%;
	bottom: 0;
}
#masthead .sub-menu a::before{ bottom: -3px; }
#masthead .sub-menu a::after{ bottom: -3px; }
#masthead #mainnav a::after{
	display: block;
	position: absolute;
	content: "";
	height: 2px;
	width: 0;
	background-color: var(--besch);
	transition: width .2s ease-in-out;
	left: 50%;
	bottom: 0;
}
#masthead #mainnav .sub-menu .current-menu-item a{ background-color: #d65050; }
#masthead #mainnav a:hover::before{
  width: 50%;
  right: 0;
}
#masthead #mainnav a:hover::after{
  width: 50%;
  left: 0;
}	
	
}/* ( min-width: 1200px ) */	

/***** *****
* END Navigation
***** *****/

/***** *****
* Elements
***** *****/

/* Suche */
@media screen and ( max-width: 768px ){
.header-search.header-item { display: none; }	
}	/* ( max-width: 768px ) */

/* Timeline */
.timeline-component-wrapper .timeline__item:after{ background-color: var( --besch ); }

/* Google MAps */
.gmaps .elementor-widget-google_maps {
    height: 100%;
    padding: 5px 0;
}

.gmaps .elementor-custom-embed, .gmaps .elementor-widget-google_maps iframe {
    height: 100%;
	border-radius: 20px;
	min-height: 320px;
}

/***** *****
* END Elements
***** *****/

/***** *****
* Kontakt
***** *****/
.vorname, .telefonnummer { margin-bottom: 10px; }

#kontakt-form .uacf7-row { padding-bottom: 15px; }
#kontakt-form form [type="submit"] {
    background: transparent;
    border: 2px solid #423B2E;
    border-radius: 20px;
	    line-height: 18px;
	text-transform: none;
	width: 100%;
}

#kontakt-form form input {
    height: 45px;
	border-radius: 8px;
}

#kontakt-form label {
    position: absolute;
    left: 1.3rem;
    top: 0;
	-webkit-transition: top 0.1s ease-in 0s, opacity 0.25s ease-in;
	-o-transition: top 0.1s ease-in 0s, opacity 0.25s ease-in;
	transition: top 0.1s ease-in 0s, opacity 0.25s ease-in;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus {
    border: 1px solid #B2834B !important;
}

#arithmetic_input_holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

#arithmetic_cal {
    width: auto;
    height: 30px;
    font-size: 20px;
    display: inline-block;
    padding-right: 1rem;
}

#kontakt-form input:not( input[placeholder="CAPTCHA-Antwort"] )::-webkit-input-placeholder {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
#kontakt-form input:not( input[placeholder="CAPTCHA-Antwort"] )::-moz-placeholder {
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}
#kontakt-form input:not( input[placeholder="CAPTCHA-Antwort"] ):-ms-input-placeholder {
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
#kontakt-form input:not( input[placeholder="CAPTCHA-Antwort"] )::-ms-input-placeholder {
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
#kontakt-form input:not( input[placeholder="CAPTCHA-Antwort"] )::placeholder {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

#kontakt-form textarea{ border-radius: 8px; }
#kontakt-form button, #kontakt-form .roll-button, #kontakt-form a.button, #kontakt-form .wp-block-button__link, #kontakt-form input[type="button"], #kontakt-form input[type="reset"], #kontakt-form input[type="submit"] {
 font-size: 20px;
}

#kontakt-form #arithmathic_refresh {
    height: 40px;
	padding: 2px 0;
    border-radius: 8px;
    background: transparent;
    border: none; /* 2px solid #423B2E */
	    margin-right: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

#arithmetic_input_holder {
    background: #fff;
    display: inline-flex;
    padding: 5px 1.5rem;
    border-radius: 8px;
	margin-top: 15px;
}

@media screen and ( min-width: 1200px ){
	#kontakt-form form [type="submit"] {
		width: inherit;
	}
	#arithmetic_input_holder {
		    -ms-flex-wrap: no-wrap;
        flex-wrap: no-wrap;
	}
}

#content .kontakt-container .elementor-icon-box-wrapper a {
    text-decoration: underline !important;
}
/***** *****
* END Kontakt
***** *****/

/***** *****
* PreFooter
***** *****/
/***** *****
* END PreFooter
***** *****/

/***** *****
* Footer
***** *****/

.sydney-credits { hyphens: auto; }
.footer__copyright{ -ms-flex-wrap: wrap;flex-wrap: wrap; }

@media screen and ( min-width: 1200px ){
	
.footer__copyright{
	-ms-flex-wrap: no-wrap;flex-wrap: no-wrap;
}
	
}/* ( min-width: 1200px )  */