.nomobile {
	display: none;
}
.onlymobile {
	display: block;
	padding-top: 1vw;
	padding-bottom: 1vw;
	padding-left: 2vw;
	background-color: #FFFFFF;
	text-align: center;
}
.onlymobile img {
	width: auto;
	height: 30px;
}
body {
	font-size: 15px;
}
h1 {
	font-size: 32px;
	line-height: 100%;
}
h2 {
	font-size: 22px;
	padding-top: 70px;
}
div.table {
  display: block;
}
div.tr {
	display: block;
}
div.td { 
  display: block;
}
/** layout **/
header {
	position: fixed;
	height: 130px;
	width: 100%;
	z-index: 100;
}
#containerMetanav {
	height: 50px;
	background-color: #363636;
}
nav {
	height: 80px;
	background-color: rgba(204, 204, 204, 0.9);
}
div.center {
	width: 100vw;
}

#containerIndex1 div.text, #containerIndex1 div.text2 {
	margin-left: -45vw;
	
	width: 90vw;
	font-size: 22px;
}
#containerIndex2 {
	height: 90vh;
	padding-top: 10vh;
	background-image: none !important;
  
	font-size: 16px;
}
#containerIndex3 {
	padding-top: 30vh;
	padding-bottom: 40px;
}
#containerIndex3 a {
	width: 49vw; 
	height: 25vh;
	padding-left: 10px; 
	padding-right: 10px; 
	padding-top: 5px;
	
	font-size: 23px;
}
#containerIndex3 a:nth-child(1){
	background-color: #e95527;
	background-image: url('/images/icon-pfeil.png');
	background-repeat: no-repeat;
	background-position: 10px 14vh;
	background-size: 10vh auto;
}
#containerIndex3 a:nth-child(2){
	padding-top: 80px; 
	background-color: #0062ae;
	background-image: url('/images/icon-pfeil.png');
	background-repeat: no-repeat;
	background-position: 31vw 10px;
	background-size: 10vh auto;
}
#containerIndex3 a:nth-child(3){
	text-align: right; 
	background-color: #7bc242;
	background-image: url('/images/icon-pfeil.png');
	background-repeat: no-repeat;
	background-position: 31vw 14vh;
	background-size: 10vh auto;
}
#containerIndex3 a:nth-child(4){
	padding-top: 80px; 
	background-color: #cac800;
	background-image: url('/images/icon-pfeil.png');
	background-repeat: no-repeat;
	background-position: 10px 10px;
	background-size: 10vh auto;
}

#containerKontakt {
	text-align: center;
	padding-top: 40px;
	color: #fefefe;
	font-size: 24px;
}
#containerKontakt .titel {
	font-size: 36px;
	color: #fefefe;
}
div.analoge, div.gps, div.virtual {
	width: 100vw;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}
div.analoge .td, div.gps .td, div.virtual .td  {
	 text-align: center !important;
	 vertical-align: middle;
}
.blockFull {
	width: 100%;
	height: 100vh;
	padding-top: 150px;
}
div.scrollDown {
	position: absolute;
	bottom: 4vh;
	left: 50%;
	margin-left: -10vw;
	
	width: 20vw;
	height: 20vw;
	
	background-image: url('/images/icon-scroll-down.png');
	background-repeat: no-repeat;
	background-size: 20vw auto;
	cursor: pointer;
}
div.scrollDown2 {
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	
	width: 20vw !important;
	height: 20vw;
	
	background-image: url('/images/icon-scroll-down.png');
	background-repeat: no-repeat;
	background-size: 20vw auto;
	cursor: pointer;
}
#googlemap {
	margin-top: 40px;
	width: 100vw;
	height: 40vh;
}

footer {
	background-color: #212121;
	text-align: center;
}
div.footer {
	color: #fefefe;
	font-size: 16px;
	padding-top: 0px;
	padding-bottom: 20px;
}

/** ski **/
#containerSki1 {
	height: 35vh;
}
#containerSki2 {
	padding-left: 1vw;
	padding-right: 1vw;
	
	padding-top: 30px;
	padding-bottom: 40px;
	
	background-image: none;
}
#containerSki3 {
	padding-top: 40px;
	padding-bottom: 40px;
}
#containerSki3 .titel {
	font-size: 32px;
	line-height: 100%;
}
#fashionslider {
	width: 100vw !important;
	height: 50vw !important;
}
#fashionslider img {
	width: 24vw;
	height: auto;
}
#fashionslider2 {
	width: 100vw !important;
	height: 50vw !important;
}
#fashionslider2 img {
	width: 24vw;
	height: auto;
}
img.pic100 {
	width: 100% !important;
	height: auto;
}
#containerSki4 {
	padding-top: 40px;
	padding-bottom: 40px;
	background: #dbdbdb;
}
#containerSki4 .titel {
	font-size: 32px;
}
div.skimarken {
	margin-right: 4px;
	margin-bottom: 4px;
	
	width: 48vw;
	height: 48vw;
}
div.skimarken:nth-child(odd){
	margin-right: 0px;
}

#container99 {
	padding-bottom: 40px;
	padding-top: 40px;
}
#container99 div.text {
	width: 90vw;
	
	padding: 10px;
	font-size: 28px;
}
/** snowboard **/
#containerSnowboard1 { /* wie containerSki1 aber anderes Bild  */
	height: 35vh;
}
#containerSnowboard2 {
	padding-top: 40px;
	padding-bottom: 40px;
  background-size: 100% auto;
}
#containerSnowboard3 { /* wie containerSki4, aber andere Bilder */
	padding-top: 40px;
	padding-bottom: 40px;
}
#containerSnowboard3 .titel {
	font-size: 32px;
	line-height: 100%;
}
/** schlitten **/
#containerSchlitten1 { /* wie containerSki1, und andere background-size - wahrscheinlich besser, dass es oben weniger abgeschnitten ist */
	height: 35vh;
}
#containerSchlitten2 {
	padding-top: 40px;
	padding-bottom: 40px;
}
table.schlittenmasse {
	font-size: 8px;
}
#containerSchlitten3 { /* wie Container8 */
	padding-top: 40px;
	padding-bottom: 40px;
}
/** wandern **/
#containerWandern1 { /* wie containerSki1 aber anderes Bild */
	height: 35vh;
}
#containerWandern2 { /* wie containerSki2, aber anderes bild */
	padding-top: 40px;
	padding-bottom: 40px;
}
#containerWandern3 {
	padding-top: 40px;
	padding-bottom: 40px;
}
#containerWandern3 .titel {
	font-size: 32px;
	line-height: 100%;
}
#containerWandern4 {
	padding-top: 40px;
	padding-bottom: 40px;
	background: #dbdbdb;
}
#containerWandern4 .titel {
	font-size: 32px;
}
/** fashion **/
#containerFashion1 { /* wie containerSki1 aber anderes Bild */
	height: 35vh;
}
#containerFashion2 { /* wie containerSki2, aber anderes bild */
	padding-top: 40px;
	padding-bottom: 40px;
}
#containerFashion3 {
	padding-top: 40px;
	padding-bottom: 40px;
}
#containerFashion3 .titel {
	font-size: 32px;
	line-height: 100%;
}
#containerFashion4 { /* wie containerSki4, aber andere Bilder */
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #dbdbdb;
	background-image: url('/images/bg-fashion-21.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100vw auto;
}
#containerFashion4 .titel {
	font-size: 34px;
	line-height: 100%;
}
#containerFashion4 ul {
	height: auto;
	padding-top: 10px;
	padding-bottom: 30px;
}

#containerFashion7 { /* wie containerSki3 */
	padding-top: 40px;
	padding-bottom: 40px;
}
#containerFashion7 .titel {
	font-size: 32px;
}
#containerFashion6 { /* wie containerSki3 */
	padding-top: 40px;
	padding-bottom: 40px;
}
#containerFashion6 .titel {
	font-size: 32px;
}
#containerFashion5 { /* wie containerSki3 */
	padding-top: 40px;
	padding-bottom: 40px;
}
#containerFashion5 .titel {
	font-size: 32px;
	line-height: 100%;
}
/** protektoren **/
#containerProtektoren1 { /* wie containerSki1 aber anderes Bild */
	height: 35vh;
}
#containerProtektoren2 {  /* wie containerSki2 aber kein Bild */
	padding-top: 60px;
	padding-bottom: 40px;
}
#containerProtektoren3 {
	padding-top: 40px;
	padding-bottom: 40px;
}
#containerProtektoren3 .titel {
	font-size: 32px;
	line-height: 100%;
}
/** bootdoc **/
#containerBootDoc1 { /* wie containerSki1 aber anderes Bild */
	height: 35vh;
}
#containerBootDoc2 {
	padding-top: 20px;
	padding-bottom: 70px;
}
#containerBootDoc3 {
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #dbdbdb;
	color: #555555;
}
#containerBootDoc3 .titel {
	font-size: 32px;
	line-height: 100%;
}

iframe.bootdoc {
	 width: 98vw;
	 height: 60vw;
}
/** mieten oder kaufen? **/
#containerMieteKaufen1 { /* wie containerSki1 aber anderes Bild */
	height: 35vh;
}
#containerMieteKaufen2 {
	padding-top: 20px;
	padding-bottom: 40px;
}
#containerMieteKaufen2 ul {
	height: 610px;
}
/** schmidsport **/
#containerSchmidsport2 { /* wie containerSki2 aber kein Bild */
	padding-top: 40px;
	padding-bottom: 40px;
	line-height: 140%;
}
#containerSchmidsport3 { /* wie containerSki4 aber kein HG Bild, andere Icons */
	padding-top: 40px;
	padding-bottom: 80px;
}
#containerSchmidsport3 .titel {
	font-size: 32px;
	line-height: 100%;
}

#containerCheckIn1 > div, #containerIndex3 > div, #containerSki2 > div, #containerSki3 > div, #containerSki4 > div, #container99 > div, #containerSnowboard2 > div, #containerSnowboard3 > div, #containerSchlitten2 > div, 
#containerSchlitten3 > div, #containerFashion2 > div, #containerFashion3 > div, #containerFashion4 > div, #containerBootDoc2 > div, #containerBootDoc3 > div, #containerFashion7 > div, #containerProtektoren2 > div, #containerMieteKaufen2 > div, #containerFashion6 > div,
#containerSchmidsport2 > div, #containerProtektoren3 > div, #containerSchmidsport3 > div, #containerSchmidsport3 > div, #containerSchmidsport1 > div, #containerFashion5 > div, #containerWandern2 > div, #containerWandern3 > div, #containerWandern4 > div, #containerAktuell1 > div  {
	width: 98vw;
}
/** kontakt **/
.kontaktmobile {
	padding-top: 140px !important;
}
/** team **/
#containerSchmidsport1 {
	padding-bottom: 40px;
	padding-top: 160px;
}
/** news **/
#containerAktuell1 {
	padding-bottom: 40px;
	padding-top: 160px;
}
#containerAktuell1 img {
	width: 48vw;
	margin-right: 0px;
}
/** lnav **/
#lnav {
	width: 100vw;
	padding-left: 0px;
	padding-right: 2vw;
}
#lnav li {
	width: 30vw;
}
#lnav li:nth-child(2){
	padding-top: 10px;
	text-align: right;
	width: 68vw;
}
#linkWetter, #linkWebcam, #linkFb, #linkTwitter, #linkInsta {
	display: block;
	width: 30px;
	height: 30px;
	float: right;
	margin-right: 0px;
	margin-left: 10px;
}
/******************************** metanav ************************************/
#metanav {
	display: none;
}
/********************************** nav **************************************/
nav {
	min-height: 55px;
	height: auto;
	background-color: rgba(204, 204, 204, 0.9);
}
#containerNav {
	width: 100vw;
	margin-left: auto; 
	margin-right: auto;
}
#nav {
}
#nav li {
	width: 100vw !important;
	float: none !important;
	padding-right: 0px;
	border-bottom: 1px solid #FFFFFF;
}
#nav li:first-child {
	border:none;
}

#nav li a {
	display: block;
	height: auto;
	padding-left: 10px;
	padding-right: 0px;
	
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	color: #363636;
	font-size: 16px;
	font-weight: 700;
}

#nav.closed {
	position: absolute;
	right: 2vw;
	top: 100px;
	width: 35px;
	height: 35px;
	overflow: hidden;
}
#nav.closed li:first-child {
	height: 35px;
	text-align: left;
	width: 35px;
	float: none;
	padding-right: 0vw;
	padding-top: 0vw;
}
#nav.open {
	position: static;
	right: 2vw;
	top: 60px;
	width: 100%;
	height: auto;
	overflow: none;
}
#nav.open li a {
	padding-top: 2vw;
	padding-bottom: 2vw;
}
#nav.open li:first-child {
	height: 50px;
	text-align: right;
	width: 35px;
	float: right;
	padding-right: 2vw;
	padding-top: 3vw;
}
#nav.open li:first-child div {
	float: right;
}
nav.open .logo {
	
}


a.logo {
	display: block !important;
	text-align: left !important;
	float: left;
}
a.logo:hover {
	background: none !important;
}
#logo {
	margin-right: 0px;
	margin-top: 13px;
	margin-left: 2vw;
	width: 50vw;
	height: auto;
	position: absolute;
	top: 85px;
}
/********************************** subnav ***********************************/
#subnav {
	height: 30px;
	width: 100%;
}
ul.subnav {
	width: 100vw;
	padding-left: 1vw;
}
ul.subnav li {
	padding-right: 5px;
}
ul.subnav li a {
	height: 30px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 13px;
}
li.metanav {
	background-color: rgba(0, 0, 0, 0.15);
	border-bottom: 1px solid #e6e6e6;
	z-index: 100;
}
/********************************** content **********************************/
div.text {
	
}
a.text {
	color: #e85426;
	text-decoration: none;
}
a.text:hover {
	color: #0062ad;
}
a.button2 {
	display: block;
	margin-bottom: 10px;
	transition: all 1s ease;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 17px;
	text-align: center;
}
div.service, div.einstellhalle, div.skibekleidungmieten, div.helmemieten, div.bootdoc {
	padding: 20px;
	padding-right: 10px;
	padding-left: 25vw;
}
div.bootdoc {
	background-color: rgba(255, 255, 255, 0.9);
	background-image: url('/images/icon-bootdoc.png');
	background-repeat: no-repeat;
	background-position: 10px 20px ;
	background-size: 18vw auto;
}
div.service {
	background-color: rgba(255, 255, 255, 0.9);
	background-image: url('/images/icon-service.png');
	background-repeat: no-repeat;
	background-position: 10px 20px ;
	background-size: 18vw auto;
}
div.einstellhalle {
	background-color: rgba(255, 255, 255, 0.9);
	background-image: url('/images/icon-einstellhalle.png');
	background-repeat: no-repeat;
	background-position: 10px 20px ;
	background-size: 18vw auto;
}
div.skibekleidungmieten {
	background-color: rgba(255, 255, 255, 0.9);
	background-image: url('/images/icon-skibekleidung-mieten.png');
	background-repeat: no-repeat;
	background-position: 10px 20px ;
	background-size: 18vw auto;
}
div.helmemieten {
	background-color: rgba(255, 255, 255, 0.9);
	background-image: url('/images/icon-helme-mieten.png');
	background-repeat: no-repeat;
	background-position: 10px 20px ;
	background-size: 18vw auto;
}
#container99 div.titel {
	font-size: 32px;
	font-weight: 500;
	line-height: 100%;
}


/** hamburger **/
#nav-icon {
  width: 35px;
  height: 35px;
  float: left;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon span {
  display: block;
  position: absolute;
  height: 7px;
  width: 100%;
  background: #FFFFFF;
  border-radius: 7px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
#nav-icon span:nth-child(1) {
  top: 0px;
}

#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
  top: 13px;
}

#nav-icon span:nth-child(4) {
  top: 26px;
}

#nav-icon.open {
	float: right;
	background: none;
}
#nav-icon.open span {
  background: #FFFFFF;
}
#nav-icon.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon.open span:nth-child(4) {
  top: 13px;
  width: 0%;
  left: 50%;
}