/* Minification failed. Returning unminified contents.
(171,1): run-time error CSS1019: Unexpected token, found '@charset'
(171,10): run-time error CSS1019: Unexpected token, found '"utf-8"'
(171,17): run-time error CSS1019: Unexpected token, found ';'
(262,1): run-time error CSS1019: Unexpected token, found '@charset'
(262,10): run-time error CSS1019: Unexpected token, found '"utf-8"'
(262,17): run-time error CSS1019: Unexpected token, found ';'
 */
@charset "utf-8";


	
.logofloat {
	float:none;}

h2 {
	margin: 20px 0;}

.fortschritt {
	text-align: center;
	width: 100%;
	padding: 25px 0 0 0;
	display: none;}

.table {
	width: 80%;
	margin: 0px auto 0px auto;
	text-align: center;
	font-size: 16px;
}

.table-responsive {
	border: none;
	font-size: 16px;}

.table-weiss {
	margin: 0px auto 0px auto;
	font-size: 14px;}

.termin-waehlen {
	margin: 20px auto 20px auto;
	width:300px;
	font-size: 16px;}

.linie {
	width: 50%;
	margin: 0 auto 0 auto;
	padding: 0;}

.adresse {
	float: left;
	margin: 0 0 20px 10px;}

.subfahrerloeschen {
    background:url(/Content/graphics/adresse-loeschen.png);
    width:37px;
    height:30px;
    text-indent:-9999px;
    border:none;
}

.icon {
	float: right;
	margin: 1% 0 0 0;}

.kontakt {
	width: 100%;
	max-width:460px;
	margin: 0px auto 0px auto;
	padding: 20px 0 0 0;}

.form-horizontal {
	width: 400px;
	margin: 0px auto 0px auto;}

td {
	width: 225px;}

.danger {
	background-color: #ca1414;
	color: #e2e2e2;
	font-weight: bold;
	text-transform: uppercase;
	border: none;
	width: 25%;}

.info {
	background-color: #ffcccc;}

.spalte {
	width: 120px;}

.text-daten {
	font-size: 18px;
	font-weigth: bolder;
	text-align: center;
	margin-bottom: 20px;}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border:none;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: top;}

