/*
Theme Name: LOS-SPAROS
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: LOS-SPAROS
Author URI: https://www.los-sparos.de/
Template: enfold
*/



/*Add your own styles here:*/

.mietobjekte-liste a.mietobjekt-link{
	border: 1px solid #e6e6e6;
    padding: 10px;
}



#offer10 {
	    border: 1px solid #ee3239;
    padding: 20px;
    background: #f4f4f4;
}



#wpforms-481-field_5-container{
	margin-bottom: 20px;
}


#nlsection{
	box-shadow: 1px 1px 7px #d4d4d4;
}


#wpforms-form-452 .wpforms-submit{
	background-color: #ffe721;
    color: #000000;
}

#wpforms-form-452 .wpforms-submit:hover{
	background-color: #ffe721;
    color: #000000;
}

#wpforms-form-452 label{
font-size: 13px;	
}



#wpforms-form-452 .wpforms-field{
	padding: 5px 0;
}

#wpforms-form-452 input[type="text"]{
	margin-bottom: 0px;
	    background-color: #ffffff !important;
}



#footer a:hover{
		color: #000000 !important;
		text-decoration: underline;
		
	}

#salesoffers .avia_textblock{
	display: flex;
	gap: 15px;
}

#salesoffers. .sale-artikel{z-index: 10;}
#salesoffers .sale-artikel:last-child img{
	border: 1px solid #EE3239;
}
#salesoffers .sale-artikel:last-child:before{
	content: "";
    width: 100px;
    height: 100px;
    background: var(--wpr-bg-ad2b52aa-3322-4f5d-bd85-8037fbbc3866);
    display: inline-block;
    position: absolute;
    right: -70px;
    background-size: contain;
    background-repeat: no-repeat;
    rotate: -14deg;
    top: 1px;
	z-index: -2;
}

#salesoffers .sale-artikel:last-child:before{
	animation-name: 'swing';
	transform-origin: top center;
	animation: swing 5s ease infinite;
}


#lastafter .avia-image-container:before {
	animation-name: 'swing';
	transform-origin: top center;
	animation: swing 5s ease infinite;
}
@keyframes swing {
	20% { transform: rotate(15deg); }	
	40% { transform: rotate(-10deg); }
	60% { transform: rotate(5deg); }	
	80% { transform: rotate(-5deg); }	
	100% { transform: rotate(0deg); }
}



#lastafter .avia-image-container:before{
    content: "";
    width: 100px;
    height: 100px;
    background: url(/wp-content/uploads/2023/11/sale-tag-icon.svg);
    display: inline-block;
    position: absolute;
    right: -70px;
    background-size: contain;
    background-repeat: no-repeat;
    rotate: -14deg;
    top: 1px;
}






.av-main-nav > li > a{
	font-size: 16px;
	letter-spacing: 1px;
}

.avia-menu-fx{
	background-color: #ffe720 !important;
}


.logo a{
	padding: 10px 0px;
}

.logo a svg{
	    max-width: 180px;
}


#nlContainer{
display:flex;
	align-items: center;
  justify-content: space-around;
}

#nlContainer .nlFirst{flex: 1 1 auto;}
#nlContainer .nlSecond{flex: 2 1 auto;}

#nlContainer .nlSecondBlock{
display:flex;
	align-items: center;
  justify-content: space-around;
}


#nlContainer .nlHeadline{
	font-family: 'cabin-sketch';
	font-size: 35px;
	color: #EE3239;
}

#nlContainer .nlSecondHeadline{
	font-size: 17px;
	font-weight: bold;
}

#nlContainer .nlButton{
	    background: #EE3239;
    color: #ffffff;
    padding: 10px 20px;
    text-transform: uppercase;
}

#nlBox{
	border: 1px solid #c0c0c0;
}


#custButBlack a{
	    color: #000000 !important;
    border-color: #fae720 !important;
    background: transparent !important;
    border: 3px solid #000000 !important;
    font-family: 'cabin-sketch' !important;
    font-size: 20px !important;
}


#custButBlack{
	bottom: 20px;
    position: absolute;
    right: 20px;
}


.nlButtonWrap a{
		    color: #EE3239 !important;
    border-color: #EE3239 !important;
    background: transparent !important;
    border: 3px solid #EE3239 !important;
    font-family: 'cabin-sketch' !important;
    font-size: 20px !important;
	
}

#newsletter-info ul {
	list-style: none;
}

#newsletter-info li {
	position: relative;
	padding-left: 1.5em;
}


#newsletter-info li:before {
	content: '';
    position: absolute;
    left: -6px;
    top: 6px;
    width: 15px;
    height: 15px;
    background: var(--wpr-bg-735526bc-7b91-41da-81b8-c0248c883205) no-repeat;
    background-size: contain;
}

#footer-social-links .avia-related-tooltip {
	display: none !important;
}


