@charset "UTF-8";
/* CSS Dirk Schlichting - Make Service Happen */


.cmplz-show-banner {
	cursor: pointer;
	font-size: 19px !important;
	line-height: 1.40em !important;
	background-color: transparent;
	color: #000;
	padding: 0;
	border: none;
	border-radius: 0;	
	text-decoration: none !important;
	font-weight: 300;
	font-family: inherit !important;	
}

.cmplz-show-banner:hover {
	color: #2c4295}




/* BARRIEREFREIHEIT */
.skip-link {
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(97, 125, 161, 0.2);	
	color: #fff;
	font-weight: 300;
	text-decoration: none;
	font-size: 18px;
	line-height: 2;
	padding: 8px 24px;
	display: block;
	z-index: 9999;
	transform: translateY(-100%);
	transition: transform 0.3s ease;
	border-radius: 0px;
	box-shadow: none;
	}

.skip-link:focus {
	transform: translateY(0);
	outline: 2px solid #005fcc;
	outline-offset: 2px;
	}

.fokus-inhalt:focus {
    outline: 2px solid #005fcc;
	outline-offset: 2px;
	}

.ignore-me {
    visibility: visible;
    pointer-events: none; /* Verhindert, dass man es anklicken kann */
	}

.ignore-me {
    content-visibility: hidden; 
	}


a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus {
	outline: 1px solid #005fcc;
	outline-offset: 1px;
	box-shadow: 0 0 0 0 #005fcc;
	}

:focus:not(:focus-visible) {
    outline: none;
}
:focus-visible {
    outline: 1px solid #005fcc !important;
    outline-offset: 1px;
}

a:focus-visible {
	outline: none !important;				/* klassische Outline abschalten */
	box-shadow: inset 0 0 0 1px #005fcc; 	/* 1px blaue Linie nach innen */
	border-radius: 0px; 					/* optional, falls der Link abgerundet ist */
}

/* Verhindert, dass Screenreader Umbrüche als leere Objekte/Gruppen interpretieren */
br {
    content: "";
    display: block; /* Erhält den visuellen Umbruch */
    speak: none;    /* Sagt dem Screenreader: Hier gibt es nichts zu sprechen */
}

/* Speziell für VoiceOver, um Br-Elemente aus dem Accessibility Tree zu nehmen */
br[aria-hidden="true"] {
    display: none;
}




/* SEITE */
.flex_cell {
    display: table-cell;
    padding: 0px;
    vertical-align: top;
	}

#kontaktdaten {
    display: grid;
    place-items: center; /* vertikal & horizontal */
    height: 75vh;
	}

#formular-beratungstermin {
    padding: 0;
	}

#kundenstimmem-klein {
    width: 40%;
	}

.text-header .avia_textblock h1,
.text-header .avia_textblock h3 {
  color: #fff !important;
	}

.text-header .button-telefon {
  color: #fff !important;
	}

.flex_column.text-header .avia_textblock h1 {
  color: #fff !important;
	}

#content-small {
	width: 75% !important;
	margin-left: auto;
	margin-right: auto;
	}

/* svg Icon Enfold */
.av_font_icon {
    display: block;
    text-align: center;
    padding-bottom: 20px;
	}

.content, .sidebar {
    padding-top: 50px;
    padding-bottom: 50px;
    box-sizing: content-box;
    min-height: 1px;
    z-index: 1;
	}

#top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial {
    padding: 0;
	}

.stimmen-testimonial .flex_column:first-child {
    display: flex;
    align-items: center;
	}

body .column-top-margin {
    margin-top: 0;
	}

#bg-leistungen {
    border-radius: 30px;
	background: #f0f2f8;
	border: solid 1px #f0f2f8;	
	min-height: 320px !important;
	padding: 40px;
    margin-top: 20px !important;
    margin-bottom: 20px !important;	
	}

#bg-leistungen:hover {
	background: rgba(97, 125, 161, 0.2) !important;	
	border: solid 1px rgba(97, 125, 161, 0.2);
	}

#bg-methodik {
    border-radius: 30px;
	background: #f0f2f8;
	border: solid 1px #f0f2f8;	
	min-height: 320px !important;
	padding: 10px 40px 20px 40px;
    margin-top: 20px !important;
    margin-bottom: 20px !important;	
	}

#bg-methodik:hover {
	background: rgba(97, 125, 161, 0.2) !important;	
	border: solid 1px rgba(97, 125, 161, 0.2);
	}

.zahl-methodik {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	font-size: 20px;
	font-weight: 400;
	margin: 20px 0;
	border: 1px solid #000 !important;
	color: #000;
	background-color: rgb(255 255 255 / 40%);
	}

.btn-leistungen {
	width: 100%;
	margin: 50px auto 0 0;
	}

.btn-leistungen a {
	display: block;
	text-align: center;
	padding: 15px 30px !important;
	border: solid 2px #000 !important;
	border-radius: 25px;
	color: #000 !important;
	text-decoration: none;
	font-size: 18px;
	font-weight: 400;
	}

.btn-leistungen a:hover {
	color: #000 !important;
	background-color: transparent;
	border: solid 2px #000 !important;
	transform: scale(1.05);
	}

.btn-leistungen-big {
	width: 50%;
	margin: 40px auto 0 0;
	}

.btn-leistungen-big a {
	display: block;
	text-align: center;
	padding: 15px 15px !important;
	border: solid 2px #2c4295 !important;
	border-radius: 25px;
	color: #fff !important;
	text-decoration: none;
	font-size: 26px;
	font-weight: 400;
	background-color: #2c4295;
	}

.btn-leistungen-big a:hover {
	color: #2c4295 !important;
	background-color: transparent;
	border: solid 2px #2c4295 !important;
	transform: scale(1.1);
	}

