/*
 Theme Name:   Netzkunst
 Theme URI:    https://netzkunst24.de
 Description:  Default GeneratePress child theme
 Author:       Netzkunst
 Author URI:   https://netzkunst24.de
 Template:     generatepress
 Version:      0.1
*/

@import url("../generatepress/style.css");

@font-face {
    font-family: 'Bowlby One SC';
    src: url('./fonts/BowlbyOneSC-Regular.woff2') format('woff2'),
        url('./fonts/BowlbyOneSC-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
#menu-main .current-menu-item a,#menu-main a,#menu-main a:focus,#menu-main a:hover{background-position:center center}#menu-main .current-menu-item a,#menu-main a:focus,#menu-main a:hover,.button-dot{background-image:url('data:image/svg+xml;UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewBox="0 0 33 33"><circle id="Ellipse_1" data-name="Ellipse 1" cx="16.5" cy="16.5" r="16.5" fill="rgba(174, 226, 225, 1)"/></svg>');background-repeat:no-repeat}#menu-main a,.button-dot{background-repeat:no-repeat}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:400;src:url('./fonts/roboto-slab-v24-latin-regular.eot');src:local(''),url('./fonts/roboto-slab-v24-latin-regular.eot?#iefix') format('embedded-opentype'),url('./fonts/roboto-slab-v24-latin-regular.woff2') format('woff2'),url('./fonts/roboto-slab-v24-latin-regular.woff') format('woff'),url('./fonts/roboto-slab-v24-latin-regular.ttf') format('truetype'),url('./fonts/roboto-slab-v24-latin-regular.svg#RobotoSlab') format('svg')}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:700;src:url('./fonts/roboto-slab-v24-latin-700.eot');src:local(''),url('./fonts/roboto-slab-v24-latin-700.eot?#iefix') format('embedded-opentype'),url('./fonts/roboto-slab-v24-latin-700.woff2') format('woff2'),url('./fonts/roboto-slab-v24-latin-700.woff') format('woff'),url('./fonts/roboto-slab-v24-latin-700.ttf') format('truetype'),url('./fonts/roboto-slab-v24-latin-700.svg#RobotoSlab') format('svg')}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url('./fonts/roboto-v30-latin-regular.eot');src:local(''),url('./fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'),url('./fonts/roboto-v30-latin-regular.woff2') format('woff2'),url('./fonts/roboto-v30-latin-regular.woff') format('woff'),url('./fonts/roboto-v30-latin-regular.ttf') format('truetype'),url('./fonts/roboto-v30-latin-regular.svg#Roboto') format('svg')}@font-face{font-family:Roboto;font-style:normal;font-weight:500;src:url('./fonts/roboto-v30-latin-500.eot');src:local(''),url('./fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'),url('./fonts/roboto-v30-latin-500.woff2') format('woff2'),url('./fonts/roboto-v30-latin-500.woff') format('woff'),url('./fonts/roboto-v30-latin-500.ttf') format('truetype'),url('./fonts/roboto-v30-latin-500.svg#Roboto') format('svg')}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:url('./fonts/roboto-v30-latin-700.eot');src:local(''),url('./fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'),url('./fonts/roboto-v30-latin-700.woff2') format('woff2'),url('./fonts/roboto-v30-latin-700.woff') format('woff'),url('./fonts/roboto-v30-latin-700.ttf') format('truetype'),url('./fonts/roboto-v30-latin-700.svg#Roboto') format('svg')}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:400;src:url('./fonts/roboto-condensed-v25-latin-regular.eot');src:local(''),url('./fonts/roboto-condensed-v25-latin-regular.eot?#iefix') format('embedded-opentype'),url('./fonts/roboto-condensed-v25-latin-regular.woff2') format('woff2'),url('./fonts/roboto-condensed-v25-latin-regular.woff') format('woff'),url('./fonts/roboto-condensed-v25-latin-regular.ttf') format('truetype'),url('./fonts/roboto-condensed-v25-latin-regular.svg#RobotoCondensed') format('svg')}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:700;src:url('./fonts/roboto-condensed-v25-latin-700.eot');src:local(''),url('./fonts/roboto-condensed-v25-latin-700.eot?#iefix') format('embedded-opentype'),url('./fonts/roboto-condensed-v25-latin-700.woff2') format('woff2'),url('./fonts/roboto-condensed-v25-latin-700.woff') format('woff'),url('./fonts/roboto-condensed-v25-latin-700.ttf') format('truetype'),url('./fonts/roboto-condensed-v25-latin-700.svg#RobotoCondensed') format('svg')}.site-header .inside-header.grid-container{max-width:1414px}#menu-main .home{padding-top:13px}#menu-main .home svg{color:var(--base-3)}#menu-main .home:focus svg,#menu-main .home:hover svg{color:var(--accent)}#menu-main{letter-spacing:.06em}#menu-main a{margin-left:4px;margin-right:4px;background-image:url('data:image/svg+xml;UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewBox="0 0 33 33"><circle id="Ellipse_1" data-name="Ellipse 1" cx="16.5" cy="16.5" r="16.5" fill="rgba(255, 255, 255, 0)"/></svg>');-webkit-transition:background-image .4s ease-in;-moz-transition:background-image .4s ease-in;-o-transition:background-image .4s ease-in;transition:background-image .4s ease-in}#menu-main li:first-child a,#menu-main li:first-child a:focus,#menu-main li:first-child a:hover{background-image:none}#menu-main li:last-child a{background-image:none;background-color:#3ab9b7;border-radius:4px;color:#fff;line-height:49px;padding-right:24px;padding-left:24px;letter-spacing:inherit;font-weight:700;margin-left:15px;-webkit-transition:background-color .4s ease-in;-moz-transition:background-color .4s ease-in;-o-transition:background-color .4s ease-in;transition:background-color .4s ease-in}#menu-main li:last-child a:focus,#menu-main li:last-child a:hover{background-image:none;background-color:#d84873}@media (max-width:1140px){#menu-main a{text-align:center}#menu-main li:last-child a{margin:20px 20vw 10px}}.has-inline-mobile-toggle #site-navigation.toggled,.mobile-menu-control-wrapper .menu-toggle,.mobile-menu-control-wrapper .menu-toggle:focus,.mobile-menu-control-wrapper .menu-toggle:hover{background:#fff}@media (max-width:768px){.site-logo{max-width:100px}}@media (max-width:580px){.site-logo{max-width:80px}}footer .grid-container{max-width:1330px}.pre-footer .gb-headline strong{color:var(--accent)!important}.footer-bar .widget_nav_menu li{margin:0 7px 0 0}.footer-bar .widget_nav_menu li a{letter-spacing:.03em}#menu-footer li a{text-decoration:none!important}#menu-footer li:after{content:"|";margin-left:7px}#menu-footer li:last-child:after{content:"";margin-left:0}.footer-logo:hover img{animation:.6s shake}@keyframes shake{0%,100%{transform:translate(.5px,.5px) rotate(0)}16.66%{transform:translate(-.25px,-.5px) rotate(-.5deg)}33.33%{transform:translate(-1px,0) rotate(.5deg)}50%{transform:translate(1px,.75px) rotate(0)}66.66%{transform:translate(.75px,0) rotate(.5deg)}83.33%{transform:translate(-.25px,.5px) rotate(-.5deg)}}.entry-content figure img{border-radius:4px}.entry-content figure.rounded-corners-left img{border-radius:4px 0 0 4px}.entry-content figure.rounded-corners-right img{border-radius:0 4px 4px 0}.site-content ol{margin-left:2em;margin-bottom:32px}.site-content ul{margin-left:1.6em;margin-bottom:32px;list-style-type:square}.site-content ol>li::marker{font-weight:700}.site-content ol li,.site-content ul li{font-size:17px;margin-bottom:17px;line-height:1.7}.site-content ol.small-list,.site-content ul.small-list{padding-top:20px;padding-bottom:20px}.site-content ol.small-list li,.site-content ul.small-list li{font-size:18px;margin-bottom:12px;line-height:1.6}.site-content .list-small li:last-child,.site-content ol li:last-child,.site-content ul li:last-child{margin-bottom:0}.site-content ul>li::marker{color:#d84973;font-size:25px;line-height:1}.button-dot{background-position:center left;padding:10px 12px 10px 13px;-webkit-transition:background .5s ease-in-out!important;-moz-transition:background .5s ease-in-out!important;-o-transition:background .5s ease-in-out!important;transition:background .5s ease-in-out!important}.button-dot:focus,.button-dot:hover{background-image:url('data:image/svg+xml;UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewBox="0 0 33 33"><circle id="Ellipse_1" data-name="Ellipse 1" cx="16.5" cy="16.5" r="16.5" fill="rgba(216, 72, 115, 0.75)"/></svg>');background-position:center right}.ref-block:after,.ref-block:before{transition:transform .5s 0.2s}.ref-block:hover:after,.ref-block:hover:before{transform:translate3d(80%,0,0);transition-delay:0s}@media (min-width:768px){.ref-block:hover:after,.ref-block:hover:before{transform:translate3d(50%,0,0)}}.ref-content{opacity:0;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out 0}.ref-block:hover .ref-content{opacity:1;transition-delay:0.3s}.ref-headline{color:#fff;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out 0.2s}.ref-block:hover .ref-headline{color:#3b4a58;transition-delay:0s}.map-button{align-items:start!important}.map-button .gb-button-text{text-align:left}.single-post .inside-article h2,.single-post .inside-article h3,.single-post .inside-article h4{padding-top:50px}.single-post .inside-article{padding-bottom:80px}.sidebar .widget ul{margin-left:0!important}.sidebar .widget ul li a{font-size:18px}@media(min-width:769px){.both-sidebars .site-content{display:flex}#left-sidebar,#primary,#right-sidebar{left:unset}#left-sidebar{order:-1}.inside-left-sidebar,.inside-right-sidebar{position:-webkit-sticky;position:sticky;top:100px}}@media (min-width:1025px){.flip-card{background-color:transparent;perspective:1000px}.flip-card>.gb-inside-container{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.flip-card-back,.flip-card:hover>.gb-inside-container{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}}.no-underline a{text-decoration:none}.nf-form-content{padding:0!important}.nf-form-content .list-select-wrap .nf-field-element>div,.nf-form-content input:not([type=button]),.nf-form-content textarea{background:#fff!important;border:2px solid #dbdde0!important;border-radius:3px!important;color:#9aa2a9;padding:31px 20px!important;font-size:20px!important}.nf-form-content .list-select-wrap .nf-field-element>div:focus,.nf-form-content input:not([type=button]):focus,.nf-form-content textarea:focus{background:#f4f8f8!important;border:2px solid #3ab9b7!important;border-radius:3px!important;color:#3b4a58!important}.nf-error.field-wrap .nf-field-element:after{top:2px!important;right:2px!important;bottom:2px!important;height:62px!important;line-height:60px!important;border-radius:3px!important}.nf-pass.field-wrap .nf-field-element:after{color:#3ab9b7!important;top:2px!important;right:18px!important;height:62px!important;line-height:60px!important}.nf-form-content textarea{padding:20px!important}.nf-form-content button,.nf-form-content input[type=button],.nf-form-content input[type=submit]{float:right!important;background:#3ab9b7!important;border-radius:4px!important;border:0!important;color:#fff!important;font-size:16px!important;text-transform:uppercase!important;font-weight:700!important;padding:2px 32px!important;height:62px!important}.nf-form-content button:focus,.nf-form-content button:hover,.nf-form-content input[type=button]:focus,.nf-form-content input[type=button]:hover,.nf-form-content input[type=submit]:focus,.nf-form-content input[type=submit]:hover{background:var(--accent)!important}.nf-form-fields-required{display:none}.site-header{position:fixed;top:0;z-index:999;width:100%;box-shadow: 0 8px 25px 0px rgba(70, 69, 69, 0.25);}.container.grid-container{margin-top: 70px}@media only screen and (min-width: 769px){.container.grid-container{margin-top:115px}.scrolled .inside-header{padding-top:10px;padding-bottom:10px;transition: all .2s ease-in-out;}.scrolled .site-header .header-image{width:90px;transition:all .2s ease-in-out;display:flex;}.site-header .header-image{transition:all .2s ease-in-out;display:flex;}.inside-header{transition: all .2s ease-in-out;}}@media only screen and (max-width:768px){.site-header .header-image{width:90px;display:flex;}}

.site-footer[data-wpr-lazyrender], .wpr-visible[data-wpr-lazyrender], .site-footer, .wpr-visible {content-visibility: visible !important;}

.nf-field .listselect-wrap .nf-field-element select {
	font-size: 20px;
    padding-left: 22px;
    height: 68px !important;
    margin-bottom: 18px;
}

.nf-field .listselect-wrap div:after {
	top: 7px;
}

.nf-form-content label {
	color: #787878;
	font-size: 20px !important;
	font-weight: normal !important;
}

.need-slider .slick-list {
	overflow: visible;
}

.need-slider .slick-list .slick-track {
	display: flex !important;
}

.need-slider .slick-slide {
	height: inherit !important;
}

.need-slider .slick-slide > div {
	height: 100% !important;
}

body, html {
	scroll-behavior: smooth;
	overflow-x: hidden;
}

[data-wpr-lazyrender] {
	content-visibility: unset !important;
}

@media only screen and (max-width: 600px) {
	.minimal-header-btn {
		display: none !important;
	}
}

.hinweis-header + header + .site.grid-container{
	margin-top: 0!important;
}

@media (min-width: 769px) {
    nav .main-nav .mega-menu {
        position: static;
    }

    nav .main-nav .mega-menu > ul {
        position: absolute;
        width: 100%;
        left: 0 !important;
        display: flex;
        flex-wrap: wrap;
    }

    nav .main-nav .mega-menu > ul > li > a {
        font-weight: bold;
    }

    nav .main-nav .mega-menu>ul>li {
        display: inline-block;
        width: 25%;
        vertical-align: top;
    }

    nav .main-nav .mega-menu.mega-menu-col-2>ul>li {
        width: 50%;
    }

    nav .main-nav .mega-menu.mega-menu-col-3>ul>li {
        width: 33.3333%;
    }

    nav .main-nav .mega-menu.mega-menu-col-5>ul>li {
        width: 20%;
    }

    nav .main-nav .mega-menu > ul > li:hover > a,
    nav .main-nav .mega-menu > ul > li:focus > a,
    nav .main-nav .mega-menu > ul > li[class*="current-"] > a,
    nav .main-nav .mega-menu ul ul {
        background-color: transparent !important;
        color: inherit;
    }

    nav .main-nav .mega-menu ul .sub-menu {
        position: static;
        display: block;
        opacity: 1;
        visibility: visible;
        width: 100%;
        box-shadow: 0 0 0;
        left: 0;
        height: auto;
        pointer-events: auto;
        transform: scale(1);
    }

    nav .main-nav .mega-menu ul.toggled-on .sub-menu {
        pointer-events: auto;
    }

    nav .main-nav .mega-menu .sub-menu .menu-item-has-children .dropdown-menu-toggle {
        display: none;
    }
	
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item>a.mega-menu-link {
		border-radius: 4px !important;
	}
	
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item.no-hover>a.mega-menu-link:hover, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item.no-hover>a.mega-menu-link:focus {
		background: transparent;
	}
}

#leistungen {
    padding-top: 100px;
    margin-top: -100px;
}

body:has(#mega-menu-max_mega_menu_1) .container.grid-container {
	margin-top: 0 !important;
}

.gb-button-button-accent {
	font-size: 16px;
    letter-spacing: 0.03em;
    font-weight: bold;
    text-transform: uppercase;
    padding: 11px 22px;
    border-radius: 4px;
    background-color: var(--base-3);
    color: #ffffff;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.gb-button-button-accent:hover, .gb-button-button-accent:active, .gb-button-button-accent:focus {
	background-color: var(--accent) !important;
    color: #ffffff !important;
}

.mega-menu-item .custom-html-widget p a,
.nav-accordion .accordion-title {
	font-size: 18px;
	color: #2B3034;
	font-weight: bold;
	font-family: Roboto, sans-serif;
	text-transform: none;
	letter-spacing: 0;
	text-decoration: none;
	padding-left: 10px;
	cursor: pointer;
}

.nav-accordion .accordion-title {
	padding-left: 0;
	margin-bottom: 16px;
}

.mega-menu-item .custom-html-widget p a:after,
.nav-accordion .accordion-title:after {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.571' height='8.958' viewBox='0 0 5.571 8.958'%3E%3Cpath id='Icon_ionic-ios-arrow-down' data-name='Icon ionic-ios-arrow-down' d='M10.137,12.607,13.122,15.6a.562.562,0,0,0,.8,0,.569.569,0,0,0,0-.8l-3.383-3.385a.563.563,0,0,0-.778-.016l-3.406,3.4a.564.564,0,0,0,.8.8Z' transform='translate(16.261 -5.688) rotate(90)' fill='%233b4a58' stroke='%233b4a58' stroke-width='1'/%3E%3C/svg%3E%0A");
	display: inline-block;
	transition: all .3s ease-in-out; 
	padding-left: 12px;
	transform: translate(0px, -2px);
}

.mega-menu-item .custom-html-widget p a:hover,
.nav-accordion .accordion-title:hover {
	color: #3AB9B7;
}

.mega-menu-item .custom-html-widget p a:hover:after
.nav-accordion .accordion-title:hover:after {
	transform: translate(10px, -2px);
}

.nav-accordion .accordion-title {
	overflow: hidden;
}

.mega-menu-item .custom-html-widget ul {
	list-style-type: none;
	margin: 0;
}

.mega-menu-item .custom-html-widget ul a {
	text-decoration: none;
	font-size: 16px;
	font-family: Roboto, sans-serif;
	color: #2B3034;
	width: 100%;
    display: block;
    border-radius: 4px;
    padding: 3px 0 3px 10px;
	margin-bottom: 5px;
}

.mega-menu-item .custom-html-widget ul a:hover {
	background-color: #E1E8EB;
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 {
	max-width: 1320px !important;
	margin: 0 auto !important;
}

#mega-menu-wrap-max_mega_menu_1.mega-sticky {
	background: #fff;
}

.mega-menu-logo {
	padding-left: 0 !important;
	margin-top: -10px;
}

.mega-kontakt-btn a {
	background: #3AB9B7 !important;
	border-radius: 4px !important;
	font-size: 17px !important;
	color: #fff !important;
	padding: 0 26px !important;
	transition: background-color .4s ease-in !important;
}

.mega-kontakt-btn a:hover {
	background: #D84873 !important;
}

.menu-icon .mega-menu-link {
	display: flex !important;
	align-items: center;
}

.menu-icon.linkedin .mega-menu-link {
	padding-left: 60px !important;
	padding-right: 15px !important;
}

.menu-icon.xing .mega-menu-link {
	padding-right: 35px !important;
	padding-left: 0 !important;
}

.menu-icon.xing svg {
	width: 26px;
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-megamenu>ul.mega-sub-menu {
	padding-top: 30px;
	background: transparent;
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row {
	background: #F2F5F6;
	padding: 18px 25px 14px 15px;
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator:after {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.958' height='5.571' viewBox='0 0 8.958 5.571'%3E%3Cpath id='Icon_ionic-ios-arrow-down' data-name='Icon ionic-ios-arrow-down' d='M10.137,12.607,13.122,15.6a.562.562,0,0,0,.8,0,.569.569,0,0,0,0-.8l-3.383-3.385a.563.563,0,0,0-.778-.016l-3.406,3.4a.564.564,0,0,0,.8.8Z' transform='translate(14.646 16.261) rotate(180)' fill='%233b4a58' stroke='%233b4a58' stroke-width='1'/%3E%3C/svg%3E%0A") !important;
	transform: translateY(-5px);
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 {
	transition: padding .3s ease-in-out;
}

.logo-container {
	position: relative;
	width: 78px;
	height: 78px;
}

.mega-menu-logo-not-sticky {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	transition: opacity .5s ease-in-out;
}

.scrolled .mega-menu-logo-not-sticky {
	opacity: 0;
}

.mega-menu-logo-sticky {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	height: 40px;
	opacity: 0;
	transition-delay: .5s;
	transition: opacity .5s ease-in-out;
}

.scrolled .mega-menu-logo-sticky {
	opacity: 1;
}

.mega-menu-logo-not-sticky {
	margin-top: -19px;
}

.mega-no-hover .mega-menu-link {
	background: #fff !important;
}

@media only screen and (min-width: 1340px) {
	 #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row::after {
    content: "";
    display: block !important;
    width: 200vw;
    height: calc(100% + 20px);
    background-color: #F2F5F6;
    position: absolute;
    top: 0;
    z-index: -1;
    left: -100vw;
	}
}

@media only screen and (max-width: 768px) {
	.mega-toggle-block a.mega-menu-logo {
		padding-left: 15px !important;
	}
	
	html #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
		margin-right: 20px;
	}
	
	html #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item>a.mega-menu-link {
		padding: 10px 20px !important;
	}
	
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row {
		padding-left: 10px !important;
	}
	
	html:has(body.mega-menu-max_mega_menu_1-mobile-open) {
		overflow-y: hidden;
	}
	
	.footer-logo img {
		max-width: 275px !important;
        width: 100%;
	}
	
	p:not([class]), 
	p[class="has-text-align-left"] {
  		font-size: 17px !important;
	}	
}

@media only screen and (max-width: 1440px) {
	a.mega-menu-logo {
		padding-left: 35px !important;
		margin-top: 11px;
	}
	
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
		font-size: 22px !important;
	}

	.mega-menu-logo img {
		height: 78px;
	}
	
	#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
		margin-right: 40px;
	}
	
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item>a.mega-menu-link {
		border-radius: 0px !important; 
	}
	
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item>a.mega-menu-link {
		padding: 10px 40px !important;
		height: 68px !important;
	}
	
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item {
		border-bottom: 1px solid #E3E3E3;
		overflow: hidden;
	}
	
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-kontakt-btn {
		border-bottom: 0px;
	}
	
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator:after {
		transform: translate(-4px, -12px) scale(1.5);	
	}
	
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator {
		padding: 0 20px 0;
    transform: translateX(15px);
	}
	
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item {
		padding: 0;
	}
	
	.mega-menu-item .custom-html-widget p a {
		padding-left: 0px;
		display: inline-block;
		width: 100%;
	}
	
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row:has(.mega-hide-on-mobile) {
		padding: 0 !important;
	}
	
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row {
		padding-top: 0 !important;
	}
	
	.mega-toggle-on > ul.mega-sub-menu {
		border-bottom: 1px solid #E3E3E3 !important;
	}
	
	.mega-kontakt-btn a {
		font-size: 23px !important;
	}
}
/*
#mega-menu-max_mega_menu_1 li.mega-menu-item {
	transition: all .3s ease-in-out !important;
}

#mega-menu-max_mega_menu_1:has(li.mega-toggle-on) {
	color: blue;
}

#mega-menu-max_mega_menu_1:has(li.mega-toggle-on) #currently-open {
	color: blue;
}

#mega-menu-max_mega_menu_1:has(li.mega-toggle-on) > li.mega-menu-item:not(#currently-open) {
	opacity: 0;
	transform: translateX(-100vw);
}
*/

