/* ---------------------------------------------------------------- */
/* Bereiche */
/* ---------------------------------------------------------------- */

#menuzeile {
	display: block;
}

#frontpic {
	display: block;
}


/* ---------------------------------------------------------------- */
/* Schriften, Farben, Paddings */
/* ---------------------------------------------------------------- */

body {
	overflow-y: scroll;
	margin: 0px;
}

.bgcolor_white {
	background-color: white;
}

.bgcolor_black {
	background-color: #252525;
}

.bgcolor_darkblack {
	background-color: #000000;
}

.bgcolor_grey {
	background-color: #e7e7e7;
}

.bgcolor_orange {
	background-color: #EF921C;
}

.color_white {
	color: white;
}

.color_black {
	color: black;
}

.color_orange {
	color: #EF921C;
}

.color_blue {
	color: #00026b;
}

.color_grey {
	color: #D4D4D4;
}

.font1 {
	font-family: 'Signika', sans-serif;
	font-size: 12px;
	text-shadow: none;
}

.font2 {
	font-family: 'Signika', sans-serif;
	font-size: 16px;
	text-shadow: none;
	line-height: 35px;
}

.font2 a {
	color: black;
}

.font2 a:hover {
	color: #EF921C;
}

.font3 {
	font-family: 'Signika', sans-serif;
	font-size: 22px;
	text-shadow: none;
	line-height: 40px;
}

.font4 {
	font-family: 'Signika', sans-serif;
	font-size: 28px;
	text-shadow: none;
	line-height: 45px;
}

.font5 {
	font-family: 'Signika', sans-serif;
	font-weight: 700;
	font-size: 37px;
	line-height: 55px;
}



.input_anfrage {
	background-color: #e0e0e0;
	color: black;
	border: 1px solid #e0e0e0;
	width: 400px;
	background-image: none;
	background-position: top 16px right 20px;
	background-repeat: no-repeat;
	padding: 7px 30px;
}

.input_anfrage_small {
	background-color: #e0e0e0;
	color: black;
	border: 1px solid #e0e0e0;
	width: 200px;

}

.input_anfrage_submit {
	background-color: #EF921C;
	color: white;
	border: 0px solid #EF921C;
	width: 400px;
	background-image: none;
	background-position: top 16px right 20px;
	background-repeat: no-repeat;
	text-align: center;
	display: inline-block;
	cursor: pointer;
  padding: 7px 30px;

}

.input_anfrage_submit_small {
	background-color: #EF921C;
	color: white;
	border: 0px solid #EF921C;
	width: 200px;
	text-align: center;
	display: inline-block;
	cursor: pointer;

}

.input_anfrage_checked {
	background-color: #d0d0d0;
	color: black;
	border: 1px solid #d0d0d0;
	width: 400px;
	background-image: url('../bilder/checked.png');
	background-position: top 22px right 45px;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	padding: 7px 30px;
}

.leereseite {
	clear: left;
	position: relative;
}

.padding1 {
	padding: 10px 0px;
}

.padding2 {
	padding: 25px 0px;
}

.padding3 {
	padding: 30px 0px;
}

.padding4 {
	padding: 0px 0px 45px 0px;
}

.padding5 {
	padding: 75px 0px;
}

.padding6 {
	padding: 35px;
}

.logo {
	font-family: 'Patua One', cursive;
	font-size: 25px;
	font-weight: bold;
}

.lineheight45 {
	line-height: 45px;
}

.select_anfrage {
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding: 10px 25px;
	margin-right: 0px;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
	opacity: 1.0;
	text-align: left;
	background-color: #e0e0e0;
	color: black;
	border: 1px solid #e0e0e0;
	width: 400px;
	background-image: url('../bilder/arrowdown.png');
	background-position: 325px 13px;
	background-repeat: no-repeat;
	background-size: 35px 35px;
	height: 60px;
	}



/* ---------------------------------------------------------------- */
/* Input- und Selectfelder */
/* ---------------------------------------------------------------- */

.inputfrontgreen {
	border: 0px solid white;
	background-color: #9cb245;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	font-size: 22px;
	font-family: 'Signika', sans-serif;
	//font-weight: bold;
	padding: 10px 25px;
	width: 310px;
	color: #7D746D;
	height: 75px;
	margin-right: 0px;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
	opacity: 1.0;
	text-align: left;
}

.inputfrontgreen:hover {
	background-color: #9cb245;
	cursor: pointer;
}

.inputfront {
	border: 0px solid white;
	background-color: #EF921C;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	font-size: 22px;
	font-family: 'Signika', sans-serif;
	//font-weight: bold;
	padding: 10px 25px;
	width: 310px;
	color: #7D746D;
	height: 75px;
	margin-right: 0px;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
	opacity: 1.0;
	text-align: left;
}

.inputfront:hover {
	background-color: #EF921C;
	cursor: pointer;
}

.inputfrontUserAccount {
	border: 0px solid white;
	background-color: #EF921C;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	font-size: 22px;
	font-family: 'Signika', sans-serif;
	//font-weight: bold;
	padding: 10px 25px;
	width: 310px;
	color: #7D746D;
	height: 75px;
	margin-right: 0px;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
	opacity: 1.0;
	text-align: left;
}