/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 989px) {
  /* Add your Mobile Styles here */
	
	.nlFirst{
		margin-bottom: 40px;
    text-align: center;
		width: 100%;
	}
	#nlContainer{
		flex-wrap: wrap;
	}
	.nlSecondBlock{
		flex-wrap: wrap;
	}
	
	.nlSecondWrap{
		margin-bottom: 50px;
    text-align: center;
		width: 100%;
	}

	
	
	#salesoffers .avia_textblock{
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 0;

}
	#salesoffers .sale-artikel{
	 width: 48%;
	margin-bottom: 30px;
	}
	
	.logo a svg{
		max-width: 175px !important;
	}
	
	

}
@media only screen and (max-width: 584px) {
  /* Add your Mobile Styles here */
	#mieten-uebersicht .mietobjekte-liste .mietobjekt-link{
		
		width: 45% !important;
	}
	
	#mieten-uebersicht .mietobjekte-liste{
		justify-content: center;
		gap: 0px;
	}
}
/*FORMS*/

#mietanfrage-formular .wpforms-field-label{
	font-size: 17px;
}
#mietanfrage-formular .wpforms-container input {
	background-color: #ffffff !important;
	border: none !important;
	border-bottom: 1px solid #000000 !important;
	font-size: 17px !important;
	color: #000000 !important;
}
#mietanfrage-formular .wpforms-container textarea {
	background-color: #ffffff !important;
	border: 1px solid #000000 !important;
	font-size: 17px !important;
	color: #000000 !important;
}
#mietanfrage-formular .wpforms-container .wpforms-uploader {
	background-color: #ffffff !important;
	border: 1px solid #000000 !important;
}
#mietanfrage-formular .wpforms-container svg {
	fill: #000000 !important;
}

#mietanfrage-formular .wpforms-container .modern-title {
	color: #000000 !important;
}

#mietanfrage-formular .wpforms-container button {
	    background-color: white !important;
    border: 1px solid #000000 !important;
    color: #000000 !important;
}

#mietanfrage-formular .wpforms-container .wpforms-submit-container {
	float: right;
}
#mietanfrage-formular .wpforms-container input:focus {
	box-shadow: none !important;
}
#mietanfrage-formular .wpforms-container textarea:focus {
	box-shadow: none !important;
}
#mietanfrage-formular .wpforms-container .wpforms-captcha-question {
	padding-left: 6px !important;
	color: #000000 !important;
}


#mietanfrage-formular .wpforms-container ::-webkit-input-placeholder { /* Chrome and Safari */
   color: #1d2a5d !important;
	opacity: 1 !important;
	font-family: 'bitter';
}
  
#mietanfrage-formular .wpforms-container :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #1d2a5d !important;
   opacity: 1 !important;
	font-family: 'bitter';
}
  
#mietanfrage-formular .wpforms-container ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #1d2a5d !important;
   opacity: 1 !important;
	font-family: 'bitter';
}
  
#mietanfrage-formular .wpforms-container :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #1d2a5d !important;
	opacity: 1 !important;
	font-family: 'bitter';
}
  
#mietanfrage-formular .wpforms-container ::-ms-input-placeholder { /* Microsoft Edge */
   color: #1d2a5d !important;
	opacity: 1 !important;
	font-family: 'bitter';
}
  
#mietanfrage-formular .wpforms-container ::placeholder {
   color: #1d2a5d !important;
	opacity: 1 !important;
	font-size: 17px !important;
}

#mietanfrage-formular .wpforms-field-captcha label{
	opacity: 1 !important;
    font-size: 17px !important;
	color: #1d2a5d !important;
}
#mietanfrage-formular .wpforms-captcha-math span span{
	opacity: 1 !important;
    font-size: 17px !important;
	color: #1d2a5d !important;
}

#mietanfrage-formular .wpforms-field-captcha .wpforms-required-label{
	opacity: 1 !important;
    font-size: 17px !important;
	color: #1d2a5d !important;
}

#mietanfrage-formular .wpforms-confirmation-container-full {
	background-color: #ffffff !important;
	border: 1px solid #000000 !important;
	font-size: 17px !important;
}

#mietanfrage-formular .wpforms-confirmation-container-full p {
	color: #000000 !important;
}


/* Mieten */

#mieten-uebersicht .mietobjekte-beschreibung {
	font-size: 16px;
	margin-bottom: 40px;
}

#mieten-uebersicht .mietobjekte-liste {
	display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

#mieten-uebersicht .mietobjekt-link {
	display: flex;
    flex-direction: column;
	width: 234px;
}

#mieten-uebersicht .mietobjekt-link:hover {
	color: #000 !important;
}

#mieten-uebersicht .mietobjekt-link .mietobjekt-titel {
	font-size: 16px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#mieten-uebersicht .mietobjekt-link .image-overlay {
	display: none !important;
}

#mieten-uebersicht .mietobjekte-liste .mietobjekt-link {}

#mietobjekt .avia-gallery .image-overlay {
	display: none !important;
}

#mietobjekt .avia_textblock {
	font-size: 16px;
}

#mieten-uebersicht .mietobjekte-liste .mietobjekt-link .mietobjekt-image {}

.mietobjekt-template-default .mfp-container .mfp-bottom-bar {
	display: none;
}