/*
Theme Name: AKW
Description: AKW THEME
Author: Max
Template: Divi
Version: v1.1
*/

html.lity-active body {
	overflow: hidden !important;
}

.akw_footer a {
	color:#ffffff;
}

.akw_header .et_pb_menu__wrap {
	justify-content: flex-end;
}

.startsection {
	overflow: hidden;
}

.standardbutton {
	padding:20px 30px 16px 30px;
	border-radius:5px;
	background-color:#f4e826;
	color:#000000;
	font-family:'Sora',Helvetica,Arial,Lucida,sans-serif;
	font-size:20px;
	line-height:1em;
	display:inline-block;
	text-transform: uppercase;
	font-weight:600;
	border:none;
	box-shadow: none;
	transition: background-color .3s ease;
	cursor: pointer;
}

.standardbutton:hover {
	background-color:#e9dd17;
}

.akw_header {
	background-color:rgba(0,0,0,.0);
}

.akw_header .et_pb_menu__logo img {
	width:300px;
}

.akw_header_visible {
	background-color:rgba(0,0,0,.8);
	transition: none !important;
}

.getBlacked {
	background-color:#000000 !important;
}

.txtleft:after {
	content: "";
    display: block;
    position: absolute;
    width: 100px;
    right: -120px;
    top: 50%;
    height: 2px;
    background-color: #3d3d3d;
}

.txtright:after {
	content: "";
    display: block;
    position: absolute;
    width: 100px;
    left: -120px;
    top: 50%;
    height: 2px;
    background-color: #3d3d3d;
}

.customnumber {
	background-color:#4c6f9e;
	font-size:40px;
	padding: 10px 35px;
    border-radius: 55px;
	color:#ffffff;
}

.akw_yellow {
	transform: translateY(-25%) !important;
}

.akw_highlight {
	color:#f4e826;
}

.akw_contact a {
	color:#f4e826;
}

.akw_customvideo {
	width:100%;
	aspect-ratio: 1 / 1;
	overflow:hidden;
}

.akw_customvideo .et_pb_video_box video, .akw_customvideo .et_pb_video_box {
	width: 100% !important;
  	height: 100% !important;
	object-fit: contain;
}

.akw_customvideo .et_pb_video_overlay {
	background-color:#ffffff;
}

.akw_customvideo .et_pb_video_overlay_hover {
	border-radius: 50%;
}






















/*---------- FORM ----------*/

.imgradios {
	display:flex;
	justify-content: center;
}

.imgradios .ff-el-form-check:first-child {
	margin-right:50px !important;
}

.imgradios .ff-el-form-check .ff-el-form-check-label span {
	margin-top:-40px !important;
	background-color:#dedc03 !important;
	color:#000000 !important;
	transition: background-color .3s ease;
	font-family:'Sora',Helvetica,Arial,Lucida,sans-serif;
	font-weight: 600 !important;
    font-size: 18px !important;
    padding-top:20px !important;
    padding-bottom:20px !important;
}

.hidenav .step-nav {
	display:none;
}

.ff-step-header .ff-el-progress-status {
	display:none;
}

.fluentform .ff-step-header {
	max-width: 200px;
    margin-left: auto;
    margin-right: auto;
}

.fluentform .ff-el-progress-bar span {
	display:none !important;
}

.fluentform .ff-el-progress-bar {
	background-color:#4d709f !important;
}

.fluentform .ff-el-progress {
	height:10px !important;
	margin-top:20px;
}

.ff-el-progress:before {
	content:"Dauert keine Minute, versprochen! ✌️";
	position: absolute;
	margin-top:-20px;
}

.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff-el-image-holder.ff_item_selected {
	border:none !important;
}

.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff-el-image-holder {
	border:none !important;
}

.ff-custom_html p {
	font-family:'Sora',Helvetica,Arial,Lucida,sans-serif;
	font-weight: 700;
    font-size: 25px;
    color: #000000!important;
    line-height: 1.2em;
    text-align: center;
	padding-top:20px;
	padding-bottom:30px !important;
}

.customcheckbox {
	max-width:500px;
	margin-left:auto;
	margin-right:auto;
}

.customradio .ff-el-form-check {
	background-clip: padding-box;
    background-image: none;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    color: #495057;
    display: block;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 0;
    max-width: 100%;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width: 100%;
    margin-bottom:20px;
}

.customradio .ff-el-form-check:last-child {
	margin-bottom:0px !important;
}

.customradio .ff-el-form-check-label {
    width: 100%;
    display: block;
    padding:15px;
    margin:0px !important;
    position:relative;
}

.customradio .ff-el-form-check-input {
	top: 0 !important;
    bottom: 0 !important;
    margin: auto 0 !important;
	position:absolute !important;
}

.customradio label span {
	padding-left:30px;
	display:inline-block;
	line-height:1.3em;
}

.fluentform .ff-el-form-control {
	padding:15px !important;
}

.fluentform .ff-inner_submit_container {
	gap:0px !important;
	justify-content: center !important;
}

.customsubmit {
	background-color:#f4e826 !important;
	font-family:'Sora',Helvetica,Arial,Lucida,sans-serif !important;
	font-size:20px !important;
	line-height:1em !important;
	text-transform: uppercase;
	font-weight:600 !important;
	color:#000000 !important;
	width:100%;
	padding:20px 30px 16px 30px !important;
	border-radius:5px !important;
	text-align: center;
	transition:background-color .3s ease !important;
	opacity: 1;
	animation: shake 4s infinite;
	margin-bottom:20px;
}

.customsubmit:hover {
	background-color: #e9dd17 !important;
	opacity: 1 !important;
}

@keyframes shake {
    5%,50% {
        transform: scale(1)
    }

    10% {
        transform: scale(0.9)
    }

    15% {
        transform: scale(1)
    }

    20% {
        transform: scale(1) rotate(-2.5deg)
    }

    23% {
        transform: scale(1) rotate(2.5deg)
    }

    26% {
        transform: scale(1) rotate(-1.5deg)
    }

    30% {
        transform: scale(1) rotate(1.5deg)
    }

    35% {
        transform: scale(1) rotate(0)
    }
}



.ff_modal_container {
	max-width:600px !important;
	padding: 30px 30px 20px 30px !important;
}

.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff-el-image-holder span {
	white-space: inherit !important;
}

/*MOBILE MENU*/

.akw_header .et_mobile_menu {
	border-top:none;
	min-width: 100vw;
    min-height: 100vh !important;
    min-height: -webkit-fill-available;
    top:-20px;
    padding-top:150px;
    z-index:1;
}

.et_mobile_menu li {
	text-align:center;
}

.et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before, .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__search-button, .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__close-search-button, .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__cart-button {
	color:#ffffff !important;
}

.akw_header .mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}

.akw_header .mobile_nav.closed .et_mobile_menu {
	opacity: 0 !important;
	background-color:transparent;
	transition: all .3s ease !important;
}

.akw_header .mobile_nav.opened .et_mobile_menu {
	opacity: 1 !important;
	background-color:#000000 !important;
	background-image:url(/wp-content/uploads/2023/04/akw_bg_mobile.svg);
	background-repeat: no-repeat;
	background-position: bottom;
}

.akw_header .mobile_nav.closed .et_mobile_menu li {
	opacity:0;
	transition: opacity .3s ease !important;
}

.akw_header .mobile_nav.opened .et_mobile_menu li {
	opacity:1;
}

/*ENDE MOBILE MENU*/

/*RESPONSIV FORM*/

@media(min-width: 1000px) {
	.ff_modal_container {
    	width: 600px;
	}
}

@media(max-width: 980px) {
	.ff-custom_html p {
    	padding-top: 0px !important;
    	padding-bottom: 0px !important;
	}
}

/*ENDE RESONSIV FORM*/

/*---------- ENDE FORM ----------*/

/*RESPONSIVE STUFF*/

.displaymobile {
	display:none;
}

@media(max-width:1540px) {
	.startsection h1 {
		font-size:45px !important;
	}
}

@media(max-width:1130px) {
	.startsection h1 {
		font-size:35px !important;
	}
}

@media(max-width: 1080px) {
    .et_pb_menu .et_pb_menu__menu {
        display: none;
    }
    .et_mobile_nav_menu {
        display: block;
    }
    .et_pb_section_0_tb_header.et_pb_section {
    	padding-left:0px !important;
    	padding-right:0px !important;
    }
    .akw_header .et_pb_menu__logo-wrap {
    	padding-left:30px;
    	z-index:2;
    }
    .akw_header .et_pb_menu__wrap {
    	padding-right:30px;
    }
    .akw_header .mobile_menu_bar {
    	z-index:2;
    }
}

@media(max-width:980px) {
	.displaymobile {
		display:block;
	}
	.displaydesktop {
		display:none;
	}
	.custombottom {
		margin-bottom:0px !important;
	}
	.startsection h1 {
		font-size:45px !important;
		text-align:center;
		max-width:600px;
		margin-left:auto;
		margin-right:auto;
	}
	.startsection .et_pb_text {
		width:100%;
		max-width:100% !important;
		text-align:center;
		max-width:600px !important;
		margin-left:auto;
		margin-right:auto;
	}
	.et_pb_code_inner {
		text-align: center;
	}
	.startsection {
		padding-top:100px !important;
		padding-left:30px !important;
		padding-right:30px !important;
	}
	.startsection .et_pb_image_0 {
		margin-left:auto !important;
		margin-right:auto !important;
		left:initial !important;
		right:initial !important;
		margin-top:20px !important;
	}
	.txtright:after {
		display:none !important;
	}
	.txtleft:after {
		display:none !important;
	}
	.customcolorp p {
		background-color:rgba(255,255,255,.8);
		width: fit-content;
    	margin-left: auto;
    	margin-right: auto;
    	padding:5px;
	}
	.akw_reverse {
		display: flex;
        flex-direction: column-reverse;
	}
}

@media(max-width:767px) {
	.fluentform .ff-el-group.ff_list_buttons.imgradios .ff-el-form-check {
		width:47% !important;
		margin:0px !important;
		float:left !important;
	}
	.fluentform .ff-el-group.ff_list_buttons.imgradios .ff-el-form-check:first-child {
		margin-right:6% !important;
	}
	.fluentform label.ff-el-image-input-src {
		width:100% !important;
		height:unset !important;
		aspect-ratio: 1 / 1;
	}
	.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff-el-image-holder span {
		margin-left:0px !important;
	}
	.imgradios .ff-el-form-check .ff-el-form-check-label {
		margin-top: 0px !important;
    	display: block !important;
    	padding-left:0px !important;
	}

	.akw_customvideo {
		max-width:300px;
		margin-bottom:40px !important;
		margin-left:auto;
		margin-right:auto;
	}
}

@media(max-width:580px) {
	.startsection h1 {
		font-size: 35px !important;
	}
	h2 {
		font-size: 28px !important;
		line-height:1.2em;
	}
	h3 {
		font-size:20px !important;
	}
	.startsection .et_pb_text {
		font-size:16px !important;
	}
}