/*   
Theme Name: Sparwagen24
Version: 1.0
Description: Template zum WordPress Sparwagen24
Author: Ivonne von Nostitz-Wallwitz
Author URI: www.metop.de
*/
@import url('css/bootstrap.css');
@import url('css/sidr.dark.css'); 

@font-face {
	font-family: NunitoSans;
	src: url('css/nunitosans/NunitoSans-ExtraLight.ttf');
	font-weight: 200;
}

@font-face {
	font-family: NunitoSans;
	src: url('css/nunitosans/NunitoSans-ExtraLightItalic.ttf');
	font-weight: 200;
	font-style: italic;
}

@font-face {
	font-family: NunitoSans;
	src: url('css/nunitosans/NunitoSans-Light.ttf');
	font-weight: 300;
}

@font-face {
	font-family: NunitoSans;
	src: url('css/nunitosans/NunitoSans-LightItalic.ttf');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: NunitoSans;
	src: url('css/nunitosans/NunitoSans-Regular.ttf');
	font-weight: 400;
}

@font-face {
	font-family: NunitoSans;
	src: url('css/nunitosans/NunitoSans-Italic.ttf');
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: NunitoSans;
	src: url('css/nunitosans/NunitoSans-Medium.ttf');
	font-weight: 500;
}

@font-face {
	font-family: NunitoSans;
	src: url('css/nunitosans/NunitoSans-MediumItalic.ttf');
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: NunitoSans;
	src: url('css/nunitosans/NunitoSans-SemiBold.ttf');
	font-weight: 600;
}

@font-face {
	font-family: NunitoSans;
	src: url('css/nunitosans/NunitoSans-SemiBoldItalic.ttf');
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-family: NunitoSans;
	src: url('css/nunitosans/NunitoSans-Bold.ttf');
	font-weight: 700;
}

@font-face {
	font-family: NunitoSans;
	src: url('css/nunitosans/NunitoSans-BoldItalic.ttf');
	font-weight: 700;
	font-style: italic;
}

@font-face {
	font-family: NunitoSans;
	src: url('css/nunitosans/NunitoSans-ExtraBold.ttf');
	font-weight: 800;
}

@font-face {
	font-family: NunitoSans;
	src: url('css/nunitosans/NunitoSans-ExtraBoldItalic.ttf');
	font-weight: 800;
	font-style: italic;
}

@font-face {
	font-family: NunitoSans;
	src: url('css/nunitosans/NunitoSans-Black.ttf');
	font-weight: 900;
}

@font-face {
	font-family: NunitoSans;
	src: url('css/nunitosans/NunitoSans-BlackItalic.ttf');
	font-weight: 900;
	font-style: italic;
}


/* GRUNDGERÜST */
* {
	padding: 0;
	margin: 0;
}

html {
	overflow: hidden;
}

html,
body {
	height: 100%;
	/* braucht es für die min-height des Containers */

}

body {
	position: relative;
	width: 100%;
	height: 100%;
	color: rgba(0,0,0,0.8);
	font-family: NunitoSans;
	font-size: 16px;
	overflow-x: hidden;
	background-color: white;
	line-height: 1.5em;
	font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	line-height: 1em;
	margin-bottom: 30px;
}

h1,
.h1 {
	font-size: 40px;
	font-weight: 800;
	font-style: italic;
}

h2,
.h2 {
	font-weight: 800;
	font-size: 30px;
	color: #e50076;
	font-style: italic;
}

h3,
.h3 {
	font-weight: 600;
	font-size: 22px;
	font-style: italic;
}

p {
	margin: 0px;
	margin-bottom: 15px;
}

a {
	color: #e50076;
}

a:hover {
	text-decoration: none;
	color: #e50076;
}

img {
	width: 100%;
	height: auto;
}

.main_container ol {
	padding-left: 15px;
}

.main_container ol li:not(.menu-item):not(.page-item) {
	padding-left: 5px;
}

.main_container ul li {
	color: rgba(0,0,0,0.8);
	list-style-type: none;
	position: relative;
}

.main_container ul li:not(.menu-item):not(.page-item):before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius:50%;
	background-color: #e50076;
	margin-right: 15px;
}

ul li:not(.menu-item):not(.page-item).li_content {
	color: rgba(0,0,0,0.8);
}

a.anker {
	display: inline;
}