.accordion-body {
  display: grid; 
  grid-template-rows: 0fr;
  transition: 250ms grid-template-rows ease;
}

.nav-accordion.active .accordion-body {
  grid-template-rows: 1fr;
  margin-bottom: 24px;
}

.accordion-body > div {
  overflow: hidden;
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link.mega-menu-logo {
  background: transparent;
}

.button-upload-left .btn {
	float: left !important;
}

.wp-block-cover__inner-container {
	z-index: 1;
}

@media only screen and (min-width: 1025px) {
	.mega-menu-row.mega-mobile.mobile {
		padding: 0 !important;
	}
	
	.scrolled #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 {
		padding: 15px 40px 15px 40px;
	}
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item.mega-toggle-on>ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu {
		padding-left: 30px !important;
	}
}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item>a.mega-menu-link {
		padding-left: 12.5px;
		padding-right: 12.5px;
	}
	
	.menu-icon.linkedin .mega-menu-link {
		padding-left: 12.5px !important;
	}
}


@media only screen and (min-width: 769px){
	.site-header.lp-header + .site.grid-container{
		margin-top: 98px;
	}	
}

.form-neu .nf-error.field-wrap .nf-field-element:after {
	border-radius: 50% !important;
	aspect-ratio: 1;
	height: unset !important;
	line-height: 36px !important;
	right: 15px !important;
	top: 15px !important;
	bottom: unset !important;
	background: var(--accent) !important;
	width: 36px !important;
	font-size: 14px !important;
}