.text-leistungen {
	margin-bottom: 30px;
	}

body .column-top-margin {
    margin-top: 20px !important;
	}

/* #top .main_color .avia-color-theme-color {
    color: #fff !important;
    border-color: #fff !important;
    border-radius: 80px;
	border: solid 2px #fff !important;
    padding: 18px 50px;
    font-weight: 400 !important;
    font-size: 3.5em !important;
	background: transparent !important;
	cursor: pointer !important;	
	} */

#top .main_color .avia-color-theme-color:hover {
	color: #fff !important;
    border-color: #fff !important;	
	background: transparent !important;	
	transform: scale(1.15);	
	}

.abstand-oben {
    padding-top: 25px; 	/* Abstand zum Header vergrössert */
	}

#top a:not(.wp-element-button):hover {
    text-decoration: none;
	color: #000;
	border-bottom: solid 1px #000;
}

#kasten-leistungen {
	padding: 30px;
	background: #f6f8f9;
}





/* TELEFON RECHTE SEITE */
.sticky-contact {
    position: fixed;
    top: 300px !important;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 2px; 							/* Abstand zwischen Telefon & E-Mail */
    z-index: 98 !important;			/* war 999 */
	}

/* Gemeinsames Styling für drei Links */
.sticky-contact a {
    position: relative;
    right: -330px; 						/* versteckt Nummer/Email */
    background: #242b2d;
    color: #ffffff;
    padding: 14px 23px 14px 18px;
    border-radius: 0;
    display: flex;
    align-items: center;
    gap: 30px;
    font-size: 20px;
    text-decoration: none;
    transition: right 0.3s ease;
	}

/* Aufschieben beim Hover / Touch */
.sticky-contact a:hover,
.sticky-contact a:focus,
.sticky-contact a:active {
    right: 0;
	}

.logos-referenzen {
    width: 400px !important;
	}

a.slide-image {
    border-bottom: none !important;
    text-decoration: none !important;
	}

a.slide-image:hover,
a.slide-image:focus,
a.slide-image:active {
    border-bottom: none !important;
    text-decoration: none !important;
	}

a.slide-image:hover img {
    transform: scale(1.07);
    transition: transform 0.3s ease;
    opacity: 0.9;
	}

a.slide-image img {
    filter: grayscale(100%) contrast(120%); /* 100% = komplett schwarz-weiß */
    transition: filter 0.3s ease; /* sanfter Übergang beim Hover */
	}

#top .avia-smallarrow-slider {
    margin-left: auto;
    margin-right: auto;
	padding-top: 50px;
    width: 75% !important;
	}

.phone-img, .email-img {
    width: 40px !important;
    height: 40px !important;
    object-fit: contain;
	}

/* Text */
.phone-number, .email-address {
    white-space: nowrap;
    color: #ffffff;
	}

.sticky-phone,
.sticky-phone * {
    user-select: text;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
	cursor: pointer !important;		
	}

.sticky-email,
.sticky-email * {
    user-select: text;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
	cursor: pointer !important;		
	}

.sticky-termin,
.sticky-termin * {
    user-select: text;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
	cursor: pointer !important;		
}

/* Mobile Anpassung */
@media (max-width: 768px) {
.sticky-contact a {
	right: -110px;
    font-size: 16px;
    padding: 8px 12px;
    }
	
.phone-img, .email-img {
    width: 28px;
    height: 28px;
    }
}





/* HEADER */
.av-parallax .av-parallax-inner {
    background-repeat: no-repeat;
    background-image: url(https://www.makeservicehappen.com/wp-content/uploads/2026/04/dirk.schlichting-bg.jpg);
    background-position: 50% -10% !important;
    background-attachment: scroll;
	}

.logo img, .logo svg {
    padding: 22px 0 22px 0;
	width: 70%;
	}

#header {
    position: relative;
    z-index: 9501;
    width: 100%;
  	border-bottom: 1px solid transparent;
	background: 
    linear-gradient(white, white) padding-box,
    linear-gradient(45deg, #c6d7a3, #2c4295) border-box;
}

#kasten-heder-ueberschrift {
    padding: 0 !important;
	margin: 0px !important;
}







/* NAVIGATION */
/* .av-main-nav > li > a {
    display: block;
    text-decoration: none;
    padding: 0 15px !important;
    font-weight: normal;
    font-weight: 600;
    font-size: 13px;
    transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
} */

#top .main_color .avia-color-theme-color {
    color: #fff !important;
    border: solid 2px #fff !important;
    border-radius: 50%;
    
    width: 200px;       /* feste Breite */
    height: 200px;      /* gleiche Höhe */
    padding: 0;         /* wichtig: kein asymmetrisches Padding */
    
    display: flex;      /* für zentrierten Inhalt */
    align-items: center;
    justify-content: center;
    
    font-weight: 400 !important;
    font-size: 2.5em !important;
	line-height: 1.1em;
    background-color: rgba(116, 142, 163, 0.7);
    cursor: pointer !important;
}

#top .av-menu-button>a .avia-menu-text {
    border: 2px solid;
    border-radius: 25px;
	margin-left: 30px;
	}

#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
    background-color: transparent !important;
    color: #000 !important;
    border-color: #000 !important;
	}

#top #wrap_all .header_color .av-menu-button-colored:hover > a .avia-menu-text {
    background-color: transparent !important;
    color: #2c4295 !important;
    border-color: #2c4295 !important;
	}

#top #header .av-main-nav > li > a {
    font-size: 1.65em !important;
	font-weight: 400 !important;
	color: #000;
	margin-bottom: 2px;	
	}

#top #header .av-main-nav > li > a:hover {
    font-size: 1.65em !important;
	font-weight: 400 !important;
	color: #2c4295;
	}

