* {
  box-sizing: border-box;
}

/*
 * -------------------------------------------------------------------------
 * WEB-FONTS
 * -------------------------------------------------------------------------
*/

@font-face {
	font-family: 'Patua One';
	font-style: normal;
	font-weight: 400;
	src: local('Patua One'), local('PatuaOne-Regular'),
		url('https://www.kreditheld.at/fonts/patua-one-v11-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		url('https://www.kreditheld.at/fonts/patua-one-v11-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('https://www.kreditheld.at/fonts/roboto-v29-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://www.kreditheld.at/fonts/roboto-v29-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('https://www.kreditheld.at/fonts/roboto-condensed-v24-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://www.kreditheld.at/fonts/roboto-condensed-v24-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* WEB-FONDS END xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


/*
 * -------------------------------------------------------------------------
 * HTML-ELEMENTE
 * -------------------------------------------------------------------------
*/

html, body {
	padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
	background: white;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0px; 
	font-size: 18px;
	color: #444;
}

DIV {
	PADDING: 0px;
	MARGIN: 0px;
}

FORM {
	padding: 0;
	/*display: inline;*/
}

SPAN {
	margin: 0;
	padding: 0;
}

P {
	margin: 0;
	padding: 0;
}

.angebot_box {
	padding: 0;
	margin: 0;
	width: 100%;
}

.angebot_box H1 {
	margin: 0 0 11px 0;
	padding: 0;
	color: #3B3B3B;
	font: 177% 'Patua One', cursive;	/*font: bold 25px "Patua One";*/
}

.angebot_box H2 {
	margin: 0 0 10px 0;
	padding: 0;
	color: #3B3B3B;
	font: 1.83rem 'Patua One', cursive;
}

.angebot_box H3 {
	margin: 0;
	padding: 0;
	color: #3B3B3B;
	font: 100% 'Patua One', cursive;
}

A:active, A:link, A:visited {
    /*color: #5c5c5c;
	color: #8F875C;*/
    text-decoration: none;
	color: #FFF;
}

A:hover {
    text-decoration: none;
}

A IMG {
	border: none;
}

input[type=text], select {
    padding: 0 20px;
    margin: 0;
    display: inline-block;
    border-radius: 4px;
	font-size: 13px;
}

input::placeholder {
	font-size: 14px;
	color: silver;
}

textarea::placeholder {
	font-size: 14px;
	color: silver;
}

input::-webkit-input-placeholder { color:silver; transition: color 1s; }
input::-moz-placeholder { color:silver; transition: color 1s }
input:-ms-input-placeholder { color:silver; transition: color 1s}
input:-moz-placeholder { color:silver; transition: color 1s }

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder { color:transparent; }
input:focus:-moz-input-placeholder { color:transparent; }

/* HTML-ELEMENTE END  xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */




/*
 * -------------------------------------------------------------------------
 * ANGEBOT
 * -------------------------------------------------------------------------
*/

#wrapper_angebot {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}

#wrapper_angebot .content_angebot {
	margin: 0 auto;;
	padding: 0;
	width: 80%;
	height: 100%;
}

.angebot_box .angebot_boxMain {
	display: flex;
	flex-flow: column wrap;
	justify-content: space-evenly;
}

.angebot_box .angebot_boxMain .button_angebot_boxMain {
	padding: 15px;
	margin: 0 0 20px 0;
	flex: 100%;
	max-width: 100%;
	border-style: solid;
	border-width: thin;
	text-align: center;
	vertical-align: center;
	color: #3B3B3B;
	font: 100% 'Patua One', cursive;
	background: white;
}

@media all and (max-width: 997px) {
	.angebot_box .angebot_boxMain .angebot_img {
		display: none;
	}

	.angebot_box .angebot_boxMain .angebot_radio {
		display: inline;
		margin-right: 15px;
		transform: scale(1.2);
	}
	.angebot_box .angebot_boxMain .angebot_inline {
		display: inline;
	}
}

.angebot_box .angebot_boxMain .button_angebot_boxMain_2 {
	padding: 15px;
	margin: 0 0 20px 0;
	flex: 100%;
	max-width: 100%;
	border-style: solid;
	border-width: thin;
	text-align: center;
	vertical-align: center;
	background: white;
	color: #3B3B3B;
	font: 100% 'Patua One', cursive;
}

.angebot_box .angebot_boxMain .button_angebot_boxMain_3 {
	padding: 15px;
	margin: 0 0 20px 0;
	flex: 100%;
	max-width: 100%;
	border-style: solid;
	border-width: thin;
	text-align: center;
	vertical-align: center;
	background: white;
	color: #3B3B3B;
}

.angebot_box .angebot_boxMain .button_angebot_boxMain:hover {
	border-color: #FF8C00;
	cursor: pointer;
	background-color: #FDFDFD;
}

.angebot_box .angebot_nav {
	padding: 10px;
	margin: 20px 0 0 0;
	width: 100%;
	background: #F8F8FA;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	position: relative;
}

.angebot_box  .button_angebot_nav {
	background-color: #FF8C00;
    color: white;
	line-height: 22px;
	height: 26px;
	padding: 2px 30px;
    font-size: 13px;
    margin: 0;
	border: 1px solid;
	border-color: #d16546 #ca4e2a #ca5d3d #ca4e2a;
	-webkit-box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.5), 0px 1px 1px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.5), 0px 1px 1px 0px rgba(0,0,0,0.15);
	box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.5), 0px 1px 1px 0px rgba(0,0,0,0.15);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
	-webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
	text-transform: uppercase;
	bottom: 0;
}