.form-neu .nf-error .nf-error-msg {
	color: var(--accent);
	font-size: 14px;
	position: absolute;
	top: -5px;
	left: 20px;
}

.nf-error-field-errors {
	color: var(--accent) !important;
}

.nf-field-container.flex .nf-field-element {
	display: flex;
}

.form-neu .nf-field-container.html-container {
	margin-bottom: 0;
}

.checkbox-buttons ul {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}

html .nf-form-content .checkbox-buttons .listcheckbox-wrap ul li{
	margin-bottom: 0 !important;
}

.checkbox-buttons input[type=checkbox] {
	position: absolute;
}

.checkbox-buttons input[type=checkbox]+label {
	padding: 10px 26px;
	background-color: transparent;
	border: 2px solid #3b4a58;
	color: #3b4a58;
	border-radius: 4px;
	font-weight: 700 !important;
	text-transform: uppercase;
	font-size: 17px !important;
	transition: all .3s ease-in-out;
	margin-left: 0 !important;
	cursor: pointer;
}

.checkbox-buttons input[type=checkbox]+label:hover {
	border-color: #3ab9b7;
}

.checkbox-buttons input[type=checkbox]+label.nf-checked-label {
	background-color: #3b4a58;
	border-color: #3b4a58!important;
	color: #fff;
}