.header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a {
    color: #2c4295 !important;
	}

#top .av-menu-button>a .avia-menu-text {
    border: 2px solid;
    border-radius: 25px;
    padding: 10px 20px !important;
	font-size: 18px;
	}

/* MEGA-MENUE */
#top #header .mega_menu_title a {
    color: #000;
    font-size: 1.25em !important;
	font-weight: 400 !important;
    line-height: 1.1em;
    padding: 0;
    margin: 0;
    background: 0 0;
    border: none;
	}

#top #header .avia_mega_div>.sub-menu {
    display: table;
    padding: 0px 20px 0 20px !important;
    border-top-style: solid;
    border-top-width: 2px;
	margin-bottom: 20px;
	}

#top #header .avia_mega_div>.sub-menu.avia_mega_hr {
    padding-top: 10px;
	}

#top #header .avia_mega_div > .sub-menu {
    overflow: visible !important;
}





/* FLIESSTEXT */
p {
    margin: 0.85em 0;
    color: #000000 !important;
    font-size: 1.7em !important;
    line-height: 1.35em !important;
    font-weight: 300;
    hyphens: auto;
	}

b, strong {
    font-weight: 500;
	color: inherit !important;
	}

/* Stelle sicher, dass Links IMMER die Hand zeigen, sobald die Maus drüber ist */
a, 
#top .avia_textblock a, 
#top .flex_column a {
    cursor: pointer !important;
}

.highlight-text {
    font-size: 22px;
    font-weight: 400;
	background: rgba(97, 125, 161, 0.2);
	border: 1px solid rgba(97, 125, 161, 0.2);
	border-radius: 20px;
    display: inline-block;
    padding: 6px 20px;
	margin-bottom: 50px;
}

.av-subheading {
    font-size: 14px !important;
	font-weight: 400 !important;
	}

.av-subheading_below {
    margin-top: .1em !important;
	}

.entry-content-wrapper ul, ul.disc {
    color: #000000 !important;
	font-size: 1.7em !important;
	line-height: 1.35em !important;
	font-weight: 300;
	hyphens: auto;	
	}

.einleitungstext {
    margin: 0.85em 0;
	font-size: 1.8em !important;
	line-height: 1.5em;
	font-weight: 300;
	hyphens: auto;	
	color: #89a5b8 !important;	
	}

.einleitungstext-header {
    margin: 0.85em 0;
    font-size: 2.5em !important;
    line-height: 1.3em !important;
    font-weight: 300;
    color: #fff !important;
	text-align: left;
	}

.einleitungstext-header a {
    margin: 0.85em 0;
    font-weight: 400;
    color: #fff !important;
	}

.einleitungstext-header a:hover {
    margin: 0.85em 0;
    font-weight: 400;
    color: #fff !important;
	border-bottom: solid 2px #fff !important;
	}

.einleitungstext-big {
    margin: 0.85em 0;
    font-size: 2.2em !important;
    line-height: 1.3em !important;
    font-weight: 300;
	hyphens: auto;
    color: #000 !important;
	margin-top: 0px;
}

.button-telefon {
	font-size: 2.25em !important;
	line-height: 1.8em;
	font-weight: 400;
	color: #fff !important;
	display: inline-block;
	}

.button-telefon a {
	color: #fff !important;
	}

.button-telefon a:hover {
	color: #fff !important;
	border-bottom: solid 1px #fff !important;
	}

.button-telefon-dark {
	font-size: 2.25em !important;
	line-height: 1.8em;
	font-weight: 400;
	color: #000 !important;
	display: inline-block;
	}

.button-telefon-dark a {
	color: #000 !important;
	}

.button-telefon-dark a:hover {
	color: #000 !important;
	border-bottom: solid 1px #000 !important;
	}

#top #wrap_all .avia_textblock p a {
	color: #2c4295 !important;
	cursor: pointer;
	}

#top #wrap_all .avia_textblock p a:hover,
#top #wrap_all .avia_textblock p a:focus {
	color: #000 !important;
	border-bottom: solid 1px #000;
	}

#top .avia-fold-unfold-section :not(.avia-button-wrap) .av-fold-button-container {
	color: #89a5b8 !important;
	text-decoration: none !important;
	font-size: 1.5em !important;
	}

/* Hover-Effekt */
#top .avia-fold-unfold-section :not(.avia-button-wrap) .av-fold-button-container:hover {
    color: #000 !important; /* gewünschte Hover-Farbe */
    border-bottom: solid 1px #000; 
}






/* ÜBERSCHRIFTEN */
.av-thin-font .av-special-heading-tag, .modern-quote .av-special-heading-tag {
    font-weight: inherit;
	}

.template-page .entry-content-wrapper h1 {
	color: #000;
    font-size: 6.0em !important;
    text-transform: none !important;
    font-weight: 400 !important;
    line-height: 1.1em;
    padding-bottom: 0;
	letter-spacing: 0 !important;
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    word-break: break-word;	
	}

.template-page .entry-content-wrapper h2 {
    font-size: 3.2em !important;
	line-height: 125%;
    text-transform: none !important;
    letter-spacing: 0px !important;
	color: #000 !important;
	font-weight: 400 !important;
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    word-break: break-word;	
	}

#top .av-rotator-container-inner {
    position: relative;
    line-height: 1.25em;
    margin: 0;
    font-weight: 300;
    text-transform: none;
    color: inherit;
    font-size: inherit;
	}

.small-heading {
    font-size: 0.63em !important;
    font-weight: 400;
	}

h1 {
	font-weight: 400;	
    font-size: 6.0em !important;
    letter-spacing: 0px !important;	
    line-height: 1.6em;
    margin-bottom: 0px;
	color: #89a5b8;
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    word-break: break-word;	
	}

h2 {
	font-weight: 400;	
    font-size: 3.2em !important;
    letter-spacing: 0px !important;
    line-height: 1.2em;
    margin-bottom: 25px;
	color: #000 !important;
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    word-break: break-word;	
	}

h3 {
    font-size: 2.0em !important;
    font-weight: 400;
    line-height: 1.2em !important;
    color: #000;
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    word-break: break-word;	
}

h3 a {
    font-size: 2.0em;
    font-weight: 400;
    line-height: 1.3em;
    color: #000;
    cursor: pointer !important;	
}

h3 a:hover {
    font-size: 2.0em;
    font-weight: 400;
    line-height: 1.3em;
    color: #89a5b8 !important;
	border-bottom: solid 1px #89a5b8 !important;
}

h4 {
	font-weight: 400;	
    font-size: 1.8em !important;
    letter-spacing: 0px !important;	
    margin-bottom: 0px;
	padding: 0;
	color: #000 !important;
	margin-top: 0 !important;
    line-height: 1.0em;	
	}

h4 a {
	font-weight: 400;	
    letter-spacing: 0px !important;	
    line-height: 1.0em;
    margin-bottom: 0px;
	color: #000 !important;
	padding: 10px 0 5px 0;	
	}

h4 a:hover {
	font-weight: 400;	
    letter-spacing: 0px !important;	
    line-height: 1.0em;
    margin-bottom: 0px;
	color: #89a5b8 !important;
	border-bottom: solid 1px #89a5b8 !important;
	padding: 10px 0 5px 0;	
}





/* SPEZIELLE BILDER */
.wp-image-3096 {
    width: 80%;
	height: 80%;
	}

#top .av-large-testimonial-slider .avia-testimonial-meta .avia-testimonial-image {
    width: 60px;
    height: 60px;
	}

#top .av-border-deactivate.avia-logo-element-container img, .av-border-deactivate .av-partner-fake-img {
    box-shadow: none;
    padding-right: 20px;
	}

#top .avia-smallarrow-slider {
    margin-left: 0px !important;        /* links bündig */
    margin-right: auto;    				/* rechts flexibel */
    padding-top: 0px;
    width: 100% !important; 			/* gewünschte Breite */
	}

#top .avia-logo-grid .slide-entry-wrap {
    margin: 0;
    width: 80%;
	}

.avia-slideshow-dots a {
  float: none;
  display: inline-block;
}

/* Next und Previous im Einfachen Slider ausblenden */
#top .av-slideshow-ui .avia-slideshow-arrows.av-visible-prev > a.prev-slide, #top .av-slideshow-ui .avia-slideshow-arrows.av-visible-next > a.next-slide {
    display: none;
}

.teaser-leistungen {
	padding: 20px 0 30px 0;
	}

.bild-leistungen-rechts {
    box-sizing: border-box;
    display: block;
    padding: 20px 0 30px 30px;
}

.icon-barrierefreiheit {
    padding: 0 0 20px 0;
}

#header a:hover {
    border-bottom: none !important;
}

.verlinkung-logos {
    border-bottom: none !important;
}

.verlinkung-logos:hover {
    border-bottom: none !important;
}

.logos-container {
	padding-top: 25px;
	text-align: center;
}

.bild-text-links {
	padding-right: 50px;
}











/* SLIDESHOW */
.avia-slideshow-dots a {
    display: inline-block;
    height: 13.5px;
    width: 13.5px;
    border-radius: 14px;
    background: #000;
    opacity: .6;
    text-indent: 100px;
    overflow: hidden;
    margin: 1px 5px;
    padding: 7px;
    position: relative;
    bottom: 33px;
    -webkit-backface-visibility: hidden;
	border: solid 1px #000 !important;
	}

.avia-slideshow-dots a.active, .avia-slideshow-dots a:hover {
    background: transparent !important;
	border: solid 1px #000 !important;
}





/* FORMULAR */
#kasten-formular-anliegen {
    width: 60%;	
	}

#top label {
    font-weight: 300;
    font-size: 22px;
	}

.captcha-image img {
    transform: scale(1.5) !important;
    padding-right: 40px;
    margin-bottom: 10px;
    margin-top: 10px;
    transform-origin: left center;
	}

#top .main_color input[type="text"] {
    border-color: #000 !important;
    background-color: #fff !important;
    font-size: 22px !important;
    color: #000 !important;
    height: 60px !important;
    border: solid 1px #000;
	border-radius: 6px;
    padding: 0 0 0 10px;
	}

#top label {
	font-weight: 300;
	font-size: 22px;
	}

#top label span, #top legend span {
	font-weight: 300 !important; 
	font-size: 22px;
	color: #2a4191;
	}

.wpcf7-not-valid-tip {
	color: #ff0000 !important;
	font-size: 20px !important;
	font-weight: 300 !important;
	display: block;
	}

#top .main_color input[type="text"], #top .main_color input[type="email"], #top input[type="tel"], input[type="number"], #top .main_color textarea {
	border-color: #000 !important; 
	background-color: transparent !important; 
	color: #000 !important; 
	}
 
#top input[type="text"], #top .main_color input[type="email"], #top input[type="tel"] {
	-webkit-appearance: none;
	padding: 8px 0px;
	outline: 0;
	margin: 0;
	width: 100%;
	display: block;
	margin-bottom: 20px;
	background: transparent !important;
	border-radius: 6px;
    border: solid 1px #000 !important;
	height: 60px;
	}

#top .main_color textarea {
	-webkit-appearance: none;
	padding: 8px 0px;
	outline: 0;
	margin: 0;
	width: 100%;
	display: block;
	margin-bottom: 20px;
	background: transparent !important;
	border-radius: 6px;
    border: solid 1px #000 !important;
    height: 120px;
	}

#submit, .button, input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: none;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    font-size: 20px !important;
    min-width: 100px;
    margin-top: 30px;
	font-family: inherit !important;
	font-weight: 400;
	background-color: transparent !important;
	float: right;
	border: solid 2px #000 !important;
    border-radius: 25px;
    padding: 10px 20px !important;
	color: #000 !important;
	}

#submit:hover,
.button:hover,
input[type="submit"]:hover {
    background-color: transparent !important;
	border: solid 2px #2c4295 !important;
    color: #2c4295 !important;
	transform: scale(1.05);
}

.wpcf7 form .wpcf7-response-output {
    margin: 8em 0 1em;
    padding: 0.2em 1em 0 0 !important;
    border: 0px !important;
    font-size: 22px !important;
    line-height: 28px;
    font-weight: 300;
	color: #94a688;
}

#top input[type="checkbox"] {
  	display: inline;
  	height: 30px;
  	width: 22px;
	}

.reihe {
	display: table;
    width: 100%;
	}

.spalte-1 {
    display: table-cell;
    padding-right: 10px;
    width: 50% !important;
	}

.spalte-2 {
    display: table-cell;
    padding-left: 10px;
    width: 50% !important;    
	}

#top .main_color select {
    border-color: #000 !important;
    background-color: transparent !important;
    color: #000 !important;
    font-weight: 300 !important;
    font-size: 16px !important; 
	}

.wpcf7-list-item {
	display: inline-block;
	margin: 0 0 0 0;
	}

.wpcf7-form-control {
	padding: 8px !important; 
    background: transparent;
    border: solid 1px #000 !important; 
    width: 100% !important; 
    font-weight: 300 !important; 
	}

.wpcf7-acceptance {
    border: solid 0px #000 !important; 
    padding-left: 0px !important; 
	}

.wpcf7-submit {
    border: solid 0px #000 !important; 
    width: 30% !important;
	}

.wpcf7-list-item-label {
    font-weight: 300 !important; 
    font-size: 22px !important;
	color: #000 !important;
}







/* AKKORDEON */
.js_active .toggler, .avia-admin-preview-container .toggler {
	cursor: pointer;
	display: block;
	margin: 0;
	padding: 9px 3px 9px 35px;
	position: relative;
	top: 0px !important; 
	border-style: solid;
	border-width: 0px !important; 
	line-height: 1.65em;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-color: #cccccc;
	}

.av-elegant-toggle .toggle_icon {
	width: 32px;
	height: 32px;
	border-radius: 40px;
	left: auto;
	right: 20px;
	margin-top: -16px;
	border-width: 2px;
	opacity: 0.4;
	border-color: #000000;
	}

.toggle_icon .hor_icon {
	border-top-style: solid;
	border-top-width: 3px;
	position: absolute;
	top: 5px;
	left: 1px;
	width: 11px;
	border-color: #000000;
	}

.av-elegant-toggle .toggle_icon .hor_icon, .av-elegant-toggle .toggle_icon .vert_icon {
	border-width: 2px;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	border-color: #000000;
	}

 .main_color .toggle_content {
	background: #fff !important;
	}

.av-elegant-toggle.togglecontainer .single_toggle:first-child .toggler {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	margin-top: 10px;
    font-size: 20px;
    font-weight: 400;
	background: #fff;
	}

.avia-admin-preview-container .av-elegant-toggle .toggler, .js_active .av-elegant-toggle .toggler {
	padding: 25px 55px 20px 25px !important;
	font-size: 22px;
    font-weight: 500;
	top: 0;
	border-top-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	}

.av-elegant-toggle .toggle_content {
	margin-bottom: 0;
	font-size: 1.0em !important;
	line-height: 1.0em !important;
	padding: 0 25px 10px 25px !important;
	border-top-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-radius: 0;
	}

#togglewidth {
	padding-right: 60px;
	}

#top .av_toggle_section .av-inherit-font-color * a {
	color: #dd4731;
	}

#top .av_toggle_section .av-inherit-font-color * a:hover {
	color: #59a9cb;
}







/* FOOTER */
/* 1. Socket neutralisieren */
#socket {
    display: none !important;
}

.flex_column_table {
	margin-top: 0 !important;
}

#footer .container {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0; /* Verhindert unerwartete Abstände */
}

#footer .flex_column {
    flex: 1 1 33.3%; /* Flexibles Wachsen, Basis 33% */
    min-width: 280px; /* Verhindert, dass Spalten zu schmal zum Klicken werden */
    width: auto !important; /* Hebt deine starre 33% Regel auf */
    margin: 0 !important;
    box-sizing: border-box !important;
}

.headline-footer {
    color: #000;
    font-size: 22px !important;
    line-height: 1.5em;
    font-weight: 400;
    padding-bottom: 5px;
}

.text-footer {
    color: #000 !important;
    font-size: 19px !important;
    line-height: 1.40em;
    font-weight: 300 !important;
}

/* 4. DIE LÖSUNG FÜR DIE HAND (Tinnitus-Fix) */
.text-footer a {
    color: #000 !important;
    font-size: 19px !important;
    line-height: 1.40em;
    font-weight: 300 !important;
    margin-right: 20px;
    cursor: pointer !important;
    position: relative !important;
    z-index: 10000 !important; /* Hebt den Link über alle unsichtbaren Ebenen */
    display: inline-block !important;
    pointer-events: auto !important;
}

.text-footer a:hover {
    color: #2c4295 !important;
    border-bottom: none !important;
}

/* 5. Sticky-Contact Fix: Verhindert, dass der unsichtbare Rahmen Klicks im Footer abfängt */
.sticky-contact {
    pointer-events: none !important; /* Klicks gehen durch den leeren Raum des Containers durch */
}

.sticky-contact a {
    pointer-events: auto !important; /* Nur die Buttons selbst fangen Klicks ab */
}

.flex_column a, .text-footer a {
    position: relative !important;
    z-index: 10 !important; /* Bringt die Links aktiv in den Vordergrund */
}

body div .avia-button {
    border-radius: 0px;
    padding: 0px;
    font-size: 12px;
    text-decoration: none;
    display: inline-block;
    border-bottom-style: none;
    border-bottom-width: 0px;
    margin: 3px 0;
    line-height: 1.2em;
    position: relative;
    font-weight: normal;
    text-align: center;
    max-width: 100%;
	background-color: transparent;
}














@media only screen 
  and (max-device-width: 1300px) 
  and (orientation: landscape) {

.logo .alternate.avia-img-svg-logo,
.logo svg,
.logo.avia-img-svg-logo > a > img {
	height: 100% !important;
	width: 300px !important;
    }
	  
.abstand-125 {
    display: none !important;
	} 
	  
#top #av-burger-menu-ul {
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
    padding: 80px 0 !important;
    background-color: #89a5b8;
	}	
	 
#top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    font-size: 1.6em !important;
    text-align: left;
    margin: 0.6em 0 0 40px;	
	}
	  
#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
    background-color: transparent !important;
    color: #000;
    border-color: #000 !important;
	font-size: 0.9em !important;
	}		  
}

/* iPad Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {

.logo .alternate.avia-img-svg-logo,
.logo svg,
.logo.avia-img-svg-logo > a > img {
	height: 90% !important;
    }
	  
#top #av-burger-menu-ul {
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
    padding: 80px 0 !important;
    background-color: #89a5b8;
	}	
	 
#top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    font-size: 1.6em !important;
    text-align: left;
    margin: 0.6em 0 0 40px;	
	}
	  
#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
    background-color: #89a5b8 !important;
    color: #fff;
    border-color: #89a5b8 !important;
	font-size: 0.9em !important;
	}		  
}





@media only screen and (max-width: 1024px) {
	
/* NUR das X (aktiver Zustand) weiß */
.av-hamburger.is-active .av-hamburger-inner,
.av-hamburger.is-active .av-hamburger-inner::before,
.av-hamburger.is-active .av-hamburger-inner::after {
    background-color: #000 !important;
	}	
	
#top #av-burger-menu-ul {
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: top;
    padding: 100px 0 50px 5px !important;
    background-color: #fff;
	}
	
#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
    background-color: var(--enfold-header-color-primary);
    color: #89a5b8 !important;
    border-color: var(--enfold-header-color-primary);
	}
	
#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
    background-color: transparent !important;
    color: #000 !important;
	font-size: 34px !important;
    border-color: #000 !important;
	border-radius: 90px;
	padding: 15px 50px 15px 50px !important;
	}
	
#top .av-menu-button>a .avia-menu-text {
    border: 2px solid;
    border-radius: 25px;
    margin-left: 0px !important;
	}	
	
.av-menu-button.menu-item-1089 {
    margin-top: 50px !important;
	}
	
#top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    font-size: 2.5em !important;
	line-height: 1.4em !important;
    text-align: center !important;
    margin: 0 0 0 0;	
	hyphens: auto;
	}
	
.html_av-overlay-full #top #wrap_all #av-burger-menu-ul li a {
    color: #000;
    height: auto;
    line-height: inherit;
    font-size: inherit;
	}	
	
nav.main_menu {
    display: block !important;
	}
#avia-menu .menu-item {
	display: none;
	}
	
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  	}
	
.abstand-125 {
    display: none !important;
	}  	
}



@media only screen and (max-width: 989px) {
.responsive .avia-cookie-consent-button {
    text-align: left;
    margin: 0.25em 0 0 0;
    padding-left: 0px;
    float: left;
    }
	
.wpcf7-submit {
    border: solid 0px #000 !important; 
    width: 50% !important;
	}	
}





@media (min-width: 768px) {
#footer .flex_column {
    width: 33.3% !important; /* Erst ab Tablet nebeneinander */
    }	
}





@media (max-width: 767px) 
{ 
#cmplz-cookiebanner-container .cmplz-cookiebanner {
    bottom: -50vh;
    -webkit-animation: slideIn 1s forwards;
    -webkit-animation-delay: 0s;
    animation: slideIn 1s forwards;
    animation-delay: 0s;
    margin: 0 15px 0 0 !important;
}	
.content, .sidebar {
    padding-top: 0;
    padding-bottom: 50px;
    box-sizing: content-box;
    min-height: 1px;
    z-index: 1;
	}	
a.avia-cookie-consent-button.avia-cookie-consent-modal-button {
  font-size: 12px !important;
  padding: 8px 12px !important;
  line-height: 1.2 !important;
}
.avia-cookie-consent .avia-cookie-consent-button.avia-cookie-hide-notification, .avia-popup .avia-cookie-consent-button.avia-cookie-hide-notification {
    background-color: #fff !important;
    color: #000 !important;
	border: solid 1px #000 !important;
	}	
.av-inline-modal .avia-cookie-consent-modal-buttons-wrap {
    padding-bottom: 10px;
    margin-bottom: 30px;
}	
.av-parallax .av-parallax-inner {
    background-repeat: no-repeat;
    background-image: url(https://www.makeservicehappen.com/wp-content/uploads/2026/04/dirk.schlichting-bg.jpg);
    background-position: 70% 0% !important;
    background-attachment: scroll;
}
	
.btn-leistungen-big {
	width: 100%;
	margin: 40px auto 0 0;
	}	
	
.responsive .logo img, .responsive .logo svg {
    height: auto !important;
    width: auto;
    max-width: 75% !important;
    display: block;
    max-height: 80px;
	}	
	
.wp-image-3096 {
    width: 100%;
	height: 100%;
    transform: scale(0.8) !important;	
	}
	
#top #av-burger-menu-ul {
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: top;
    padding: 100px 0 50px 5px !important;
    background-color: #fff;
	}
	
#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
    background-color: var(--enfold-header-color-primary);
    color: #000 !important;
    border-color: var(--enfold-header-color-primary);
	}
	
#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
    background-color: transparent !important;
    color: #000 !important;
	font-size: 20px !important;
    border-color: #000 !important;
	border-radius: 90px;
	padding: 15px 50px 15px 50px !important;
	}
	
#top .av-menu-button>a .avia-menu-text {
    border: 2px solid;
    border-radius: 25px;
    margin-left: 0px !important;
	}	
	
.av-menu-button.menu-item-1089 {
    margin-top: 50px !important;
	}	
	
#top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    font-size: 1.25em !important;
	line-height: 1.4em !important;
    text-align: left;
    margin: 0;	
	hyphens: auto;
	}
	
.html_av-overlay-full #top #wrap_all #av-burger-menu-ul li a {
    color: #000;
    height: auto;
    line-height: inherit;
    font-size: inherit;
	}	

.template-page .entry-content-wrapper h1 {
    font-size: 4.5em !important;
    line-height: 1.0em !important;	
    text-transform: none !important;
    letter-spacing: 0px !important;
    color: #000 !important;
    font-weight: 400 !important;
	margin-bottom: 0;
	}

.template-page .entry-content-wrapper h2 {
    font-size: 3.2em !important;
    line-height: 1.2em !important;		
    text-transform: none !important;
    letter-spacing: 0px !important;
    color: #000 !important;
    font-weight: 400 !important;
	}

h1 {
	font-weight: 400;	
    font-size: 4.0em !important;
    letter-spacing: 0px !important;	
    line-height: 1.2em !important;	
    margin-bottom: 0px;
	color: #000;
  	overflow-wrap: break-word;	
	}
	
h3 {
    font-weight: 400;
    font-size: 2.2em !important;
    letter-spacing: 0px !important;
    line-height: 1.2em;
    margin-bottom: 0px;
    color: #000 !important;
	hyphens: auto;
  	overflow-wrap: break-word;
	}

.spalte-1 {
    display: table-cell;
    padding-right: 10px;
    width: 50% !important;
	}	
	
.spalte-2 {
    display: table-cell;
    padding-right: 10px;
    width: 50% !important;
	}	

.sticky-contact {
    position: fixed;
    top: 225px !important;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 3px;
    z-index: 9 !important; /* war 99999 */
	}

.sticky-contact a {
    position: relative;
    right: -220px; 			/* versteckt Nummer/Email */
    background: #89a5b8;
    color: #ffffff;
    padding: 15px 15px;
    border-radius: 0;
    display: flex;
    align-items: center;
    gap: 50px;
    font-size: 18px;
    text-decoration: none;
    transition: right 0.3s ease;
	}

.phone-img, .email-img {
    width: 23px !important;
    height: 23px !important;
	}

.wpcf7 .wpcf7-submit:disabled {
	width: 100% !important;
	min-width: 100% !important;
	float: none !important;
	display: block;
    }
	
/* Ränder links und rechts mobil entfernen */	
.responsive #top #wrap_all .av-flex-cells .no_margin {
    display: block;
    margin: 0;
    height: auto!important;
    overflow: hidden;
    padding-left: 0!important;
    padding-right: 0!important;
	}	
	
.page-id-209 .leaflet-container {
  display: none;
	}	

.responsive #top #wrap_all .av-flex-cells .no_margin {
    display: block;
    margin: 0;
    height: 600px !important;
    overflow: hidden;
    padding-left: 0 !important;
    padding-right: 0 !important;
	}
	
/* Aktiv Reiter bei Reiter mobil */		
.responsive #top .main_color .tabcontainer .active_tab {
    background-color: #f8f8f8 !important;
    color: var(--enfold-main-color-constant-font);
	}
	
/* #top #wrap_all .avia-button {
    font-size: 18px;
    border-radius: 25px 25px 25px 25px;
    transition: all 0.4s ease-in-out;
    padding: 13px 30px 13px 30px;
    width: 100%;
    margin-bottom: 20px !important;
    margin-right: 50px;	
	} */
	
#top #wrap_all .avia-button {
    color: #fff !important;
    border: solid 2px #fff !important;
    border-radius: 50%;
    
    width: 200px;       /* feste Breite */
    height: 200px;      /* gleiche Höhe */
    padding: 0;         /* wichtig: kein asymmetrisches Padding */
    
    display: flex;      /* für zentrierten Inhalt */
    align-items: center;
    justify-content: center;
    
    font-weight: 400 !important;
    font-size: 2.5em !important;
	line-height: 1.1em;
    background-color: rgba(116, 142, 163, 0.7);
    cursor: pointer !important;
}	
	
#top .avia-button-wrap,
#top .avia-button-wrap a.avia-button {
	display: block !important;
	width: 100% !important;
    }

#top .avia-button {
	text-align: center;
	box-sizing: border-box;
    }
	
#content-super-small {
    width: 70%;
    margin: 0 auto;
	}
	
/* NUR das X (aktiver Zustand) weiß */
.av-hamburger.is-active .av-hamburger-inner,
.av-hamburger.is-active .av-hamburger-inner::before,
.av-hamburger.is-active .av-hamburger-inner::after {
    background-color: #000 !important;
	}
	
.logo img, .logo svg {
    padding: 18px 0 9px 0;
	}