.table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info {
    background-color: #feeeee;}

.table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning {
    background-color: #fbfbfb;}

.table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger {
    background-color: #ca1414;}

.button {
	width:200px;
	margin: 20px auto 0 auto;}

.button:hover {
	text-decoration: none;}

.form-control {
	width: 280px;
	border-radius: 4px;
	font-size: 16px;}

.control-label {
	font-weight: normal;}

.akzeptieren {
	text-align: center;
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: bold;
	margin-right: 140px;}

.contentspalte {
	width: 50%;
	padding: 0 2%;
	float: left;}

@media screen and (max-width: 1024px){
.padclearfix{
	clear: both;}

		
.contentspalte {
	float:none;
	width:100%;
	padding: 0 10px 0 10px;}}

@media screen and (max-width: 640px){
	
.table-responsive {
	margin: 0px auto 0px auto;
	width: 90%;}

.termin-waehlen {
	margin-top: 20px;
	margin-bottom: 20px;}

.form-horizontal {
	width: 100%;
	margin: 0px auto 0px auto;}

.control-label {
	margin-left: 10px;}

.form-control {
	width: 93%;
	margin-left: 10px;}}

@media screen and (min-width: 680px){
.fortschritt{
	display: block;}}

@media screen and (min-width: 1280px){
.logofloat {
	float:left;}}
@charset "utf-8";
/* CSS Document */

form {width: 90%;}

.form-control {
	width: 100%;
	background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: none;
    color: #555;
    display: block;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;}

input {
	font-style: italic;
	font-size: 0.8em;}
	
.form-control:hover, .form-control:active, .form-control:focus {
	box-shadow: inset 0 0 2px rgba(202,20,20,.99);}
	
.form-control:focus, .form-control:active {	
	border: 1px solid #CB8687;}

option {
	font-style:italic;}

.auswahl {
	font-weight:100;
	margin: 5px 0 0 10px;}

.form-horizontal .control-label {
	text-align: left;
	padding: 9px 10% 0 0;}

.control-label {
	font-weight: bold;
	font-style: italic;}

label:hover, label:active, label:focus {
	color: #92181A;}

.col-sm-10 {
	padding: 0 0 0 10px;}

/*mailchimp*/
	
#mc_embed_signup{clear:left}
	#mc_embed_signup form {
		margin: 0px auto 0px auto
	}

.mc-field-group label:hover, .mc-field-group label:active, .mc-field-group label:focus {
	color: #92181A;}
	
.mc-field-group label{
	font-weight: bold;
	font-style: italic;
	text-align: left;
	padding: 9px 10% 0 0;
	}
.mc-field-group input {	
	font-style: italic;}

/*mailchimp ends*/

@media (max-width:640px) {
.form-horizontal .form-group{
	margin-right: auto;
	margin-left: auto;
	max-width: 430px;}
	
.form-control {
	margin: 0;}

.control-label {
	margin-left: 15px;}

.form-group {
	margin-bottom: 0;}

label {
	font-size: 0.8em;
	margin: 0;}
	
.col-sm-10 {
	padding: 0 10px 0 10px;}}
@charset "utf-8";
.kpslogo {
	float: right;
	padding: 10px 0 0 0;}

.mkpslogo {
	padding: 13px 5px 0 5px;
	margin: 0;
	display: none;}

html, body {
	font-family: 'Ropa Sans', sans-serif;
    font-size:16px;
	width: 100%;
	height: 100%;
	line-height: 1.4;
	color: #333;}
	
.dropdown-menu {
    background-color: #1b1b1b;}
	
.dropdown-menu li a {
	color: #9d9d9d;}

.navbar-inverse {
    background-color: #1b1b1b;
    border-color: #1b1b1b;
	background-image: none;}

.navbar {
	font-family: 'Racing Sans One', 'helvetica neue', sans-serif;
	border-radius: 0;
	margin:0;}

.contentwrapper {
	background-color: #fbfbfb;
	max-width: 1280px;
	margin: 0 auto 0 auto;
	padding: 0 0 30px 0;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.33);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.33);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.33);}
.contentwrapper h1{text-align:center;}

.textwrapper {
	padding: 1rem 2rem;}

.footerwrapper {
	max-width: 1280px;
	margin: 0 auto 0 auto;}

.footer {
	background-color: #1b1b1b;
	text-align:center;
	color: #a2a2a2;
	padding: 25px 0 35px 0;}

.footer p, .footer img {
	margin: 15px 0 0 0;}

.footer p a {
	color: #a2a2a2;}

.slider {
	width: 100%; }

h1 {
	font-family: 'Racing Sans One', 'helvetica', sans-serif;
	text-transform: uppercase;
	color: #fbfbfb;
	display: block;
	margin: 0;
	padding: 1rem 0 1rem 4rem;
	font-size: 2rem;
	-webkit-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.33);
	-moz-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.33);
	box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.33);
  	-webkit-text-shadow: 0px 0px 1px #621A1B;
	-moz-text-shadow: 0px 0px 1px #621A1B;
	text-shadow: 0px 0px 1px #621A1B;
    background: -moz-linear-gradient(#ca1414, #aa1414);
    background: -webkit-linear-gradient(#ca1414, #aa1414);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#ca1414), to(#aa1414));
    background: -o-linear-gradient(#ca1414, #aa1414);
    background: linear-gradient(#ca1414, #aa1414);}

h2{
	font-family: 'Racing Sans One', 'helvetica', sans-serif;
	color: #ca1414;
	margin: 0 0 1rem 0;
	font-size: 1.6rem;
	-webkit-text-shadow: inset 0px 1px 0px #4A4A4A;
    -moz-text-shadow: inset 0px 1px 0px #4A4A4A;
    text-shadow: inset 0px 0px 1px #E0E0E0;}
h3{
	font-family: 'Racing Sans One', 'helvetica', sans-serif;
	color: #555;
	margin: 2rem 0 1.5rem 0;
	font-size: 1.4rem;
	-webkit-text-shadow: 0px 1px 0px #4A4A4A;
	-moz-text-shadow: 0px 1px 0px #4A4A4A;
	text-shadow: 0px 0px 1px #E0E0E0;}

ul li {
	list-style: none;
	padding: 0;
	margin: 0;}
	
ul {
	padding: 0;
	margin: 0;}

a, a:focus, a:hover {
	color: #A32C2E;
	text-decoration: none;}

	a.link {
		color: #A32C2E;
		text-decoration: underline;
	}
	a.link:hover {
		color: #A32C2E;
		text-decoration: none;
	}

a:visited {
	color: #d18687;
	text-decoration: none;}
	
.download:hover {
	color: #A32C2E;
	text-decoration: underline;}

p {
	font-size: 1rem;
	margin: 0;
	padding: 0;}
	
.spalte {
	float:left;
	width:25%;
	padding: 2rem;}

.spalte33 {
	float: left;
	width: 33%;
	padding: 2rem;
}

.button {
  	-webkit-border-radius: 3px;
  	-moz-border-radius: 3px;
  	border-radius: 3px;
  	color: #ffffff;
  	font-size: 18px;
  	padding: 4px 0 10px 0;
  	text-align: center;
  	height: 38px;
  	border: solid 2px #ca1414;
  	transition: all ease-in 0.1s;
  	-webkit-transition: all ease-in 0.1s;
  	-moz-transition: all ease-in 0.1s;
  	-o-transition: all ease-in 0.1s;
  	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.33);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.33);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.33);
    background: -moz-linear-gradient(#ca1414, #ba1414);
    background: -webkit-linear-gradient(#ca1414, #ba1414);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#ca1414), to(#ba1414));
    background: -o-linear-gradient(#ca1414, #ba1414);
    background: linear-gradient(#ca1414, #ba1414);
    -webkit-text-shadow: 0px 1px 0px #621A1B;
	-moz-text-shadow: 0px 1px 0px #621A1B;
	text-shadow: 0px 0px 1px #621A1B;}
  
.button:hover {
	background: #fbfbfb;
	color: #ca1414;
	border: solid 2px #ca1414;
	text-decoration: none;
	-webkit-text-shadow: none;
	-moz-text-shadow: none;
	text-shadow: none;
  	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;}

.buttonform {
	max-width:200px; 
	margin: 0 auto 0 auto}
	
.bezahlen {
	max-width:50%;
	margin: 0px auto 0px auto;}

.bezahlen img {
	width:19%;}

@media screen and (max-width: 768px){
.kpslogo {
	display: none;}

.mkpslogo {
	display: block;}

.navbar-brand {
	float: left;
	padding-right: 2%;
	padding-left: 2%;}}
	
@media screen and (max-width: 1024px){
	.spalte {
		width: 50%;
	}
	.spalte33 {
		width:100%;
		padding:0 1rem;
	}

	.bezahlen {
		min-width: 90%;
	}
}

@media screen and (max-width: 640px){
	h1 {
		padding: 1rem 5%;}

	.bezahlen img {
		width:30%;}

	.textwrapper {
		padding:  1rem 5%;}

	.spalte {
		padding: 1.5rem 0 0 0;
		float:none;
	width:100%}}

@media screen and (min-width: 1280px) and (max-width: 1920px) {
body {
	background-image:url(../images/bgmedium.jpg);
	background-repeat:no-repeat;
	background-attachment: fixed;}}
@media screen and (min-width: 1921px) {
body {
	background-image:url(../images/bgbig.jpg);
	background-repeat:no-repeat;
	background-attachment: fixed;}}

.hotellist h3 { margin-bottom: 1ex;}
.hotellist .spalte33 {margin: 0 0; padding: 0 3em;}
.hotellist .button {
	display: block;
	float:none;
}