.checkbox-buttons input[type=checkbox]+label:before,
.checkbox-buttons input[type=checkbox]+label:after {
	display: none;
}

.form-neu .nf-form-content input[type=submit] {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PHBhdGggZD0ibTUwNi4xMzQgMjQxLjg0My0uMDE4LS4wMTktMTA0LjUwNC0xMDRjLTcuODI5LTcuNzkxLTIwLjQ5Mi03Ljc2Mi0yOC4yODUuMDY4LTcuNzkyIDcuODI5LTcuNzYyIDIwLjQ5Mi4wNjcgMjguMjg0TDQ0My41NTggMjM2SDIwYy0xMS4wNDYgMC0yMCA4Ljk1NC0yMCAyMHM4Ljk1NCAyMCAyMCAyMGg0MjMuNTU3bC03MC4xNjIgNjkuODI0Yy03LjgyOSA3Ljc5Mi03Ljg1OSAyMC40NTUtLjA2NyAyOC4yODQgNy43OTMgNy44MzEgMjAuNDU3IDcuODU4IDI4LjI4NS4wNjhsMTA0LjUwNC0xMDQgLjAxOC0uMDE5YzcuODMzLTcuODE4IDcuODA4LTIwLjUyMi0uMDAxLTI4LjMxNHoiIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48L2c+PC9zdmc+) !important;
	background-position: calc(100% - 20px) center !important;
	background-repeat: no-repeat !important;
	padding-right: 60px !important;
	background-size: 24px !important;
	transition: all .3s ease-in-out !important;
}