.inputfrontUserAccount:hover {
	background-color: #EF921C;
	cursor: pointer;
}

.selectfrontgreen {
	border: 0px solid white;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 22px;
	font-family: 'Signika', sans-serif;
	font-weight: normal;
	padding: 10px 25px;
	width: 310px;
	height: 75px;
	margin-right: 32px;
	margin-bottom: 25px;
	background-color: #a0a0a0;
	background-image: url('../bilder/arrowdown.png');
	background-position: 225px 20px;
	background-repeat: no-repeat;
	background-size: 35px 35px;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
	text-align: left;
	opacity: 1.0;
	z-index: 25;
}

.selectfrontgreen:hover {
	background-color: #9cb245;
	cursor: pointer;
}

.selectfront {
	border: 0px solid white;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 22px;
	font-family: 'Signika', sans-serif;
	font-weight: normal;
	padding: 10px 25px;
	width: 310px;
	height: 75px;
	margin-right: 32px;
	margin-bottom: 25px;
	background-color: #a0a0a0;
	background-image: url('../bilder/arrowdown.png');
	background-position: 225px 20px;
	background-repeat: no-repeat;
	background-size: 35px 35px;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
	text-align: left;
	opacity: 1.0;
	z-index: 25;
}

.selectfront:hover {
	background-color: #EF921C;
	cursor: pointer;
}

.selectfrontUserAccount {
	border: 0px solid white;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 22px;
	font-family: 'Signika', sans-serif;
	font-weight: normal;
	padding: 10px 25px;
	width: 310px;
	height: 75px;
	margin-right: 32px;
	margin-bottom: 25px;
	background-color: #a0a0a0;
	background-image: url('../bilder/arrowdown.png');
	background-position: 250px 20px;
	background-repeat: no-repeat;
	background-size: 35px 35px;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
	text-align: left;
	opacity: 1.0;
	z-index: 25;
}

.selectfrontUserAccount:hover {
	background-color: #EF921C;
	cursor: pointer;
}

/* ---------------------------------------------------------------- */
/* Layout */
/* ---------------------------------------------------------------- */

#account {
	display: none;

}

.account_user_infobox {

	width: 950px;
	padding: 25px;
	background-color: #f0f0f0;
	margin-bottom: 25px;
}

.account_user_infobox_part1 {
	width: 533px;
	display: inline-block;
	font-weight: normal;
}

.account_user_infobox_part2 {
	font-weight: bold;
	width: 887px;
	display: inline-block;
	top: -6px;
	position: relative;
	margin-bottom: -6px;
}

.account_user_infobox_part3 {
	font-weight: bold;
	width: 350px;
	display: inline-block;
}

.account_user_infobox_part4 {
	width: 25px;
	display: inline-block;
	cursor: pointer;
	top: -6px;
	position: relative;
	margin-bottom: -6px;
}

.account_user_infobox_desc {
	background-color: #e8e8e8;
	padding: 25px;
	width: 895px;
	margin-top: 20px;
	margin-bottom: 6px;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}

.account_user_infobox_desc_ang {
	padding: 25px;
	width: 870px;
	margin-top: 20px;
	margin-bottom: 6px;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}

#alert {
	display: none;
	position: fixed;
	top: 220px;
	width: 450px;
	padding: 25px 25px 65px 25px;
	background-color: #ffcccc;
	box-shadow: 0px 10px 25px #888888;
	left: 50%;
	text-shadow: none;
	text-align: center;
	margin-left: -285px;
	//background-image: url("../bilder/icons/close.png");
	//background-size: 35px 27px;
	//background-position: top 25px right 25px;
	//background-repeat: no-repeat;
	cursor: pointer;
	//border: 2px dashed red;
	z-index: 100;
}

.anfrage_newuser {
	display: inline-block;
	width: 350px;
	margin-right: 45px;
	margin-top: 45px;
	padding-top: 0px;
}

.anfrage_newlogin {
	display: inline-block;
	width: 350px;
	margin-left: 65px;
	padding-left: 65px;
	padding-top: 0px;
	border-left: 3px dashed #E0E0E0;
	vertical-align: top;
	height: 450px;
	margin-top: 45px;
}

.anfrage_delete {
	float: right;
	display: inline-block;
	margin-right: 247px
}

.anfrage_mehr {
	float: right;
	display: inline-block;
	margin-right: 250px;
}

.anfrage_step {
	//background-color: #f0f0f0;
	color: #d4d4d4;
	padding: 0px 0px;
	display: inline-block;
	margin-right: 30px;
	text-align: left;
	text-transform: uppercase;
	//font-weight: bold;
	margin-top: 15px;
}

.anfrage_step  a {
	color: #d4d4d4;
}

.anfrage_step_active {
	color: #EF921C;
	padding: 0px 0px;
	display: inline-block;
	margin-right: 30px;
	text-align: left;
	text-transform: uppercase;
	//font-weight: bold;
	margin-top: 15px;
}

