/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/


.display {
	display: none !important;
}

.visibility {
	visibility: hidden;
}

/* ----------------------------- Header ----------------------------- */

.fusion-tb-header > .fusion-sticky-container.fusion-scrolling-down .fusion-image-element img {
	max-width: 160px;
}

.fusion-tb-header > .fusion-sticky-container .fusion-image-element img {
	transition: 0.5s ease;
	width: 300px;
}

.fusion-tb-header > .fusion-sticky-container nav.awb-menu {
	padding-right: 50px;
}

.fusion-tb-header > .fusion-sticky-transition nav > button {
	color: #000;
}

.button-header {
	width: 200px;
}

@media (max-width:900px){ 
	.fusion-tb-header nav {
		padding-right: 0 !important;
		--awb-gap: 0 !important;
	}
}


@media (max-width:640px){  
	nav.menu-header {
		padding-right: 0 !important;
	}
}


@media (min-width:641px){  
	.fusion-tb-header nav.menu-header .angebot {
		display: none;
	}
}

.fusion-tb-header nav.menu-header .angebot {
	border-bottom: none !important;
}

		.fusion-tb-header nav.menu-header .angebot a {
		background-color: #ffee00 !important;
		
	}

		.fusion-tb-header nav.menu-header .angebot:hover a {
		color: #ffee00 !important;
		background-color: #000 !important;
	}

.fusion-tb-header .fusion-image-element.fusion-display-normal-only .wp-image-9, .fusion-tb-header .fusion-image-element.fusion-display-normal-only .wp-image-432 {
	padding-top: 20px;
}

@media (min-width: 740px) {
    .fusion-tb-header nav.menu-header .angebot {
        display: none !important;
    }
}

@media (max-width: 740px) {
    .fusion-tb-header nav.menu-header .angebot {
        display: block !important;
    }
	.fusion-tb-header .button-header {
		display: none;
	}
}



/* ----------------------------- Wenn mehr Menüpunkte dazukommen, Code entfernen ----------------------------- */
/*@media (min-width:641px){  
	nav.menu-header {
		display: none;
	}
}*/

/* ---------------------------------------------------------- */


/* ----------------------------- Hero Startseite ----------------------------- */
@media (max-width:800px){  
	.hero-start h1 {
		font-size: 35px !important;
		letter-spacing: 2px !important;
	}
	.hero-start p {
		font-size: 20px;
	}
}


/* ----------------------------- Content Startseite ----------------------------- */

/* Ablauf */

.ablauf .image {
	margin: 33px 0;
}

.ablauf .content-box-column > .col {
	pointer-events: none;
}

.ablauf .heading {
	padding-bottom: 10px;
}



@media (max-width:641px){ 
	.zitat-carsten p {
		font-size: 20px;
	}
	
	h2 {
		letter-spacing: normal !important;
	}
}

.content-box-icons h3, .content-box-icons p, .content-box-icons .heading > div.image, .content-box-icons .content-container {
	text-align: left !important;
}

.content-box-icons .content-box-column {
	pointer-events: none;
}

/* Content Boxen Icons */

@media (max-width:1610px){ 
	.content-box-icons .fusion-text {
		 font-size: 40px !important;
	}
}

@media (max-width:1235px){ 
	 .content-box-icons .col-lg-3 {
		 width: 50%;
	}
}

@media (max-width:750px){ 
	 .content-box-icons .col-lg-3 {
		 width: 100%;
	}
	.content-box-icons .fusion-content-boxes .content-box-column-1 p {
		font-size: 30px !important;
	}
}

.content-box-icons .fusion-content-boxes .content-box-column-1 p {
	font-size: 45px;
	color: #000;
	font-weight: 600;
    letter-spacing: 2px;
}

/* Content Boxen ohne Icons */

.content-box--ohne-icon .fusion-builder-column-13 .content-box-column:first-child .content-container {
	font-size: 45px;
	color: #000;
	font-weight: 600;
    letter-spacing: 2px;
	text-align: left;
	line-height: normal;
}

.content-box--ohne-icon h3, .content-box--ohne-icon p {
	text-align: left;
}

.content-box--ohne-icon .content-box-column {
	pointer-events: none;
}