.form-neu .nf-form-content input[type=submit]:hover {
	padding-right: 80px !important;
}

.form-neu .nf-field-element:has(input[aria-required=true])::before, 
.form-neu .nf-field-element:has(textarea[aria-required=true])::before {
	content: "*";
	position: absolute;
	right: 16px;
	font-size: 36px;
	color: #787878;
	top: 7px;
}

.form-neu textarea[aria-required=true] {
	padding-right: 36px !important
}

.form-neu .nf-pass.field-wrap .nf-field-element:after {
	display: none;
}

.form-neu .ninja-forms-req-symbol {
	display: none;
}

.form-neu input[type=text] {
	padding-right: 35px !important;
}

.form-neu .nf-form-content label {
	font-size: 16px !important;
	font-weight: 700 !important;
	padding-left: 20px;
}

.form-neu .nf-form-content .label-above .nf-field-label {
	margin-bottom: 5px !important;
}

.form-neu .nf-form-content .list-select-wrap .nf-field-element>div,
.form-neu .nf-form-content input:not([type=button]),
.form-neu .nf-form-content textarea {
	border-radius: 8px !important;
}

.form-neu .nf-form-content input:not([type=button])::placeholder,
.form-neu .nf-form-content textarea::placeholder {
	font-size: 18px !important;
}

.form-neu .nf-form-content input:not([type=button]):not([type=submit]):hover,
.form-neu textarea:hover {
	background: #f4f8f8 !important;
	border: 2px solid #3ab9b7 !important;
}


@media only screen and(min-width: 768px){
	#kontakt {
		scroll-margin-top: 100px;
	}	
}

.text-kontakt {
	font-size: 20px;
	margin-bottom: 0;
}

.kontakt-left-container .gb-inside-container {
	padding: 40px 40px !important;
}

.kontakt-left-container.no-padding-left .gb-inside-container {
	padding-left: 0px !important;
}

.kontakt-left-container:last-child .gb-inside-container {
	padding-bottom: 0 !important;
}

.form-neu .nf-field-container {
	margin-bottom: 30px;
}

.gb-button-wrapper a.gb-button-36566629 .gb-icon svg,
.gb-button-wrapper a.gb-button-ab9f8dcb .gb-icon svg,
.gb-button-wrapper a.gb-button-34173f95 .gb-icon svg {
	width: 1.75em !important;
	height: 1.75em !important;
}

.pre-headline {
	margin-bottom: 5px;
	font-size: 15px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	font-family: "Roboto Condensed";
}

.arrow-animated .gb-icon {
	transition: all .3s ease-in-out;
}

.arrow-animated:hover .gb-icon {
	transform: rotate(45deg);
}

.column-border a,
.column-border p {
	font-size: 18px !important;
}

.h1-kontakt {
	font-size: 36px;
	text-transform: none;
}

body:has(.form-neu) .gb-container-main-container-bg-color-hero .gb-inside-container {
	max-width: 1330px;
}

.gb-grid-wrapper-1e8ee3f2 > .gb-grid-column {
	display: flex;
	align-items: center;	
}

.btn-arrow-animation .gb-icon {
	transition: all .3s ease-in-out;
}

.btn-arrow-animation:hover .gb-icon {
	padding-left: 35px !important;
}

#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-animated-inner, #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-animated-inner::before, #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-animated-inner::after, #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-animated-box {
	width: 35px;
}

.banner-column > .gb-grid-column {
	padding-bottom: 0px !important;
}

.gb-container-box-border:has(.table-price) h3 {
	line-height: 1.3em;
}

.gb-container-box-border:has(.table-price) p,
.gb-container-box-border:has(.table-price) li {
	line-height: 1.5em;
}

.gb-container-box-border:has(.table-price) .gb-button-green {
	margin-bottom: 33px;
}

.table-price {
	text-align: center;
}

.table-price strong {
    font-size: 34px;
    padding-right: 3px;
    font-weight: 700 !important;
}

.table-mark {
    display: inline-block;
    position: absolute;
    right: 0;
    margin-right: -1px;
    margin-top: -49.5px !important;
    padding: 9px 15px 10px;
    background-image: linear-gradient(45deg, var(--base-3), var(--base-3));
}

.table-list li {
	margin-bottom: 5px !important;
}

.mega-menu-link:has(.logo-container) {
	padding-left: 0 !important;
}

.grid figure a {
	height: 100%;
}

.grid figure img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.grid .grid-bild-1 {
	grid-row: 2 / -2;
}

.from-bottom {
	opacity: 0;
}

.from-bottom.appear {
	animation: fadeInUp 1.5s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;
}

#mega-menu-wrap-max_mega_menu_1 {
	transition: transform 0.6s ease !important;
}

#mega-menu-wrap-max_mega_menu_1.header--hidden {
	transform: translateY(-100%);
}

.header-banner-flex {
	flex-direction: row !important;
	gap: 30px;
	align-items: center;
	color: #fff;
}

.header-banner-flex h4 {
	margin-top: 3px;
}

.header-banner-flex .gb-button {
	background-color: var(--contrast);
	padding: 4.5px 26px;
	color: #fff;
	font-weight: 700;
	font-size: 17px;
	border-radius: 4px;
}

body:has(.no-header) #page {
	margin-top: 0 !important;
}

.justify-center {
	justify-content: center;
}

.nf-breadcrumbs {
    display: flex;
    justify-content: space-between;
	position: relative;
}

.nf-breadcrumbs li {
	z-index: 1;
}

