/*
Theme Name:  Dilly Child Theme
Description: Dies ist ein benutzerdefiniertes Child-Theme für Dilly
Theme URI:   https://www.dilly.work
Author: Dilly
Author URI:  https://www.dilly.work
Template: dilly
Version: 1.0
*/

  @import url("https://use.typekit.net/okq5tmq.css");

body{
	font-family: "ibm-plex-mono", sans-serif;
}

.headline{
	font-family: orbitron, sans-serif;
}

#top nav>ul{
	font-family: orbitron, sans-serif;
}

#slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a{
	font-family: orbitron, sans-serif !important;
}

h1, h2, h3, h4, h5, h6{
	font-weight: normal;
	font-family: orbitron, sans-serif;
}

.text_accent_color1 *{
	color: #DB040C !important;
}

.custom_header_fontsize{
	font-size: 145%;
}

a#logo{
	position: relative;
	top: 10px;
	transform: scale(1.25);
}

blockquote{
	font-family: ibm-plex-mono, sans-serif;
}

.small-footer-links a{
	font-size: 125%;
	opacity: 1.0 !important;
}

.small-footer-links a:hover{
	opacity: 0.65 !important;
}

.nectar-flickity[data-overflow=visible]:not(.masonry) .flickity-viewport{
	margin-bottom: 90px !important;
}

.nectar-flickity[data-control-style=material_pagination] .flickity-page-dots, .nectar-flickity[data-controls=material_pagination] .flickity-page-dots{
	bottom: -75px !important;
}


.flickity-page-dots .dot:before{
	height: 8px !important;
	background: #374338 !important;
	opacity: 1.0 !important;
	border-radius: 20px;
}

.flickity-page-dots .dot.is-selected:before{
	background: #DB040C !important;
	opacity: 1.0 !important;
}

.subline_style{
	font-size: 125%;
}




.span_12.light .select2-container--default .select2-selection--single, .span_12.light input[type=date], .span_12.light input[type=email], .span_12.light input[type=password], .span_12.light input[type=search], .span_12.light input[type=tel], .span_12.light input[type=text], .span_12.light input[type=url], .span_12.light select, .span_12.light textarea, body[data-fancy-form-rcs="1"] .span_12.light .select2-container--default .select2-selection--single {
	background-color: rgba(255, 255, 255, 0);
	border-color: rgba(255, 255, 255, 1);
	color: #fff;
	border-radius: 0px;
}

[data-form-style=default] .span_12.light input[type=email]:hover:not(:focus), [data-form-style=default] .span_12.light input[type=text]:hover:not(:focus), [data-form-style=default] .span_12.light textarea:hover:not(:focus) {
	border-color: #DB040C;
}

.span_12.light input[type=date]:focus, .span_12.light input[type=email]:focus, .span_12.light input[type=password]:focus, .span_12.light input[type=search]:focus, .span_12.light input[type=tel]:focus, .span_12.light input[type=text]:focus, .span_12.light input[type=url]:focus, .span_12.light select:focus, .span_12.light textarea:focus{
	border-color: #DB040C;
}

body[data-form-submit=regular] .container-wrap button[type=submit], body[data-form-submit=regular] .container-wrap input[type=submit] {
	padding: 15px 42px !important;
	font-family: ibm-plex-mono, sans-serif !important;
}

span.quform-button-text.quform-button-submit-text{
	font-family: ibm-plex-mono, sans-serif !important;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.cmplz-cookiebanner.cmplz-show{
	box-shadow: rgb(0 0 0 / 5%) 0px 10px 20px, rgb(0 0 0 / 4%) 0px 6px 6px !important;
}

button.cmplz-btn.cmplz-manage-consent.cmplz-show{
		top: calc(100% - 80px) !important;
		width: 50px!important;
		height: 50px !important;
		border-radius: 100% !important;
		padding: 0px !important;
		min-width: 50px !important;
		background: var(--cmplz_button_accept_background_color) !important;
	box-shadow: rgb(0 0 0 / 5%) 0px 10px 20px, rgb(0 0 0 / 4%) 0px 6px 6px !important;
}

button.cmplz-btn.cmplz-manage-consent.cmplz-show:hover{
	box-shadow: rgb(0 0 0 / 9%) 0px 10px 20px, rgb(0 0 0 / 13%) 0px 6px 6px !important;
}

button.cmplz-btn.cmplz-manage-consent.cmplz-show svg{
	width: 30px !important;
	height: 30px !important;
	margin-bottom: -5px;
}

.cmplz-description{
	line-height: 18px;
}

#cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode{
	max-width: 100%;
}

.vorteile_row ul li::marker{
	color: #DB040C;
}

@media only screen and (min-width: 1px) and (max-width: 999px) {
	#header-outer #top .col.span_3 #logo {
		vertical-align: middle;
		transform: scale(2.25) !important;
		top: 10px;
		left: 30px;
	}
	
	.force-phone-text-align-center .img-with-aniamtion-wrap{
		display: inline-block;
	}
}