/* @override 
	https://staffpay.io/wp-content/themes/generatepress_child/style.css?* */

/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* space-grotesk-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/space-grotesk-v16-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/space-grotesk-v16-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* inter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/inter-v13-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/inter-v13-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* inter-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/inter-v13-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/inter-v13-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

body, button, input, select, textarea {
	font-family: 'Inter', Arial, Helvetica, Geneva, sans-serif !important;
}

html {
    scroll-behavior: smooth;
}

/*@media screen and (max-width: 1050px) {
    .site-logo img {
		width: 160px !important;
	}
	
	.main-nav a {
		padding: 0 !important;
	}
}

.is-logo-image {
	width: 160px !important;
}

.navigation-stick .main-nav a {
	padding-left: 20px !important;
}*/
	
	
/* ----------------------------------------------

Typography
https://fluidtypography.com/#app-get-started

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

/*body, button, input, select, textarea {

}*/


h1, h2, h3, h4, h5, h6 {
	font-family: 'Space Grotesk', Arial, Helvetica, Geneva, sans-serif !important;
	font-weight: 500;
	letter-spacing: -0.05em;
}


/* 
Viewport:		600px → 1300px
Font Size:		16px → 19px
Line Height:	1.6 → 1.6
*/

body {
font-size: clamp(1rem, 0.429vw + 0.839rem, 1.188rem) !important;
line-height: clamp(1.6rem, 0.686vw + 1.343rem, 1.9rem) !important;
}

/* 
Viewport:		600px → 1300px
Font Size:		18px → 24px
Line Height:	1.6 → 1.6
*/

.font-size-l {
font-size: clamp(1.125rem, 0.857vw + 0.804rem, 1.5rem) !important;
line-height: clamp(1.8rem, 1.371vw + 1.286rem, 2.4rem) !important;
}

/* 
Viewport:		600px → 1300px
Font Size:		18px → 24px
Line Height:	1.6 → 1.6
*/

.font-size-s {
font-size: clamp(0.875rem, 0.286vw + 0.768rem, 1rem) !important;
line-height: clamp(1.4rem, 0.457vw + 1.229rem, 1.6rem) !important;
}

/* 
Viewport:		600px → 1300px
Font Size:		32px → 70px
Line Height:	1.3 → 1.1
*/

.heading-1 {
font-size: clamp(2rem, 5.429vw + -0.036rem, 4.375rem) !important;
line-height: clamp(2.6rem, 5.057vw + 0.704rem, 4.813rem) !important;
}

/* 
Viewport:		600px → 1300px
Font Size:		26px → 45px
Line Height:	1.3 → 1.1
*/

.heading-2 {
font-size: clamp(1.625rem, 2.714vw + 0.607rem, 2.813rem) !important;
line-height: clamp(2.113rem, 2.243vw + 1.271rem, 3.094rem) !important;
}

/* 
Viewport:		600px → 1300px
Font Size:		22px → 32px
Line Height:	1.3 → 1.2
*/

.heading-3 {
font-size: clamp(1.375rem, 1.429vw + 0.839rem, 2rem) !important;
line-height: clamp(1.788rem, 1.4vw + 1.263rem, 2.4rem) !important;
}


button, input, select, textarea,
.gb-button {
	/*line-height: 1.8 !important;*/
}




/*.font-size-s {
font-size: 16px;
font-size: clamp(1.625rem, 3.143vw + 0.446rem, 3rem) !important;
line-height: clamp(2.113rem, 4.086vw + 0.58rem, 3.9rem) !important;
}*/


/*.font-size-l {
font-size: 24px;
font-size: clamp(1.625rem, 3.143vw + 0.446rem, 3rem) !important;
line-height: clamp(2.113rem, 4.086vw + 0.58rem, 3.9rem) !important;
}*/

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

Footer

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

/* .site-footer a{
	text-decoration: none;
}

.site-footer a:hover{
	text-decoration: underline;
} */


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

Header

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

#mobile-menu a {
	padding-left: 20px;
}

.site-logo.mobile-header-logo {
    padding: 10px;
}

@media screen and (min-width: 768px) {
	.site-logo.mobile-header-logo {
		padding-left: 30px;
	}
	
}

@media screen and (max-width: 1050px) and (min-width: 768px)  {
	
	.inside-navigation {
		padding: 0 !important;
	}
	
	#mobile-menu a {
		padding-left: 40px;
	}
}

.navigation-branding img, 
.site-logo.mobile-header-logo img {
    width: 190px !important;
	height: auto !important;
}

.site-logo.mobile-header-logo img {
    /*padding: 0px !important;*/
}

.sticky-enabled .main-navigation.is_stuck {
    box-shadow: none;
}

/*NAVIGATION*/

.main-navigation .main-nav ul li[class*="current-menu-"] > a {
    color: inherit;
	text-decoration: underline;
    text-underline-offset: 20px;
	text-decoration-thickness: 1px;
}

.main-navigation #primary-menu a:hover {
    color: var(--accent-strong-2) !important;
}

/*.main-navigation #primary-menu li:last-child {
	margin-left: 40px;
}

.main-navigation #primary-menu li:last-child a{
	border: 1px solid #1A1A33;
	border-radius: 500px;
	padding: 0 30px !important;
}

.main-navigation #primary-menu li:last-child a:hover {
	background-color: var(--accent-strong-2) !important;
	border: 1px solid var(--accent-strong-2) !important;
	color: #fff !important;
}*/


.main-navigation #primary-menu li:last-child {
	
}

.main-navigation #primary-menu li:last-child a{

}

.main-navigation #primary-menu li:last-child a:hover {

}

.menu-item-has-children.wpml-ls-item {
	margin-left: 40px;
}

.mobile-menu-open .menu-item-has-children.wpml-ls-item{
	margin-left: 0;
}

.sub-menu .wpml-ls-menu-item {
	font-size: 19px !important;
}

.main-navigation ul ul {
    box-shadow: none;
    width: auto;
}

.main-navigation .main-nav ul ul li a {
    padding: 3px 12px 3px 12px;
    font-size: inherit;
}


/*.main-navigation.navigation-stick.has-sticky-branding .inside-navigation.grid-container {
    border-top: 20px solid #fff;
}*/



/*.nav-float-right #site-navigation {
	margin-left: 50px;
}

.main-navigation {
    flex-grow: 1; /* Lässt die Navigation den verbleibenden Platz einnehmen *!/
}

#primary-menu {
	width: 100%;
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a {
    color: inherit;
	text-decoration: underline;
    text-underline-offset: 20px;
	text-decoration-thickness: 1px;
}

.main-navigation #primary-menu a:hover {
    color: var(--accent-strong-2) !important;
}

.main-navigation #primary-menu li:last-child {
	margin-left: auto;
}

.main-navigation #primary-menu li:last-child a{
	border: 1px solid #1A1A33;
	border-radius: 500px;
	padding: 0 30px !important;
}

.main-navigation #primary-menu li:last-child a:hover {
	background-color: var(--accent-strong-2) !important;
	border: 1px solid var(--accent-strong-2) !important;
	color: #fff !important;
}*/


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

Lists

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

/* .gb-container li {
	margin-bottom: 10px;
}

.gb-container ul {
	margin-left: 24px;
}


.list-normal li {
	margin-bottom: 10px;
}

.list-normal {
	margin-left: 28px;
} */


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

Complianz

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


#cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode {
	font-size: inherit;
	max-width: none;
	text-justify: inter-word;
}

#cmplz-document p, .editor-styles-wrapper .cmplz-unlinked-mode p, #cmplz-document li, .editor-styles-wrapper .cmplz-unlinked-mode li, #cmplz-document td, .editor-styles-wrapper .cmplz-unlinked-mode td {
	font-size: inherit;
	margin-top: 0
}

#cmplz-document h2, .editor-styles-wrapper .cmplz-unlinked-mode h2, #cmplz-document h3, .editor-styles-wrapper .cmplz-unlinked-mode h3 {
	font-weight: 700;
}

.cmplz-cookiebanner .cmplz-accept { 
	/*font-weight: 700 !important;*/
}


.cmplz-cookiebanner .cmplz-logo img {
    height: 32px !important;
    max-width: inherit !important;
}


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

WP FORMS

----------------------------------------------*/
.wpforms-container .wpforms-field-label, .wp-core-ui div.wpforms-container .wpforms-field-label {
	display: block;
	font-weight: 400;
	font-style: normal;
	word-break: break-word;
	word-wrap: break-word
}

/* New button styles */
.wpforms-form input[type=submit], 
.wpforms-form button[type=submit] {
	font-family: 'Space Grotesk', Arial, Helvetica, Geneva, sans-serif !important;
    padding: 20px 45px !important;
    background-color: var(--contrast) !important;
    color: #fff !important;
	height: auto !important;
	border-radius: 500px !important;
	font-weight: 500 !important;
	border: 1px solid var(--contrast) !important;
	box-shadow: none !important;
}

.wpforms-form input[type=submit]:hover, 
.wpforms-form input[type=submit]:active, 
.wpforms-form button[type=submit]:hover, 
.wpforms-form button[type=submit]:active, 
.wpforms-form .wpforms-page-button:hover, 
.wpforms-form .wpforms-page-button:active,
div.wpforms-container-full input[type=submit]:hover, div.wpforms-container-full input[type=submit]:active, div.wpforms-container-full button[type=submit]:hover, div.wpforms-container-full button[type=submit]:active, div.wpforms-container-full .wpforms-page-button:hover, div.wpforms-container-full .wpforms-page-button:active, .wp-core-ui div.wpforms-container-full input[type=submit]:hover, .wp-core-ui div.wpforms-container-full input[type=submit]:active, .wp-core-ui div.wpforms-container-full button[type=submit]:hover, .wp-core-ui div.wpforms-container-full button[type=submit]:active, .wp-core-ui div.wpforms-container-full .wpforms-page-button:hover, .wp-core-ui div.wpforms-container-full .wpforms-page-button:active {
    background-color: var(--accent-strong-2) !important;
    color: var(--base) !important;
    border-color: var(--accent-strong-2) !important;
	box-shadow: none !important;
}
 
/* New button focus styles */
.wpforms-form input[type=submit]:focus,
.wpforms-form button[type=submit]:focus,
.wpforms-form .wpforms-page-button:focus {

}