.nf-breadcrumb:hover, .active .nf-breadcrumb {
    background-color: #D84873 !important;
    color: #fff !important;
	border-color: #D84873 !important;
}


.nf-breadcrumb {
    margin: 0 !important;
    background-color: #fff !important;
    border-radius: 50%;
    height: 48px;
    font-weight: bold !important;
    border: 2px solid #2B3034;
    display: grid !important;
    align-content: center;
    color: #2B3034 !important;
}

.nf-breadcrumbs::before {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
    opacity: .5;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
	background: var(--contrast);
}

.nf-breadcrumbs::after {
	content: none !important;
}

.nf-breadcrumbs li.errors a {
    padding-left: 17px !important;
    color: #D84873 !important;
	background-color: #D84873 !important;
	border-color: #D84873 !important;
}

.nf-breadcrumbs li.errors a::after {
	left: 50% !important;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 20px;
}

.multi-step form {
	position: relative;
}

.multi-step nf-field:has(.submit-container) {
	position: absolute;
    bottom: 0;
    right: 0;
}

.multi-step:has(.nf-error-msg) nf-field:has(.submit-container) {
	bottom: 50px;
}

.gb-grid-column:has(.spin-svg) {
	align-items: flex-start;
    justify-content: flex-end;
}

.spin-svg {
	animation: spin 20s linear infinite;
}

.multi-step .submit-container {
	margin-bottom: -5px !important;
}

.h1-kontakt:has(+ .type-effect) {
	margin-bottom: 20px;
	font-size: 52px;
	line-height: 1.2em;
}

.type-effect {
	font-size: 34px;
	font-weight: 500;
	color: rgba(18, 55, 69, 0.7);
}

.nf-field-element h3 {
	font-weight: 600;
	font-size: 22px;
	margin: 24px 0 36px;
	text-transform: none;
	text-align: center;
}

.nf-form-content input[type=button] {
	border-radius: 8px !important;
}

.multi-step hr {
	margin: 32px 0 !important;
}

.nf-form-content input[type=button].nf-previous {
	background: var(--contrast) !important;
}

.wp-block-cover.gb-container-hero-container-big {
	min-height: 710px !important;
}

@keyframes spin {
	100% {
		transform: rotate(1turn);	
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(100px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@media only screen and (min-width: 769px) {
	.grid .grid-bild-2 {
		grid-row: 3 / -1;
		grid-column: 3;
	}
	
	.gb-container-box-border:has(.table-price) p {
		min-height: 120px;
	}
}

@media only screen and (min-width: 801px) {
	#nf-field-59-container,
	#nf-field-55-container,
	#nf-field-62-container {
		margin-bottom: 40px;
	}	
}

@media only screen and (min-width: 1025px) {
	.column-border {
		border-right: 2px solid #dbdde0;
	}
	.gb-grid-wrapper-1e8ee3f2 > .gb-grid-column {
		padding-left: 60px !important;
	}
}

@media only screen and (max-width: 1024px) {
	.kontakt-left-container .gb-inside-container {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.kontakt-left-container .gb-button-wrapper {
		flex-direction: column;
	}
}

@media only screen and (max-width: 800px) {
	.nf-form-cont .one-half {
		margin-bottom: 20px !important;
	}
}

@media only screen and (max-width: 500px) {
	.footer-bar .widget_nav_menu>div>ul {
		justify-content: flex-start !important;
	}
	.footer-bar .widget_nav_menu li:first-child {
		margin-left: 0 !important;
	}
	.inside-site-info {
		align-items: flex-start;
	}
}

@media only screen and (min-width: 1025px) and (max-width: 1150px) {
	.form-neu-container .gb-grid-wrapper .gb-grid-column:first-child {
		width: 45%;
	}

	.form-neu-container .gb-grid-wrapper .gb-grid-column:last-child {
		width: 55%;
		padding-left: 60px;
	}
}

@media only screen and (min-width: 1400px){
	.gb-container-hero-container,
	.gb-container-hero-container-big.wp-block-cover {
		height: 45vw;
		max-height: 750px;
		max-width: 1720px;
		margin: 0 auto;
		background-position: 100% 30%!important;
	}
}

@media only screen and (min-width: 1400px) and (max-width: 1720px){
	body .gb-container-hero-container > .gb-inside-container{
		padding-bottom: 10vw;
	}
}

@media only screen and (min-width: 1720px) {
	body .gb-container-hero-container > .gb-inside-container{
		padding-bottom: 200px;
	}
}

#BorlabsCookieBox .brlbs-cmpnt-btn-preferences[data-v-91e2a65b]{
	display: none;
}

@media only screen and (max-width: 768px){
	#BorlabsCookieBox .brlbs-cmpnt-consent-list.brlbs-cmpnt-inline-consent-list, .brlbs-cmpnt-container .brlbs-cmpnt-consent-list.brlbs-cmpnt-inline-consent-list{
		flex-direction: row!important;
	}
	
	#BorlabsCookieBox .brlbs-cmpnt-consent-list.brlbs-cmpnt-inline-consent-list li, .brlbs-cmpnt-container .brlbs-cmpnt-consent-list.brlbs-cmpnt-inline-consent-list li{
		width: 50%!important;
	}
	
	#BorlabsCookieBox .brlbs-cmpnt-consent-list.brlbs-cmpnt-inline-consent-list li:nth-child(2), .brlbs-cmpnt-container .brlbs-cmpnt-consent-list.brlbs-cmpnt-inline-consent-list li:nth-child(2){
		margin-top: 0!important;
	}
	
	.gb-grid-column:has(.spin-svg) {
		align-items: center;
		justify-content: flex-start;
		margin-top: 50px;
	}
}

.wp-block-video video[src="https://netzkunst-marketing.de/wp-content/uploads/Netzkunst-Marketing_Testimonials.mp4"] {
	height: fit-content;
}

.pre-footer[data-wpr-lazyrender],
.site-footer[data-wpr-lazyrender] {
	content-visibility: unset !important;
}

.entry-meta-updated {
	color: var(--contrast-2);
	font-size: 85%;
}

html .wp-block-columns.footer {
	margin-bottom: 0 !important;
}

.wp-block-columns.footer svg {
	color: #00BCB9;
  transition: all .3s ease-in-out;
}

.social-icon-container a:hover svg {
  color: var(--accent);
}

.wp-block-columns.footer h2 {
	font-weight: bold;
	font-size: 20px;
  position: relative;
  max-width: fit-content;
  padding-right: 54px;
}

.wp-block-columns.footer h2 em {
  background: #FF2E6D;
  padding: 1px 10px 2px 8px;
  border-radius: 12px;
  font-size: 14px;
  margin-left: 3px;
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
  position: absolute;
  line-height: 1;
  top: 0;
  right: 0;
}

