/* Small landscape */
@media screen and (max-width: 39.9375em) and (orientation: landscape) {
body {color:pink!important;font-size:0.9rem!important;}
.logo{padding-top:1.0rem!important;padding-bottom:0.3rem!important;padding-left:11.0rem!important;padding-right:11.0rem!important;}
.email, .email a{padding-top:0.1rem!important;font-size:1.3rem!important;letter-spacing:0px!important;}
.phonenr{padding-top:0.2rem!important;padding-bottom:0.3rem!important;font-size:1.3rem!important;color:#0063be;letter-spacing:0px!important;}
.bestelbutton{margin-top:0.5rem!important;margin-bottom:0.5rem!important;}
.subtitle{font-size:1.6rem!important;padding-top:0.1rem!important;padding-left:0rem!important;padding-right:0rem!important;padding-bottom:0.3rem!important;letter-spacing:0px!important;}	
.menu{text-align:center!important;font-size:0.7rem!important;border-bottom:1px solid #fff!important;}
H1{font-size:1.5rem!important;padding-bottom:0.0rem!important;letter-spacing:0px!important;;}
H2{font-size:1.2rem!important;}
}

/* Small portrait */
@media screen and (max-width: 39.9375em) and (orientation: portrait) {
body {font-size:0.9rem!important;}
.logo{padding-top:1.0rem!important;padding-bottom:0.3rem!important;padding-left:2.0rem!important;;padding-right:2.0rem!important;}
.email, .email a{padding-top:0.1rem!important;font-size:1.3rem!important;letter-spacing:0px!important;}
.phonenr{padding-top:0.2rem!important;padding-bottom:0.3rem!important;font-size:1.3rem!important;color:#0063be;letter-spacing:0px!important;}
.bestelbutton{margin-top:0.5rem!important;margin-bottom:0.5rem!important;}
.subtitle{font-size:1.6rem!important;padding-top:0.1rem!important;padding-left:0rem!important;padding-right:0rem!important;padding-bottom:0.3rem!important;letter-spacing:0px!important;}	
.menu{text-align:center!important;font-size:0.7rem!important;border-bottom:1px solid #fff!important;}
H1{font-size:1.5rem!important;padding-bottom:0.0rem!important;letter-spacing:0px!important;;}
H2{font-size:1.2rem!important;}
}

/* min-width 641px and max-width 1024px, use when QAing tablet-only issues - --- oa. ipad landscape */
@media only screen and (min-width:40.063em) and (max-width:64em) and (orientation: landscape) {
.logo{padding-top:1.5rem!important;padding-left:1.5rem!important;;padding-right:1.5rem!important;}
.email, .email a{padding-top:0.2rem!important;font-size:1.6rem!important;color:#0063be;letter-spacing:0px!important;}
.phonenr{padding-top:0.2rem!important;font-size:1.6rem!important;color:#0063be;letter-spacing:0px!important;}	
.subtitle{padding-top:1.5rem!important;padding-left:1.4rem!important;padding-right:1.4rem!important;}
.menu a{font-size:0.70rem!important;}
H1{font-size:2.2rem!important;padding-top:1.0rem!important;}	
H2{font-size:2.2rem!important;}	
}

/* min-width 641px and max-width 1024px, use when QAing tablet-only issues - --- oa. ipad portrait */
@media only screen and (min-width:40.063em) and (max-width:64em) and (orientation: portrait) {
.logo{padding-top:1.5rem!important;padding-left:0.5rem!important;;padding-right:0.5rem!important;}
.email, .email a{padding-top:0.0rem!important;font-size:1.3rem!important;letter-spacing:0px!important;}	
.phonenr{padding-top:0.0rem!important;font-size:1.3rem!important;letter-spacing:0px!important;}	
.subtitle{padding-top:1.7rem!important;padding-left:0.4rem!important;padding-right:0.4rem!important;}
.menu a{font-size:0.65rem!important;}	
H1{font-size:1.7rem!important;padding-top:1.0rem!important;}
H2{font-size:1.4rem!important;}	
}

/* Large and up */
@media screen and (min-width: 64em) {}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}

body {background-color:#fff;color:#666;font-family:Open Sans;}
a{color:#005db9;}
a:hover{text-decoration:underline;}
H1{text-transform:uppercase;color:#005db9;font-size:3.2rem;font-weight:bold;padding-top:0.5rem;letter-spacing:7px;}	
H2{text-transform:uppercase;color:#005db9;font-size:2.2rem;padding-top:1.0rem;padding-bottom:1.0rem;}
H3{font-size:1.4rem;color:#005db9;padding-top:1.3rem;padding-bottom:0.3rem;padding-top:0.5rem;}
.ylw{color:#005db9;}
.row {max-width:80rem;padding:0px;}
.logo{padding-top:1.5rem;padding-bottom:1.5rem;padding-left:2.1rem;padding-right:2.1rem;}
.topbar{background-color:#005db9;}
.subtitle{font-family:Verdana;display:block;padding-top:1.0rem;padding-bottom:2.7rem;letter-spacing:10px;font-size:2.8rem;color:#666;font-weight:bold;}
.email, .email a{display:block;letter-spacing:1px;font-size:1.7rem;color:#666;font-weight:bold;}
.phonenr{display:block;letter-spacing:1px;font-size:1.7rem;color:#666;font-weight:bold;}
.menu{font-weight:bold;text-transform:uppercase;padding:0px;border-right:1px solid #fff;}	
.menu a{font-size:0.9rem;display:block;background-color:#9c9c9c;color:#fff;padding-top:1.0rem;padding-bottom:1.0rem;letter-spacing:1px;text-align:center;}	
.menu a:hover{background-color:#005db9;}
.photos{background-color:#f7f7f7;border:1px solid #d8d8d8;padding-top:0.7rem;padding-bottom:0.7rem;}
.carousel{background-color:#fff;margin-top:0.2rem;margin-bottom:1.0rem;}
.carousel img{padding:0.2rem;margin-bottom:0.5rem;}
.footer{background-color:#666;margin-top:1.0rem;}
.footer .row{padding-top:1.5rem;padding-bottom:1.5rem;color:#d2d2d2;line-height:28px;}
.footer a{color:#fff;}
.footer a:hover{text-decoration:underline;}
.formlabel{padding-top:8px;text-align:left;}
.red{color:#eb0000;}
.submitbutton{
	display:block;
	transition:background 0.1s linear 0s;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	font-size:1.0rem;
	font-weight:bold;
	text-decoration: none;
	background:#018201;
	outline:medium none;
	border-color:#005e00;
	box-shadow:inset 0 -2px 0 0 #005e00;
	padding:0.6em;
	border-radius:3px;
	margin-bottom:1.2rem;	
	border:0px;
}
.submitbutton:hover, .submitbutton:focus {
	background-color:#007500;
	color:#fff;
	cursor:hand;
	cursor:pointer;
}
.bestelbutton{
	display:block;
	transition:background 0.1s linear 0s;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	font-size:1.0rem;
	font-weight:bold;
	text-decoration: none;
	background:#018201;
	outline:medium none;
	border-color:#005db9;
	box-shadow:inset 0 -2px 0 0 #005e00;
	padding-bottom:0.6em;
	padding-top:0.6rem;
	border-radius:3px;
	margin-top:1.2rem;
	margin-bottom:1.2rem;	
}
.bestelbutton:hover, .bestelbutton:focus {
	background-color:#007500;
	color:#fff;
	cursor:hand;
	cursor:pointer;
}
#offnameInfo, #offmailInfo{
	display:block;
	color:#eb0000;
	margin-bottom:0.6rem;
	text-align:left;
	padding-top:0.3rem;
	padding-left:0.7rem;
}