@media (max-width: 600px) {
	h1,
	.h1 {
		font-size: 30px;
		font-weight: 800;
		font-style: italic;
	}

	h2,
	.h2 {
		font-weight: 800;
		font-size: 24px;
		color: #e50076;
		font-style: italic;
	}

	h3,
	.h3 {
		font-weight: 600;
		font-size: 18px;
		font-style: italic;
	}
}

/* GRUNDGERÜST */

/* MENÜ */

.main_menu
{
	position:relative;
	width:100%;
	text-align:center;
	background-color:white;
	margin:auto;
	border-top:1px solid rgba(0,0,0,0.8);
}

.main_menu_content
{
	max-width:1000px;
	padding-left:15px;
	padding-right:15px;
	text-align:center;
	margin:auto;
	box-sizing:border-box;
	font-weight:500;
	font-size:16px;
}

.menu_div
{
	width:100%;
}

.menu_container
{
	width:100%;
	display:inline-block;
}

.menu_container_inner
{
	width:100%;
}

.menu-hauptmenue-container
{
	width:100%;
}

.menu-hauptmenue-container ul
{
	display:flex;
	justify-content: space-between;
	margin:0px;
	margin-top:7px;
	margin-bottom:7px;
}

.menu-hauptmenue-container ul li
{
	float:left;
}

.menu-hauptmenue-container ul li a
{
	color:rgba(0,0,0,0.8);
	font-size:14px;
	text-transform:uppercase;
}

.menu-hauptmenue-container ul li a:hover
{
	color:#e50076;
}

.sub_menu
{
	position:relative;
	width:100%;
	text-align:center;
	background-color:white;
	margin:auto;
}

.sub_menu_content
{
	max-width:1000px;
	padding-left:15px;
	padding-right:15px;
	text-align:center;
	margin:auto;
	box-sizing:border-box;
	font-weight:500;
	font-size:16px;
}

.sub_div
{
	width:100%;
	display:flex;
	justify-content: space-between;
}

.logo_div img
{
	max-width:200px;
}

.sub_menu_entries_left,
.sub_menu_entries_right
{
	display:flex;
}

.sub_menu_entries_left li
{
	float:left;
	margin-right:10px;
}

.sub_menu_entries_right li
{
	float:right;
	margin-left:10px;
}

.sub_menu_entries_left
{
	justify-content: start;
}

.sub_menu_entries_right
{
	justify-content: end;
}

.sub_menu_entries_right div
{
	align-content: center;
}

.sub_menu_entries_left div
{
	align-content: center;
}

@media (max-width: 1050px) {

}

@media (max-width: 700px) {
	.main_menu
	{
		display:none;
	}

	.sub_menu_entries_left,
	.sub_menu_entries_right
	{
		font-size:12px;
	}

}

@media (max-width: 500px) {
	
}


/* MENÜ */

/* MOBILE MENÜ */

.menu-button
{
	position:fixed;
	right:0;
	top:130px;
	z-index:5000;
	display:none;
	padding-left:10px;
	padding-right:5px;
	background-color:#e50076; 
	padding-top:5px;
	border-top-left-radius:15px;
	border-bottom-left-radius:15px;
	height:42px;
}

.menu-button-inner
{
	width:32px; 
	height:32px; 
	background-color:#e50076; 
	display:inline-block;
}

.sidr
{
	background-color:#e50076;
	color:white;
}

.sidr ul
{
	display:flex;
	flex-wrap: wrap;
}

.sidr ul li
{
	width:100%;
	flex-wrap: wrap;
	display:flex;
}

.sidr ul li a
{
	color:white;
}

.sidr ul li a:hover
{
	color:black;
}

.sidr ul li:hover > a, .sidr ul li:hover > span, .sidr ul li.active > a, .sidr ul li.active > span, .sidr ul li.sidr-class-active > a, .sidr ul li.sidr-class-active > span
{
	box-shadow:none;
}

@media (max-width: 700px) {

	.menu-button
	{
		display:inline-block;
	}
	
	.menu-button.popup_visible
	{
		display:none;
	}
}

/* MOBILE MENÜ */

/* TOP BUTTON */

.top-button
{
	position:fixed;
	right:15px;
	bottom:15px;
	z-index:5000;
	background-color:#e50076; 
	border-radius:100%;
	width:40px;
	height:40px;
	color:white !important;
	font-size:30px;
	text-align:center;
	padding-top:3px;
}

