/*************************************************************************/
/*  Theme Custom  */

body {
	font-family: 'poppins', sans-serif !important;
	font-weight: 300;
	font-size: clamp(18px,1.6vw,21px);
	line-height: 1.5;
	color: #000;
	background-color: #fff;
}

/*Link Farbe */
a {
	color: #222;
}

/* Txt Links im Content */
:is(.res-content p, .res-content li) a:not(.nav-link, .dropdown-item) {
	font-weight: 600;
	color: black;
}
 
.brand-color {
	color: #4a90e2; 
}

/*Labels bei allen Formularen ausser bei demjenigen mit Material Design ausblenden*/
 form.forminator-ui:not(.forminator-design--material) .forminator-label {
     display: none !important;
}

/* Title clamp */
h1, h2, h3, h4, h5, h6 {
	font-family: 'poppins', sans-serif;
	font-weight: 300;
	line-height: 110%;
}
h1 {
	font-size: clamp(26px, 3.9vw, 300%);
	font-weight: 600;
}
h2 {
	font-size: clamp(24px, 3vw, 180%);
	font-weight: 600;
}
h3 {
	font-size: clamp(21px, 2.6vw, 180%);
	line-height: 120%;
	font-weight: 300;
}
h4 {font-size: clamp(19px, 1.9vw, 110%);} 
h5 {font-size: clamp(18px, 1.5vw, 105%);} 
h6 {font-size: clamp(17px, 1.4vw, 100%);} 

@media only screen and (max-width: 970px) {
	 h1, h2, h3, h4, h5, h6 { 
		 /* hyphens: auto; */
		 /* -webkit-hyphens: auto; */
		}
}

/* Headline grosse Title  */

.headline-title h1  {
	font-size: clamp(240%, 4.2vw, 440%);
	line-height: 110%;
}
.headline-title h2  {
	font-size: clamp(240%, 3.8vw, 360%);
	line-height: 110%;
}
.headline-title h3  {
	font-size: clamp(240%, 3.3vw, 280%);
	line-height: 110%;
}
.res-boxes .headline-title h2,
.res-boxes .headline-title h3,
.res-slider-content .headline-title h2,
.res-slider-content .headline-title h3 {
	font-size: clamp(140%, 2.4vw, 330%);
	line-height: 110%;
}


/* Container */
.container {
    max-width: 1280px;
}
.container-fluid {
    max-width: 80%;
}
.container-small {
	max-width: 900px;
	margin: 0 auto;
}

@media only screen and (max-width: 1400px) {
	.container{	max-width: 90%;	}
	.container-fluid {max-width: 90%;}
}

/* Logo */
.logo {
	padding-top: 0;
	padding-bottom: 0;
}

/* Logo Size  */
.logo img {
	width: clamp(50px, 15vw, 100px);
	height: auto;
}
/* Logo Mobile  */
@media only screen and (max-width: 970px) {
	.res-nav .logo-mobile img {
		height: 30px;
	}
}


/*  Fixnav */
.res-fixnav.show .logo {
	padding-top: 0;
	padding-bottom: 0;
}
.res-fixnav.show .logo img {
	width: clamp(90px, 8vw, 100px);
	height: auto;
}
@media only screen and (min-width: 970px) {
	.res-fixnav.show { 
		background: rgba(255,255,255, 1.0);
	}
	.res-fixnav.show .res-nav li a {
		font-size: 90%;
	}
}
@media only screen and (max-width: 970px) {
	
	.res-fix-nas-in-viewport:not(.page-on-top) .res-fixnav {
		background: transparent;
	}
	.res-fix-nas-in-viewport:not(.page-on-top) .res-fixnav .res-mobile-bar {
		background: #4a90e2;
	}
	.res-fix-nas-in-viewport:not(.page-on-top) .res-fixnav .res-mobile-bar {
		background-color: #fff;
		box-shadow: 3px 8px 10px rgba(100, 100, 100, 0.3);
	}
} 


/* RES Nav */
.res-nav .nav-link {
	font-weight: 300;
	font-size: 115%;
	white-space: nowrap;
}

@media only screen and (max-width: 1660px) {
	/*.res-nav-section .desktop-nav {flex-wrap: wrap;}*/
	.res-nav .nav-link {font-size: 100%; }
}