.anfrage_step_active a {
	color: #EF921C;
}

.anfrage_points {
	color: #808080;
	padding: 10px 0px;
	width: 20px;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	display: inline-block;
}

.anfrage_inputbox {
	width: 650px;
	margin-right: 25px;
	margin-bottom: 25px;
	display: inline-block;
}

/* Tooltip text */
.anfrage_inputbox .tooltiptext {
    display: none;
    background-color: #ffffe6;
    color: #000;
    text-align: center;
    padding: 25px;

    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
		width: 350px;
		//height: 260px;
    margin-left: -400px; /* Use half of the width (120/2 = 60), to center the tooltip */
		margin-top: -360px;
		box-shadow: 0px 20px 45px #222;
		text-align: left;
}

/* Show the tooltip text when you mouse over the tooltip container */
.anfrage_inputbox:hover .tooltiptext {
    display: inline;
}

.bewertung {
	position: fixed;
	display: none;
	left: 50%;
	top: 190px;
	width: 300px;
	margin-left: -150px;
	height: 480px;
	background-color: #f0f0f0;
	box-shadow: 0px 10px 25px #888888;
	z-index: 300;
	padding: 35px;
}

.bewertungShow {
	position: fixed;
	display: none;
	left: 50%;
	top: 190px;
	width: 450px;
	margin-left: -225px;
	height: 480px;
	background-color: #f0f0f0;
	box-shadow: 0px 10px 25px #888888;
	z-index: 300;
	padding: 35px;
	overflow-y: scroll
}

.container_status_top {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 65px;
	padding: 0px;
	background-color: #000000;
}

.container_100 {
	width: 100%;
}
.container_900 {
	width: 900px;
	margin-left: 0px;
	text-align: left;
	//padding: 0px 50px;
}

.container_1200 {
	width: 1200px;
	margin: auto;
	text-align: left;
	padding: 0px 50px;
}

#container_1200_formbox {
	width: 1200px;
	margin: auto;
	text-align: center;
	position: absolute;
	top: 150px;
	display: none;
}

#container_1200_formbox.active {
	display: block;
}

.container_top {
	position: absolute;
	top: 55px;
	left: 0px;
	width: 100%;
	height: 45px;
	z-index: 10;
}

.container_top_left {
	display: inline-block;
	text-align: left;
	float: left;
	width: 750px;
	text-transform: uppercase;
	margin-top: 7px;
	margin-left: -50px;

}

.container_top_middle {
	display: inline-block;
	text-align: center;
	float: left;
	text-transform: uppercase;
	font-weight: 700;
	margin-top: 11px;
	margin-bottom: 15px;

}

.container_top_right {
	display: inline-block;
	text-align: right;
	float: right;
	margin-top: 7px;
	margin-bottom: 15px;
	margin-right: 125px;

}

.details_headline {
	display: inline-block;
	width: 255px;
	line-height: 35px;
}

.details_headline_100prozent {
	display: inline-block;
	width: 255px;
}

#extramenu{
	display: none;
	z-index: 290;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	margin: 0 auto;
	border-bottom: none;

}

.fazit_head {
	display: inline-block;
	width: 150px;
	padding: 10px 0px;
	margin-bottom: 7px;
	vertical-align: top;
}

.fazit_ergebnis {
	display: inline-block;
	background-color: #E0E0E0;
	color: black;
	padding: 10px 25px;
	width: 500px;
	margin-bottom: 7px;
}

.fazit_foto {
	width: 500px;
	margin: 15px 0px;
}

.footer {
	vertical-align: top;
	width: 350px;
	margin-right: 50px;
	margin-top: 20px;
	margin-bottom: 20px;
	display: inline-block;
}

.footer_nomargin {
	vertical-align: top;
	width: 350px;
	margin-right: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	display: inline-block;
}

.footerlink {
	display: inline-block;
	margin-right: 25px;
	color: white;
}

.formbox {
	float: left;
	color: white;
	text-shadow: none;
	width: 1020px;
	//height: 200px;
	opacity: 0.9;
	padding: 25px 55px;
	position: relative;
	top: 100px;
	z-index: 200;
	box-shadow: 0px 5px 30px #888888;
	margin-bottom: 65px;
	background-color: #101010; 
	height: 200px
}

.formboxUserAccount {
	background-color: #f0f0f0;
	color: white;
	text-shadow: none;
	width: 941px;
	//height: 200px;
	opacity: 1.0;
	padding: 25px 30px;
	position: relative;
	//box-shadow: 0px 5px 30px #888888;
	margin-bottom: 65px;
	border-left: 4px solid #d8d8d8;
}

.formboxHORIZONTAL {
	float: right;
	background-color: #252525;
	color: white;
	text-shadow: none;
	width: 310px;
	//height: 200px;
	opacity: 1.0;
	padding: 45px 45px 65px 45px;
	position: relative;
	top: -120px;
	z-index: 200;
	box-shadow: 0px 5px 30px #888888;
	margin-bottom: 0px;
}