/* TOP BUTTON */

/* HEADER */

.content_container_div_header
{
	padding:0px; 
	float:left; 
	width:100%; 
	display:inline-block;
	color:rgba(0,0,0,0.8);
	position:relative;
	height:700px;
	background-color:black;
}

.content_container_div_header img
{
	height:700px;
	object-fit:cover;
	object-position:middle;
	width:100%;
	border-bottom: 20px solid #e50076;
}

.header_item
{
	width:100%;
	box-sizing:border-box;
	margin:auto;
	position:absolute;
	max-width:1000px;
	top:0;
	bottom:0;
	right:0;
	left:0;
}

.header_item_inner
{
	display:inline-block;
	width:100%;
	float:left;
	height:700px;
}

.header_inhalt_1
{
	width:100%;
	float:left;
	padding:30px;
	margin-top:25%;
}


.header_item .header_inhalt_1
{
	padding-left:15px; 
	padding-right:15px; 
	text-align:center;
}

.header_inhalt_1 h1, .header_inhalt_1 h2
{
	font-size:60px;
	font-weight:800;
	line-height:1.2;
	margin:0px;
	color:white;
	width:auto;
	display:inline-block;
	margin-top:2px;
	clear:both;
	text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	width:100%;
	max-width:600px;
	margin-left:auto; 
	margin-right:auto;
}

.header_button
{
	background-color:black;
	border-radius:30px;
	border-color:black;
	-webkit-box-shadow: 0px 0px 5px 1px #252525; 
	box-shadow: 0px 0px 5px 1px #252525;
	margin-left:15px;
	margin-right:15px;
	margin-top:30px;
	font-size:26px;
	padding-left:40px;
	padding-right:40px;
	letter-spacing:0.5rem;
}


@media (max-width: 1100px) {
	
	.header_item_inner, .content_container_div_header
	{
		height:500px;
	}

	.content_container_div_header img
	{
		height:500px;
	}
	
	.header_inhalt_1
	{
		margin-top:15%;
	}

	.content_container_div_header h1, .content_container_div_header h2
	{
		font-size:40px;
		margin:0px;
	}
}

@media (max-width: 1000px) 
{
	
	.header_item_inner, .content_container_div_header
	{
		height:400px;
	}

	.content_container_div_header img
	{
		height:400px;
	}
	
	.header_inhalt_1
	{
		margin-top:10%;
	}


	.content_container_div_header h1, .content_container_div_header h2
	{
		font-size:40px;
		margin:0px;
	}
	
	.header_button
	{
		font-size:20px;
	}
}

@media (max-width: 800px) {
	
	.header_item_inner, .content_container_div_header
	{
		height:400px;
	}

	.content_container_div_header img
	{
		height:400px;
	}
	
	.header_inhalt_1
	{
		margin-top:15%;
	}


	.content_container_div_header h1, .content_container_div_header h2
	{
		font-size:34px;
		margin:0px;
	}
}

@media (max-width: 600px) {
	
	.header_item_inner, .content_container_div_header
	{
		height:400px;
	}

	.content_container_div_header img
	{
		height:400px;
	}
	
	.header_inhalt_1
	{
		margin-top:20%;
	}

	.content_container_div_header h1
	{
		font-size:30px;
		margin:0px;
	}

	.content_container_div_header h2
	{
		font-size:28px;
	}
	
	.header_button
	{
		font-size:16px;
	}
	
	.header_button
	{
		font-size:12px !important;
		letter-spacing: 0.1rem !important;
	}
}

/* HEADER */

/* MENÜ */

.logo_div
{
	padding:15px; 
	display:inline-block;
}

/* MENÜ */

/* INHALTE 1-SPALTIG */

.content_container_div_spalte_1
{
	padding:0px; 
	float:left; 
	width:100%; 
	background-color:white; 
	display:inline-block;
	color:rgba(0,0,0,0.8);
	position:relative;
}

.spalte_1_item
{
	width:100%;
	box-sizing:border-box;
	margin:auto;
	position:relative;
	max-width:1000px;
}

@media (max-width: 768px) {
}
/* INHALTE 1-SPALTIG */

/* INHALTE 2-SPALTIG */

.content_container_div_spalte_2
{
	padding:0px; 
	float:left; 
	width:100%; 
	background-color:white; 
	display:inline-block;
	color:rgba(0,0,0,0.8);
	border-bottom:15px solid white;
	position:relative;
}