@media (max-width:1270px){ 
	.content-box--ohne-icon .col-lg-4 {
		width: 50%;
	}
	.content-box--ohne-icon .fusion-builder-column-13 .content-box-column:first-child {
		width: 100% !important;
	}
}

@media (max-width:900px){ 
	#content .content-box--ohne-icon .col-lg-4 {
		width: 100% !important;
	}
}

@media (max-width:641px){ 
.content-box--ohne-icon .fusion-builder-column-13 .content-box-column:first-child .content-container {
	font-size: 22px;
	}
}



/* Accordions*/
.accordions .fusion-panel {
	 border-left: 3px solid #ffee00 !important;
	 margin-bottom: 22px;
}

.accordions .fusion-panel .panel-heading, .accordions .fusion-panel .panel-collapse {
	    padding-left: 30px;
}


/* Tabs*/

.tabs .tab-content p {
	color: #fff !important;
}

.tabs li.active {
	border-right: 3px solid #ffee00 !important;
}

.tabs li.active .fusion-tab-heading i:before, .tabs li[role="presentation"]:hover i:before {
	color: #ffee00;
}

.tabs li[role="presentation"] {
	border-right: 3px solid #CCCCCC;
	margin-bottom: 0 !important;
    padding-bottom: 50px;
}

@media (max-width:1024px){ 
	.tabs li[role="presentation"], .tabs li.active {
		border-right: none !important;
	}
	#content .tabs .tab-pane {
		border-bottom: 3px solid #ffee00;
	}
	
	.tabs li[role="presentation"] .fusion-tab-heading:after {
		content: "\f105";
		font-style: normal;
    	line-height: 1;
    	font-size: var(--awb-icon-size);
    	width: var(--awb-icon-size);
    	display: grid;
		font-family: "Font Awesome 5 Free";
    	font-weight: 900;
		color: #fff;
		padding-left: 30px;
	}
	
	.tabs li.active .fusion-tab-heading:after {
		content: "\f107";
		font-style: normal;
    	line-height: 1;
    	font-size: var(--awb-icon-size);
    	width: var(--awb-icon-size);
    	display: grid;
		font-family: "Font Awesome 5 Free";
    	font-weight: 900;
		color: #ffee00;
		padding-left: 30px;
	}
	
	.tabs .fusion-tab-heading {
		text-align: left;
	}
}

.awb-imageframe-style-above .awb-imageframe-caption-container .awb-imageframe-caption-text, .awb-imageframe-style-below .awb-imageframe-caption-container .awb-imageframe-caption-text {
	    margin-top: 3.5em !important;
}


/* Kundenstimmen*/

.kundenstimme-bild {
	display: flex;
}

.kundenstimme-bild img {
	 max-width: 200px;
	
}

.fusion-post-cards p {
	text-align: left;
}

@media (max-width: 1300px){
	.kundenstimmen .post-card .fusion-column-wrapper {
		padding: 15px !important;
	}
}


/* ----------------------------- Footer ----------------------------- */


.fusion-tb-footer .logos-zertifizierung img[src$=".svg"] {
	width: 112px;
}

.fusion-tb-footer .logos-footer img[src$=".svg"], .fusion-tb-footer .logos-footer img[src$=".svg"] {
	width: 300px;
	max-width: 300px;
}

.fusion-tb-footer .linie-footer-trenner {
	height: 100px;
}

@media (max-width: 1475px){
	.fusion-tb-footer .logos-footer img[src$=".svg"], .fusion-tb-footer .logos-footer img[src$=".svg"] {
	width: 200px;
	max-width: 200px;
}
}

@media (max-width: 923px){
	.fusion-tb-footer .logos-footer img[src$=".svg"], .fusion-tb-footer .logos-footer img[src$=".svg"] {
	width: 150px;
	max-width: 150px;
}
}


@media (max-width: 640px){
	.fusion-tb-footer .logos-footer img[src$=".svg"], .fusion-tb-footer .logos-footer img[src$=".svg"] {
	width: 250px;
	max-width: 250px;
}
}

@media (max-width: 340px){
.fusion-tb-footer .logos-footer img[src$=".svg"] {
	width: 263px;
	max-width: 263px;
}
}



