@charset "utf-8";
html {scroll-behavior:smooth;}
body, html {
  height: 100%;
  margin:0;
  padding:0;
}
body {
  border:0px;
  font-weight:normal;
  font-style:normal;
  font-variant:normal;
  line-height:normal;
  font-family:'SansPro' !important;
  color:#000000;
}
body.januar {background:url(../images/index_januar.jpg) no-repeat center center #ffffff; background-size:cover; background-attachment:fixed;}
body.februar {background:url(../images/index_februar.jpg) no-repeat center center #ffffff; background-size:cover; background-attachment:fixed;}
body.maerz {background:url(../images/index_maerz.jpg) no-repeat center center #ffffff; background-size:cover; background-attachment:fixed;}
body.april {background:url(../images/index_april.jpg) no-repeat center center; background-size:cover; background-attachment:fixed;}
body.mai {background:url(../images/index_mai.jpg) no-repeat center center #ffffff; background-size:cover; background-attachment:fixed;}
body.juni {background:url(../images/index_juni.jpg) no-repeat center center #ffffff; background-size:cover; background-attachment:fixed;}
body.juli {background:url(../images/index_juli.jpg) no-repeat center center #ffffff; background-size:cover; background-attachment:fixed;}
body.august {background:url(../images/index_august.jpg) no-repeat center center #ffffff; background-size:cover; background-attachment:fixed;}
body.september {background:url(../images/index_september.jpg) no-repeat center center #ffffff; background-size:cover; background-attachment:fixed;}
body.oktober {background:url(../images/index_oktober.jpg) no-repeat center center #ffffff; background-size:cover; background-attachment:fixed;}
body.november {background:url(../images/index_november.jpg) no-repeat center center #ffffff; background-size:cover; background-attachment:fixed;}
body.dezember {background:url(../images/index_dezember.jpg) no-repeat center center #ffffff; background-size:cover; background-attachment:fixed;}
@font-face {font-family:'SansPro'; src: url('../schriften/SansPro-Regular.eot');
src: url('../schriften/SansPro-Regular.eot?#iefix') format('embedded-opentype'), url('../schriften/SansPro-Regular.svg#SansPro-Regular') format('svg'), 
url('../schriften/SansPro-Regular.woff') format('woff'), url('../schriften/SansPro-Regular.ttf') format('truetype'); font-weight:normal; font-style:normal;}
@font-face {font-family:'SansPro-Slim'; src: url('../schriften/SansPro-Slim.eot');
src: url('../schriften/SansPro-Slim.eot?#iefix') format('embedded-opentype'), url('../schriften/SansPro-Slim.svg#SansPro-Slim') format('svg'), 
url('../schriften/SansPro-Slim.woff') format('woff'), url('../schriften/SansPro-Slim.ttf') format('truetype'); font-weight:normal; font-style:normal;}
img {max-width:100%; border:0px; height:auto; width:auto\9; /* ie8 */}
a {color:#0c5caf; text-decoration:underline;}
a:hover {color:#000000; text-decoration:none;}
a:active, a:focus {outline:none;}
b {font-weight:600;}
i {font-style:italic;}
#mind {color:#0c5caf; font-weight:600;}
h1 {margin:0px; padding:0px; font-size:30px; margin-bottom:20px; color:#000000; font-weight:lighter; font-family:'SansPro-Slim';}
h2 {margin:0px; padding:0px; font-size:20px; margin-bottom:10px; color:#333333; font-family:'SansPro-Slim';}
#bootsname {width:auto; height:auto; position:relative !important}
#bootsname img {width:150px; margin:5px 0 -13px 0;}
/* margin: top right bottom left */
#wrapform {width:94%; height:auto; max-width:1300px; font-size:18px; margin:1px auto; margin-top:30px; margin-bottom:30px; padding:30px 3% 70px 3%; background:#ffffff;
		   position:relative !important}
#kopf {width:100%; height:auto; margin:0 0 30px 0; padding:0 0 20px 0; border-bottom:1px solid #777777; position:relative !important}
#kopf img {width:300px;}
#closure {width:40px; height:auto; right:3%; top:40px; margin:0; padding:0; transition:all .2s ease-in-out; z-index:100; position:absolute !important}
#closure img {width:40px;}
#closure:hover {transform:scale(1.2);}
#kategorie {width:100%; height:auto; color:#666666; line-height:1; margin:10px 0 10px 0; padding:0; position:relative !important}
#redrot {color:#dd2200;}
#norm_left {width:47.8%; height:auto; margin:0; padding:0 2% 0 0; float:left; position:relative !important}
#norm_right {width:47.8%; height:auto; margin:0; padding:0 0 0 2%; float:left; position:relative !important}
#ab {width:100%; height:1px; margin:0; padding:0; clear:both; position:relative !important}
#nrmsub_left {width:34%; height:auto; line-height:1; margin:0; padding:0; float:left; position:relative !important}
#nrmsub_leftred {width:34%; height:auto; color:#dd2200; line-height:1; margin:0; padding:0; float:left; position:relative !important}
#nrmsub_right {width:66%; height:auto; margin:0; padding:0; float:left; position:relative !important}
#sterne_left {width:40%; height:auto; line-height:1; margin:0; padding:0; float:left; position:relative !important}
#sterne_right {width:60%; height:auto; margin:0; padding:0; float:left; position:relative !important}
#trmreserviert {width:100%; height:30px; font-size:18px; line-height:1; margin:0; padding:0 0 0 35px; background:url(../images/reserviert.png) no-repeat left top;
		  		background-size:30px, auto; float:left; position:relative !important}
.calendar_reiter_up {width:99.8%; height:auto; margin:0; padding:0; display:block; border:1px solid #aaaaaa;
			  	 	 background:url(../images/arrow_up.png) no-repeat center right #ededed; background-size:40px, auto; position:relative !important}
.calendar_reiter_down {width:99.8%; height:auto; margin:0; padding:0; display:none; border:1px solid #aaaaaa;
			  	   	   background:url(../images/arrow_down.png) no-repeat center right #ededed; background-size:40px, auto; position:relative !important}
.calendar_reiter_up a, .calendar_reiter_down a {width:98%; height:auto; font-size:17px; font-weight:600; color:#000000; text-decoration:none; margin:0; padding:15px 0 15px 2%; display:inline-block;}
.calendar_content {width:96%; height:auto; margin:0; padding:10px 2% 30px 2%; display:block; position:relative !important}
#iframe_wrapper {width:100%; height:auto; margin:0px; padding:0; overflow-x:scroll; white-space:nowrap; position:relative !important}
#iframe_wrapper iframe {width:2300px; height:250px; margin:0; padding:0; border:0;}
#anreisebox {width:25%; height:auto; margin:0; padding:0; float:left; position:relative !important}
#abreisebox {width:75%; height:auto; margin:0; padding:0; float:left; position:relative !important}
#extras_box {width:25%; height:auto; margin:0; padding:0; float:left; position:relative !important}
#chk_blende {width:100%; height:auto; line-height:1.2; text-align:left !important; margin:0; padding:0; position:relative !important}
#chk_blende img {vertical-align:middle; margin:0 10px 10px 0;}
.form_1 {width:97.2%; background:transparent; color:#333333; padding:1%; border:1px solid #555555; margin-bottom:10px; font-size:18px; font-family:'SansPro';}
.form_2 {width:97.2%; height:210px; background:transparent; color:#333333; padding:1%; border:1px solid #555555; margin-bottom:10px; font-size:18px; font-family:'SansPro';}
.form_3 {width:250px; background:transparent; color:#333333; padding:4px; border:1px solid #555555; margin:0 10px 0 0; font-size:18px; font-family:'SansPro';}
.form_4 {width:140px; background:transparent; color:#333333; padding:4px; border:1px solid #555555; margin:0; font-size:18px; font-family:'SansPro';}
.form_auswahl {width:99%; background:transparent; color:#333333; padding:1%; border:1px solid #555555; margin-bottom:10px; font-size:18px; font-family:'SansPro';}
#fm_bd {width:40%; height:auto; margin:0; padding:0 5% 0 0; float:left; position:relative !important}
#fm_cd {width:54.7%; height:auto; margin:0; padding:0; float:left; position:relative !important}
.btn {font-family:'SansPro'; font-size:18px; text-align:center; font-weight:normal; text-transform:uppercase; color:#ffffff; width:250px; border:0px; padding:10px 0 10px 0; background:#777777; cursor:pointer;}
::placeholder {color:#000; opacity: 1;}
:-ms-input-placeholder {color:#000;}
::-ms-input-placeholder {color:#000;}
.change::placeholder {color:#d20; opacity: 1;}
.change:-ms-input-placeholder {color:#d20;}
.change::-ms-input-placeholder {color:#d20;}
.checkbox {width:25px; height:25px; padding:0; margin:0 10px 10px 0; background:url(../images/checkbox.png) no-repeat transparent; display:block; float:left; clear:left;}
#chktxt {display:block; line-height:1.2; text-align:left !important}
#chktxtred {display:block; line-height:1.2; color:#dd2200; text-align:left !important}
#ab {width:100%; height:1px; clear:both; position:relative !important}
#kat_ab {width:100%; height:25px; border-bottom:1px dotted #777777; margin:0 0 25px 0; clear:both; position:relative !important}
/* Cookie Hinweis */
.mbmcookie {width:290px; left:0px; bottom:0px; background:#ffffff; padding:30px; margin:0; border:1px solid #777777; border-radius:0 10px 0 0; z-index:10000000000000;
			display:block; position:fixed !important}
#mbtop {width:100%; height:auto; font-size:15px; color:#777777; padding:0 0 30px 0; position:relative !important}
#mbbtm {width:100%; height:auto; text-align:left; padding:0px; position:relative !important}
#mbbtm a.button {cursor:pointer; font-size:15px; color:#ffffff; padding:6px 14px 4px 14px; margin:0; text-transform:uppercase; text-decoration:none; display:inline-block; float:left;
				 line-height:1; background:#a5012d;}
#mbbtm a.button2 {cursor:pointer; font-size:15px; color:#ffffff; padding:6px 14px 4px 14px; margin:0 0 0 10px; text-transform:uppercase; text-decoration:none; display:inline-block;
				  float:left; line-height:1; background:#a5012d;}
#mbbtm a.button:hover, #mbbtm a.button2:hover {background-color:#000000;}
@media (max-width:1400px) {
#wrapform {max-width:auto; margin:0;}
}
@media (max-width:1100px) {
h1 {font-size:27px;}
h2 {font-size:19px;}
#bootsname img {width:130px; margin:5px 0 -10px 0;}
#kopf img {width:250px;}
#wrapform, .form_1, .form_2, .form_3, .form_4, .form_auswahl, , #trmreserviert, .btn {font-size:17px;}
}
@media (max-width:1050px) {
#anreisebox {width:100%;}
#abreisebox {width:100%; margin:20px 0 0 0;}
#extras_box {width:50%; padding:0 0 5px 0;}
}
@media (max-width:960px) {
/* Cookie Hinweis */
.mbmcookie, .mbmcookieindex {padding:20px;}
#mbtop {font-size:14px; padding:0 0 20px 0;}
#mbbtm a.button {font-size:14px;}
#mbbtm a.button2 {font-size:14px; margin:0 0 0 8px;}
}
@media (max-width:750px) {
#norm_left, #norm_right {width:100%; padding:0;}
}
@media (max-width:550px) {
#extras_box {width:100%;}
}
@media (max-width:500px) {
h1 {font-size:25px;}
h2 {font-size:18px;}
#bootsname img {width:123px;}
#wrapform, .form_1, .form_auswahl, #trmreserviert {font-size:16px;}
.form_2 {height:300px; font-size:16px;}
.form_3 {width:97.2%; padding:1%; margin:0 0 10px 0; font-size:16px;}
.form_4 {font-size:16px;}
}