.spalte_2_item
{
	width:100%;
	box-sizing:border-box;
	margin:auto;
	position:relative;
	max-width:1000px;
}

/* INHALTE 2-SPALTIG */

/* INHALTE 2-SPALTIG 2:1*/

/* INHALTE 2-SPALTIG */

/* TRENNER */

.trenner div
{
	align-content:center;
}

.trenner p 
{
	font-size:40px;
	line-height:1.2;
	margin-bottom:0px;
}

@media (max-width: 768px) {
	.trenner p 
	{
		font-size:24px;
		line-height:1.2;
		margin-bottom:0px;
	}
}

@media (max-width: 568px) {
	.trenner p 
	{
		font-size:20px;
		line-height:1.2;
		margin-bottom:0px;
	}
}


/* TRENNER */

/* BILDER */

.sparschwein
{
	max-width:250px;
}

.icon
{
	width:40px;
	height:40px;
	margin-right:10px;
}

/* BILDER */

/* LINKS */

.trenner a[href^="tel:"]
{
	position:relative;
	padding-left:54px;
}

.trenner a[href^="tel:"]::before{
	content:"";
	background-image: url(images/Icon_Tel_Pink.png);
	background-size: 37px 37px;
	width: 37px;
	height: 37px;
	display:inline-block;
	position:absolute;
	float:left;
	z-index:100;
	top:7px; 
	left:10px;
}

.trenner a[href^="https://wa.me/"]
{
	position:relative;
	padding-left:54px;
}

.trenner a[href^="https://wa.me/"]::before{
	content:"";
	background-image: url(images/Icon_Wahtsapp_pink.png);
	background-size: 37px 37px;
	width: 37px;
	height: 37px;
	display:inline-block;
	position:absolute;
	float:left;
	z-index:100;
	top:7px; 
	left:10px;
}

.trenner a[href^="mailto:"]
{
	position:relative;
	padding-left:54px;
}

.trenner a[href^="mailto:"]::before
{
	content:"";
	background-image: url(images/Icon_Mail_pink.png);
	background-size: 37px 37px;
	width: 37px;
	height: 37px;
	display:inline-block;
	position:absolute;
	float:left;
	z-index:100;
	top:7px; 
	left:10px;
}

.content_button
{
	background-color:black;
	border-radius:30px;
	border-color:black;
	-webkit-box-shadow: 0px 0px 5px 1px #252525; 
	box-shadow: 0px 0px 5px 1px #252525;
	padding-left:20px;
	padding-right:20px;
	font-weight:700;
	margin-top:15px;
	padding-top:15px;
	padding-bottom:10px;
}

.content_button a 
{
	color:inherit;
	padding-top:3px;
	padding-bottom:3px;
	margin-top:-5px;
	display:flex;
	align-content: center;
}

.content_button a[href^="mailto:"]::before
{
	content:"";
	background-image: url(images/Mail_Outline_pink.png);
	background-size: 30px 25px;
	width: 30px;
	height: 25px;
	display:inline-block;
	margin-right:10px;
}

.white_button
{
	background-color:white;
	color:rgba(0,0,0,0.8);
}

#sub_menu li a[href^="tel:"]
{
	color:inherit;
	padding-top:3px;
	padding-bottom:3px;
	margin-top:-5px;
	display:flex;
	align-content: center;
	flex-wrap:wrap;
}

#sub_menu li a[href^="tel:"]::before
{
	content:"";
	background-image: url(images/Telefon_pink.png);
	background-size: 20px 20px;
	width: 20px;
	height: 20px;
	display:inline-block;
	margin-right:10px;
}

#sub_menu .sub_menu_entries_left li
{
	background-color:black;
	color:white;
	border-radius:30px;
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:10px;
}

#sub_menu li a[href^="mailto:"]
{
	color:inherit;
	padding-top:3px;
	padding-bottom:3px;
	margin-top:-5px;
	display:flex;
	align-content: center;
	flex-wrap:wrap;
}

#sub_menu li a[href^="mailto:"]::before
{
	content:"";
	background-image: url(images/Icon_Mail_Schw.png);
	background-size: 40px 40px;
	width: 40px;
	height: 40px;
	display:inline-block;
	margin-left:5px;
}