.first-subnavigation-mobil {
	font-size: 1.0em !important; 
    padding-top: 50px !important;  
    padding-left: 0px !important;  	
	}

.subnavigation-mobil {
	font-size: 0.8em !important; 	
    padding-left: 25px !important;  
	}

.last-subnavigation-mobil {
	font-size: 0.8em !important; 
    padding-bottom: 15px !important;  
    padding-left: 25px !important;  	
	}
	
.bg-blue-white {
    background: #f6f8f9 !important; 
	}
	
.text-header .avia_textblock h1,
.text-header .avia_textblock h3 {
  color: #000 !important;
	}
	
.flex_column.text-header .avia_textblock h1 {
  color: #000 !important;
	}	

.text-header .button-telefon {
	color: #89a5b8 !important;
    line-height: 1.25em;
	padding: 65px 0 60px 0 !important;
	}
	
.button-telefon a {
	color: #89a5b8 !important;
    line-height: 1.25em;	
	}

.button-telefon a:hover {
	color: #89a5b8 !important;
	border-bottom: solid 1px #fff !important;
	}
	
.button-telefon-dark {
    font-size: 2.25em !important;
    line-height: 1.25em;
    font-weight: 400;
    color: #000 !important;
    display: inline-block;
	}	

.responsive #top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial {
    padding: 0 10px !important;
    font-size: .85em;
	}

  .avia-slider-testimonials,
  .avia-slider-testimonials .avia-slideshow,
  .avia-slider-testimonials .avia-slideshow-inner {
	height: auto !important;
    overflow: visible !important;
  	}
	
.einleitungstext-header a {
    color: #000 !important;
	}	
	
.einleitungstext-header a:hover {
    color: #89a5b8 !important;
	}	
	
.einleitungstext-big {
    margin: 0.85em 0;
    font-size: 2.0em !important;
    line-height: 1.3em !important;
    font-weight: 300;
	hyphens: auto;
    color: #000 !important;
	margin-top: 0px !important;
	}
	
.avia-section.av-minimum-height .container .content {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    float: none!important;
    padding-bottom: 0px;
	}	

.header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a {
    font-weight: 400 !important;
	color: #89a5b8;
	}
	
#top .avia-smallarrow-slider {
    margin-left: 0px !important;	/* links bündig */
    margin-right: auto;    			/* rechts flexibel */
    padding-top: 20px;
    width: 100% !important; 		/* gewünschte Breite */
	}	
	
#top .av-border-deactivate.avia-logo-element-container img, .av-border-deactivate .av-partner-fake-img {
    box-shadow: none;
    padding-right: 0px !important;
	padding-bottom: 20px;
	}	
	
.responsive #top #wrap_all .slide-entry {
    width: 48%;
    margin-left: 0;
	}	
	
/* Slider-Container auf 100% Breite */
.avia-logo-element-container {
	width: 100% !important;
  	}

/* Alle Slides auf volle Breite und untereinander */
.avia-logo-element-container .slide-entry-wrap,
.avia-logo-element-container .slide-entry {
	width: 100% !important;
	max-width: 100% !important;
	display: block !important;
	float: none !important;
	margin: 0 0 30px 0; 	/* Abstand zwischen den Logos */
	padding: 0 !important;
	}

/* Bilder auf volle Breite */
.avia-logo-element-container .slide-entry img {
	width: 100% !important;
	height: auto !important;
	object-fit: contain; 	/* Bild verzerrt sich nicht */
	display: block;
	margin: 0 auto;
  	}
	
  .slide-entry-wrap {
	display: block;
	}

  .slide-entry-wrap .av_one_half {
	width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  	}	
	
  .slide-entry-wrap .slide-entry {
    margin-bottom: 20px !important;
  	}	
		
.avia-cookiemessage-bottom-right .avia-cookie-consent-button {
    margin: 0.5em 0.5em 0.5em 0 !important;
	}
	
.mein-cookie-button {
    color: #000 !important;
	text-align: left !important;
	padding: 0 !important;
    border-radius: 0 !important;
	}
	
.responsive .avia-cookie-consent-button {
    margin: 0 !important;
	}	
	
.avia-cookiemessage-bottom-right {
    bottom: 0px !important;
    left: 0px !important;	
    right: 0px !important;
	}	
	
.responsive .avia-cookiemessage-bottom-right {
    width: 100% !important;
    }	
	
.avia-cookie-consent-button + .avia-cookie-consent-button {
    margin-left: 10px !important;
	}
	
.avia-cookie-consent .avia-cookie-consent-button, .avia-popup .avia-cookie-consent-button {
    padding: 8px 8px 8px 8px !important;
	}	
	
.avia-cookie-consent {
    width: 100%;
    position: fixed;
    background-color: #fff !important;
    z-index: 999;
    color: #000 !important;
    padding: 10px !important;
    text-align: left !important;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.15);
	}	
}

	




@media (max-width: 567px) 
{ 
/* .responsive #top #wrap_all #header {
    position: fixed !important;    
    }  */
	
.mobile-break {
	display: block;   /* Umbruch einfügen */
    height: 0;        /* Kein zusätzlicher Abstand */
    content: "";      /* Leer, nur Zeilenumbruch */
    }	

#content-small {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	}	

.sticky-contact {
    display: none;
	}
	
.avia-cookiemessage-bottom-right {
    bottom: 0px !important;
    left: 0px !important;	
    right: 0px !important;
	}	
	
.responsive .avia-cookiemessage-bottom-right {
    width: 100% !important;
    }	
}	
	
	
	
	
	
@media only screen and (max-width: 479px) {
.responsive .avia-cookiemessage-bottom-right {
    width: 96% !important;
    left: 2% !important;
    right: 0px !important;
	}	
}