.formbox_background {
	position: relative;
	margin: auto;
	background-color: black;
	text-shadow: none;
	width: 400px;
	height: 470px;
	opacity: 1.0;
	padding: 25px;
	z-index: 50;
	box-shadow: 0px 10px 35px #888888;
}

.formbox_innerbox {
	margin-bottom: -10px;
}

.formbox_text{
	margin-top: 0px;
}

/* bei vertikaler Formbox 225px Margin-Bottom, sonst 75px */
.front_pic {
	position: relative;
	top: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 680px;
	background: url('../bilder/home_bg.png') top left repeat-x, url('../bilder/autoschaden.jpg') 0px -205px;
	float: left;
	display: block;
	clear: left;
	margin-bottom: 75px;
	/*filter: brightness(70%); /* 100% = normal, 70% = dunkler */ 
}

.front_pic_text {
	font-weight: 700;
	line-height: 55px;
	position: relative;
	top: 35px;
	text-shadow: none;
	width: 800px;
	color: white;

}

.front_pic_designline {
	border-bottom: 6px solid orange;
	width: 50px;
	margin-top: -40px;
	display: none;
}

.gutachtentext {
	margin-top: 5px;
	margin-bottom: 15px;
}

.input_angebot {
	display: inline-block;
	background-color: white;
	padding: 2px 15px;
	width: 300px;
	margin-bottom: 5px;


}

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfile + label {
  color: white;
  background-color: #E0E0E0;
  display: inline-block;
	padding: 25px 15px;
	width: 370px;
	height: 200px;
	color: black;
	//border: 2px dashed grey;
	cursor: pointer;
	text-align: center;
}

.inputfile:focus + label,
.inputfile + label:hover {
    //background-color: #EF921C;
}

#greenalert {
	display: none;
	position: fixed;
	top: 220px;
	width: 450px;
	padding: 25px 25px 65px 25px;
	background-color: #99ff99;
	box-shadow: 0px 10px 25px #888888;
	left: 50%;
	text-shadow: none;
	text-align: center;
	margin-left: -285px;
	//background-image: url("../bilder/icons/close.png");
	//background-size: 35px 27px;
	//background-position: top 25px right 25px;
	//background-repeat: no-repeat;
	cursor: pointer;
	//border: 2px dashed red;
	z-index: 100;
}

#loading {
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: calc(100% - 100px);
	text-align: center;
	z-index: 2000;
	background-color: white;
	color: black;
	padding-top: 100px;

}

#loading IMG {
	width: 300px;
	margin-bottom: 0px;
}

#loginmain {
	display: none;
	position: fixed;
	top: 220px;
	width: 200px;
	padding: 25px;
	background-color: #f5f5f5;
	box-shadow: 0px 10px 25px #888888;
	left: 50%;
	text-shadow: none;
	text-align: left;
	margin-left: 350px;
	opacity: 1.0;
	z-index: 250;
}

.margintopwirhelfendir {
	margin-top: 55px;
}

.menupoint {
	display: inline-block;
	margin-right: 20px;
	padding-bottom: 5px;
	font-weight: bold;
}

.menupoint-white {
	display: inline-block;
	margin-right: 20px;
	padding-bottom: 5px;
	font-weight: bold;
}

.menupoint-active {
	display: inline-block;
	margin-right: 20px;
	padding-bottom: 5px;
	//border-bottom: 5px solid #EF921C;
	font-weight: bold;
}

.menupoint-white-active {
	display: inline-block;
	margin-right: 20px;
	padding-bottom: 5px;
	//border-bottom: 5px solid #EF921C;
	font-weight: bold;
}

.menupoint:hover {
	color: #EF921C;
}

.menupoint-white:hover {
	color: #EF921C;
}

.menupoint a {
	text-decoration: none;
}

.menupoint-white a {
	text-decoration: none;
}

.menupoint-active a {
	text-decoration: none;
}

.menupoint-white-active a {
	text-decoration: none;
}

.menupoint a:hover {
	text-decoration: none;
}

.menupoint-active a:hover {
	text-decoration: none;
}

.menupoint-white-active a:hover {
	text-decoration: none;
}

#mobilmenu {
	display: none;

}

.neueSeiteHeadline {
	margin-bottom: 45px;
	margin-top: 130px;

}

.schritt {
	display: inline-block;
	margin-bottom: -2px;
	font-weight: bold;
	padding: 0px 0px;
	//background-color: #E7E7E7;
	color: #808080;
}

.showmobil {
	display: none;
}

.showweb {
	display: inline-block;
}

.socialimg {
	margin-right: 10px;
	margin-top: 10px;
	width: 30px;
}

.steps {
	display: inline-block;
	width: 350px;
	margin-right: 50px;
	margin-bottom: 85px;
	border: 0px solid black;
	vertical-align: top
}

.steps_zerobottom {
	display: inline-block;
	width: 350px;
	margin-right: 50px;
	margin-bottom: 0px;
	border: 0px solid black;
	vertical-align: top
}

.steps_nomargin {
	display: inline-block;
	width: 350px;
	margin-right: 0px;
	margin-bottom: 85px;
	border: 0px solid black;
	vertical-align: top
}