#sub_menu li a[href^="https://wa.me/"]
{
	color:inherit;
	padding-top:3px;
	padding-bottom:3px;
	margin-top:-5px;
	display:flex;
	align-content: center;
	flex-wrap:wrap;
}

#sub_menu li a[href^="https://wa.me/"]::before
{
	content:"";
	background-image: url(images/Icon_Wahtsapp_pink.png);
	background-size: 40px 40px;
	width: 40px;
	height: 40px;
	display:inline-block;
	margin-left:5px;
}

@media (max-width: 768px) {
	
	.trenner a[href^="tel:"]
	{
		padding-left:35px;
	}

	.trenner a[href^="tel:"]::before{
		background-size: 24px 24px;
		width: 24px;
		height: 24px;
		top:5px; 
	}

	.trenner a[href^="https://wa.me/"]
	{
		padding-left:35px;
	}

	.trenner a[href^="https://wa.me/"]::before{
		background-size: 24px 24px;
		width: 24px;
		height: 24px;
		top:5px; 
	}
	
	.trenner a[href^="mailto:"]
	{
		padding-left:35px;
	}

	.trenner a[href^="mailto:"]::before{
		background-size: 24px 24px;
		width: 24px;
		height: 24px;
		top:5px; 
	}
	
	/* .header_icon_link { */
		/* display:none; */
	/* } */
	
	#sub_menu li a[href^="tel:"] .desktop_only
	{
		display:none;
	}
	
	#sub_menu .sub_menu_entries_left li
	{
		border-radius:15px;
		padding-top:5px;
		padding-left:5px;
		padding-right:5px;
		padding-bottom:0px;
	}
	
	#sub_menu .sub_menu_entries_left li
	{
		border-radius:50%;
		text-align:center;
		background-color:transparent;
	}
	
	#sub_menu li a[href^="tel:"].tel_link::before 
	{
		height: 40px;
		width: 40px;
		background-repeat:no-repeat;
		border-radius:50%;
		margin:0px;
		text-align:center;
		background-position: center;
		background-color:black;
	}

}

@media (max-width: 568px) {
	.trenner a[href^="tel:"]
	{
		padding-left:35px;
	}

	.trenner a[href^="tel:"]::before{
		background-size: 20px 20px;
		width: 20px;
		height: 20px;
		top:4px; 
	}

	.trenner a[href^="https://wa.me/"]
	{
		padding-left:35px;
	}

	.trenner a[href^="https://wa.me/"]::before{
		background-size: 20px 20px;
		width: 20px;
		height: 20px;
		top:4px; 
	}
	
	.trenner a[href^="mailto:"]
	{
		padding-left:35px;
	}

	.trenner a[href^="mailto:"]::before{
		background-size: 20px 20px;
		width: 20px;
		height: 20px;
		top:4px; 
	}
	
	#sub_menu li,
	#sub_menu ul 	
	{
		margin:0px;
		width:100%;
	}
	
	#sub_menu li a[href^="mailto:"]::before
	{
		background-size: 30px 30px;
		width: 30px;
		height: 30px;
		margin-right:-15px;
	}
	
	#sub_menu li a[href^="https://wa.me/"]::before
	{
		background-size: 30px 30px;
		width: 30px;
		height: 30px;
		margin-top:5px;
		margin-right:-15px;
	}
	
	#sub_menu li a[href^="tel:"]
	{
		color:inherit;
		padding-top:3px;
		padding-bottom:3px;
		margin-top:-5px;
		display:flex;
		align-content: center;
	}
	
	#sub_menu li a[href^="tel:"].tel_link::before 
	{
		height: 30px;
		width: 30px;
	}
	
	#sub_menu li a[href^="tel:"]::before
	{
		background-size: 17px 17px;
	}

}
	
/* LINKS */

/* FOOTER */

.content_container_div_footer {
	padding: 0px;
	float: left;
	width: 100%;
	display: inline-block;
	color: white;
	
}

.footer_item_container {
	width: 100%;
	box-sizing: border-box;
	position: relative;
	background-image:url(images/rauch.jpeg);
	background-size: cover;
	color: white;
	float: left;
	display: inline-block;
	text-align: center;
	border-top: 20px solid #e50076;
	background-position: bottom right;
}

.footer {
	width: 100%;
	box-sizing: border-box;
	margin: auto;
	position: relative;
	max-width: 1000px;
	padding: 50px;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 1.5em;
	max-width: 1000px;
	display: inline-block;
}

.footer_spalte {
	width: 25%;
	float: left;
	font-weight: 400;
	color: white;
	display: inline-block;
}

.footer_spalte_1 {
	width: 30%;
}

.footer_spalte_4 {
	width: 20%;
}

.footer_spalte .textwidget {
	margin-bottom: 10px;
}

.footer_spalte ul {
	margin-top: 0px;
}

.footer_spalte li,
.footer_spalte li {
	list-style: none;
}

.footer_spalte li {
	float: none;
	text-align: left;
	margin-left: 0px;
	width: 100%;
	margin-bottom:15px;
}

.footer_spalte li p {
	margin: 0px;
}

.footer_spalte {
	float: left;
}

.footer_spalte li a,
.footer_spalte a {
	/* font-weight:600; */
	color: white;
}

.footer img {
	width: 100%;
	max-width: 150px !important;
	margin-bottom: 30px;
}

.footer img.icon {
	width: auto !important;
	height: 12px !important;
	margin-right: 10px;
	margin-top: 5px;
	float: left;
}

.footer_spalte_4
{
	width:auto;
	float:right;
}

.footer_spalte_4 li
{
	width:auto;
	float:left;
}

.copyright_container {
	width: 100%;
	float: left;
	background-color: #6db7d3;
	text-align: center;
}

.copyright {
	width: 100%;
	box-sizing: border-box;
	margin: auto;
	position: relative;
	max-width: 1000px;
	padding: 15px;
	font-size: 12px;
	line-height: 1.5em;
	color: white;
	text-align: center;
	list-style: none;
	display: inline-block;
}

.copyright p {
	margin: 0px;
}

@media (max-width: 900px) {
	.footer_spalte {
		width: 100%;
	}

	.footer_spalte_2,
	.footer_spalte_3 {
		width: 50%;
	}

	.footer_logos img {
		width: 100%;
	}
}

@media (max-width: 600px) {
	.footer_spalte {
		width: 100%;
	}


}

/* FOOTER */

/* FORMULAR */

.wpforms-field
{
	padding:5px !important;
}

.wpforms-field-large
{
	background-color:rgba(0,0,0,0.1) !important;
	border-radius:0px !important;
	border:0px !important;
}

fieldset .wpforms-field-large
{
	background-color:transparent !important;
	border-radius:0px !important;
	border:0px !important;
}

fieldset .wpforms-field-large input
{
	background-color:rgba(0,0,0,0.1) !important;
	border-radius:0px !important;
	border:0px !important;
}

.choices__inner
{
	background-color:transparent !important;
	border-radius:0px !important;
	border:0px !important;
}

.wpforms-field  input::placeholder,
.wpforms-field  textarea::placeholder,
.choices__placeholder
{
	color:black !important;
}

.wpforms-container .wpforms-field.wpforms-one-third:not(.wpforms-first)
{
	margin-left:10px !important;
}

.wpforms-container .wpforms-one-third
{
	width:calc( 100% / 3 - 10px) !important;
}

.wpforms-container .wpforms-field.wpforms-one-third
{
	padding-left:0px !important;
	padding-right:0px !important;
}

.wpforms-submit-container
{
	margin-top:0px !important;
}

.wpforms-submit-container button 
{
	border:0px !important;
	border-radius:0px !important;
	background-color: #e50076 !important;
	letter-spacing: 0.5rem !important;
	width:100% !important;
	height:43px !important;
}

.wpforms-submit-container .full_width
{
	width:calc(100% - 10px) !important;
	margin-left:5px !important;
}

@media (max-width: 600px) {
	.wpforms-submit-container button 
	{
		font-size:12px !important;
		letter-spacing: 0.1rem !important;
	}
	
	.wpforms-container .wpforms-one-third
	{
		width: calc(100%) !important;
		clear: none;
		float: left;
		margin: 0px !important;
	}
	
	.wpforms-container .wpforms-field.wpforms-one-third:not(.wpforms-first)
	{
		margin: 0px !important;
	}
}

/* FORMULAR */

/* MODAL */

.sparwagen_modal * 
{
	background-color:transparent;
}

.sparwagen_modal .modal-content
{
	padding:20px;
	padding-top:0px;
	background-color:#e50076;
	border-radius:30px;
}


.sparwagen_modal h2
{
	font-size:24px;
	line-height:1.5;
}

.sparwagen_modal p
{
	font-size:18px;
	line-height:1.5;
}

.sparwagen_modal .close
{
	color:white;
	opacity:1;
}

.sparwagen_modal .alignright
{
	text-align:right;
	float:right;
}

@media (max-width: 800px) {
	.sparwagen_modal h2
	{
		font-size:18px;
		line-height:1.3;
		margin-bottom:10px;
	}

	.sparwagen_modal p
	{
		font-size:16px;
		line-height:1.3;
	}
}

/* MODAL */

/* MOBILE */

.inserat h2,
.gallery h2,
.inserat .preis,
.inserat .preismobil,
.gallery .preis,
.gallery .preismobil
{
	font-size:22px !important;
}

.inserat .mobiledebutton,
.gallery .mobiledebutton
{
	border: none !important;
	color: white !important;
	background-color: #e50076 !important;
	padding:5px !important;
	padding-left:15px !important;
	padding-right:15px !important;
	font-size:16px !important;
}

/* MOBILE */


/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader {
	display: none;
}

.js #loader {
	display: block;
	position: absolute;
	left: 100px;
	top: 0;
}

.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: #fff;
}

#loader-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 6000;
}

#loader {
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 150px;
	height: 150px;
	margin: -75px 0 0 -75px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #e50076;

	-webkit-animation: spin 2s linear infinite;
	/* Chrome, Opera 15+, Safari 5+ */
	animation: spin 2s linear infinite;
	/* Chrome, Firefox 16+, IE 10+, Opera */

	z-index: 1001;
}

#loader:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #e50076;

	-webkit-animation: spin 3s linear infinite;
	/* Chrome, Opera 15+, Safari 5+ */
	animation: spin 3s linear infinite;
	/* Chrome, Firefox 16+, IE 10+, Opera */
}

#loader:after {
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #e50076;

	-webkit-animation: spin 1.5s linear infinite;
	/* Chrome, Opera 15+, Safari 5+ */
	animation: spin 1.5s linear infinite;
	/* Chrome, Firefox 16+, IE 10+, Opera */
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		/* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(0deg);
		/* IE 9 */
		transform: rotate(0deg);
		/* Firefox 16+, IE 10+, Opera */
	}

	100% {
		-webkit-transform: rotate(360deg);
		/* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(360deg);
		/* IE 9 */
		transform: rotate(360deg);
		/* Firefox 16+, IE 10+, Opera */
	}
}

@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		/* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(0deg);
		/* IE 9 */
		transform: rotate(0deg);
		/* Firefox 16+, IE 10+, Opera */
	}

	100% {
		-webkit-transform: rotate(360deg);
		/* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(360deg);
		/* IE 9 */
		transform: rotate(360deg);
		/* Firefox 16+, IE 10+, Opera */
	}
}

#loader-wrapper .loader-section {
	position: fixed;
	top: 0;
	width: 51%;
	height: 100%;
	background: white;
	z-index: 1000;
	-webkit-transform: translateX(0);
	/* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateX(0);
	/* IE 9 */
	transform: translateX(0);
	/* Firefox 16+, IE 10+, Opera */
}

#loader-wrapper .loader-section.section-left {
	left: 0;
}

#loader-wrapper .loader-section.section-right {
	right: 0;
}

/* Loaded */
.loaded #loader-wrapper .loader-section.section-left {
	-webkit-transform: translateX(-100%);
	/* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateX(-100%);
	/* IE 9 */
	transform: translateX(-100%);
	/* Firefox 16+, IE 10+, Opera */

	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader-wrapper .loader-section.section-right {
	-webkit-transform: translateX(100%);
	/* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateX(100%);
	/* IE 9 */
	transform: translateX(100%);
	/* Firefox 16+, IE 10+, Opera */

	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader {
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.loaded #loader-wrapper {
	visibility: hidden;

	-webkit-transform: translateY(-100%);
	/* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateY(-100%);
	/* IE 9 */
	transform: translateY(-100%);
	/* Firefox 16+, IE 10+, Opera */

	-webkit-transition: all 0.3s 1s ease-out;
	transition: all 0.3s 1s ease-out;
}

/* JavaScript Turned Off */
.no-js #loader-wrapper {
	display: none;
}

.no-js h1 {
	color: #222222;
}

#content {
	margin: 0 auto;
	padding-bottom: 50px;
	width: 80%;
	max-width: 978px;
}