.angebot_box .button_angebot_nav:hover {
	background-color: #ea4e20;
}

@media all and (min-width: 1200px) {
	#wrapper_angebot .content_angebot {
		margin: 0 auto;
		width: 1200px;
		height: 100%;
	}
	
	.angebot_box .angebot_boxMain {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-evenly;
	}

	.angebot_box .angebot_boxMain .button_angebot_boxMain {
		position: relative;
		padding: 15px;
		margin: 0 auto;
		flex: 19%;
		max-width: 19%;
		border-style: solid;
		border-width: thin;
		text-align: center;
		vertical-align: center;
		background: white;
		color: #3B3B3B;
		font: 100% 'Patua One', cursive;
	}

	.angebot_box .angebot_boxMain .button_angebot_boxMain_2 {
		padding: 15px;
		margin: 0 auto;
		flex: 25%;
		max-width: 25%;
		border-style: solid;
		border-width: thin;
		text-align: center;
		vertical-align: center;
		background: white;
		color: #3B3B3B;
		font: 100% 'Patua One', cursive;
		display: flex;
		flex-flow: column wrap;
		justify-content: space-between;
	}

	.angebot_box .angebot_boxMain .button_angebot_boxMain_3 {
		padding: 15px;
		margin: 0 auto;
		flex: 50%;
		max-width: 50%;
		border-style: solid;
		border-width: thin;
		text-align: center;
		vertical-align: center;
		background: white;
		color: #3B3B3B;
		/*font: 100% 'Patua One', cursive;*/
		display: flex;
		flex-flow: column wrap;
		justify-content: space-between;
	}

	.angebot_box .angebot_boxMain .button_angebot_boxMain_4 {
		padding: 15px;
		margin: 0 auto;
		flex: 75%;
		max-width: 75%;
		border-style: solid;
		border-width: thin;
		text-align: center;
		vertical-align: center;
		background: white;
		color: #3B3B3B;
	}

	.angebot_box .angebot_boxMain .angebot_radio {
		position: absolute;
		top: 10px;
		left: 10px;
		display: inline;
		margin-right: 15px;
		transform: scale(1.2);
	}
	/*
	.angebot_box .angebot_boxMain .angebot_radio {
		display: none;
	}
	*/
}



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

.eingabefeld_kontakt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	height: 30px;
	width: 100%;
    border: 1px solid #ccc;
}

.eingabefeld_kontakt_verpflichtend {
	margin: 3px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	height: 30px;
	width: 100%;
    border: 1px solid #ccc;
    border-left: 3px solid #F00;
}

.eingabefeld_kontakt_verpflichtend_2 {
	margin: 3px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	height: 30px;
	width: 45%;
    border: 1px solid #ccc;
    border-left: 3px solid #F00;
}

.eingabefeld_kontakt_textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	padding: 8px 20px;
	margin: 3px 0;
	height: 250px;
	width: 100%;
    border: 1px solid #ccc;
    border-radius: 5px;
	resize: none;
}

.eingabefeld_kontakt_textarea_2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	padding: 8px 20px;
	margin: 3px 0;
	height: 110px;
	width: 100%;
    border: 1px solid #ccc;
    border-radius: 5px;
	resize: none;
}

.eingabefeld_kontakt_select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7 rem;
	color: #666666;
	height: 30px;
	width: 95%;
    border: 1px solid #ccc;
	background: white;
	padding: 0 14px;
    border-radius: 5px;
    /*box-shadow: 4px 4px #ccc;*/
}

.errorBox_small {
	text-align: center;
	color: #FF001A;
	margin-bottom: 20px;
}
	
.errorBox_big {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	color: #FF001A;
}

@media all and (max-width: 764px) {
	.errorBox_big {
		display: none;
	}
}

@media all and (min-width: 765px) {
	.errorBox_small {
		display: none;
	}
}

/* FORM END xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */