/*
Theme Name:     Haus Steuermann
Theme URI:      
Description:
Author:         STATE / coding by André Pahl
Author URI:
Version:        1.6.0
*/

/* 
Code (c) André Pahl 
Site: Haus Steuermann 
Thanks for reading.
No re-use for other projects.
*/



/*  =============================================================================
	Plugins
	============================================================================= */

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}



/*! other helpers 
	some taken from Boilerplate
	Author: Aaron T. Grogg, based on the work of Paul Irish, Divya Manian, and Elliot Jay Stocks
	http://aarontgrogg.com/
*/
hr{display:block;height:1px;border:0;border-top:1px solid #000;margin:1em 0;padding:0}audio,canvas,img,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}






/*  =============================================================================
	LET'S GO!
	
	Hintergrundfarbe Appartments: 		#efeff2
	Schriftfarbe dunkel (Headlines): 	#373741
	Schriftfarbe hell: 				  	#6c757f
	
	Kalender, Blau, Zwischensaison:		#cbddea
	Kalender, Gelborange, Hauptsaison: 	#f5bfa8
	Kalender, Grau, Nebensaison: 		#d3d6d9
	
  	========================================================================== */




/* 	-----------------------------------------------
	fonts
	----------------------------------------------- */

@font-face{
font-family:"NeueHaasGroteskText W01";
src:url("assets/fonts/825376/d24ae558-ac0f-4a43-96da-dd49b68947f5.eot?#iefix");
src:url("assets/fonts/825376/d24ae558-ac0f-4a43-96da-dd49b68947f5.eot?#iefix") format("eot"),url("assets/fonts/825376/a14594bf-73de-4b5f-9792-9566994a021d.woff2") format("woff2"),url("assets/fonts/825376/bb4a10bb-155d-4c1a-a813-c65e10fac36c.woff") format("woff"),url("assets/fonts/825376/53812a68-b352-4951-b19c-fe964db7ffe2.ttf") format("truetype"),url("assets/fonts/825376/389e288e-637b-44b2-9b5a-4ecec3ae8e2c.svg#389e288e-637b-44b2-9b5a-4ecec3ae8e2c") format("svg");
}
@font-face{
font-family:"NHaasGroteskDSW01-45Lt";
src:url("assets/fonts/825412/d5211394-289b-4a20-a4c5-69e82b7f1cdc.eot?#iefix");
src:url("assets/fonts/825412/d5211394-289b-4a20-a4c5-69e82b7f1cdc.eot?#iefix") format("eot"),url("assets/fonts/825412/fcd607c0-74ab-4cb5-90c3-db118b1ad287.woff2") format("woff2"),url("assets/fonts/825412/5f644ac3-aa3c-43a7-ae6e-79075f4766df.woff") format("woff"),url("assets/fonts/825412/88228648-8c26-4d51-a51b-f92564a92392.ttf") format("truetype"),url("assets/fonts/825412/24bd485c-6511-4e93-91d9-4764d66fc2df.svg#24bd485c-6511-4e93-91d9-4764d66fc2df") format("svg");
}
@font-face{
font-family:"NeueHaasGroteskDisp W01";
src:url("assets/fonts/825418/c34970a0-5fd3-4c92-b10d-b8dbd145f0e6.eot?#iefix");
src:url("assets/fonts/825418/c34970a0-5fd3-4c92-b10d-b8dbd145f0e6.eot?#iefix") format("eot"),url("assets/fonts/825418/1d2142cb-3e68-48df-b188-f1ac45a47a8b.woff2") format("woff2"),url("assets/fonts/825418/9dc6c76b-0260-4292-af1d-0bc9eecbded2.woff") format("woff"),url("assets/fonts/825418/ed18aa48-557e-4d1f-a53c-58399a7c1bc4.ttf") format("truetype"),url("assets/fonts/825418/5b9068b3-d518-4b0a-a5a2-1aa25714df22.svg#5b9068b3-d518-4b0a-a5a2-1aa25714df22") format("svg");
}


@font-face {
  font-family: 'fontello';
  src: url('assets/fonts/fontello3.eot?50822755');
  src: url('assets/fonts/fontello3.eot?50822755#iefix') format('embedded-opentype'),
       url('assets/fonts/fontello3.woff2?50822755') format('woff2'),
       url('assets/fonts/fontello3.woff?50822755') format('woff'),
       url('assets/fonts/fontello3.ttf?50822755') format('truetype'),
       url('assets/fonts/fontello3.svg?50822755#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}




/* 	-----------------------------------------------
	general
	----------------------------------------------- */

html,
body,
button,
input,
select,
textarea {
    color: #000;
}

html {
	font-size:100%;
	/* base 16px = 1em/rem */
}

body {
	font-family: "NeueHaasGroteskText W01", sans-serif;
	font-size:1.1875em;	/* 19px */
	line-height:1.4736842em; /* 28 -> 28/19 */
	color:#6c757f;
	overflow-x:hidden;
	overflow-y: scroll;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

div,
article,
section,
aside,
nav,
figure {
	position:relative;
}

figure {
	margin:0;
}

table {
	border-collapse:collapse;
	border-spacing:0; 
}

table td {
	vertical-align:top;
	text-align:left;
	padding:0;
	margin:0;
}

.table_view {
	display:table;
	table-layout:fixed;
	width:100%;
}

.table_view_nonfix {
	display:table;
}

.table_cell_mid {
	display:table-cell;
	vertical-align:middle;
}

.table_row {
	display:table-row;
}

.table_cell {
	display:table-cell;
	vertical-align:top;
}

*,
*:before,
*:after {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing: border-box;
}

*::selection {
	background:#cbddea;
	color:#6c757f;
	text-shadow:none;
}

*::-moz-selection {
	background:#cbddea;
	color:#6c757f;
	text-shadow:none;
}

* {
	outline:0;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-focus-ring-color:rgba(0, 0, 0, 0);
}

/* for iOS */
textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
     -webkit-appearance:none;
     border-radius:0;
}

a:active,
a:focus {
	outline: 0 /* firefox needs it */
}

.clickable {
	cursor:pointer;
	touch-action: manipulation;
	-ms-touch-action: manipulation;
}

/*
.zoom-in {
	cursor:zoom-in;
}
*/

html.notIE .zoom-in {
  cursor: 	url(https://steuermann.haus/wp-content/themes/steuermann_theme/assets/gfx/cur_lupe.png),
  			url(https://steuermann.haus/wp-content/themes/steuermann_theme/assets/gfx/cur_lupe.svg),
          	zoom-in;
}

html.isIE .zoom-in {
  cursor: url(https://steuermann.haus/wp-content/themes/steuermann_theme/assets/gfx/cur_lupe.cur),  
          pointer;
}

html.notIE .cur-left {
  cursor: 	url(https://steuermann.haus/wp-content/themes/steuermann_theme/assets/gfx/cur_arr_left.png) 1 16,
  			url(https://steuermann.haus/wp-content/themes/steuermann_theme/assets/gfx/cur_arr_left.svg) 1 16,
          	w-resize;
}

html.isIE .cur-left {
  cursor: url(https://steuermann.haus/wp-content/themes/steuermann_theme/assets/gfx/cur_arr_left.cur),  
          w-resize;
}

html.notIE .cur-right {
  cursor: 	url(https://steuermann.haus/wp-content/themes/steuermann_theme/assets/gfx/cur_arr_right.png) 31 16,
  			url(https://steuermann.haus/wp-content/themes/steuermann_theme/assets/gfx/cur_arr_right.svg) 31 16,
          	e-resize;
}

html.isIE .cur-right {
  cursor: url(https://steuermann.haus/wp-content/themes/steuermann_theme/assets/gfx/cur_arr_right.cur),  
          e-resize;
}


.noselect {
	-webkit-user-select: none;
  	-moz-user-select: none;
  	-ms-user-select: none;
	-webkit-touch-callout: none;
	user-select: none;
}

a {
	color:#6c757f;
	text-decoration:none;
	-ms-word-break: break-all;
     word-break: break-all;
     word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	touch-action: manipulation;
	-ms-touch-action: manipulation;
}

a:hover {
	color:#373741;
	text-decoration:none;
}

.darker_text a {
	color:#373741;
}

.darker_text a:hover {
	color:#6c757f;
}

.nowrap {
	white-space:nowrap;
}

.nowrap a {
	-ms-word-break: keep-all;
	word-break:  keep-all;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}

a[x-apple-data-detectors],
a[href^="tel"] {
	color:inherit !important;
	text-decoration:none !important;
	font-size:inherit !important;
	font-family:inherit !important;
	font-weight:normal !important;
	line-height:normal !important;
}

.uppercase {
	text-transform:uppercase;
}

.pos_rel {
	position:relative;
}

figure {
	margin:0;
	padding:0;
}

.bg_center {
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;	
}

.align_left {
	text-align:left;
}

.inline_block {
	display:inline-block;
}

.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}


/* 	-----------------------------------------------
	Animations / transitions
	----------------------------------------------- */
	
.hw_acc {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.faded_out {
	opacity:0!important;
}

.faded_soft {
	opacity:0.3!important;
}

.opacity_fade03 {
	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	-ms-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
}

.opacity_fade06 {
	-webkit-transition: opacity .6s ease-in-out;
	-moz-transition: opacity .6s ease-in-out;
	-o-transition: opacity .6s ease-in-out;
	-ms-transition: opacity .6s ease-in-out;
	transition: opacity .6s ease-in-out;
}

.opacity_fade_1 {
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}

.transform_all_03 {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.transform_all_06 {
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.transform_all_1 {
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.slide_bounce_left {
	-webkit-animation:bounce_left 0.6s 1 !important;
	   -moz-animation:bounce_left 0.6s 1 !important;
		-ms-animation:bounce_left 0.6s 1 !important;
		 -o-animation:bounce_left 0.6s 1 !important;
			animation:bounce_left 0.6s 1 !important;
}


@-webkit-keyframes bounce_left {
	0% 	{ 	
			margin-left:0px;
		 	-webkit-animation-timing-function: ease-out;
		}
	30%	{	
			margin-left:-30px;
			-webkit-animation-timing-function: ease-in-out;
		}
	70%	{	
			margin-left:10px;
			-webkit-animation-timing-function: ease-in;
		}	
		
	100% { 	
			margin-left:0px;
			-webkit-animation-timing-function: ease-out;
		}
}

@-moz-keyframes bounce_left {
	0%{
	   margin-left:0px;
	   -moz-animation-timing-function:ease-out;
	}
	30%{
	   margin-left:-30px;
	   -moz-animation-timing-function:ease-in-out;
	}
	70%{
	   margin-left:10px;
	   -moz-animation-timing-function:ease-in;
	}
	100%{
	   margin-left:0px;
	   -moz-animation-timing-function:ease-out;
	}
}

@-o-keyframes bounce_left {
	0%{
		margin-left:0px;
		-o-animation-timing-function:ease-out;
	}
	30%{
		margin-left:-30px;
		-o-animation-timing-function:ease-in-out;
	}
	70%{
		margin-left:10px;
		-o-animation-timing-function:ease-in;
	}
	100%{
		margin-left:0px;
		-o-animation-timing-function:ease-out;
	}
}

@keyframes bounce_left {
	0%{
		margin-left:0px;
		animation-timing-function:ease-out;
	}
	30%{
		margin-left:-30px;
		animation-timing-function:ease-in-out;
	}
	70%{
		margin-left:10px;
		animation-timing-function:ease-in;
	}
	100%{
		margin-left:0px;
		animation-timing-function:ease-out;
	}
}

.slide_bounce_right {
	-webkit-animation:bounce_right 0.6s 1 !important;
	   -moz-animation:bounce_right 0.6s 1 !important;
		-ms-animation:bounce_right 0.6s 1 !important;
		 -o-animation:bounce_right 0.6s 1 !important;
			animation:bounce_right 0.6s 1 !important;
}


@-webkit-keyframes bounce_right {
	0% 	{ 	
			margin-left:0px;
		 	-webkit-animation-timing-function: ease-out;
		}
	30%	{	
			margin-left:30px;
			-webkit-animation-timing-function: ease-in-out;
		}
	70%	{	
			margin-left:-10px;
			-webkit-animation-timing-function: ease-in;
		}	
		
	100% { 	
			margin-left:0px;
			-webkit-animation-timing-function: ease-out;
		}
}

@-moz-keyframes bounce_right {
	0%{
	   margin-left:0px;
	   -moz-animation-timing-function:ease-out;
	}
	30%{
	   margin-left:30px;
	   -moz-animation-timing-function:ease-in-out;
	}
	70%{
	   margin-left:-10px;
	   -moz-animation-timing-function:ease-in;
	}
	100%{
	   margin-left:0px;
	   -moz-animation-timing-function:ease-out;
	}
}

@-o-keyframes bounce_right {
	0%{
		margin-left:0px;
		-o-animation-timing-function:ease-out;
	}
	30%{
		margin-left:30px;
		-o-animation-timing-function:ease-in-out;
	}
	70%{
		margin-left:-10px;
		-o-animation-timing-function:ease-in;
	}
	100%{
		margin-left:0px;
		-o-animation-timing-function:ease-out;
	}
}

@keyframes bounce_right {
	0%{
		margin-left:0px;
		animation-timing-function:ease-out;
	}
	30%{
		margin-left:30px;
		animation-timing-function:ease-in-out;
	}
	70%{
		margin-left:-10px;
		animation-timing-function:ease-in;
	}
	100%{
		margin-left:0px;
		animation-timing-function:ease-out;
	}
}


/* !! Code only till arrows. No arrows, Pagination Styles, etc !! */

/**
 * Swiper 3.4.0
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: October 16, 2016
 */
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}

/* aditionally */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}




/* 	-----------------------------------------------
	Videos
	----------------------------------------------- */
	
.video_container,
.aspect1609 {
	-webkit-backface-visibility:hidden;
	height:0;
	overflow:hidden;
	width:100%;
	position:relative;
	padding-bottom:56.25%;
}

.video_container iframe,
.video_container object,
.video_container embed,
.video_container video { 
	position:absolute;
	top:0;
	left:0;
	width:100%!important;
	height:100%!important;
	z-index:1;
}


/* 	-----------------------------------------------
	icon links
	fontello.com -> Font Awesome
	----------------------------------------------- */
	
[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak:none;
	display: inline-block;
	text-decoration: none;
	font-size: 100%;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
 
/* 
write class names differently to trick ad-blockers!! 
use in html: <span class="icon icon-issgr"></span>
*/
.icon-fsb:before { content: '\f09a'; } /* facebook f */
.icon-issgr:before { content: '\f16d'; } /* instagram */
.icon-tirr:before { content: '\f099'; } /* twitter */

.shr_link {
	display:inline-block;
	margin-right:10px;
}

.ig_ico_link {
	position: relative;
}

.ig_ico_link::after {
	content: '\f16d';
	position: relative;
	left:0.5rem;
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak:none;
	display: inline-block;
	text-decoration: none;
	font-size: 100%;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}





/* 	-----------------------------------------------
	Images
	----------------------------------------------- */

img {
	width:100%;
	max-width:100%;
}

.lazy_image_container {
	position:relative;
	overflow:hidden;
}

.lazy_image_container img {
	position:absolute;
	z-index:2;
	top:0px;
	left:0px;
	width:100% !important;
}



/* 	-----------------------------------------------
	Typography [ttt]
	reflect changes in custom-editor-style.css 
	----------------------------------------------- */

h1,
h2 {
	font-family:'NeueHaasGroteskDisp W01', sans-serif;
	margin-top:0px;
	color:#373741;
	font-weight:normal;
	letter-spacing:1px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1 {
	font-size:37px;
	font-size:2.3125rem;
	line-height:43px;
	line-height:2.6875rem; /* 43 / 16 */
	margin-bottom:0.6rem;
}

h2 {
	font-size:26px;
	font-size:1.625rem;
	line-height:32px;
	line-height:2rem;
	margin-bottom:0.6rem;
}

h3 {
	font-family:'NeueHaasGroteskText W01', sans-serif !important;
	margin-top:0px;
	color:#373741;
	font-weight:normal;
	margin-bottom:10px;
	margin-bottom:0.625rem;
}

h3,
.smaller_type {
	font-size:15px;
	font-size:0.9375rem;
	line-height:22px;
	line-height:1.375rem;
	letter-spacing:1px;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: antialiased;	
}

.smaller_type {
	font-family:'NHaasGroteskDSW01-45Lt', sans-serif;
}

h3.smaller_type {
	margin-bottom:0;	
}

i,
em {
	font-style:normal;
	font-weight:400;
}

b,
strong {
	font-style:normal;
	font-weight:400;
}

b i,
strong i,
b em,
em b,
i b,
i strong {
	font-style:normal;
	font-weight:400;
}

p {
	margin:0;
	text-indent:34px;
}

p:first-child {
	text-indent:0px;
}

p.smaller_type {
	text-indent:0px;
	margin-bottom:20px;
	margin-bottom:1.25rem;
}

p.col50.col50_padd.smaller_type {
	margin-bottom:0;
}

.no_indent {
	text-indent:0px !important;
}

.lighter_text {
	color:#6c757f;
}

.darker_text {
	color:#373741;
}

.arr_left_down {
	white-space:nowrap;
}

.arr_left_down_ani {
	margin-right:8px;
	background:url(assets/gfx/arrow_down_left_sprite@2x.png) no-repeat;	
	min-height:16px;
	background-size:299px 16px;
	width:13px;
	height:16px;
	background-position:-286px;
	display:inline-block;
	vertical-align:bottom;
	position:relative;		
}

.arr_right_down {
	white-space:nowrap;
}

.arr_right_down_ani {
	margin-left:8px;
	background:url(assets/gfx/arrow_down_right_sprite@2x.png) no-repeat;	
	min-height:16px;
	background-size:299px 16px;
	width:13px;
	height:16px;
	background-position:-286px;
	display:inline-block;
	vertical-align:bottom;
	position:relative;		
}

.arr_down_ani_active {
	-webkit-animation: down_arr_ani 0.6s steps(22) 1;
       -moz-animation: down_arr_ani 0.6s steps(22) 1;
        -ms-animation: down_arr_ani 0.6s steps(22) 1;
         -o-animation: down_arr_ani 0.6s steps(22) 1;
            animation: down_arr_ani 0.6s steps(22) 1;
}

@-webkit-keyframes down_arr_ani {
	from { background-position:	0px; }
	to { background-position: -286px; }
}

@-moz-keyframes down_arr_ani {
	from { background-position:	0px; }
	to { background-position: -286px; }
}

@-o-keyframes down_arr_ani {
	from { background-position:	0px; }
	to { background-position: -286px; }
}

@keyframes down_arr_ani {
	from { background-position:	0px; }
	to { background-position: -286px; }
}

.arr_left,
.arr_right {
	white-space:nowrap;
}

.arr_left_ani,
.cm_calendar .cal_arr_left {
	margin-right:8px;
	background:url(assets/gfx/arrow_left_sprite@2x.png) no-repeat;
	background-size:391px 9px;
	width:17px;
	height:9px;
	background-position:-374px;
	display:inline-block;
	vertical-align:bottom;
	position:relative;
	top:-1px;	
}

.arr_right_ani,
.cm_calendar .cal_arr_right {
	margin-left:8px;
	background:url(assets/gfx/arrow_right_sprite@2x.png) no-repeat;	
	background-size:391px 9px;
	width:17px;
	height:9px;
	background-position:-374px;
	display:inline-block;
	vertical-align:middle;
	position:relative;
	top:-1px;
}

.arr_right_ol_ani {
	margin-right:3px;
	background:url(assets/gfx/arrow_right_sprite@2x.png) no-repeat;	
	background-size:391px 9px;
	width:17px;
	height:9px;
	background-position:-374px;
	display:inline-block;
	vertical-align:middle;
	position:relative;
	top:-1px;
}

.arr_leftright_active,
.arr_right_on_left.arr_leftright_active > .arr_right_ol_ani {
	-webkit-animation: arr_lr_ani 0.6s steps(22) 1;
       -moz-animation: arr_lr_ani 0.6s steps(22) 1;
        -ms-animation: arr_lr_ani 0.6s steps(22) 1;
         -o-animation: arr_lr_ani 0.6s steps(22) 1;
            animation: arr_lr_ani 0.6s steps(22) 1;
}


@-webkit-keyframes arr_lr_ani {
	from { background-position:	0px; }
	to { background-position: -374px; }
}

@-moz-keyframes arr_lr_ani {
	from { background-position:	0px; }
	to { background-position: -374px; }
}

@-o-keyframes arr_lr_ani {
	from { background-position:	0px; }
	to { background-position: -374px; }
}

@keyframes arr_lr_ani {
	from { background-position:	0px; }
	to { background-position: -374px; }
}


.col50 {
	float:left;
	width:50%;	
}

.col50_padd {
	padding-right:26px;
}

.col_left_padding {
	padding-right:3.125%; /* 32px bei 1280 */
}

.col_right_padding {
	padding-left:3.125%;
}






/* 	-----------------------------------------------
	Additional styles to editor elements
	not for custom_editor.css 
	----------------------------------------------- */

.trigger_ma_west,
.trigger_ma_east,
.trigger_start_west,
.trigger_start_east,
.trigger_booking_west,
.trigger_booking_east,
.jump_section1,
.jump_section2,
.jump_section3 {
	cursor:pointer;
	-webkit-user-select: none;
  	-moz-user-select: none;
  	-ms-user-select: none;
	-webkit-touch-callout: none;
	user-select: none;
	touch-action: manipulation;
	-ms-touch-action: manipulation;
}




/* 	-----------------------------------------------
	Navigation & header elements [nnn]
	----------------------------------------------- */

#haus_steuermann_logo {
	width:190px;
	position:fixed;
	top:33px;
	left:33px;
	z-index:2000;
	
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

#language_switch {
	position:fixed;
	top:33px;
	right:33px;
	z-index:2000;
	margin-top:-1px;
	font-size:19px;
	font-size:1.1875rem;
	line-height:19px;
	line-height:1.1875rem;
	color:#373741;
	text-transform:uppercase;
}

#language_switch a {
	color:#373741;
}

#language_switch a:hover {
	color:#6c757f;
}



.top_nav_away {
	-webkit-transform: translate3d(0, -100px, 0)!important;
	-moz-transform: translate3d(0, -100px, 0)!important;
	-ms-transform: translate3d(0, -100px, 0)!important;
	transform: translate3d(0, -100px, 0)!important;	
}

.lang_selected {
	
}

.lang_not_selected {
	/* color:#373741; */
}

#kompass {
	position:fixed;
	top:31px;
	right:0px;
	left:0px;
	margin:0 auto;
	z-index:2000;
	width:40px;
	/*height:34px; */ /* todo */
}


#trigger_west_nav,
#trigger_east_nav {
	position:fixed;
	top:50%;
	font-size:26px;
	font-size:1.625rem;
	line-height:26px;
	line-height:1.625rem;
	z-index:2000;
}

#trigger_west_nav .only_letter {
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
	display:none;	
}

#trigger_east_nav .only_letter {
	position:absolute;
	top:0px;
	right:0px;
	z-index:2;	
	display:none;
}

#trigger_west_nav .rotated,
#trigger_east_nav .rotated {
	display:none;
	width:21px;
	height:auto;
}

#trigger_west_nav .rotated {
	margin-left:1px;	
}

#trigger_east_nav .rotated {
	margin-right:1px;	
}


#trigger_west_nav {
	left:33px;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

#trigger_east_nav {
	right:33px;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}


#trigger_west_nav.away {
	-webkit-transform: translate3d(-175px, 0, 0)!important;
	-moz-transform: translate3d(-175px, 0, 0)!important;
	-ms-transform: translate3d(-175px, 0, 0)!important;
	transform: translate3d(-175px, 0, 0)!important;
}

#trigger_east_nav.away {
	-webkit-transform: translate3d(175px, 0, 0)!important;
	-moz-transform: translate3d(175px, 0, 0)!important;
	-ms-transform: translate3d(175px, 0, 0)!important;
	transform: translate3d(175px, 0, 0)!important;
}


/* 	-----------------------------------------------
	content [ccc]
	----------------------------------------------- */

#content {
	position:relative;
	width:100%;
	z-index:1;	
}

#content_west {
	position:absolute;
	top:0px;
	left:-10px;
	width:0px;
	overflow:hidden;
	background-color:#efeff2;
	z-index:1000;
}

#content_west_bg {
	position:absolute;
	top:0px;
	left:0px;
	overflow:hidden;
	background-color:#efeff2;
	z-index:999;
}

#content_east {
	position:absolute;
	top:0px;
	right:-10px;
	width:0px;
	overflow:hidden;
	background-color:#efeff2;
	z-index:1000;
}

#content_east_bg {
	position:absolute;
	top:0px;
	right:0px;
	overflow:hidden;
	background-color:#efeff2;
	z-index:999;
}

.content_fixed {
	height:100% !important;
	position:fixed!important;
	overflow:hidden!important;
}

#click_layer {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:transparent;
	opacity:0;
	z-index:999;
}

#content_west_clicklayer,
#content_east_clicklayer {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	/* background-color:rgba(255,255,0,0.5); */
	background-color:transparent;
	opacity:0;
	z-index:999;
}


ul,
ol {
	list-style:none;
    list-style-image:none;
	padding:0;
	margin-left:0;
	padding-right:0;
	margin:0;
}

.editor_content li {
	margin:0;
	padding:0;
	padding-left:23px;
	position:relative;
}

.editor_content li:before {
	content:'•';
	position:absolute;
	left:0px;
	color:#fff;
	font-size:200%;
	top:-0.05rem;
}


/* 	-----------------------------------------------
	slideshow overlay [sss]
	----------------------------------------------- */

#slideshow_overlay {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:3000;
	background-color:#efeff2;
}

#slideshow_x {
	background:url(assets/gfx/close_x.svg) no-repeat;
	width:30px;
	height:30px;
	background-size:30px 30px;
	position:absolute;
	z-index:2;
	top:20px;
	right:20px;
}

#slideshow_swiper {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:1;
}

#slideshow_swiper .sl_image {
	background-image:url(assets/gfx/blank.gif);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	width:100%;
	height:100%;
}

#slideshow_caption {
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:96px;
	z-index:2;
}

#slideshow_title,
#slideshow_text {
	padding-top:19px;
	padding-top:1.1875rem;
}



		

/* 	-----------------------------------------------
	content modules
	----------------------------------------------- */

.content_max_width {
	max-width:1280px; /* todo: adjust ? */
	margin-left:auto;
	margin-right:auto;
}

.content_module {
	width:100%;
	position:relative;
	margin-bottom:57px;
	margin-bottom:3.5625rem;
}

.cm_padding {
	padding:0 10%;
}


.content_module.bottom_marg0 {
	margin-bottom:0px;
}

.content_module.bottom_marg05 {
	margin-bottom:38px;
	margin-bottom:2.375rem;
}

.content_module.bottom_marg02 {
	margin-bottom:19px;
	margin-bottom:1.1875rem;
}

.content_module.bottom_marg2 {
	margin-bottom:133px;
	margin-bottom:8.3125rem;
}

.content_module.bottom_marg3 {
	margin-bottom:190px;
	margin-bottom:11.875rem;
}



/* 	-----------------------------------------------
	Slideshow
	----------------------------------------------- */
	
.slideshow_icon {
	background:url(assets/gfx/slideshow.svg) no-repeat;
	width:30px;
	height:30px;
	background-size:30px 30px;	
	position:absolute;
	bottom:17px;
	right:17px;
	z-index:2;
	-webkit-transition: all .4s ease-out;
	-moz-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	-ms-transition: all .4s ease-out;
	transition: all .4s ease-out;
}

.no-touch .in_slideshow:hover > .slideshow_icon {
	transform:scale(1.2,1.2);
}
	



/* 	-----------------------------------------------
	module: One full width image with Caption
	For West/East
	----------------------------------------------- */

.content_module.cm_one_img_vid_full .caption_inner {
	padding-left:0;
}



/* 	-----------------------------------------------
	module: Full width video 
	----------------------------------------------- */

.cm_breite_videos .video_container {
	z-index:2;
}

.video_fallback {
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:9;
}


/* 	-----------------------------------------------
	module: Two columns with text, video or image
	----------------------------------------------- */

.cm_two_cols .section_title.indent {
	padding-left:5.8%; /* todo: sollte eigentlich 6.25% sein... */
}

.cm_two_cols .col_left h1,
.cm_two_cols .col_left h2 {
	padding-left:12.5%;
}

.cm_two_cols .image_container.h1 {
	padding:0 12.5%; /* 64px bei 1280 */
}


/* 	-----------------------------------------------
	module: Text full width
	----------------------------------------------- */

.cm_two_cols .cm_text_full_width {
}



/* 	-----------------------------------------------
	module: cm_images_videos
	----------------------------------------------- */

.cm_images_videos .col_left {
	padding-right:3.125%;
}

.cm_images_videos .col_right {
	padding-left:3.125%;
}

.cm_images_videos .item_container.h1 {
	width:50%;
	padding:0 12.5%; /* 64px bei 1280 */
}

.cm_images_videos .item_container.b1 {
	width:50%;
}

.cm_images_videos .item_container.b2 {
	/* 2/3 Breite */
	width:76.5625%;
}

.cm_images_videos .item_container.b3 {
	width:100%;
}

.cm_images_videos .item_container.h1.right,
.cm_images_videos .item_container.b1.right {
	margin-left:50%;
}

.cm_images_videos .item_container.b2.right {
	margin-left:23.4375%;
}

.cm_images_videos .item1 {
	z-index:2;
	position:relative;
}

.cm_images_videos .item1 {
	z-index:2;
}

.cm_images_videos .item2.below {
	z-index:1;
}

.cm_images_videos .item2.above {
	z-index:3;
}

.cm_images_videos .item2 {
	margin-top:16px;
}

.caption {
	margin-top:27px;
	margin-top:1.6875rem;
	max-width:366px;
	letter-spacing:1px;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: antialiased;	
}

.caption_inner {
	padding-left:17.8%;	
}




/* 	-----------------------------------------------
	module: google maps
	----------------------------------------------- */

.cm_map .google_maps {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
}




/* 	-----------------------------------------------
	module: cm_split_image
	----------------------------------------------- */

.cm_split_image {
	overflow: hidden!important;
}

.split_overlay {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;	
	z-index:10;
}

.split_overlay .col50.trigger_west {
	height:100%;
	width:50%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:20;	
}

.split_overlay .col50.trigger_east {
	height:100%;
	width:50%;
	position:absolute;
	top:0px;
	right:0px;
	z-index:20;	
}

#ig_bounce {
	position: absolute;
	display: inline-block;
	bottom:1.875rem;
	left:0px;
	right:0px;
	z-index: 20;
	margin: 0 auto;
	text-align: center;
	font-size:19px;
	font-size:1.1875rem;
	line-height:19px;
	line-height:1.1875rem;
	-webkit-transform: translateY(150px);
	-ms-transform: translateY(150px);
	transform: translateY(150px);
}

#ig_bounce a {
	color:#373741;
}

#ig_bounce a:hover {
	color:#6c757f;
}




/* 	-----------------------------------------------
	module: cm_expand_texts
	----------------------------------------------- */

.cm_expand_texts .expand_item {
	margin-bottom:38px;
	margin-bottom:2.375rem;
	margin-bottom:38px;
	margin-bottom:2.375rem;
}

.cm_expand_texts .expand_content {
	overflow:hidden;
	height:0;
}

.cm_expand_texts .expand_content_inner {
	padding-top:19px;
	padding-top:1.1875rem;
	padding-bottom:19px;
	padding-bottom:1.1875rem;
}

.cm_expand_texts .expanded .expand_content {
	height:auto;
}

.cm_expand_texts .sec_toggle {
	padding:4px 0 0 24px;
	padding:0.25rem 0 0 1.5625rem;
}

.cm_expand_texts .expand_icon {
	-moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.cm_expand_texts .expanded .expand_icon,
.cm_expand_texts .expand_title:hover .expand_icon  {
	-moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cm_expand_texts .ig_ico_link {
	color:#373741;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.cm_expand_texts .ig_ico_link::after {
	left:1.5625rem;
	top:0.0625rem;
}

.no-touch .cm_expand_texts .ig_ico_link:hover,
.no-touch .cm_expand_texts .ig_ico_link:hover::after {
	color:#6c757f;
}



/* 	-----------------------------------------------
	module: calendar [kkk]
	----------------------------------------------- */

.cm_calendar .cal_headline {
	margin-bottom:27px;
	margin-bottom:1.6875rem;
}

.cm_calendar .swiper-container {
    width:100%;
}

.cm_calendar .swiper-slide {
	width:33.33333%; /* changes here -> .js view_amount */
}

.cm_calendar .cal_arr_col_left {
	float:left;
	width:50%;
	text-align:left;
	height:9px;
	line-height:0;
	margin-bottom:24px;
	margin-bottom:1.5rem;
}

.cm_calendar .cal_arr_col_right {
	float:left;
	width:50%;
	text-align:right;
	height:9px;
	line-height:0;
}

/*
.cm_calendar .cal_arr_left,
.cm_calendar .cal_arr_right {
	width:17px;
	height:9px;
	background-size:17px 9px;
	display:inline-block;
}

.cm_calendar .cal_arr_left {
	background:url(assets/gfx/arrow_left.svg) no-repeat;
}

.cm_calendar .cal_arr_right {
	background:url(assets/gfx/arrow_right.svg) no-repeat;
	margin-right:0px;
}

.no-touch .cm_calendar .cal_arr_left:hover,
.no-touch .cm_calendar .cal_arr_right:hover {
	opacity:0.6;
}
*/


/* calendar legend on top */
.cm_calendar .cal_header {
	margin-bottom:24px;
	margin-bottom:1.5rem;
}

.cm_calendar .cal_leg_belegt {
	margin-left:20px;
	position: relative;
	top:-2px;
}

.cm_calendar .cal_dot {
	position:relative;
	margin:0 10px 0 2px;
}

.cm_calendar .belegt:after {
	content:'';
	width:5px;
	height:5px;
	position:absolute;
	display:inline-block;
	left:0px;
	right:0px;
	margin:0 auto;
	top:2px;
	background-image:url(assets/gfx/belegt.png);
	background-size:5px 5px;
}





/* one month */
.cm_calendar .cal_month_wrap {
	padding-left:2px; /* prevent bleed of next month, rounding errors */
}

.cm_calendar .bp_month {
	max-width:280px;
}

.cm_calendar .month_name {
    padding:0 0 5px 0;
	color:#373741;
	margin-bottom:3px;
	font-family:'NHaasGroteskDSW01-45Lt', sans-serif;
}

.cm_calendar ul.dates {
    margin:0;
    padding:0;
}

.cm_calendar ul.dates li {
	float:left;
	width:9%;
    height:0px;
	padding:0 0 9% 0;
	margin-right:4%;
	margin-bottom:4%;
	font-family:'NeueHaasGroteskDisp W01', sans-serif !important;
	font-size:60%;
	line-height:0px;
	letter-spacing:1px;
	border-radius:50%;
    list-style-type:none;
    background-color:#d3d6d9; /* nebensaison */
    color:#6c757f;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: antialiased;	
	position:relative;
}

.cm_calendar ul.dates li .num {
	position: absolute;
	top: 50%;
	width:100%;
	margin-top:1px;
	margin-left:0px;
	text-align:center;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	display:block;
}

.cm_calendar ul.dates li:nth-of-type(7n+8) {
	clear:both;
}

.cm_calendar ul.dates li.empty {
	background-color:#efeff2;	
}

.cm_calendar ul.dates li.zw_sais {
	background-color:#cbddea;	
}

.cm_calendar ul.dates li.h_sais {
	background-color:#ffefe9;	
}



/* preis & saisons */
.bj_calendar_header {
	margin-top:57px;
	margin-top:3.5625rem;
}

.cm_calendar .bj_price_text {
	float:left;
	padding-right:20px;
	margin-bottom:19px;
	margin-bottom:1.1875rem;
	width:33.33333%;
}

.cm_calendar .bj_price {
	font-family:'NeueHaasGroteskDisp W01',sans-serif;
	float:left;
	width:120px;
	height:120px;	
	border-radius:50%;
    color:#6c757f;
	text-align:center;	
	margin-bottom:1rem;
	position:relative;
}

.cm_calendar .bj_first_price {
	margin-right:1rem;
}

.cm_calendar .bj_price_inner {
	position:absolute;
	width:100%;
	font-size:12px;
	line-height:14px;
	top: 40%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.cm_calendar .bj_price_num {
	font-size:27px;
	font-size:1.6875rem;
	line-height:1px;
	margin-top:1.3rem;
}

.cm_calendar .bj_price.nb_sais {
	background-color:#d3d6d9;	
}

.cm_calendar .bj_price.zw_sais {
	background-color:#cbddea;	
}

.cm_calendar .bj_price.h_sais {
	background-color:#ffefe9;	
}

.cm_calendar .bj_saison_text {
	float:none;
	clear:both;
	width:100%;
	margin-bottom:2rem;
}

.cm_calendar .s_hl {
	margin-bottom:10px;
	margin-bottom:0.625rem;
}



/* 	-----------------------------------------------
	Etc
	----------------------------------------------- */

#measure_content_outer {
	position:fixed;
	bottom:0px;
	height:1px;
	left:0px;
	width:100%;
	overflow:hidden;
	z-index:-1;
	visibility:hidden;
}

/* 	-----------------------------------------------
	responsive [rrr]
	----------------------------------------------- */
	
@media only screen and (max-width : 1100px) {
	#trigger_west_nav {
		font-size:1.354rem;
		line-height:1.354rem;
	}
	
	#trigger_east_nav {
		font-size:1.354rem;
		line-height:1.354rem;
	}
	
	.cm_calendar .bj_price_text {
		width:50%;
	}
	
}

@media only screen and (max-width : 1024px) { 
	/* tablet landscape */
	
	html {
		font-size:90%;
	}
	
	#haus_steuermann_logo {
		width:171px;
	}
	
	#kompass {
		width:36px;
	}

	.slideshow_icon {
		width:27px;
		height:27px;
		background-size:27px 27px;	
	}

}

@media only screen and (max-width : 1023px) { 

	.cm_calendar .swiper-slide {
		width:50%; /* changes here -> .js view_amount */
	}
	
	#trigger_west_nav .only_letter,
	#trigger_east_nav .only_letter,
	#trigger_west_nav .whole_word,
	#trigger_east_nav .whole_word {
		display:none !important;	
	}
	
	#trigger_west_nav .rotated,
	#trigger_east_nav .rotated {
		display:block;
		width:16px;
	}
	
	#content_west .cm_padding,
	#content_east .cm_padding {
		padding:0 11% 0 11%;
	}	
}


@media only screen and (max-width : 768px) { 
	/* tablet / portrait */
	
	html {
		font-size:80%;
	}
	
	.cm_padding {
		padding:0 11%;
	}
	
	#content_west .cm_padding,
	#content_east .cm_padding {
		padding:0 11.8% 0 11.8%;
	}
	
	#haus_steuermann_logo {
		width:152px;
		z-index:900; /* if changed change in .js as well! $('#kompass').on('tap' ... */
	}
	
	#kompass {
		width:32px;
	}
	
	.slideshow_icon {
		width:24px;
		height:24px;
		background-size:24px 24px;	
	}
	
	.cm_calendar .bj_price {
		width:100px;
		height:100px;	
	}
	
	
	#trigger_west_nav .rotated,
	#trigger_east_nav .rotated {
		width:14px;
	}

	
}

@media only screen and (max-width : 667px) { 
	/* iphone 6 landscape */
	
	.cm_padding {
		padding:0 12%;
	}
	
	body.west_is_on #trigger_west_nav {
		-webkit-transform: translate3d(-115px, 0, 0);
		-moz-transform: translate3d(-115px, 0, 0);
		-ms-transform: translate3d(-115px, 0, 0);
		transform: translate3d(-115px, 0, 0);
	}
	
	body.east_is_on #trigger_east_nav {
		-webkit-transform: translate3d(115px, 0, 0);
		-moz-transform: translate3d(115px, 0, 0);
		-ms-transform: translate3d(115px, 0, 0);
		transform: translate3d(115px, 0, 0);
	}

	#slideshow_caption {
		height:auto;
		padding-bottom:16px;
		background-color:#efeff2;
	}
	
	#slideshow_x {
		width:26px;
		height:26px;
		background-size:26px 26px;
	}
	
	#trigger_west_nav .rotated,
	#trigger_east_nav .rotated {
		width:12px;
	}
	
	#slideshow_swiper .sl_image {
		/* background-size:contain; */
	}
	
	
}



@media only screen and (max-width : 666px) { 
	/* < iphone 6+ landscape */
	
	.col50 {
		width:100%;	
	}
	
	.editor_content .col50 .trigger_start_west br,
	.editor_content .col50 .trigger_start_east br {
		display:none;
	}
	
	.editor_content .col50:last-child {
		margin-top:0.6rem;
	}
	
	p.col50.col50_padd.smaller_type {
		margin-bottom:0.6rem;
	}
	
	.col50_padd,
	.col_left_padding,
	.col_right_padding {
		padding:0px;
	}
	
	.col_left_padding {
		margin-bottom:19px;
		margin-bottom:1.1875rem;
	}
	
	/* 	- overwrite .js -> move up mechanism
		- all margins * 0.5
	 */
	.content_module {
		bottom:0px !important;	
		margin-top:0px !important;
	}
	
	.content_module.bottom_marg0 {
		margin-bottom:0px !important;
	}
	
	.content_module.bottom_marg05 {
		margin-bottom:1.1875rem!important;
	}
	
	.content_module.bottom_marg02 {
		margin-bottom:0.59375rem!important;
	}
	
	.content_module.bottom_marg2 {
		margin-bottom:4.15625rem!important;
	}
	
	.content_module.bottom_marg3 {
		margin-bottom:5.9375rem!important;
	}
	
	
	/* cal */
	.cm_calendar .swiper-slide {
		width:100%; /* changes here -> .js view_amount */
	}
	
	.cm_calendar .bp_month {
		max-width:666px;
	}
	
	.cm_calendar ul.dates li {
		float:left;
		width:10.28%;
		height:0px;
		padding:0 0 10.28% 0;
		margin-right:4%;
		margin-bottom:4%;
		font-size:80%;
	}
	
	.arr_left_down_ani,
	.arr_right_down_ani {
		min-height:10px;
		background-size:179px 10px;
		width:8px;
		height:10px;
		background-position:-171px;
		top:-1px;
	}
	
	.arr_down_ani_active {
		-webkit-animation:none;
		   -moz-animation:none;
			-ms-animation:none;
			 -o-animation:none;
				animation:none;
	}
	
	p.smaller_type {
		margin-bottom:0.6rem;
	}
	
	.cm_calendar .bj_price_text {
		width:100%;
		padding-right:0px;
	}
	
	.cm_calendar .bj_price {
		width:110px;
		height:110px;
	}

}



@media only screen and (max-width : 479px) { 
	/* < iphone 6+ portrait */
	
	
	html {
		font-size:75%;
	}
	
	#haus_steuermann_logo {
		top:25px;
		width:104px; /* 60% */
	}
	
	#language_switch {
		font-size:1.05rem;
		line-height:1.05rem;
		top:25px;
	}
	
	#kompass {
		top:25px;
		width:24px;
	}
	
	.slideshow_icon {
		width:24px;
		height:24px;
		background-size:24px 24px;	
	}
	
	
	#trigger_west_nav .rotated,
	#trigger_east_nav .rotated {
		width:11px;
	}
	
	
	/* 	-----------------------------------------------
		module: cm_images_videos
		----------------------------------------------- */
	
	.cm_images_videos .col_left,
	.cm_images_videos .col_right {
		padding:0;
	}
	
	.cm_images_videos .item_container.h1 {
		width:100%;
		padding:0 12.5%; /* 64px bei 1280 */
	}
	
	.cm_images_videos .item_container.b1,
	.cm_images_videos .item_container.b2 {
		width:100%;
	}
	
	.cm_images_videos .item_container.h1.right,
	.cm_images_videos .item_container.b1.right,
	.cm_images_videos .item_container.b2.right {
		margin-left:0;
	}
	
	.cm_images_videos .item2 {
		margin-top:16px;
	}
	
	.move_second_up {
		margin-top:16px !important; /* todo: was ist der richtige abstand hier? */
		-moz-transform: translateY(0px)!important;
    	-o-transform: translateY(0px)!important;
		-webkit-transform: translateY(0px)!important;
		transform: translateY(0px)!important;
	}
	
	.caption {
		max-width:100%;
	}
	
	.caption_inner {
		padding-left:0;	
	}
	
	


}


@media only screen and (max-width : 360px) { 

	#haus_steuermann_logo {
		top:25px;
		width:95px; /* 60% */
	}
	
	#language_switch {
		font-size:0.95rem;
		line-height:0.95rem;
		top:20px;
	}
	
	#kompass {
		top:20px;
		width:20px;
	}
	
	.slideshow_icon {
		width:20px;
		height:20px;
		background-size:20px 20px;	
	}
	
	.cm_calendar .bj_price {
		width:100px;
		height:100px;
	}
	
	#trigger_west_nav .rotated,
	#trigger_east_nav .rotated {
		width:10px;
	}
	
}