/* Abstand Mainnav Desktop clamp */
@media only screen and (min-width: 970px) {
	.res-nav .navbar-expand-md .navbar-nav .nav-link {
		padding-right: clamp(15px, 1.8vw, 35px);
		padding-left: clamp(15px, 1.8vw, 35px);
	}
}

/* Hover */
.res-nav-section li a:hover{
	color: #000;
}

/* active Nav */
	li.active > a.nav-link,
	.res-header li.current-page-ancestor .current-page-ancestor a,
	#burger-menu-nav li.current-page-ancestor .current-page-ancestor a,
	#burger-menu-nav li.current-page-ancestor > a.nav-link,
	li.active .current-menu-item > a.dropdown-item,
	.res-navtab .tabs .nav-link.active,
	.res-navtab .tab-links .nav-single-tab.active .nav-link,
	#res-menu-mobile .current-page-ancestor > a, 
	#res-menu-mobile .current-page-ancestor .dropdown-submenu.active > a, 
	#res-menu-mobile .dropdown-submenu.active > a {
		color: #000;
}


/* Buttons */
.btn {
	padding: 0.7rem 2.4rem;
	border-radius: 6px;
}
.btn-primary{
    background-color: #000;
    color: #eee !important;
	font-weight: 300 !important;
}

.btn-primary:link {}
  
.btn-primary:visited {}
  
.btn-primary:hover {}
  
.btn-primary:active {}

.btn-primary:focus {}

.btn-secondary{
	border: 1px solid #232323;
	background-color: #fff;
	color: #232323;
}

.btn-secondary:link {}
  
.btn-secondary:visited {}
  
.btn-secondary:hover {}
  
.btn-secondary:active {}

.btn-secondary:focus {}

.btn-text-link {
	padding: 0;
	border-radius: 0;
	border: 0;
}

.btn-text-link:link {}
  
.btn-text-link:visited {}
  
.btn-text-link:hover {}
  
.btn-text-link:active {}

.btn-text-link:focus {}

.btn-sm {
    font-size: 85%;
    padding: 0.4rem 1.4rem;
}


/* Footer */

.res-footer {
	border-top: 0px solid #eee;
	background-color: transparent;
}

.res-widget-footer .footer-tile {
	padding-bottom: 15px;
}
.footer-social-box a {
	background: #000;
	border-radius: 100%;
}
.res-widget-footer.footer-social-icon .fa-res-icon svg {
	fill: #fff;
	height: clamp(20px,1.0vw,80px);
}
.res-widget-footer.footer-social-icon span.fa-res-icon,
.res-widget-footer.footer-social-icon span.fa-res-i {
	width: 45px;
	height: 45px;
	color: #fff;
}


/* Formular  */


.forminator-ui .forminator-required {
	color: #eee;
	opacity: 0.4;
}
.forminator-ui .forminator-label {
    font-size: 90%;
    font-family: inherit;
    font-weight: 300;
	padding-bottom: 0.5rem;
}

.forminator-ui .forminator-checkbox, 
.forminator-ui .forminator-checkbox__label, 
.forminator-ui .forminator-checkbox__label p {
    font-size: 90%;
    font-family: inherit;
    font-weight: 300;
}


/*************************************************************************/
/*   Custom-CSS  */

.marker{
	display: inline-block;
	font-weight: 400;
	font-size: 16px;
	text-transform: uppercase;
	border-bottom: 1px solid #2b52b9;
	color: #2b52b9;
}

.header-option-absolute.res-fixnav.show {
	box-shadow: none !important;
}
.res-fixnav.show,
.res-fix-nas-in-viewport:not(.page-on-top) .res-fixnav .res-mobile-bar {
	background: transparent;
}

.aktueller-preis {
	position: fixed;
    bottom: 0%;
    width: 100vw;
    z-index: 1000;
    background: white;
}

.aktueller-preis :where( h4, p) {
	line-height: 1;
}

.aktueller-preis strong,
.provided-service strong {
	font-weight: 800;
}

.small-font {
	font-size: 70%;
}

.paket-icon {
	font-size: 2rem;
}
.services-wrapper {
	box-shadow: 0px 0px 20px #0000004d;
	padding: 2rem;
}
.forminator-step:not(.forminator-current ~ .forminator-step):not(.forminator-current) .forminator-step-dot::before {
	content: "✓" !important;
	color: white !important;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-family: 'Font Awesome 6 Pro' !important;
}
.forminator-step {
	outline: none !important;
}