.wp-block-columns.footer ul {
	list-style: none;
	margin-left: 0;
}

.ml-auto {
	margin-left: auto;
}

.social-icon-container {
	display: flex;
	gap: 15px;
}

.is-layout-flex {
	display: flex;
}

.footer-inside {
  max-width: 1480px;
  padding: 0 40px;
  margin: 0 auto;
}

.wp-block-button__link {
	font-family: "Bowlby One SC", sans-serif;
	border-radius: 4px !important;
	font-size: 16px !important;
}

.text-button .wp-block-button__link {
	background-color: transparent !important;
	color: #00BCB9 !important;
	font-size: 17px !important;
	font-family: "Roboto", sans-serif !important;
	font-weight: bold;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 !important;
  transition: all .3s ease-in-out !important;
}

.text-button .wp-block-button__link:hover {
  color: #FF2E6D !important;
}

.text-button .wp-block-button__link:hover::before {
  transform: translateX(5px);
}

.text-button .wp-block-button__link::before {
  content: "";
  display: inline-block;
  transition: transform .3s ease-in-out;
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-color: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.243' height='13.501' viewBox='0 0 20.243 13.501'%3E%3Cpath id='Icon_ionic-ios-arrow-round-forward' data-name='Icon ionic-ios-arrow-round-forward' d='M20.784,11.51a.919.919,0,0,0-.007,1.294l4.275,4.282H8.782a.914.914,0,0,0,0,1.828H25.045L20.77,23.2a.925.925,0,0,0,.007,1.294.91.91,0,0,0,1.287-.007l5.794-5.836h0a1.026,1.026,0,0,0,.19-.288.872.872,0,0,0,.07-.352.916.916,0,0,0-.26-.64l-5.794-5.836A.9.9,0,0,0,20.784,11.51Z' transform='translate(-7.875 -11.251)' fill='%23fff'/%3E%3C/svg%3E%0A") no-repeat right/contain;
  mask-size: contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.243' height='13.501' viewBox='0 0 20.243 13.501'%3E%3Cpath id='Icon_ionic-ios-arrow-round-forward' data-name='Icon ionic-ios-arrow-round-forward' d='M20.784,11.51a.919.919,0,0,0-.007,1.294l4.275,4.282H8.782a.914.914,0,0,0,0,1.828H25.045L20.77,23.2a.925.925,0,0,0,.007,1.294.91.91,0,0,0,1.287-.007l5.794-5.836h0a1.026,1.026,0,0,0,.19-.288.872.872,0,0,0,.07-.352.916.916,0,0,0-.26-.64l-5.794-5.836A.9.9,0,0,0,20.784,11.51Z' transform='translate(-7.875 -11.251)' fill='%23fff'/%3E%3C/svg%3E%0A") no-repeat right/contain;
  -webkit-mask-size: contain;
}

.geo-page-bg {
  margin: 0 !important;
}

.mega-menu-wrap,
.pre-footer,
.logo-pre-footer-wrapper {
  position: relative;
  z-index: 2;
}

.geo-page-bg::before {
  content: "";
  background-image: url("https://netzkunst-marketing.de/wp-content/uploads/geo-scrolled-bg.svg");
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: cover;
  z-index: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  opacity: 1;
}

.mega-menu-item .custom-html-widget ul a {
  position: relative;
}

.mega-menu-item .custom-html-widget ul a i {
  font-size: 12px;
  font-style: normal;
  padding: 2px 8px;
  background-color: var(--accent);
  border-radius: 40px;
  position: absolute;
  left: 45px;
  top: -2px;
  font-family: "Bowlby One SC", sans-serif !important;
  color: #fff;
}

.gb-container-hero-container-big {
  align-items: center !important;
}

.wp-block-columns.footer {
  margin-bottom: 0 !important;
  z-index: 1;
  position: relative;
  padding: 0 !important;
}

.wp-block-columns.footer .footer-inside {
  max-width: 1480px;
  padding: 70px 40px 60px;
}

.wp-block-columns.footer .footer-inside figure {
  max-width: 264px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.wp-block-columns.footer .footer-inside .wp-block-list li {
  font-size: 17px;
  margin-bottom: 0 !important;
}

.wp-block-columns.footer .footer-inside .wp-block-list li a {
  text-decoration: none;
  transition: all .3s ease-in-out;
}

.wp-block-columns.footer .footer-inside .wp-block-list li a:hover {
  color: var(--base-2);
}

.wp-block-columns.footer .footer-inside h2.wp-block-heading:has(+ .wp-block-list) {
  font-size: 21px !important;
  margin-bottom: 18px !important;
}

.wp-block-columns.footer .footer-inside .footer-first-row {
  margin-bottom: 70px !important;
}

.wp-block-columns.footer .footer-inside .footer-first-row .wp-element-button {
  white-space: nowrap;
}

.wp-block-columns.footer .footer-inside .footer-first-row .wp-block-columns {
  justify-content: flex-end;
  gap: 15px;
}

.wp-block-columns.footer .footer-inside .footer-first-row .wp-block-columns .wp-block-column {
  flex-basis: fit-content;
}

.wp-block-columns.footer .footer-inside .footer-first-row .text-center-vertical {
  display: flex;
  align-items: center;
}

.wp-block-columns.footer .footer-inside .footer-first-row .text-center-vertical p {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

body:has(.footer-first-row) .copyright-bar {
  font-size: 16px;
  font-family: "Roboto Condensed", sans-serif;
  color: #9FAAB4;
  display: flex;
  align-items: center;
}

body:has(.footer-first-row) .copyright-bar::before {
  content: url("data:image/svg+xml,%3Csvg id='Gruppe_742' data-name='Gruppe 742' xmlns='http://www.w3.org/2000/svg' width='33.5' height='20.927' viewBox='0 0 33.5 20.927'%3E%3Cpath id='Pfad_309' data-name='Pfad 309' d='M40.939,20.3a2.179,2.179,0,1,0-2.179-2.179A2.183,2.183,0,0,0,40.939,20.3Z' transform='translate(-27.467 -11.296)' fill='%23fff' fill-rule='evenodd' opacity='0.75'/%3E%3Cpath id='Pfad_310' data-name='Pfad 310' d='M75.438,13.215A2.838,2.838,0,1,0,72.6,10.378,2.843,2.843,0,0,0,75.438,13.215Z' transform='translate(-51.448 -5.343)' fill='%23fff' fill-rule='evenodd'/%3E%3Cpath id='Pfad_311' data-name='Pfad 311' d='M33.281,1.425c1.069,7.954-1.888,13.621-6.325,16.738a15.258,15.258,0,0,1-6.112,2.529,15.354,15.354,0,0,1-6.541-.256A14.559,14.559,0,0,1,5.18,13.344c-.117.338-.239.667-.373.991A14.074,14.074,0,0,1,2.715,17.88h0a1.512,1.512,0,1,1-2.4-1.835h0a1.174,1.174,0,0,1,.076-.093,10.95,10.95,0,0,0,1.629-2.765,17.9,17.9,0,0,0,1.2-5.422,1.53,1.53,0,0,1,3.048-.192c1.168,5.629,4.746,8.88,8.8,9.938a12.375,12.375,0,0,0,5.262.2,12.212,12.212,0,0,0,4.892-2.022c3.6-2.526,5.976-7.228,5.055-13.938h0a1.541,1.541,0,0,1-.017-.233A1.516,1.516,0,0,1,31.769,0a1.494,1.494,0,0,1,1.512,1.425Z' transform='translate(0 0)' fill='%23fff'/%3E%3C/svg%3E%0A");
  display: inline-block;
  width: 33.5px;
  height: 20.927px;
  margin-right: 10px;
}

body:has(.footer-first-row) .site-info {
  background-color: #212427 !important;
  border-top: 1px solid #70707069;
  z-index: 1;
  position: relative;
}

body:has(.footer-first-row) footer .grid-container {
  max-width: 1480px;
  padding-bottom: 62px;
}

body:has(.footer-first-row) .footer-bar .widget_nav_menu>div>ul {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
}

body:has(.footer-first-row) #menu-footer li:after {
  content: none !important;
}

body:has(.footer-first-row) .footer-bar .widget_nav_menu li {
  margin: 0 14px 0 0;
}

body:has(.footer-first-row) .footer-bar .widget_nav_menu li:last-child {
  margin-right: 0 !important;
}

body:has(.footer-first-row) .mega-kontakt-btn a {
  font-family: "Bowlby One SC", sans-serif !important;
  font-size: 16px !important;
  background-color: var(--accent) !important;
  font-weight: 400 !important;
  line-height: 45px !important;
  height: 45px !important;
}

body:has(.footer-first-row) #mega-menu-wrap-max_mega_menu_1 .mega-kontakt-btn a:hover {
  background-color: var(--base-3) !important;
  color: #fff !important;
}

body:has(.footer-first-row) #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item:not(.mega-kontakt-btn) > a.mega-menu-link {
  color: #1D2022 !important;
  font-weight: 500;
}

body:has(.footer-first-row) #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item:not(.mega-kontakt-btn) > a.mega-menu-link:has(.logo-container) {
  margin: 0 !important;
}

.mega-display-none {
  display: none !important;
}

body:has(.footer-first-row) .mega-display-none {
  display: inline-block !important;
}

.mega-no-hover a.mega-menu-link {
  font-weight: 400 !important;
  gap: 8px;
  transition: all .3s ease-in-out !important;
}

body #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 #mega-menu-item-5632.mega-no-hover a.mega-menu-link:hover {
  color: #00BCB9 !important;
}

body:has(.footer-first-row) .mega-sticky-wrapper #mega-menu-wrap-max_mega_menu_1 {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.18);
}

body:has(.footer-first-row) #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 {
  max-width: 1680px !important;
}

body:has(.footer-first-row) .mega-sticky-wrapper #mega-menu-wrap-max_mega_menu_1:has(.mega-toggle-on) {
  box-shadow: none !important;
}

body:has(.footer-first-row) .mega-indicator {
  display: none !important;
}

@media only screen and (min-width: 1441px) {
  body:has(.footer-first-row) #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item:not(.mega-kontakt-btn) > a.mega-menu-link:hover, body:has(.footer-first-row) #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item:not(.mega-kontakt-btn) > a.mega-menu-link:focus {
    background: transparent !important;
    color: #1D2022 !important;
    font-weight: 500;
    text-decoration: none;
  }
  body:has(.footer-first-row) #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item:not(.mega-kontakt-btn, .mega-no-hover) > a.mega-menu-link::after {
    content: "";
    opacity: 0;
    display: block;
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 100%;
    height: 2px;
    border-radius: 12px;
    background-color: #00BCB9;
    transition: all .3s ease-in-out;
  }
  body:has(.footer-first-row) #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item:not(.mega-kontakt-btn) > a.mega-menu-link:hover::after, 
  body:has(.footer-first-row) #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item:not(.mega-kontakt-btn) > a.mega-menu-link:focus::after, 
  body:has(.footer-first-row) #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-item:not(.mega-kontakt-btn) > a.mega-menu-link::after, 
  body:has(.footer-first-row) #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-ancestor:not(.mega-kontakt-btn) > a.mega-menu-link::after, 
  body:has(.footer-first-row) #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-page-ancestor:not(.mega-kontakt-btn) > a.mega-menu-link::after,
  body:has(.footer-first-row) #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link::after {
    opacity: 1 !important;
  }
  body:has(.footer-first-row) #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
    background-color: #fff !important;
  }
  body:has(.footer-first-row) #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item:not(.mega-kontakt-btn) > a.mega-menu-link {
    padding: 0 !important;
    margin: 0 25px;
    font-size: 19px !important;
  }
}

@media only screen and (max-width: 1024px) {
  #footer .footer-second-row .wp-block-column {
    flex-basis: 50% !important;
  }
  .footer-second-row {
    flex-wrap: wrap !important;
  }
  .text-center-vertical {
    justify-content: flex-end !important;
  }
  .footer-first-row .wp-block-column .wp-block-buttons {
    justify-content: flex-end !important;
  }
}

@media only screen and (max-width: 768px) {
  .wp-block-columns.footer .footer-inside {
    padding-left: 20px;
    padding-right: 20px;
  }
  .wp-block-columns.footer .footer-inside .wp-block-list li {
    font-size: 15px;
  }
  .wp-block-columns.footer .footer-inside p {
    font-size: 15px;
  }
  .wp-block-columns.footer h2 {
    font-size: 19px !important;
  }
  body:has(.footer-first-row) footer .grid-container {
    padding-bottom: 20px !important;
  }
}

@media only screen and (max-width: 430px) {
  .text-center-vertical {
    justify-content: flex-start !important;
  }
  .footer-first-row .wp-block-column .wp-block-buttons {
    justify-content: flex-start !important;
  }
  .footer-first-row {
    flex-wrap: wrap !important;
    gap: 20px;
  }
  .wp-block-columns.footer .footer-inside .footer-first-row .wp-block-columns {
    margin-left: 0 !important;
  }
  body:has(.footer-first-row) footer .grid-container {
    padding-left: 20px;
    padding-right: 20px;
  }
  body:has(.footer-first-row) .copyright-bar {
    margin-top: 15px;
    align-items: flex-start;
    gap: 12px;
    flex-direction: column;
  }
}