/* plan IT Logo*/
.fusion-tb-footer .rechtliches, .fusion-tb-footer .agentur {width: 100%; float: left;}
.fusion-tb-footer .agentur {text-align: right; display: grid;}
.fusion-tb-footer .agentur a {
	font-size: 13px;
}
.fusion-tb-footer .agentur a:hover {color: #fff;}
#wrapper span.planit {font-size: 1px; color: transparent !important; position: relative; padding-right: 57px;}
span.planit:after {content: url("/wp-content/uploads/2025/09/logo-planit.svg"); position: absolute; left: 2px; transition: all 1s ease; opacity: .8; transform: translate(0, 3px); width: 70px;         bottom: -9px;}
a:hover > span.planit:after {transform:scale(1.05) translate(0, 2px); opacity: 1;}

@media (max-width: 464px){
	span.planit:after {right: 7px; left: unset; transform: scale(1.05) translate(0, 0px);}
		span.planit {
		 padding-right: 73px;
	}
}


@media (max-width: 340px) {
	.fusion-tb-footer .agentur .non-mobil {display: none;}
}

@media (max-width: 659px) and (min-width: 641px) {
	#wrapper span.planit {
		padding-right: 0;
	}
	.fusion-tb-footer .agentur {
	padding-right: 55px;
	}
	span.planit:after {
		bottom: 12px;
	}
	.non-mobil {
		padding-right: 20px;
	}
	
}

@media (max-width: 525px) {
	span.planit:after {
		    left: 3px;
	}
		#footer .rechtliches, #footer .agentur {
		width: 100%;
	}
}

@media (max-width: 392px) {
	span.planit {
		 padding-right: 87px;
	}
}



/* ----------------------------- Sprachumschalter ----------------------------- */

#menu-sprachumschalter:before, #menu-item-wpml-ls-3-en span.menu-text:before {
	content: "\f57c";
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
	color: #fff;
	font-size: 20px;
	padding-right: 10px;
}

#menu-item-wpml-ls-3-en span.menu-text {
	padding-bottom: 3px;
}

#menu-item-wpml-ls-3-en span.menu-text:before {
	padding-right: 30px;
}

.fusion-tb-header .fusion-sticky-transition nav li a, .fusion-tb-header .fusion-sticky-transition nav #menu-item-wpml-ls-3-en span.menu-text:before, .fusion-tb-header .fusion-sticky-transition nav li:hover a, #header-schwarze-schrift #menu-sprachumschalter:before, #header-schwarze-schrift #menu-item-wpml-ls-3-en span.menu-text:before, #header-schwarze-schrift nav li:hover a {
	color: #000 !important;
}

@media (max-width: 740px) {
	#menu-item-wpml-ls-3-en span.menu-text:before {
		content: none;
	}
}

@media (max-width: 640px) {
	.sprachumschalter-footer > .fusion-column-wrapper {
		    justify-content: flex-start !important;
	}
}


.cmplazybtnlink {
	background-color: #ffee00;
}


/*Cookie-Info-Tabelle*/

#cmpcookieinfo .cmpcookieinfotable-cell, #cmpcookieinfo .cmpcookieinfotable-cellHeader {
	 overflow: visible;
}

html[lang="en-US"] #cmpcookieinfo .cmpcookieinfotable-header .cmpcookieinfotable-cellHeader:nth-child(1)::after {content: " (Cookie-Name)"}
html[lang="en-US"] #cmpcookieinfo .cmpcookieinfotable-header .cmpcookieinfotable-cellHeader:nth-child(2)::after {content: " (Sample value)"}
html[lang="en-US"] #cmpcookieinfo .cmpcookieinfotable-header .cmpcookieinfotable-cellHeader:nth-child(3)::after {content: " (Expire)"}
html[lang="en-US"] #cmpcookieinfo .cmpcookieinfotable-header .cmpcookieinfotable-cellHeader:nth-child(4)::after {content: " (Type)"}
html[lang="en-US"] #cmpcookieinfo .cmpcookieinfotable-header .cmpcookieinfotable-cellHeader:nth-child(5)::after {content: " (Domain)"}
html[lang="en-US"] #cmpcookieinfo .cmpcookieinfotable-header .cmpcookieinfotable-cellHeader:nth-child(6)::after {content: " (Vendor name)"}
html[lang="en-US"] #cmpcookieinfo .cmpcookieinfotable-header .cmpcookieinfotable-cellHeader:nth-child(7)::after {content: " (Privacy policy)"}