#forminator-module-1208 {
    margin-top: -3rem;
    background-color: white;
    position: relative;
    border-radius: 10px;
}

[class$="selection__arrow"] [class^=forminator-icon-]:before {
	content: "\f078" !important;
    font-family: 'Font Awesome 6 Pro' !important;
    font-size: 16px !important;
}

#forminator-custom-form-1208--page-3 :where(.standort-repeater, .formular-repeater, .plugin-repeater, .sprache-repeater) .forminator-grouped-fields::after {
	font-family: 'Font Awesome 6 Pro' !important;
    font-size: 2rem !important;
    font-weight: 200;
}

#forminator-custom-form-1208--page-3 .standort-repeater .forminator-grouped-fields::after {
    content: "\f3c5" !important;
}

#forminator-custom-form-1208--page-3 .formular-repeater .forminator-grouped-fields::after {
    content: "\e1da" !important;
}

#forminator-custom-form-1208--page-3 .plugin-repeater .forminator-grouped-fields::after {
    content: "\f1e6" !important;
}

#forminator-custom-form-1208--page-3 .sprache-repeater .forminator-grouped-fields::after {
    content: "\f1ab" !important;
}

#forminator-custom-form-1208--page-3 .forminator-checkbox .forminator-checkbox-box:before {
    content: "\2b";
    opacity: 1;
    font-family: 'Font Awesome 6 Pro' !important;
    font-size: 20px !important;
    color: black;
    font-weight: 300;
}










.provided-service {
	border-top: 1px solid black;
	padding: 1rem 0;
}

.services-titel {
	border: none;
}

.price-name {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.provided-service :where(p,h2,h3,h4) {
	margin: 0;
}

.forminator-pagination-steps {
	padding: 1rem;
}

.forminator-pagination-steps .forminator-step .forminator-step-label {
	margin-left: 15px !important;
}

.forminator-pagination-steps .forminator-break {
	width: 2px !important;
	margin: 0 14px !important;
}

.forminator-is_active .forminator-label[class*="forminator-floating-"] {
	font-size: 13px !important;
}

.forminator-textarea {
	padding-top: 60px !important;
}

@media (max-width: 970px) {
	.forminator-ui.forminator-custom-form-1208.forminator-design--material .form-no-label .forminator-input--wrap::before {
		left: -10% !important;
	}

	.forminator-ui.forminator-custom-form-1208.forminator-design--material .form-no-label .forminator-input--wrap {
		max-width: 91% !important;
	}
}

@media (max-width: 600px) {
	#forminator-module-1208:not(.select2-dropdown) {
		padding: 0 !important;
	}

	.forminator-ui.forminator-custom-form-1208.forminator-design--material .form-no-label .forminator-input--wrap {
		max-width: 90% !important;
	}

	.forminator-ui.forminator-custom-form-1208.forminator-design--material .form-no-label .forminator-input--wrap::before {
		left: -15% !important;
	}

	.price-name  p:first-of-type {
		width: 60%;
	}

	.price-name {
		flex-direction: column;
		align-items: baseline;
	}

	.price-name p:first-of-type {
		width: 100%;
	}
}

@media (min-width: 970px) {
	.forminator-pagination-steps .forminator-break {
		margin: 0 5px !important;
		height: 2px !important;
	}

	#forminator-custom-form-1208--page-0-label .forminator-step-dot::after {
		content: "Firmendaten" !important;
	}

	#forminator-custom-form-1208--page-1-label .forminator-step-dot::after {
		content: "Struktur" !important;
	}

	#forminator-custom-form-1208--page-2-label .forminator-step-dot::after {
		content: "Design" !important;
	}

	#forminator-custom-form-1208--page-3-label .forminator-step-dot::after {
		content: "Features" !important;
	}

	#forminator-custom-form-1208--page-4-label .forminator-step-dot::after {
		content: "Let's go!" !important;
		white-space: nowrap !important;
	}

	.forminator-pagination-steps .forminator-step .forminator-step-label {
		display: none !important;
	}

	.forminator-pagination-steps {
		max-width: 90% !important;
		margin: 0 auto !important;
		padding: 0 !important;
	}

	.forminator-pagination-steps .forminator-step .forminator-step-label {
		margin-left: 0 !important;
	}

	.forminator-row:has(div[id^="html"]):first-of-type {
		margin-top: 9rem !important;
		margin-bottom: 4rem !important;
	}
}
/*box-shadow: 0px 0px 15px #0000001f;*/