.steps_nomargin_zerobottom {
	display: inline-block;
	width: 350px;
	margin-right: 0px;
	margin-bottom: 0px;
	border: 0px solid black;
	vertical-align: top
}

.vergleichButton {
	position: relative; 
	top: 100px; 
	width: 270px; 
	cursor: pointer; 
	text-align: center; 
	padding: 15px 30px; 
	background-color: #454545;
	//z-index: 300;
}

.werkstattangebot {
	width: 300px;
	height: 35px;
	background-color: white;
	border: 1px solid white;
	padding: 0px 15px;
	margin-bottom: 10px;

}

.werkstattangebot_arrow {
	width: 300px;
	height: 35px;
	background-color: white;
	border: 1px solid white;
	padding: 0px 15px;
	margin-bottom: 10px;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url('../bilder/arrowdown.png');
	background-position: 265px 5px;
	background-repeat: no-repeat;
	background-size: 25px 25px;

}

.werkstattangebot_submit {
	width: 300px;
	height: 55px;
	background-color: #EF921C;
	border: 1px solid #EF921C;
	padding: 0px 15px;
	margin-bottom: 10px;
	text-align: center;
	cursor: pointer;

}

.wirhelfendir {
	margin-bottom: 55px;
}

	@media (min-width: 300px) AND (max-width: 1199px) {

		body{
			overflow-x: none;
		}


		#account {
			position: fixed;
			top: 0px;
			left: 0px;
			width: 265px;
			height: 100%;
			padding: 0px 15px;
			background-color: #EF921C;
			box-shadow: 0px 20px 45px #000000;
			color: black;
			z-index: 500;
			display: none;
			overflow-y: auto;

		}

		#alert {
			display: none;
			position: fixed;
			top: 25px;
			width: calc(100% - 60px);
			padding: 0px 15px 45px 15px;
			background-color: #ffcccc;
			box-shadow: 0px 10px 25px #888888;
			left: 0px;
			text-shadow: none;
			text-align: center;
			margin-left: 15px;
			background-image: none;
			cursor: pointer;
			//border: 2px dashed red;
			z-index: 550;
		}

		#extramenu{
			display: none;
			height: 0px;
			width: 0px;
			z-index: -1;

			}

		#frontpic {
			display: block;

		}

		#greenalert {
			display: none;
			position: fixed;
			top: 25px;
			width: calc(100% - 60px);
			padding: 0px 15px 45px 15px;
			background-color: #99ff99;
			box-shadow: 0px 10px 25px #e6ffe6;
			left: 0px;
			text-shadow: none;
			text-align: center;
			margin-left: 15px;
			background-image: none;
			cursor: pointer;
			//border: 2px dashed red;
			z-index: 550;
		}

		#loginmain {
			display: none;
			position: fixed;
			top: 0px;
			width: 265px;
			height: 100%;
			padding: 0px 15px;
			background-color: #ef921c;
			box-shadow: 0px 10px 25px #888888;
			left: 0px;
			text-shadow: none;
			text-align: left;
			margin-left: 0px;
			opacity: 1.0;
			z-index: 495;
			box-shadow: 0px 20px 45px #000000;
			overflow-y: auto;
		}

		#mobilmenu {
			position: fixed;
			top: 0px;
			left: 0px;
			width: 265px;
			height: 100%;
			padding: 0px 15px;
			background-color: #fff;
			box-shadow: 0px 20px 45px #000000;
			color: black;
			z-index: 500;
			display: none;
			overflow-y: auto;
			//background-image: linear-gradient(90deg, #EF921C 15%, #9cb245 85%);

		}

		#menuzeile {
			display: none;
		}


		.account_user_infobox {
			width: calc(100% - 55px);
			padding: 25px;
			background-color: #f0f0f0;
			margin-bottom: 25px;
		}

		.account_user_infobox_part1 {
			width: 100%;
			display: inline-block;
			font-weight: normal;
		}

		.account_user_infobox_part2 {
			font-weight: bold;
			width: 100%;
			display: block;
			top: 0px;
			position: relative;
			margin-bottom: -20px;
		}

		.account_user_infobox_part3 {
			font-weight: bold;
			width: 0px;
			display: inline-block;
		}

		.account_user_infobox_part4 {
			width: 100%;
			display: block;
			cursor: pointer;
			top: -20px;
			position: relative;
			margin-bottom: 0px;
			text-align: right;
		}

		.account_user_infobox_desc {
			background-color: #e8e8e8;
			padding: 25px;
			width: calc(100% - 50px);
			margin-top: 20px;
			margin-bottom: 6px;
			-webkit-transition: 0.3s ease;
			-moz-transition: 0.3s ease;
			-o-transition: 0.3s ease;
			transition: 0.3s ease;
		}

		.account_user_infobox_desc_ang {
			padding: 25px;
			width: 100%;
			margin-top: 20px;
			margin-bottom: 6px;
			-webkit-transition: 0.3s ease;
			-moz-transition: 0.3s ease;
			-o-transition: 0.3s ease;
			transition: 0.3s ease;
		}


		.anfrage_inputbox {
			width: 100%;
			margin-right: 0px;
			display: inline-block;
		}

		/* Tooltip text */
		.anfrage_inputbox .tooltiptext {
		    display: none;
		    background-color: #ffffe6;
		    color: #000;
		    text-align: center;
		    padding: 25px;

		    /* Position the tooltip text - see examples below! */
		    position: absolute;
		    z-index: 1;
				height: 250px;
				width: calc(100% - 80px);
		    margin-left: 0px; /* Use half of the width (120/2 = 60), to center the tooltip */
				margin-top: -390px;
				box-shadow: 0px 20px 45px #222;
				text-align: left;
		}

		.anfrage_delete {
			float: right;
			display: inline-block;
			margin-right: 0px
		}

		.anfrage_mehr {
			float: right;
			display: inline-block;
			margin-right: 0px;
		}

		.anfrage_newuser {
			display: inline-block;
			width: 100%;
			margin-right: 0px;
			margin-top: 0px;
			padding-top: 0px;
		}

		.anfrage_newlogin {
			display: none;
			width: 100%;
			margin-left: 0px;
			padding-left: 0px;
			padding-top: 0px;
			border-left: 0px dashed #E0E0E0;
			vertical-align: top;
			height: auto;
			margin-top: 0px;
		}

		.anfrage_step {
			color: #d4d4d4;
			padding: 0px 0px;
			display: block;
			margin-right: 0px;
			text-align: left;
			text-transform: none;
			font-weight: bold;
			margin-top: 15px;
			font-weight: 16px;
		}

		.anfrage_step  a {
			color: #d4d4d4;
		}

		.anfrage_step_active {
			color: #EF921C;
			padding: 0px 0px;
			display: block;
			margin-right: 0px;
			text-align: left;
			text-transform: none;
			font-weight: bold;
			margin-top: 15px;
			font-weight: 16px;
		}

		.anfrage_step_active a {
			color: #EF921C;
		}

		.anfrage_points {
			display: none;
		}

		.container_900 {
			width: 100%;
			margin-left: 0px;
			margin-right: 0px;
			text-align: left;
		}

		.container_1200 {
			width: calc(100% - 30px);
			margin-left: 0px;
			margin-right: 0px;
			text-align: left;
			padding-left: 15px;
			padding-right: 15px;
		}

		.container_status_top {

			position: fixed;
			top: 0px;
			left: 0px;
			width: 100%;
			height: 65px;
			padding: 0px;
			background-color: #000000;
			z-index: 450;

		}

		.details_headline {
			display: inline-block;
			width: 85px;
		}

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

		.fazit_head {
			display: none;
			width: auto;
			padding: 10px 0px;
			margin-bottom: 3px;
			vertical-align: top;
		}

		.fazit_ergebnis {
			display: none;
			background-color: #E0E0E0;
			color: black;
			padding: 10px 25px;
			width: calc(100% - 50px);
			margin-bottom: 3px;
		}

		.fazit_foto {
			display: none;
			width: 100%;
			margin: 15px 0px;
		}

		.font1 {
			font-family: 'Signika', sans-serif;
			font-size: 12px;
			text-shadow: none;
		}

		.font2 {
			font-family: 'Signika', sans-serif;
			font-size: 16px;
			text-shadow: none;
			line-height: 25px;
		}

		.font2 a {
			color: black;
		}

		.font2 a:hover {
			color: #EF921C;
		}

		.font3 {
			font-family: 'Signika', sans-serif;
			font-size: 16px;
			text-shadow: none;
			line-height: 25px;
		}

		.font4 {
			font-family: 'Signika', sans-serif;
			font-size: 20px;
			text-shadow: none;
			line-height: 33px;
		}

		.font5 {
			font-family: 'Signika', sans-serif;
			font-weight: 700;
			font-size: 24px;
			line-height: 35px;
		}

		.footer {
			vertical-align: top;
			width: 100%;
			margin-right: 0px;
			margin-top: 25px;
			margin-bottom: 15px;
			display: inline-block;
		}

		.footer_nomargin {
			vertical-align: top;
			width: 100%;
			margin-right: 0px;
			margin-top: 25px;
			margin-bottom: 25px;
			display: inline-block;
		}

		.footerlink {
			display: block;
			margin-right: 0px;
			margin-bottom: 5px;
			color: white;
		}

		.formbox {
			float: left;
			background-color: #252525;
			color: white;
			text-shadow: none;
			width: calc(100% - 50px);
			height: auto;
			opacity: 1;
			padding: 25px;
			position: relative;
			top: 50px;
			z-index: 200;
			box-shadow: 0px 5px 30px #888888;
			margin-bottom: 1350px;
		}

		.formbox_innerbox {
			margin-top: 35px;
			margin-bottom: 35px;
		}

		.formbox_text{
			margin-top: -35px;
			margin-bottom: -25px;
		}

		.front_pic {
			position: relative;
			top: 60px;
			left: 0px;
			right: 0px;
			width: 100%;
			height: 350px;
			background: none;
			background-size: 0px 0px;
			background-repeat: no-repeat;
			float: left;
			display: block;
			clear: left;
			margin-bottom: 205px;
		}

		.front_pic_text {
			font-weight: 700;
			line-height: 35px;
			position: relative;
			top: 30px;
			text-shadow: 0px 0px #252525;
			width: 100%;
			color: black;
			margin-bottom: 10px;
			margin-top: 10px;

		}

		.gutachtentext {
			margin-top: 25px;
			margin-bottom: 0px;
		}
		
		.input_angebot {
			display: inline-block;
			background-color: white;
			padding: 2px 15px;
			width: calc(100% - 30px);
			margin-bottom: 5px;


		}

		.inputfile {
			width: 0.1px;
			height: 0.1px;
			opacity: 0;
			overflow: hidden;
			position: absolute;
			z-index: -1;
		}

		.inputfile + label {
			color: white;
			background-color: #E0E0E0;
			display: inline-block;
			padding: 25px 15px;
			width: calc(100% - 30px);
			color: black;
			//border: 2px dashed grey;
			cursor: pointer;

			text-align: center;
		}

		.inputfile:focus + label,
		.inputfile + label:hover {
			//background-color: #EF921C;
		}

		.inputfront {
			border: 0px solid white;
			background-color: #EF921C;
			border-radius: 0;
			-webkit-appearance: none;
			-moz-appearance: none;
			font-size: 16px;
			font-family: 'Signika', sans-serif;
			font-weight: bold;
			padding: 10px 25px;
			width: 100%;
			color: #7D746D;
			height: 55px;
			margin-right: 0px;
			-webkit-transition: 0.3s ease;
			-moz-transition: 0.3s ease;
			-o-transition: 0.3s ease;
			transition: 0.3s ease;
			opacity: 1.0;
			text-align: left;
		}

		.inputfront:hover {
			background-color: #EF921C;
			cursor: pointer;
		}

		.inputfrontgreen {
			border: 0px solid white;
			background-color: #9cb245;
			border-radius: 0;
			-webkit-appearance: none;
			-moz-appearance: none;
			font-size: 16px;
			font-family: 'Signika', sans-serif;
			font-weight: bold;
			padding: 10px 25px;
			width: 100%;
			color: #7D746D;
			height: 55px;
			margin-right: 0px;
			-webkit-transition: 0.3s ease;
			-moz-transition: 0.3s ease;
			-o-transition: 0.3s ease;
			transition: 0.3s ease;
			opacity: 1.0;
			text-align: left;
		}

		.inputfrontgreen:hover {
			background-color: #9cb245;
			cursor: pointer;
		}
		
		.input_anfrage {
			background-color: #e0e0e0;
			color: black;
			border: 1px solid #e0e0e0;
			width: 100%;
			background-image: none;
			background-position: top 15px right 20px;
			background-repeat: no-repeat;
			padding: 10px 25px;
			height: 55px;
		}

		.input_anfrage_small {
			background-color: #e0e0e0;
			color: black;
			border: 1px solid #e0e0e0;
			width: 100%;
		}

		.input_anfrage_submit {
			background-color: #EF921C;
			color: white;
			border: 0px solid #EF921C;
			width: 100%;
			height: 55px;
			padding: 10px 25px;
			background-image: none;
			text-align: center;
			display: inline-block;
			cursor: pointer;

		}

		.input_anfrage_submit_small {
			background-color: #000000;
			color: white;
			border: 0px solid #000000;
			width: 100%;
			text-align: left;
			display: inline-block;
			cursor: pointer;

		}

		.leereseite {
			clear: left;
			position: relative;
			margin-top: 75px;
			margin-bottom: 15px;
		}

		.lineheight45 {
			line-height: 30px;
		}

		#loading {
			display: none;
			position: fixed;
			width: 100%;
			height: calc(100% - 100px);
			text-align: center;
			z-index: 2000;
			background-color: white;
			color: black;
			padding-top: 100px;

		}

		#loading IMG {
			width: 250px;
			margin-bottom: 0px;
		}

		.mobilmenulink {
			width: 100%;
			border-bottom: 1px solid black;
			padding-bottom: 15px;
			margin-bottom: 15px;
		}

		.mobilmenulink  a {
			color: black;

		}

		.neueSeiteHeadline {
			margin-bottom: 25px;
			margin-top: 100px;

		}
		
		.padding3 {
			//padding: 0px 0px;
		}

		.select_anfrage {
			border-radius: 0;
			-webkit-appearance: none;
			-moz-appearance: none;
			padding: 10px 25px;
			margin-right: 0px;
			-webkit-transition: 0.3s ease;
			-moz-transition: 0.3s ease;
			-o-transition: 0.3s ease;
			transition: 0.3s ease;
			opacity: 1.0;
			text-align: left;
			background-color: #e0e0e0;
			color: black;
			border: 1px solid #e0e0e0;
			width: 100%;
			background-image: url('../bilder/arrowdown.png');
			background-position: top 15px right 20px;
			background-repeat: no-repeat;
			background-size: 25px 25px;
			height: 55px;
		}

		.selectfront {
			border: 0px solid white;
			border-radius: 0;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			font-size: 16px;
			font-family: 'Signika', sans-serif;
			font-weight: bold;
			padding: 10px 25px;
			width: 100%;
			height: 55px;
			margin-right: 0px;
			margin-bottom: 25px;
			background-color: #a0a0a0;
			background-image: url('../bilder/arrowdown.png');
			background-position: top 15px right 20px;
			background-repeat: no-repeat;
			background-size: 25px 25px;
			text-align: left;
			opacity: 1.0;
			z-index: 25;
		}

		.selectfront:hover {
			background-color: #a0a0a0;
			cursor: pointer;
		}

		.selectfrontgreen {
			border: 0px solid white;
			border-radius: 0;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			font-size: 16px;
			font-family: 'Signika', sans-serif;
			font-weight: bold;
			padding: 10px 25px;
			width: 100%;
			height: 55px;
			margin-right: 0px;
			margin-bottom: 25px;
			background-color: #a0a0a0;
			background-image: url('../bilder/arrowdown.png');
			background-position: top 15px right 20px;
			background-repeat: no-repeat;
			background-size: 25px 25px;
			text-align: left;
			opacity: 1.0;
			z-index: 25;
		}

		.selectfrontgreen:hover {
			background-color: #a0a0a0;
			cursor: pointer;
		}
		
		.selectfrontUserAccount {
			border: 0px solid white;
			border-radius: 0;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			font-size: 16px;
			font-family: 'Signika', sans-serif;
			font-weight: normal;
			padding: 10px 25px;
			width: 100%;
			height: 75px;
			margin-right: 0px;
			margin-bottom: 25px;
			background-color: #a0a0a0;
			background-image: url('../bilder/arrowdown.png');
			background-position: 250px 20px;
			background-repeat: no-repeat;
			background-size: 35px 35px;
			-webkit-transition: 0.3s ease;
			-moz-transition: 0.3s ease;
			-o-transition: 0.3s ease;
			transition: 0.3s ease;
			text-align: left;
			opacity: 1.0;
			z-index: 25;
		}

		.selectfrontUserAccount:hover {
			background-color: #a0a0a0;
			cursor: pointer;
		}

		.inputfrontUserAccount {
			border: 0px solid white;
			background-color: #EF921C;
			border-radius: 0;
			-webkit-appearance: none;
			-moz-appearance: none;
			font-size: 16px;
			font-family: 'Signika', sans-serif;
			//font-weight: bold;
			padding: 10px 25px;
			width: 100%;
			color: #7D746D;
			height: 75px;
			margin-right: 0px;
			-webkit-transition: 0.3s ease;
			-moz-transition: 0.3s ease;
			-o-transition: 0.3s ease;
			transition: 0.3s ease;
			opacity: 1.0;
			text-align: left;
		}

		.inputfrontUserAccount:hover {
			background-color: #EF921C;
			cursor: pointer;
		}

		.showmobil {
			display: inline-block;
		}

		.showweb {
			display: none;
		}

		.steps {
			display: inline-block;
			width: 100%;
			margin-right: 0px;
			margin-bottom: 65px;
			border: 0px solid black;
			vertical-align: top
		}

		.steps_zerobottom {
			display: inline-block;
			width: 100%;
			margin-right: 0px;
			margin-bottom: 15px;
			border: 0px solid black;
			vertical-align: top
		}

		.steps_nomargin {
			display: inline-block;
			width: 100%;
			margin-right: 0px;
			margin-bottom: 65px;
			border: 0px solid black;
			vertical-align: top
		}

		.steps_nomargin_zerobottom {
			display: inline-block;
			width: 100%;
			margin-right: 0px;
			margin-bottom: 0px;
			border: 0px solid black;
			vertical-align: top
		}

		.vergleichButton {
			position: relative; 
			top: 50px; 
			width: calc(100% - 60px);
			cursor: pointer; 
			text-align: center; 
			padding: 15px 30px; 
			background-color: #454545;
			margin-bottom: 4px;
			text-align: left;
			z-index: 400;
			opacity: 0.9;
		}

		.werkstattangebot {
			width: 100%;
			height: 35px;
			background-color: white;
			border: 1px solid white;
			padding: 0px 15px;
			margin-bottom: 10px;

		}

		.werkstattangebot_arrow {
			width: 100%;
			height: 35px;
			background-color: white;
			border: 1px solid white;
			padding: 0px 15px;
			margin-bottom: 10px;
			border-radius: 0;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			background-image: url('../bilder/arrowdown.png');
			background-position: top 10px right 10px;
			background-repeat: no-repeat;
			background-size: 25px 25px;

		}

		.werkstattangebot_submit {
			width: 100%;
			height: 55px;
			background-color: #EF921C;
			border: 1px solid #EF921C;
			padding: 0px 15px;
			margin-bottom: 10px;
			text-align: center;
			cursor: pointer;

		}

		.wirhelfendir {
			margin-bottom: 160px;
			top: 325px;
			position: relative;
			margin-bottom: 385px;
		}
		
		.wirhelfendir2korr {
			margin-top: -285px;
		}

	}