/* 
Theme Name: Nicson.de @HelloElementor
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor
Author: Nicson
Author URI: https://nicson.ch
Template: hello-elementor
Version: 2.0.0
Text Domain: nicson.de
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/
@import url("assets/fonts/opensans/opensans.css");
/*@import url("assets/fonts/montserrat/montserrat.css");*/
@import url("assets/fonts/russo/russo.css");

/* Add your custom styles here */
:root {
	--font-primary: "Open Sans", sans-serif;
	--font-secondary: "Russo One", sans-serif;
	--color-primary: #E39228;
	--color-secondary: #0A2E58;
	--color-light: #F5F7FA;
	--color-dark: #080F0F;
	--color-success: #038E5D;
	--color-warning: #F39932;
	--color-danger: #F45B69;
	--color-info: #3A4F7F;
	--color-accent: #080F0F;
	--color-text: #222222;
	--color-btn-hover: #fff;
}
body{
    font-family: var(--font-primary);
}
a{
	color: var(--color-accent);
	text-decoration:none;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 1s cubic-bezier(.25,1,.35,1) 0s;
    -moz-transition: all 1s cubic-bezier(.25,1,.35,1) 0s;
    -o-transition: all 1s cubic-bezier(.25,1,.35,1) 0s;
    -ms-transition: all 1s cubic-bezier(.25,1,.35,1) 0s;
    transition: all 1s cubic-bezier(.25,1,.35,1) 0s;
}
.bg-secondary a:not(:hover){
	color: var(--color-light);
}
h1,.h1{font-size: clamp(30px,4vw,72px);}
h2,.h2{font-size: clamp(28px,3.4vw,64px);}
h3,.h3{font-size: clamp(26px,3.2vw,56px);}
h4,.h4{font-size: clamp(24px,2.8vw,48px);}
h5,.h5{font-size: clamp(22px,2.6vw,36px);}
h6,.h6{font-size: clamp(20px,2.4vw,28px);}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,.elementor-widget-heading .elementor-heading-title{
	color: var(--color-text);
}
.bg-secondary,
.bg-secondary .elementor-widget-text-editor,
.bg-secondary .elementor-widget-heading .elementor-heading-title{
	color: var(--color-light);
}
.site-header{
	padding-block-start: 0;
	padding-block-end: 0;
}
header.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 99;
  background: #fff;
}
/* Headings */
.font-secondary{
	font-family: var(--font-secondary);
	font-weight: 400;
	font-style: normal;
}
.list-unstyled{
	list-style-type: none;
}
.parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.onetap-desc{
	display:none;
}
nav.onetap-accessibility.onetap-plugin-onetap:not(.onetap-toggle-open){
	box-shadow:none !important;
}
#sSpy .active{
	color: var(--color-accent);
	font-weight: 600;
}
/*
	Cookiefirst
*/
[data-cookiefirst-widget="modal"]>div>div [data-cookiefirst-outline-accent-color]:focus{
    /*--banner-outline-color: var(--primary) !important;*/
    --banner-outline-color: transparent !important;
}
[data-cookiefirst-action] button:not([data-cookiefirst-button="link"]),
[data-cookiefirst-widget="modal"]>div>div>div button:not([data-cookiefirst-button="link"]),
[data-cookiefirst-widget="banner"] button:not([data-cookiefirst-button="link"]){
	--banner-btn-border-color: var(--color-primary) !important;
	--banner-btn-bg: var(--color-primary) !important;
	--banner-btn-floating-bg: var(--color-primary) !important;
	--banner-btn-floating-border: var(--color-primary) !important;
	--banner-btn-hover-border-color: var(--color-primary) !important;
	--banner-btn-hover-text: var(--color-primary) !important;
	--banner-btn-floating-hover-border: var(--color-primary) !important;
	--banner-btn-floating-hover-icon: var(--color-primary) !important;
	--banner-accent-color: var(--color-primary) !important;
	--banner-outline-color: var(--color-primary) !important;
}
[data-list="bullet"]{
    list-style-type: none;
    padding-bottom: 6px;
}
[data-list="bullet"]::marker{
    display: none;
    visibility: hidden;
}
/*
	Quadmenu
*/
.quadmenu-icon{
	font-size: 20px !important;
	vertical-align: middle;
	padding-right: 12px;
}
.quadmenu-badge{
	text-align: right !important;
	margin-right: 6px;
}
.quadmenu-item .quadmenu-text,
.quadmenu-navbar-nav .quadmenu-dropdown-menu .quadmenu-title{
    font-weight: 400;
    letter-spacing: 1px;
}
#quadmenu:not(.quadmenu-is-horizontal) .quadmenu-navbar-nav li.quadmenu-item.open:not(.closing) > .quadmenu-dropdown-menu{
	max-height: fit-content;
}
#quadmenu.quadmenu-is-horizontal .quadmenu-navbar-nav li.quadmenu-dropdown > .quadmenu-dropdown-menu.quadmenu-dropdown-stretch-boxed,
footer{
	padding:20px 5%;
}
.quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item{
	padding: 0 12px;
}
.quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item img{
	padding: 0;
    -webkit-transition: all 1s cubic-bezier(.25,1,.35,1) 0s !important;
    -moz-transition: all 1s cubic-bezier(.25,1,.35,1) 0s !important;
    -o-transition: all 1s cubic-bezier(.25,1,.35,1) 0s !important;
    -ms-transition: all 1s cubic-bezier(.25,1,.35,1) 0s !important;
    transition: all 1s cubic-bezier(.25,1,.35,1) 0s !important;
}
.quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item:hover img{
	padding: 0 12px;
}
#quadmenu.quadmenu-default_theme.quadmenu-is-horizontal .quadmenu-navbar-nav .quadmenu-dropdown-menu,
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button, .quadmenu-has-link):hover{
	background-color: var(--color-dark);
}
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button, .quadmenu-has-link):hover > a > .quadmenu-item-content > .quadmenu-icon,
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button).quadmenu-has-link.open > a > .quadmenu-item-content > .quadmenu-icon,
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button).quadmenu-has-link:hover > a > .quadmenu-item-content,
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button, .quadmenu-has-link):hover > a > .quadmenu-item-content > .quadmenu-subtitle,
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button, .quadmenu-has-link):hover > a > .quadmenu-item-content,
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav .quadmenu-dropdown-menu .quadmenu-title,
.quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item .textwidget{
	color: var(--color-light);
}
.quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item .quadmenu-title{
	font-size: 1rem  !important;
}
.quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item:hover .quadmenu-title{
	color: var(--color-primary) !important;
}
.quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item .quadmenu-item-widget{
	text-align:	left;
}
footer{
	background-color: var(--color-secondary);
	color: var(--color-light);
}
footer a:not(:hover){
	color:var(--color-light);
}
footer .widget_block{
	width:100%;
}
footer .widget_block .wp-block-columns{
    align-items: flex-start;
}
footer .block-9 .wp-block-column{
	width:33.3333%;
	padding: 20px;
}
footer .block-9 .wp-block-column ul{
	text-align:left;
}
footer .widgettitle{
	font-family: var(--font-secondary);
	font-weight: 400;
	font-style: normal;
	text-align:left;
	color:var(--color-light);
	font-size: clamp(20px,2.4vw,54px);
	margin-block-start: 0;
}
footer .block-9 .wp-block-column ul{
	list-style-type:none;
	padding-left:20px;
}
footer .footer-inner{margin:30px 0 0 0;}
footer .block-9 .wp-block-column ul li{
	margin: 6px 0;
	font-size: 1.2rem;
}

/* Elementor */
button, .elementor-element div.wpforms-container-full .wpforms-submit,
.elementor-button{
	font-size: calc(20px);
	letter-spacing: 2px;
	font-weight: 600;
	/*text-transform: uppercase;*/
}
.bg-secondary .elementor-element.elementor-button-info .elementor-button:not(:hover),
.bg-secondary .elementor-element.elementor-button-success .elementor-button:not(:hover),
.bg-secondary .elementor-element.elementor-button-warning .elementor-button:not(:hover),
.bg-secondary .elementor-element.elementor-button-danger .elementor-button:not(:hover),
.bg-secondary .elementor-widget-button .elementor-button:not(:hover){
	border-color: var(--color-light);
}
.elementor-widget-button .elementor-button{
	background-color: var(--color-primary) !important;
	border: 1px solid transparent;
}
.elementor-widget-button .elementor-button:hover{
	background-color: var(--color-btn-hover) !important;
	border-color: var(--color-primary);
	fill: var(--color-primary);
}
.elementor-element.elementor-button-info .elementor-button{
	background-color: var(--color-info)!important;
}
.elementor-element div.wpforms-container-full .wpforms-submit:hover{
	background: none;
}
.elementor-element.elementor-button-info .elementor-button:hover,
.elementor-element div.wpforms-container-full .wpforms-submit:hover{
	background-color: var(--color-btn-hover)!important;
	color: var(--color-info);
	border-color: var(--color-info);
	fill: var(--color-info);
}
.elementor-element.elementor-button-success .elementor-button{
	background-color: var(--color-success)!important;
}
.elementor-element.elementor-button-success .elementor-button:hover{
	background-color: var(--color-btn-hover) !important;
	color: var(--color-success);
	border-color: var(--color-success);
	fill: var(--color-success);
}
.elementor-element.elementor-button-warning .elementor-button{
	background-color: var(--color-warning)!important;
}
.elementor-element.elementor-button-warning .elementor-button:hover{
	background-color: var(--color-btn-hover) !important;
	color: var(--color-warning);
	border-color: var(--color-warning);
	fill: var(--color-warning);
}
.elementor-element.elementor-button-danger .elementor-button{
	background-color: var(--color-danger)!important;
}
.elementor-element.elementor-button-danger .elementor-button:hover{
	background-color: var(--color-btn-hover) !important;
	color: var(--color-danger);
	border-color: var(--color-danger);
	fill: var(--color-danger);
}
.elementor-widget-n-accordion{
	--n-accordion-title-font-size: clamp(20px,1.8vw,48px) !important;
	--n-accordion-border-width: 0px !important;
}
.elementor-widget-n-accordion .e-n-accordion-item-title-text{
	font-family: var(--font-secondary);
	font-weight: 400;
	font-style: normal;
	color:var(--color-dark);
	font-size: clamp(20px,2.4vw,54px);	
}
.elementor-icon-box-icon .elementor-icon{
	margin:auto;
}
.footerline{
    width: 100%;
	margin-top: 60px!important;
}
.footerline div:nth-child(1){
    text-align: left;
    padding-left: 20px;
	width: 50%;
}
.footerline div:nth-child(2){
    text-align: right;
    padding-right: 20px;
	width: 50%;
}
/*
    no-preference (keine Präferenz)
    dark (dunkles Farbschema)
    light (helles Farbschema)

@media(prefers-color-scheme: dark) {
	body{
		background-color: var(--color-dark);
	}
	#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button) > a > .quadmenu-item-content > .quadmenu-icon{
		color: var(--color-primary);
	}
	#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button) > a > .quadmenu-item-content,
	#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button) > a > .quadmenu-item-content > .quadmenu-subtitle{
		color: var(--color-light);
	}
}
*/
.agb_content h2{
	font-size: clamp(24px,2.8vw,48px);
}
@media (max-width: 1024px) {
    .footerinfo, .footerline{
        display: block;
    }
    .footerinfo>div{
        width: 50%;
    }
}
@media (max-width: 767px) {
    .footerinfo, .footerline{
        display: block!important;
    }
    .footerinfo>div,.footerline>div{
        width: 100%;
    }
    .footerline>div{
        text-align: center!important;
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .wpforms-container .wpforms-one-third.wpforms-first,
    .wpforms-container .wpforms-two-sixths.wpforms-first,
    .wpforms-container .wpforms-one-third,
    .wpforms-container .wpforms-two-sixths{
        width: 100%!important;
        margin-left: 0!important;
    }
    header .site-logo{
        padding-bottom: 0;
    }
	footer .block-9 > div{
		display: block;
	}
	footer .block-9 .wp-block-column{
		width: 100%;
	}
	.footerline div:nth-child(1),
	.footerline div:nth-child(2){
		text-align: center;
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}
}
@media (min-width: 768px) {
	#quadmenu.quadmenu-default_theme{
		padding: 0 40px;
	}
	#quadmenu .quadmenu-item .quadmenu-dropdown-stretch-boxed{
		margin: 0 -40px;
	}
	div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-item img{
		max-width: 180px;
	}
}