/* @font-face {
 font-family: 'courier_primebold';
 src: url('../fonts/courier_prime_bold-webfont.woff2') format('woff2'),
 url('../fonts/courier_prime_bold-webfont.woff') format('woff');
 font-weight: normal;
 font-style: normal;
 }
 */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	width: 100%;
}

body {
	width: 100%;
	background-color: #efefef;
	font-size: 1.143em;
}

html > body {
	font-size: 16px;
	font-size: 1.143em;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0 none;
	margin: 0;
	padding: 0;
}

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

p, ul, ol, label, input, select, textarea, dd, dt, td, th, a, caption, span, figcaption, legend {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
}

p, dt, dd, li, td, th, label {
	line-height: 1.4em;
}

p b {
	font-weight: 700;
}

h1 {
	font-size: 3em;
	color: #F28D00;
}

h2 {
	font-size: 2em;
	color: #F28D00;
	line-height: 1.2em;
}

h3 {
	font-size: 1.5em;
	line-height: 1.1em;
	color: #F28D00;
}

h4 {
	font-size: 1.143em;
	color: #F28D00;
}

h5 {
	font-size: 1em;
	font-weight: bold;
}

h6 {
	font-size: 1em;
}

a img {
	border: none;
}

/*typo3 styles*/
p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, td.align-right {
	text-align: right;
}

p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, td.align-left {
	text-align: left;
}

p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, td.align-center {
	text-align: center;
}

IMG {

}

DIV.csc-textpic-border DIV.csc-textpic-imagewrap IMG {

}

.wrapper-content .csc-frame-indent3366 DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 0;
}

FIGCAPTION.csc-textpic-caption {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
}

FIGCAPTION.csc-textpic-caption span {
	display: none;
}

/*typo3 styles*/

/* columns */

/* columns */

/* ----------------------------------------------------------------------------------------------------------- backgrounds */

img.lazyimageload {
	/* background: #034D67 url(../images/layout/image-load.gif) center center no-repeat; */
}

.frame--header:before, .contentheader__image .csc-header:before, .togglenav:before, .checklist li:before, 
.animation-frame--default .csc-textpic-left .csc-textpic-text:after, .animation-frame--default .csc-textpic-right .csc-textpic-text:after {
	background: url(../images/layout/bg-sprite.png) -4000px -4000px no-repeat;
}

.wrapper--footer {
	background-color: rgba(0,0,0,0.9);
	/*	background: url(../images/layout/body_bg.jpg) center center; */
	/*background: url(../images/layout/bg-footer.jpg) center bottom repeat-x;*/
}
/* ----------------------------------------------------------------------------------------------------------- backgrounds */

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

.navitem__link, .navitem__link span, .info__phonelink, .info__maillink {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
}

a.togglenav {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
}

h1, h2, h3, h4, h4 a, h1 span {
	font-family: "Roboto Condensed", sans-serif;
	text-transform: uppercase;
	font-weight: 700;
}

.content p, .content a, footer p, footer p a, ul li, ol li, td, th, input, select, textarea, label, legend, a.short-request-send {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	color: #3a373c;
}

th {
	font-weight: 700;
}

.content blockquote p {
	font-family: "Merriweather", serif;
	font-weight: 400;
}

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

/* ----------------------------------------------------------------------------------------------------------- loader */

.progress {
	background-image: url(../images/layout/rolling.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	display: block;
	width: 54px;
	height: 54px;
	position: absolute;
	top: 20%;
	left: 50%;
	transform: translate(-50%,0);
	z-index: 10;
}

@-webkit-keyframes uil-rolling-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes uil-rolling-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes uil-rolling-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes uil-rolling-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes uil-rolling-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes uil-rolling-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes uil-rolling-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes uil-rolling-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.uil-rolling-css {
  width: 200px;
  height: 200px;
  top: 25%;
  left: 45%;
  position: absolute;
  transform:translate(-50%,-50%);  
}
.uil-rolling-css > div {
  width: 200px;
  height: 200px;
  position: relative;
  -ms-animation: uil-rolling-anim 2s linear infinite;
  -moz-animation: uil-rolling-anim 2s linear infinite;
  -webkit-animation: uil-rolling-anim 2s linear infinite;
  -o-animation: uil-rolling-anim 2s linear infinite;
  animation: uil-rolling-anim 2s linear infinite;
}
.uil-rolling-css > div div {
  position: absolute;
  width: 200px;
  height: 100px;
  border-radius: 1000px 1000px 0 0;
  border-color: #f28d00;
  border-style: solid;
  border-width: 20px;
  border-bottom-width: 0;
}
.uil-rolling-css > div div:nth-of-type(2) {
  -ms-transform: translate(0, 50px) rotate(54deg) translate(0, -50px);
  -moz-transform: translate(0, 50px) rotate(54deg) translate(0, -50px);
  -webkit-transform: translate(0, 50px) rotate(54deg) translate(0, -50px);
  -o-transform: translate(0, 50px) rotate(54deg) translate(0, -50px);
  transform: translate(0, 50px) rotate(54deg) translate(0, -50px);
}

/* ----------------------------------------------------------------------------------------------------------- loader */
/* ----------------------------------------------------------------------------------------------------------- wrappers */

.wrapper--load-progress {
	background-color: rgba(255,255,255,0.9);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1000;
	position: absolute;
	-webkit-transition: all 200ms ease;
	-webkit-transition-delay: ease, 0s;
	-moz-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.wrapper--header {
	z-index: 4;
	position: fixed;
	top: 0;
	width: 100%;
	height: auto;
	margin: 0 auto;
	-webkit-transition: all 300ms ease;
	-webkit-transition-delay: ease, 0s;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.wrapper--header.dark {
	top: 0;
	background-color: #fff;
}

.smartphone .wrapper--header, .tablet .wrapper--header {
	position: relative;
	background-color: #fff;
}

.wrapper__inner--header {
	max-width: 1680px;
	margin: 0 auto;
	position: relative;
}

.wrapper--navi {
	position: relative;
	z-index: 3;
	padding-top: 0;
	display: inline-block;
	float: right;
	-webkit-transition: all 300ms ease;
	-webkit-transition-delay: ease, 0s;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.wrapper--header.dark .wrapper--navi {
	/*padding-top: 0.20em;*/
}

.wrapper--navi.active {
	top: 0;
}

.wrapper--togglenav {
    position: absolute;
	margin-left: 0em;
	margin-top: 0.75em;
	display: none;
	right: 0;
	top: 0;
}

.wrapper--contentheader, .wrapper--content, .wrapper--pageheader {
	left: 0;
	top: 0;
	z-index: 1;
}

.wrapper--pageheader {
	padding-top: 0;
	background-color: #5c6766;
	height: 64px;
	width: 100%;
}

.wrapper--slider.hammerslide {
	position: relative;
	overflow: hidden;
}

.wrapper--contentheader {
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.wrapper--animationheader {
	position: relative;
	padding: 0;
	width: 100%;
	z-index: 3;
	left: 0;
}

.wrapper--content {
	position: relative;
	padding: 0;
	width: 100%;
	z-index: 1;
}

/*.wrapper--content:before {
 position: absolute;
 right: 0;
 top: 0;
 content: "";
 width: 100%;
 height: 100%;
 z-index: 1;
 overflow: hidden;
 }*/

.wrapper__inner--content {
	position: relative;
	z-index: 2;
	/*width: 100%;
	 max-width: 1380px;
	 margin: 0 auto;*/
}

.wrapper--footer {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
}

.wrapper__inner--footer {
	background-color: rgba(0,0,0,0.7);
	width: 100%;
	margin: 0 auto;
	padding: 2em 4em;
}

/* ----------------------------------------------------------------------------------------------------------- wrappers */

/* ----------------------------------------------------------------------------------------------------------- block elements */
.background {
	position: fixed;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	/*-webkit-transition: top 20ms ease;
	 -webkit-transition-delay: ease, 0s;
	 -moz-transition: top 20ms ease;
	 -o-transition: top 20ms ease;
	 transition: top 20ms ease;*/
}

.smartphone .background, .tablet .background {
	position: absolute;
}

.logo, .icon {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0.5em 0;
	/*-webkit-transform: scale(1, 1);
	 -moz-transform: scale(1, 1);
	 -ms-transform: scale(1, 1);
	 -o-transform: scale(1, 1);
	 transform: scale(1, 1);
	 opacity: 1;
	 -webkit-transition: all 300ms ease;
	 -webkit-transition-delay: ease, 0s;
	 -moz-transition: all 300ms ease;
	 -o-transition: all 300ms ease;
	 transition: all 300ms ease;
	 -webkit-transform-origin: left top;
	 -moz-transform-origin: left top;
	 -ms-transform-origin: left top;
	 -o-transform-origin: left top;
	 transform-origin: left top;*/
}

.logo {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0.5em 0.5em 0.5em 0.5em;
	overflow: hidden;
	position: relative;
	display: inline-block;
	visibility: hidden;
	/* -webkit-transition: all 300ms ease;
	-webkit-transition-delay: ease, 0s;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease; */
}

.icon {
	/*	opacity: 0;
	 -webkit-transform: scale(0, 0);
	 -moz-transform: scale(0, 0);
	 -ms-transform: scale(0, 0);
	 -o-transform: scale(0, 0);
	 transform: scale(0, 0);*/
}

.wrapper--header.dark .logo, .tablet .logo, .smartphone .logo {
	/*-webkit-transform: scale(0, 0);
	 -moz-transform: scale(0, 0);
	 -ms-transform: scale(0, 0);
	 -o-transform: scale(0, 0);
	 transform: scale(0, 0);*/
	visibility: visible;
	/* opacity: 0; */
}

.wrapper--header.dark .icon {
	/*-webkit-transform: scale(1, 1);
	 -moz-transform: scale(1, 1);
	 -ms-transform: scale(1, 1);
	 -o-transform: scale(1, 1);
	 transform: scale(1, 1);
	 opacity: 1;*/
}

.headerinfo {
	float: right;
	margin: 1em 0.5em 0 0;
	overflow: hidden;
	-webkit-transition: all 300ms ease;
	-webkit-transition-delay: ease, 0s;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.wrapper--header.dark .headerinfo {
	height: 0;
	opacity: 0;
	margin-top: 0;
}

.tablet .contentheader, .smartphone .contentheader {
	position: absolute;
	left: 4em;
	top: 10em;
	z-index: 3;
}

.contentheader__image {
	-webkit-transition: all 300ms ease;
	-webkit-transition-delay: ease, 0s;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.contentheader__content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* display: flex;
	 flex-direction: column;
	 justify-content: flex-end; */
}

.animationheader {
	position: absolute;
	width: 70%;
	left: 15%;
}

.singlepagewrapper {
	position: relative;
	z-index: 1;
	overflow: hidden;
	width: 100%;
}

/* .tablet .singlepagewrapper, .smartphone .singlepagewrapper {
    margin-top: 4em;    
} */

.ifwssinglepage-slide-panel {
	position: relative;
	width: 100%;
}

/* .ifwssinglepage-slide-panel-3:before {
 background-color: #ffeb7f;
 content: ".";
 font-size: 0;
 width: 100%;
 height: 70%;
 position: absolute;
 z-index: 0;
 top: 0;
 left: 0;
 } */

.content--main {
	position: relative;
	left: 0;
	top: 0;
	z-index: 4;
	/*width: 100%;
	 margin: 0 auto;
	 max-width: 1920px;*/
}

.content--offers {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	width: 100%;
	max-width: 1680px;
	margin: 0 auto;
}

.container {
	width: 100%;
}

.container--offer {
	display: inline-block;
	width: 50%;
	flex: 0 0 50%;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-direction: column;
	justify-content: stretch;
	padding: 2em;
	overflow: hidden;
}

.container--hidden {
	height: 0;
	overflow: hidden;
}

.container--maxwidth .row {
	width: 100%;
	max-width: 1680px;
	margin: 0 auto;
}

.content .container--contentslider {
	position: relative;
}

.row {
	width: 100%;
}

.contentheader__content .row {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	position: relative;
	z-index: 1;
}

/* .contentheader__content .row:after {
 content: ".";
 font-size: 0;
 width: 100%;
 height: 126px;
 display: block;
 position: absolute;
 z-index: 0;
 bottom: 0;
 left: 0;
 box-shadow: 0 0 10px rgba(0,0,0,0.9);
 } */

.container--moreboxes:after {
	content: ".";
	font-size: 0;
	display: block;
	clear: both;
}

.row:nth-of-type(2n) {
	/*background: #1D1D1B;*/
}

.container--images .row {
	padding-bottom: 0;
}

.col {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	position: relative;
}

.vertical-align--top .col {
	vertical-align: top;
}

.vertical-align--middle .col {
	vertical-align: middle;
}

.vertical-align--bottom .col {
	vertical-align: bottom;
}

.col--maxwidth {
	width: 100%;
	max-width: 1680px;
	margin: 0 auto;
	display: block;
}

.col--half {
	width: 50%;
}

.col--third {
	width: 33.33%;
}

.contentheader__content .col--third {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.col--fourth {
	width: 25%;
}

.col--content-short {

}

footer .col--fourth {
	width: 22%;
	padding-top: 2em;
	padding-bottom: 2em;
	vertical-align: middle;
}

footer .col--fourth:nth-of-type(2) {
	margin-right: 12%;
}

.col--flex {
	display: flex;
	justify-content: space-between;
	align-content: space-between;
	flex-wrap: wrap;
}

.frame {
	display: block;
	position: relative;
	/*overflow: hidden;*/
	width: 100%;
	margin: 0 auto;
}

.frame--maxwidth {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
}

.frame--rounded-image {
	padding: 10% 20%;
}

.frame--flexbox {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
}

.content--offers .frame--default {
	flex: 0 0 100%;
}

.container--3cols .frame {
	width: 33.33%;
	display: inline-block;
	margin-top: -5px;
	position: relative;
}

.col--flex .frame {
	flex: 0 1 auto;
}

.container--3cols .col--flex .frame {
	width: auto;
	display: flex;
	margin-top: 0;
	max-width: 32%;
	margin-right: 2%;
}

.container--3cols .col--flex .frame:last-of-type {
	margin-right: 0;
}

.container--2cols .col--flex .frame {
	width: auto;
	display: flex;
	margin-top: 0;
	max-width: 50%;
	flex: 1 0 50%;
}



.frame.layout--102 {

}

.frame--image100p, .frame--headerimage {
	max-width: none;
}

.col--left .frame {

}

.col--right .frame {

}

.col--right .frame--image100p {
}

.col--third .frame {
	width: auto;
}

.animationheader .col--third .frame {
	margin: 0 2%;
	/*box-shadow: 0 0 5px rgba(0,0,0,0.2);*/
}

.col--content-short .frame {
	overflow: hidden;
}

.col--content-long .frame {
	opacity: 0;
	height: 0;
	overflow: hidden;
}

.layout--100, .container--offer .frame {
	background-color: #fff;
}

.layout--101 {
	background-color: #F28D00;
}

.layout--102 {
	background-color: #6f6f6f;
}

.col--last.col--third .frame {
}

.contentheader__content .col--third .frame {
	width: 100%;
}

.contentheader__content .col--third .csc-textpic-text:after {
	background-position: left 0;
}

.contentheader__content .col--first .csc-textpic-text:after {
	background-position: right 0;
}

.contentheader__content .col--last .csc-textpic-text:after {
	background-position: center 0;
}

footer .col--fourth .frame {
	padding: 0 2em;
}

.frame--inline {
	background-color: #fff;
	width: 47.5%;
	display: block;
	vertical-align: top;
	margin-right: 2.5%;
	margin-bottom: 2em;
	padding: 2em;
	float: left;
}

.frame--inline:nth-of-type(2n) {
	margin-right: 0;
	margin-left: 2.5%;
}

.frame--header {
	padding: 0 6em;
}

.frame--map {
	/*border-top: 10px solid #fff;*/
}

.frame--text-centered {
	padding: 3em 20%;
}


.text-vertical-aligned {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	width: 100%;
}

.col--half.col--left .frame--default .csc-text {
	padding-right: 4%;
}

.col--half.col--right .frame--default .csc-text {
	padding-left: 4%;
}

.col--third.col--left .frame--default .csc-text {
	padding-right: 2%;
}

.col--third.col--center .frame--default .csc-text {
	padding-left: 1%;
	padding-right: 1%;
}

.col--third.col--first .frame--default .csc-text {
	padding-left: 2%;
}

.frame--default .text-vertical-aligned {
	/*padding: 2em 4em;*/
}

.animation-frame--default .container--flexboxes .frame, .animation-frame--default .row .frame {
	margin-top: 0;
	opacity: 1;
	-webkit-transition: all 400ms ease;
	-webkit-transition-delay: ease, 0;
	-moz-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}

.animation-frame--default.checkfold .container--flexboxes .frame, .animation-frame--default.checkfold .row .frame {
	opacity: 0;
}

.csc-textpic-right, .csc-textpic-left {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-content: space-around;
	flex-wrap: wrap;
}

.csc-textpic-left div.csc-textpic-text-wrapper, .csc-textpic-right div.csc-textpic-text-wrapper {
	width: 50%;
	display: flex;
	justify-content: space-around;
	flex-direction: column;
	position: relative;
	z-index: 2;
}

.csc-textpic-left .csc-textpic-text-wrapper__inner, .csc-textpic-right .csc-textpic-text-wrapper__inner {
	padding: 2em 4em;
}

div.csc-textpic-right .csc-textpic-imagewrap, div.csc-textpic-left .csc-textpic-imagewrap {
	width: 50%;
	display: inline-block;
	vertical-align: middle;
	float: none;
	position: relative;
	z-index: 0;
}

div.csc-textpic-right .csc-textpic-imagewrap {
	order: 1;
}

div.csc-textpic-left .csc-textpic-imagewrap {
	position: relative;
	flex: 0 0 auto;
	z-index: 1;
}

.container--offer .csc-text {
	padding: 0 4em 2em;
}

.frame--flexbox .csc-textpic {
	display: flex;
	flex-direction: row;
	align-content: space-around;
}

.frame--flexbox .csc-textpic-intext-left-nowrap .csc-textpic-text, .frame--flexbox .csc-textpic-intext-right-nowrap .csc-textpic-text {
	margin-left: 0;
	margin-right: 0;
	padding: 2em 8em;
	flex: 0 0 50%;
}

.frame--flexbox .csc-textpic-intext-right-nowrap {
	flex-direction: row-reverse;
}

.frame--flexbox .csc-textpic-text {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

.frame--flexbox div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap, .frame--flexbox .csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
	float: none;
	margin-left: 0;
	margin-right: 0;
	flex: 0 0 50%;
}

.frame--flexbox .csc-header, .frame--flexbox .csc-text {
	display: inline-block;
	width: 50%;
	vertical-align: middle;
	flex: 0 0 50%;
	margin: auto;
	padding: 2em;
}

.frame--default .csc-header {
	padding: 2em 4em;
}

.frame--default div.csc-textpic-text {
	position: relative;
	clear: none;
}

.frame--offer .csc-header {
	padding: 1em 2em;
	/* position: absolute;
	 bottom: 25%;
	 display: block;
	 width: 100%; */
}

.frame--offer .csc-textpic-text {
	padding: 1em 1.25em;
}

.logo .frame--default .csc-textpic-text {
	padding: 0;
}

.animation-frame--default .csc-text {
	position: relative;
	top: 0;
	opacity: 1;
	-webkit-transition: all 400ms ease;
	-webkit-transition-delay: ease, 0;
	-moz-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}

.animation-frame--default.checkfold .csc-text {
	top: 50%;
	opacity: 0;
}

.animation-frame--default .csc-textpic-left .csc-textpic-text, .animation-frame--default .csc-textpic-right .csc-textpic-text {
	position: relative;
	left: 0;
	opacity: 1;
	-webkit-transition: all 400ms 200ms ease;
	-webkit-transition-delay: ease, 200ms;
	-moz-transition: all 400ms 200ms ease;
	-o-transition: all 400ms 200ms ease;
	transition: all 400ms 200ms ease;
}

.animation-frame--default .csc-textpic-left .csc-textpic-text:after, .animation-frame--default .csc-textpic-right .csc-textpic-text:after {
	content: ".";
	font-size: 0;
	background-position: -60px 0;
	width: 60px;
	height: 40px;
	display: block;
	margin-top: 40px;
	margin-left: 50%;
	transform: translate(-50%,0);
}

.animation-frame--default .csc-textpic-left .csc-textpic-text header {
	left: -30%;
	width: 130%;
	position: relative;
	-webkit-transition: all 400ms 200ms ease;
	-webkit-transition-delay: ease, 200ms;
	-moz-transition: all 400ms 200ms ease;
	-o-transition: all 400ms 200ms ease;
	transition: all 400ms 200ms ease;
}

.animation-frame--default.checkfold .csc-textpic-left .csc-textpic-text {
	left: -10%;
	opacity: 0;
}

.animation-frame--default.checkfold .csc-textpic-left .csc-textpic-text header {
	left: 20%;
}

.animation-frame--default .csc-textpic-right .csc-textpic-text {
	left: auto;
	right: 0;
	opacity: 1;
}

.animation-frame--default.checkfold .csc-textpic-right .csc-textpic-text {
	left: auto;
	right: -10%;
	opacity: 0;
}

.contentheader__image .csc-header {
	position: absolute;
	left: 50%;
	bottom: 10%;
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	transform-origin: 50% 50%;
	opacity: 1;
	z-index: 1;
	-webkit-transition: all 500ms 500ms ease;
	-webkit-transition-delay: ease, 500ms;
	-moz-transition: all 500ms 500ms ease;
	-o-transition: all 500ms 500ms ease;
	transition: all 500ms 500ms ease;
}

.contentheader__image .checkfold .csc-header {
	transform: translate(-50%,50%);
	opacity: 0;
}

footer .frame--default .csc-header {
	padding: 0 0 1em 0;
}

.col--left .frame--default {
	padding: 0 4em;
}

.container--images .col--left .frame--default {
	margin-right: 0;
}

.col--right .frame--default {
	padding: 0 4em;
}

.container--images .col--right .frame--default {
	margin-left: 0;
}

.container--slider {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.container--slider.hammerslide--slide {
	cursor: grab;
}

.slideelement {
	display: block;
	position: relative;
	float: left;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.gallery ul {
	list-style-type: none;
	left: 0;
	position: relative;
	overflow: hidden;
}

.hammerslide .gallery__item {
	float: left;
}

.slidepanel {
	position: absolute;
	margin: 1em auto;
	bottom: 0;
	z-index: 1;
	left: 0px;
	right: 0px;
}

.content--main .frame--textoverlay .csc-textpic-text-wrapper {

}

.content--main .frame--textoverlay .csc-textpic-text {
	position: absolute;
	bottom: 0;
	width: 60%;
	left: 20%;
	z-index: 10;
	display: block;
	padding-bottom: 5%;
}

.text-table {
	display: table;
	width: 100%;
	height: 100%;
}

.text-table-cell {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: bottom;
}

.videocontainer {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	width: 640px;
	max-width: 100%;
	margin: 0 auto;
}

.videocontainer iframe, .videocontainer object, .videocontainer embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

footer {
	width: 100%;
	max-width: 1680px;
	margin: 0 auto;
}

/* .frame--header, .price-stamp {
 position: relative;
 padding-top: 3.75em;
 }
 */

.frame--header {
	padding-top: 3em;
	margin-top: 2em;
}

.frame--header.layout--102 {
	margin-top: 0;
}

.frame--header:before, .contentheader__image .csc-header:before {
	content: ".";
	font-size: 0;
	background-position: 0 -120px;
	width: 52px;
	height: 44px;
	position: absolute;
	left: 50%;
	transform: translate(-22px,-50%);
	transform-origin: 50% 50%;
	top: 25%;
}

.slideelement .csc-textpic-text:before, .frame--headerimage .csc-textpic-text:before/*, .price-stamp:before*/ {
	background-position: -400px -62px;
}

/* ----------------------------------------------------------------------------------------------------------- block elements */

/* ----------------------------------------------------------------------------------------------------------- text elements, lists, links */

.contentheader__text h1, .contentheader__text h1 span {
	color: #fff;
	text-transform: uppercase;
	position: relative;
	margin-bottom: 1em;
	padding-top: 0.25em;
}

.contentheader__text h1 span {
	/*padding: 0.25em 0.25em 0;*/
	/*border-bottom: 10px solid #009E3C;*/
}

.tablet .contentheader__text h1, .smartphone .contentheader__text h1 {
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);
}

.contentheader__text h1:after {
	content: ".";
	font-size: 0;
	position: absolute;
	display: block;
	bottom: -20px;
	left: 0;
	background-color: #009E3C;
	width: 50%;
	height: 5px;
}

blockquote p {
	font-size: 1.5em;
	text-align: center;
}

.contentheader__text p {
	color: #fff;
}

.frame--headericon p {
	padding: 0 2em;
}

.content .layout--101 h2 {
	color: #fff;
}


footer h3 {
	color: #fff;
}

/*.csc-header h2 {
 padding-bottom: 1em;
 }*/

.contentslider__elements h3 {
	color: #fff;
}

footer .frame--header h3 {
	position: relative;
	padding-top: 1em;
}



.content--main .frame--textoverlay h2, .content--main .frame--textoverlay h3 {
	color: #fff;
	/*text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);*/
}

.content--main .frame--textoverlay h3 {
	position: relative;
	font-size: 1.5em;
	text-shadow: 0 0 5px rgba(0,0,0,0.8);
}

.content--main .frame--textoverlay h3:before {
	content: ".";
	font-size: 0;
	border-top: 1px dotted #fff;
	left: 0;
	top: -10px;
	width: 70%;
	margin-left: 15%;
	position: absolute;
}

.content--main .headline-underline {
	padding-bottom: 0.5em;
	margin-bottom: 1em;
	position: relative;
}

.content--main .headline-underline:after {
	content: ".";
	font-size: 0;
	width: 50%;
	left: 25%;
	bottom: 0;
	border-bottom: 1px dotted #552E18;
	position: absolute;
}

.content--main .frame--image100p p {
	color: #fff;
}

.layout--101 p, .layout--102 p {
	color: #fff;
}

.content--main .frame--textoverlay div.csc-textpic .csc-textpic-imagewrap[data-csc-cols="1"] .csc-textpic-image a {
	display: block;
	position: relative;
}

.content--main .frame--textoverlay div.csc-textpic .csc-textpic-imagewrap[data-csc-cols="1"] .csc-textpic-image a:after {
	content: ".";
	font-size: 0;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	z-index: 1;
	background-color: rgba(0,0,0,0.2);
	-webkit-transition: all 200ms ease;
	-webkit-transition-delay: ease, 0s;
	-moz-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.content--main .frame--textoverlay:hover div.csc-textpic .csc-textpic-imagewrap[data-csc-cols="1"] .csc-textpic-image a:after {
	background-color: rgba(0,0,0,0.5);
}

.content--main .frame--textoverlay a {
	font-size: 2em;
	color: #fff;
}

.content--main .frame--textoverlay a:hover {
	text-decoration: none;
	color: #fff;
}

.content a.link--show-offer {
	position: absolute;
	right: 0em;
	bottom: 0em;
	z-index: 1;
	color: #fff;
	padding: 0 0.5em 0.5em 0;
}

.content a.link--show-offer:before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 3.5em 7em;
    border-color: transparent transparent #F28D00 transparent;
    z-index: -1;
}

.content a.link--show-offer:hover {
	text-decoration: none;
}

.content a.link--show-offer:hover:before {
	border-color: transparent transparent #bd6e00 transparent;
}

footer p {
	color: #fff;
}

.frame--header h1, .frame--header h2, .contentheader__image h2 {
	position: relative;
	padding: 0.5em 10% 0;
}

.contentheader__image h2 {
	padding-top: 1em;
	display: inline-block;
	color: #fff;
}

.contentslider__col--header h2 {
	padding: 0.5em 1.333em;
}

.slideelement h3, .price {
	position: relative;
}

.frame--header h1:before, .frame--header h1:after, .frame--header h2:before, 
.frame--header h2:after, .contentheader__image h2:before, .contentheader__image h2:after {
	content: ".";
	width: 150px;
	height: 1px;
	font-size: 0;
	left: 50%;
	margin-left: -220px;
	top: 0;
	display: block;
	position: absolute;
	background-color: #fff;
}

.frame--header h2:before, .frame--header h2:after {
	top: -45%;
}

.frame--header h1:after, .frame--header h2:after, footer .frame--header h3:after, p.price:after, .frame--headerimage h3:after, .contentheader__image h2:after {
	left: auto;
	right: 50%;
	margin-right: -220px;
}

footer .frame--header h3:before, footer .frame--header h3:after {
	background-position: -400px -100px;
}

p.price {
	font-size: 1.25em;
	padding: 0.5em 0;
	font-weight: 500;
	display: inline-block;
}

.frame--offer p.price {
	color: #fff;
}

p.showmore {
	float: right;
	display: inline-block;
}

span.price {
	font-size: 1.5em;
}

p.price:before {
	margin-left: -20%;
}

p.price:after {
	margin-right: -20%;
}

.slideelement h3:before, .slideelement h3:after, p.price:before, p.price:after, .frame--headerimage h3:before, .frame--headerimage h3:after {
	border-top-color: #fff;
}

.slideelement .csc-textpic-text, .frame--headerimage .csc-textpic-text {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	top: 60%;
	margin-top: -5%;
	padding-top: 3.75em;
}

.slideelement .csc-textpic-text h3, .frame--headerimage .csc-textpic-text h3 {
	opacity: 0;
	padding-top: 0.5em;
	position: relative;
}

.slideelement.active .csc-textpic-text, .frame--headerimage .csc-textpic-text {
	opacity: 1;
}

.slideelement .csc-textpic-text h3, .frame--headerimage .csc-textpic-text h3 {
	color: #fff;
	font-size: 3em;
	opacity: 0;
	letter-spacing: 0.4em;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	-webkit-transition: all 500ms ease;
	-webkit-transition-delay: ease, 0s;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.slideelement.active .csc-textpic-text h3, .frame--headerimage .csc-textpic-text h3 {
	opacity: 1;
	letter-spacing: 0;
}

.contentslider__elements .csc-textpic-text {
	position: absolute;
	bottom: 10%;
	right: 5%;
	width: 25%;
	background: #F8F6EB;
}

.contentslider__elements header {
	background-color: #552e18;
	padding: 0.5em 2em;
	margin-bottom: 1em;
}

.contentslider__elements h3 {
}

.contentslider__elements p {
	padding: 0 2em;
}

.contentslider__elements .csc-textpic-text {
	padding: 0;
}

.contentslider__col--tabs p {
	display: inline-block;
	background-color: #fff;
	margin-right: -4px;
	/*padding: 0.5em 0;*/
}

.rotating-text p span {
	font-size: 2em;
	/* height: 200px; */
	/* line-height: 1em; */
	position: absolute;
	width: 20px;
	left: 0;
	bottom: 0px;
	text-align: center;
	opacity: 0;
	transform-origin: center -9em 0px;
	-webkit-transition: all 500ms ease;
	-webkit-transition-delay: ease, 0s;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

hr {
	height: 0;
	border: none;
	clear: both;
	background-color: transparent;
	padding: 64px 0;
	margin: 0;
}

footer hr {
	padding: 16px 0;
}

.content p a, .content li a, footer p a {
	color: #FFEB7F;
	text-decoration: none;
	font-weight: 700;
}

.content p a:hover, .content li a:hover, footer p a:hover {
	text-decoration: underline;
}

.content .layout--102 p a {
	color: #F28D00;
}

.content a.morelink {
	display: inline-block;
	/* border-top: 1px dotted #e53517; */
	padding: 0.5em 2em 0.5em 0;
	position: relative;
	z-index: 1;
	background-color: transparent;
	overflow: hidden;
	color: #fff;
	text-transform: uppercase;
}

.content a.morelink:hover {
	text-decoration: none;
	/*color: #fff;*/
	/*border-color: #fff;*/
}

.content a.morelink:after {
	background-position: -200px -100px;
	content: ".";
	font-size: 0;
	right: 10%;
	width: 24px;
	height: 14px;
	top: 50%;
	transform: translate(0, -40%);
	position: absolute;
	z-index: 0;
	-webkit-transition: all 200ms ease;
	-webkit-transition-delay: ease, 0s;
	-moz-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.content a.morelink:hover:after {
	right: 0;
}

.info__phonelink, .info__maillink {
	color: #f8f6eb;
	text-decoration: none;
	font-weight: 500;
	vertical-align: middle;
	position: relative;
	padding-left: 2em;
	padding-top: 0.25em;
}

.info__phonelink:hover, .info__maillink:hover {
	color: #e53517;
}

.info__maillink:before, .info__phonelink:before {
	content: ".";
	font-size: 0;
	width: 24px;
	height: 24px;
	display: inline-block;
	position: absolute;
	top: 4px;
	left: 0;
	background-position: -200px -36px;
}

.info__phonelink:hover:before {
	background-position: -200px -5px;
}

.info__maillink:before {
	background-position: -240px -36px;
}

.info__maillink:hover:before {
	background-position: -240px -5px;
}

.content ol {
	list-style-type: lower-alpha;
}

.content ul, .content ol {
	margin-left: 1.5em;
}

.content ul li {
	padding: 0.1em 0 0.1em 0.5em;
}

.content ol li {
	padding: 0.1em 0;
}

.content ol li.highlight {
	color: #034D67;
}

.content ol li.no-highlight {
	color: rgba(6,56,43,0.5);
}

.content ul.checklist {
	list-style-type: none;
	margin-left: 0;
	text-align: right;
}

.content ul.checklist li {
	padding: 0.25em 0.5em 0.25em 0.5em;
	position: relative;
}

.content ul.checklist li:before {
	content: ".";
	font-size: 0;
	width: 30px;
	height: 20px;
	background-position: -60px -40px;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
}

.content a.mail {
	border-color: #E20626;
	color: #E20626;
}

.contentslider__col--header p {
	padding: 0 2em;
}

.contentslider__col--header ul {
	margin: 0 2em;
}

.contentslider__col--header ul li {
	margin-left: 1em;
}

.contentslider__col--tabs p a {
	display: inline-block;
	padding: 1em 2em;
	text-transform: uppercase;
	border-right: 1px solid #e53517;
	font-weight: 500;
	line-height: 1em;
}

.contentslider__col--tabs p a:hover, .contentslider__col--tabs p a.active {
	color: #fff;
	background-color: #e53517;
	text-decoration: none;
}

.contentslider__col--tabs p:last-of-type a {
	border-right: 0;
}

footer p a.internal-link {
	border: none;
}

.content a.mail:hover {
	color: #FFFFFF;
	background-color: #E20626;
}

.sliderslidelink {
	background-position: -40px 0px;
	position: absolute;
	z-index: 1;
	width: 24px;
	height: 44px;
	text-decoration: none;
	top: 50%;
	margin-top: -22px;
	left: 2%;
	display: none;
}

.sliderslidelink.active {
	display: block;
}

.next--sliderslidelink {
	background-position: -88px 0px;
	left: auto;
	right: 2%;
}

.slidepanel__link {
	display: inline-block;
	width: 14px;
	height: 14px;
	border: 1px solid #FFF;
	border-radius: 50%;
	margin-right: 20px;
	z-index: 1;
	position: relative;
}

.slidepanel__link:last-of-type {
	margin-right: 0;
}

.slidepanel__link.active {
	background-color: #fff;
}

.frame--offer div.csc-textpic .csc-textpic-image a:after {
	background-position: -200px -100px;
	content: ".";
	font-size: 0;
	width: 24px;
	height: 24px;
	display: block;
	position: absolute;
	bottom: 16px;
	right: 32px;
}

.showfunctions {
	position: absolute;
	width: 20px;
	height: 20px;
	background-color: #fff;
	border-radius: 50%;
}

a.link--toggle-animation {
	text-decoration: none;
	border: 2px solid #034D67;
	padding: 0.5em 1em;
	margin-left: 50%;
	margin-top: 10%;
	transform: translate(-50%,-50%);
	display: inline-block;
}

a.link--toggle-animation:hover {
	background-color: #034D67;
	color: #fff;
}

/* ----------------------------------------------------------------------------------------------------------- text elements, lists, links */

/* ----------------------------------------------------------------------------------------------------------- images and figures */

img.lazyimageload {
	opacity: 0;
}

img.fade {
	-webkit-transition: all 500ms ease;
	-webkit-transition-delay: ease, 0s;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.logo img {
	-webkit-transition: all 200ms ease;
	-webkit-transition-delay: ease, 0s;
	-moz-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;	
}

div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 0;
	display: block;
}

.contentheader__content div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin-top: 10%;
}

.logo div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image, .icon div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image, .frame--headericon div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image, .container--flex .frame--headericon .csc-textpic-imagewrap .csc-textpic-image {
	display: inline-block;
	max-width: 100%;
	height: auto;
}

.contentheader__image img {
	max-width: 100%;
	width: 100%;
	height: auto;
}

/*div.csc-textpic div.csc-textpic-imagecolumn {
	float: none;
	margin-right: 0;
}

.logo div.csc-textpic-imagecolumn {
	visibility: hidden;
}
*/
/*.logo div.csc-textpic-imagecolumn {
	top: 0;
	left: 0;
	z-index: 1;
	-webkit-transition: all 300ms ease;
	-webkit-transition-delay: ease, 0s;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.logo div.csc-textpic-firstcol {
	z-index: 1;
}
*/

/*.logo div.csc-textpic-lastcol {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0; 
}

.dark .logo div.csc-textpic-lastcol {
	visibility: visible;
	opacity: 1;
	z-index: 1;
}
/*
.dark .logo div.csc-textpic-firstcol {
	opacity: 0;
	z-index: 0;
	height: 50px;
}
*/
div.csc-textpic-center .csc-textpic-imagewrap[data-csc-images="1"] img {
	display: block;
	margin: 0 auto;
}

.container--slider .frame div.csc-textpic-center .csc-textpic-imagewrap img {
	opacity: 0;
}

.container--slider .frame:first-child div.csc-textpic-center .csc-textpic-imagewrap img {
	opacity: 1;
}

.container--slider .frame.slideelement div.csc-textpic-center .csc-textpic-imagewrap img {
	opacity: 1;
}

div.csc-textpic-left .csc-textpic-imagewrap[data-csc-images="1"] img, div.csc-textpic-right .csc-textpic-imagewrap[data-csc-images="1"] img {
	width: 100%;
	height: auto;
}

.container--flex .frame--headericon .csc-textpic-imagewrap .csc-textpic-image {
	margin: 0;
}

.wrapper--pageheader .logo div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image img, .wrapper--pageheader .icon div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image img, .frame--headericon div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image img, .container--flex .frame--headericon .csc-textpic-imagewrap .csc-textpic-image img {
	max-width: 100%;
	height: auto;
}

.content--main div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image, .container--slider div.csc-textpic .csc-textpic-imagewrap figure {
	margin-bottom: 0;
	display: block;
	position: relative;
}

.content--main .frame--100height .csc-textpic-imagewrap[data-csc-cols="1"] .csc-textpic-image {
	overflow: hidden;
}

.content--main div.csc-textpic .csc-textpic-imagewrap[data-csc-cols="1"] div.csc-textpic-imagecolumn {
	float: none;
}

.frame--image100p div.csc-textpic .csc-textpic-imagewrap[data-csc-cols="3"] div.csc-textpic-imagecolumn {
	width: 33.33%;
	margin-right: 0;
}

.content--main div.csc-textpic .csc-textpic-imagewrap[data-csc-cols="1"] .csc-textpic-image, footer div.csc-textpic .csc-textpic-imagewrap[data-csc-cols="1"] .csc-textpic-image {
	display: block;
}

.content--main .frame--rounded-image div.csc-textpic .csc-textpic-imagewrap[data-csc-cols="1"] .csc-textpic-image {
	border-radius: 50%;
	overflow: hidden;
	border: 10px solid #fff;
	margin-bottom: 2em;
}

.content--main div.csc-textpic .csc-textpic-imagewrap[data-csc-cols="2"] .csc-textpic-imagecolumn {
	width: 50%;
	display: inline-block;
	vertical-align: middle;
	margin-right: -4px;
}

.content--main div.csc-textpic .csc-textpic-imagewrap[data-csc-cols="2"] .csc-textpic-imagecolumn img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.animation-frame--default .csc-textpic-image {
	position: relative;
	overflow: hidden;
}

.animation-frame--default .csc-textpic-right .csc-textpic-image:after, .animation-frame--default .csc-textpic-left .csc-textpic-image:after {
	content: ".";
	font-size: 0;
	width: 0;
	height: 100%;
	top: 0;
	left: 100%;
	display: block;
	position: absolute;
	z-index: 1;
	background-color: #fff;
	-webkit-transition: all 200ms ease;
	-webkit-transition-delay: ease, 0s;
	-moz-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.animation-frame--default .csc-textpic-right .csc-textpic-image:after, .animation-frame--default .csc-textpic-left .csc-textpic-image:after {
	background-color: #78c7c9;
}

.animation-frame--default .csc-textpic-right .csc-textpic-image:after {
	left: auto;
	right: 100%;
}

.animation-frame--default.checkfold .csc-textpic-left .csc-textpic-image:after {
	left: 0;
	width: 110%;
}

.animation-frame--default.checkfold .csc-textpic-right .csc-textpic-image:after {
	left: auto;
	right: 0;
	width: 110%;
}

.frame--function-image div.csc-textpic .csc-textpic-image {
	position: relative;
	background-color: #ffeb7f;
	padding-top: 4em;
}

.ifwssinglepage-slide-panel-23 .frame--function-image div.csc-textpic .csc-textpic-image {
	padding-bottom: 0;
}

.frame--function-image div.csc-textpic .csc-textpic-image:before {
	content: ".";
	font-size: 0;
	height: 50%;
	top: 85%;
	width: 100%;
	background-color: #99b9d8;
	position: absolute;
	z-index: 0;
	display: block;
}

.ifwssinglepage-slide-panel-23 .frame--function-image div.csc-textpic .csc-textpic-image:before {
	top: 80.5%;
}

.frame--image-kajak div.csc-textpic .csc-textpic-image {
	position: relative;
	z-index: 1;
}

.content--main .frame--function-image div.csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"] .csc-textpic-image img {
	width: 100%;
	height: auto;
	max-width: 600px;
	z-index: 1;
	position: relative;
	margin-left: 40%;
}

.frame--selection .content--main div.csc-textpic .csc-textpic-imagewrap[data-csc-cols="1"] .csc-textpic-image {
	position: relative;
}

.content--main div.csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"] .csc-textpic-image img, footer div.csc-textpic .csc-textpic-imagewrap[data-csc-cols="1"] .csc-textpic-image img, .logo div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

.contentslider__elements div.csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"] .csc-textpic-image img {
	max-width: none;
}

.content--main .frame--100height .csc-textpic-imagewrap[data-csc-cols="1"] .csc-textpic-image img {
	width: auto;
}

div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image {
	position: relative;
}

div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image:before {
	content: " ";
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	border: 10px solid rgba(0,0,0,0.5);
}

div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
	border: none;
}

.content--main .frame--image100p div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image img, .frame--flexbox div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap[data-csc-cols="1"] .csc-textpic-image img, .frame--flexbox div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap[data-csc-cols="1"] .csc-textpic-image img, .content--main .frame--textoverlay div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image img {
	width: 100%;
	height: auto;
	position: relative;
}

.content--main .frame--image100p div.csc-textpic .csc-textpic-imagewrap[data-csc-cols="2"] .csc-textpic-imagecolumn {
	width: 50%;
	display: inline-block;
	margin-right: 0;
}

.content--main .frame--image100p div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
	border-top: 10px solid #fff;
	border-bottom: 10px solid #fff;
	border-left: 0;
	border-right: 0;
}

figcaption.csc-textpic-caption {
	display: block;
}

.frame--image100p figcaption {
	position: absolute;
	bottom: 0.5em;
	color: #fff;
	width: 100%;
	text-align: right;
	padding-right: 1em;
}

/* .frame--image100p figcaption:before {
	content: ".";
	font-size: 0;
	top: -10px;
	left: 0;
	width: 70%;
	margin-left: 15%;
	height: 1px;
	border-top: 1px dotted #fff;
	position: absolute;
} */

.col--right figcaption.csc-textpic-caption {
	color: #5c6766;
	padding: 0.5em 0;
}

.container--slider figure:before {
	content: ".";
	font-size: 0px;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 100%;
	display: block;
	background-color: transparent;
	z-index: 1;
	position: absolute;
}

/* ----------------------------------------------------------------------------------------------------------- images and figures */

/* ----------------------------------------------------------------------------------------------------------- mainnav */

.homelink {
	width: 0;
	margin-right: 1em;
	opacity: 1;
	overflow: hidden;
	display: block;
	position: absolute;
	right: 80px;
	padding: 0.75em 0;
	font-weight: 700;
	color: #034D67;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	-webkit-transition: all 200ms ease;
	-webkit-transition-delay: ease, 0s;
	-moz-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.navionscreen .homelink {
	width: 180px;
}

.togglenav {
	font-size: 1.143em;
	position: relative;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	margin-right: 0;
	display: inline-block;
	vertical-align: middle;
	width: 50px;
	height: 50px;
}

.togglenav:before {
	content: ".";
	font-size: 0;
	position: absolute;
	background-position: 3px -28px;
	display: block;
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;
}

.mainnav {
	position: relative;
	z-index: 2;
}

.mainnav__items {
	list-style-type: none;
	text-align: right;
	padding-top: 20px;
	-webkit-transition: all 300ms ease;
	-webkit-transition-delay: ease, 0s;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

/* .dark .mainnav__items {
	padding-top: 20px;
} */

.navitem {
	background: transparent;
	position: relative;
	z-index: 1;
	padding: 0 0 0 0.5em;
	display: inline-block;
	/*overflow: hidden;*/
}

/* .navitem:before {
 content: ".";
 font-size: 0;
 width: 1px;
 background-color: #fff;
 right: 4px;
 position: absolute;
 top: -5px;
 height: 10px;
 display: block;
 }

 .onscreen .navitem:before {
 background-color: #034D67;
 }

 .navitem:first-of-type:before {
 display: none;
 } */

.navitem__link {
	background: transparent;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	position: relative;
	padding: 0.25em 1em;
	z-index: 1;
	display: block;
}

.navitem__link:before {
	content: "";
	width: 0;
	left: 50%;
	top: 0;
	height: 100%;
	position: absolute;
	z-index: 0;
	background-color: #f28d00;
	-webkit-transition: all 300ms ease;
	-webkit-transition-delay: ease, 0s;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.dark .navitem__link, .tablet .navitem__link, .smartphone .navitem__link {
	color: #f28d00;
}

.desktop .navitem__link:hover:before {
	width: 100%;
	left: 0;
}

.desktop .dark .navitem__link:hover {
	color: #fff;
}

/* .onscreen .navitem__link {
 color: #034d67;
 } */

.navitem__link span {
	/* display: inline-block;
	 width: auto;
	 opacity: 1; */
	overflow: hidden;
	position: relative;
	z-index: 1;
	-webkit-transition: all 300ms ease;
	-webkit-transition-delay: ease, 0s;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

/* .onscreen .navitem__link span {
 padding-left: 0.5em;
 padding-right: 0.5em;
 width: auto;
 opacity: 1;
 } */

.navitem__link.active span {
	font-weight: 700;
}

/* .onscreen .navitem__link span:after {
 content: ".";
 font-size: 0;
 width: 0;
 height: 100%;
 background-color: #FFEB7F;
 display: block;
 position: absolute;
 bottom: 0;
 right: 0;
 z-index: -1;
 -webkit-transition: all 300ms ease;
 -webkit-transition-delay: ease, 0s;
 -moz-transition: all 300ms ease;
 -o-transition: all 300ms ease;
 transition: all 300ms ease;
 } */

/* .navitem__link:after {
 content: ".";
 font-size: 0;
 width: 7px;
 height: 7px;
 display: block;
 position: absolute;
 right: 0;
 top: 45%;
 border: 1px solid #fff;
 border-radius: 50%;
 transform: translate(0,-50%);
 overflow: hidden;
 }

 .navitem__link.active:after {
 background-color: #fff;
 }

 .onscreen .navitem__link:after {
 border-color: #034D67;
 }

 .onscreen .navitem__link.active:after {
 background-color: #034D67;
 }
 */

.navitem__link:hover {
	color: #fff;
}

.onscreen .navitem__link:hover:after {
	background-color: #FFEB7F;
}

.onscreen .navitem__link:hover span:after {
	width: 100%;
}

.subnav__itemlist {
	position: absolute;
	opacity: 0;
	overflow: hidden;
	/*padding-top: 16px;*/
	z-index: -1;
	display: none;
	margin-left: -24px;
}

.subnav__itemlist.visible {
	display: block;
}

/*.subnav__itemlist:before {
 content: ".";
 font-size: 0;
 width: 0;
 height: 0;
 display: block;
 border-right: 10px solid transparent;
 border-bottom: 10px solid #94805a;
 border-left: 10px solid transparent;
 margin: 0 auto 0 16px;
 }*/

.subnav__item {
	/*border-left: 5px solid #94805a;
	 border-right: 5px solid #94805a;*/
}

.subnav__item:first-of-type {
	/*border-top: 5px solid #94805a;*/
}

.subnav__item:last-of-type {
	/*border-bottom: 5px solid #94805a;*/
}

a.subnav__link {
	color: #d7b469;
	background-color: #034D67;
	text-decoration: none;
	padding: 0.25em 0.5em;
	display: block;
	position: relative;
	z-index: 1;
	font-size: 1em;
	text-transform: uppercase;
	text-align: center;
}

a.subnav__link--active {
	color: #3D3E40;
}

a.subnav__link:hover {
	color: #fff;
	/*background: #fff;*/
}

/* ----------------------------------------------------------------------------------------------------------- mainnav */

/* ------------------------------------------------------------------------------------------------------ tables */

.table-wrapper {
	display: block;
	overflow: visible;
	margin-bottom: 40px;
	-webkit-overflow-scrolling: touch;
}

table.contenttable {
	width: 100%;
	border-collapse: collapse;
}

.pricetable-wrapper table td, .pricetable-wrapper table th {
	padding: 1em 1em;
	color: #fff;
}

.pricetable-wrapper tr th {
	background-color: #907958;
}

.pricetable-wrapper tr:nth-of-type(2n+1) td {
	background-color: #a58b64;
}

.pricetable-wrapper table td:nth-of-type(2n), .pricetable-wrapper table td:last-of-type {
	text-align: center;
}

/* ------------------------------------------------------------------------------------------------------- tables */

/*--------------------------------------------------------------------------------------------------------------------------------------------- form */

.csc-form-element-header h2 {
	text-align: center;
}

div.csc-mailform ol {
	list-style-type: none;
	overflow: hidden;
	margin: 0 auto;
	background-color: #fff;
	padding: 2em 4em;
	width: 70%;
}

div.csc-mailform fieldset {
	width: 100%;
}

div.csc-mailform fieldset ol {
	padding: 0;
	margin: 0;
	top: 0;
	width: 100%;
}

div.csc-mailform legend, fieldset.fieldset-subgroup legend {
	margin-left: 0;
	color: #034D67;
	font-weight: 500;
	padding: 0.25em 0 0.25em 0.5em;
	background-color: #ebe6e2;
	width: 100%;
	font-size: 1.25em;
}

div.csc-mailform ol li {
	padding: 10px 0;
	position: relative;
	display: flex;
	width: 50%;
	float: left;
}

div.csc-mailform ol li.csc-form-element-radiogroup {
	width: 100%;
}

div.csc-mailform ol li label {
	flex: 0 0 180px;
}

div.csc-mailform ol li.csc-form-element-fieldset, div.csc-mailform ol li.csc-form-element-textarea {
	width: 100%;
}

div.csc-mailform ol li.csc-form-element-checkbox {
	padding-bottom: 0;
	padding-top: 0;
}

div.csc-mailform ol li.csc-form-element-hidden {
	display: none;
}

div.csc-mailform fieldset ol li {
	width: 50%;
}

div.csc-mailform ol li label {
	display: block;
	color: #034D67;
	padding: 0.25em 0 0.25em 0.5em;
	float: none;
	width: 100%;
	margin-right: 0;
	font-size: 1.143em;
	font-weight: 400;
}

div.csc-mailform ol li.csc-form-element-radio label {
	order: 1;
	flex: 0 0 auto;
}

div.csc-mailform li label em {
	margin: 0 0.25em;
	display: inline-block;
	color: #E53517;
	vertical-align: top;
	font-size: 100%;
}

div.csc-mailform ol li label {
	padding-top: 0.5em;
}

div.csc-mailform li.with-float label {
	width: 50%;
}

div.csc-mailform ol li input, div.csc-mailform ol li select, div.csc-mailform ol li textarea {
	/*background-color: #f3eea6;*/
	padding: 10px 10px 8px 10px;
	border: 2px solid #B4986E;
	font-size: 1.143em;
	color: #552E18;
	width: 100%;
}

div.csc-mailform ol li input[type="radio"] {
	width: auto;
	margin-top: 20px;
	margin-left: 180px;
}

div.csc-mailform ol li.csc-form-element-checkbox label {
	padding-left: 48px;
}

div.csc-mailform ol li.csc-form-element-checkbox input {
	position: absolute;
	left: 16px;
	top: 10px;
	width: auto;
}

div.csc-mailform ol li input, div.csc-mailform ol li textarea {
	-webkit-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
}

div.csc-mailform ol li input:focus, div.csc-mailform ol li textarea:focus {
	background-color: #ebe6e2;
	color: #034D672;
}

div.csc-mailform li input.small {
	width: 80px;
}

div.csc-mailform ol li input[type="submit"], a.short-request-send {
	width: auto;
	color: #fff;
	cursor: pointer;
	font-weight: 400;
	border: none;
	width: 33%;
	margin: 0;
	text-align: center;
	background-color: #d7b469;
	border: 3px solid #d7b469;
}

div.csc-mailform ol li input[type="submit"]:hover, a.short-request-send:hover {
	background-color: #fff;
	color: #d7b469;
}

.short-request div.csc-mailform ol li input[type="submit"], a.short-request-send {
	margin: 0 0 0 2em;
	padding-top: 7px;
	padding-bottom: 7px;
	width: auto;
}

a.short-request-send {
	display: inline-block;
	text-decoration: none;
	font-weight: 400;
	padding: 8px 16px 7px;
}

div.csc-mailform ol li input:required {
	background-position: right -432px;
}

div.csc-mailform ol li input:required:invalid {
	background-position: right -432px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
}

div.csc-mailform ol li input:required:valid {
	background-position: right -466px;
}

div.csc-mailform ol li input:required:focus {
	background-position: right -500px;
}

div.csc-mailform ol li input.datepicker {
	background-position: right -185px !important;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------- form */

/*--------------------------------------------------------------------------------------------------------------------------------------------- holiday check */

.holidaycheck-widget-small {
	width: 50%;
	display: inline-block;
	vertical-align: top;
	margin-right: -4px;
}

div.hc-widget.hc-widget-small {
	width: 100% !important;
}

div.hc-widget a, div.hc-widget span {
	font-family: "Roboto", sans-serif;
	color: #B4986E;
}

div.hc-widget.hc-widget-medium.hc-widget-with-reviews {
	width: 100% !important;
}

div.hc-widget div.hc-widget-body {
	background: #fff !important;
}

div.hc-widget.hc-widget-white.hc-widget-medium.hc-widget-with-reviews .hc-widget-content-box {
	padding: 0 !important;
}

div.hc-widget.hc-widget-white {
	border: none !important;
}

div.hc-widget.hc-widget-white.hc-widget-medium.hc-widget-with-reviews div.hc-widget-body {
	padding-top: 0 !important;
}

.hc-widget-head {
	display: none;
}

div.hc-widget.hc-widget-white.hc-widget-small div.hc-widget-body span.hc-widget-hotel-name {
	display: none;
}

#holidaycheck-widget-hotel-1-785845-de_AT-s-w-0-1-0-3-0 div.hc-widget-body a:first-child, #holidaycheck-widget-hotel-1-785845-de_AT-s-w-0-2---0 div.hc-widget-body a:first-child {
	display: none;
}

div.hc-widget.hc-widget-white div.hc-widget-body {
	color: #B4986E !important;
}
/*--------------------------------------------------------------------------------------------------------------------------------------------- holiday check */

/*--------------------------------------------------------------------------------------------------------------------------------------------- ifws_googlemap */
.poilist {
	display: none;
}

.tx-ifwsgooglemap-pi1 {
}

#map_canvas, #mapwrapper {
	width: 100%;
	height: 450px;
}

.mapmessage-content {
}

#ifws-google-map-container {
	margin: 0 auto;
	height: 450px;
	width: 100%;
	position: relative;
	margin: 0 auto;
}

.tx-ifwsgooglemap-pi1 #mapmessage {
	display: none;
	background: transparent !important;
	border: none !important;
	border-radius: 0;
	box-shadow: none !important;
	position: absolute;
	z-index: 1000;
	padding: 32px !important;
}

.ifwsmap-message-content-wrapper:before {
	content: ".";
	font-size: 0;
	width: 0;
	height: 0;
	display: block;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #434342;
	margin: 0 auto 0 10px;
}

/*.ifwsmap-message-content-wrapper:after {
 content: ".";
 font-size: 0;
 width: 0;
 height: 0;
 display: block;
 border-right: 20px solid transparent;
 border-top: 20px solid #282827;
 margin: 0 auto 0 10px;
 }*/

#mapmessage.left .ifwsmap-message-content-wrapper:before, #mapmessage.left .ifwsmap-message-content-wrapper:after {
	margin: 0 20% 0 auto;
	border-left: 20px solid transparent;
	border-right: none;
}

.ifwsmap-message-content-wrapper p {
	background: #434342;
	color: #fff;
	padding: 10px 20px;
}

a#google-map-show-route-to {
	/*background: #232323 url(../images/layout/bg-sprite.png) -120px -295px no-repeat;*/
	background-color: #434342;
	display: block;
	color: #d7b469;
	text-decoration: none;
	padding: 5px 20px;
}

a#google-map-show-route-to:hover {
	text-decoration: underline;
}

.mapmessage__navilink {
	display: none;
}

/*------------------------------------------------------------------------------------------------------------------------------------ RESPONSIVE */

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

	.wrapper__inner--header {
		margin-left: 1em;
		margin-right: 1em;
	}

}

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


}

@media only screen and (max-width: 1280px) {
	
	.frame--rounded-image {
		padding: 10%;
	}

	.frame--text-centered {
		padding: 3em 10%;
	}	
	
	.frame--default .csc-header {
		padding: 2em;
	}
	
	.container--offer .csc-text {
		padding: 0 2em 3em;
	}
}

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

}

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

	.col--half {
		width: 100%;
	}

	.col--third {
		width: 50%;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	.col--left .frame--default, .col--right .frame--default {
		padding-left: 2em;
		padding-right: 2em;
	}
	
	.col--half.col--left .frame--default .csc-text {
		padding-right: 0;
	}
	
	.col--half.col--right .frame--default .csc-text {
		padding-left: 0;
	}

	/* .col--left .frame, .container--images .col--left .frame--default {
		margin-left: 2em;
		margin-right: 2em;
	}

	.col--right .frame, .container--images .col--right .frame--default {
		margin-right: 2em;
		margin-left: 2em;
	}

	.col--right .frame--image100p {
		margin-right: 0;
	}

	.col--left .frame--default, .col--right .frame--default {
		padding: 2em 1em;
	} */

	/* .col--third .frame--default, .col--first.col--third .frame, .col--last.col--third .frame, .col--center.col--third .frame--default {
		margin-right: 2em;
		margin-left: 2em;
		padding: 2em 1em;
	} */
	
	.frame--flexbox {
	    flex-wrap: wrap;
	}
	
	.frame--flexbox .csc-header, .frame--flexbox .csc-text {
	    width: 100%;
	    flex: 0 0 100%;
	}
	
	.frame--default .csc-header {
		padding: 2em 4em;
	}
	
	.container--offer .csc-text {
		padding: 0 4em 3em;
	}	
	
	.content--offers {
		flex-wrap: wrap;
	}
	
	.container--offer {
		flex: 0 0 100%;
	}
}

/* smartphone landscape */
@media only screen and (max-width: 768px) {
    
	.col--third {
		width: 60%;    
	}

}

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

	.wrapper--header {
		position: relative;
		background-color: #fff;
	}
	
    .wrapper--togglenav	 {
        display: block;
    }
    
    .wrapper--navi {
        float: none;
        margin-left: -1em;
        margin-right: -1em;
        display: block;
    }

    .mainnav {
        overflow: hidden;
        height: 0;
    }
    
    .mainnav__items {
        text-align: center;
    }
    
    .navitem {
        display: block;
        padding: 0;
    }
    
    .navitem__link {
        color: #f28d00;
        padding: 1em 0;
    }

    .logo {
        visibility: visible;
    }
    
	.frame--default .csc-header {
		padding: 2em;
	}
	
	.container--offer .csc-text {
		padding: 0 2em 3em;
	}

    .contentheader__image .csc-header {
		bottom: 0;
		transform: translate(-50%,-25%);
	}	


}

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

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

	.frame--image100p div.csc-textpic .csc-textpic-imagewrap[data-csc-cols="3"] div.csc-textpic-imagecolumn {
		width: 50%;
	}
	
	.frame--image100p div.csc-textpic .csc-textpic-imagewrap[data-csc-cols="3"] div.csc-textpic-imagecolumn.csc-textpic-lastcol {
		margin-left: 25%;
		margin-right: 25%;
	}
}

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

@media only screen and (max-width: 520px) {
	
	h1 {
		font-size: 2em;
	}
	
	h2 {
		font-size: 1.5em;
	}
	
	h3 {
		font-size: 1.25em;
	}
}

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

	.col--third {
		width: 100%;
	}
	
	.container--offer {
		padding: 2em 0.5em;
	}
	
}

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

	.frame--image100p div.csc-textpic .csc-textpic-imagewrap[data-csc-cols="3"] div.csc-textpic-imagecolumn {
		width: 100%;
	}
	
	.frame--image100p div.csc-textpic .csc-textpic-imagewrap[data-csc-cols="3"] div.csc-textpic-imagecolumn.csc-textpic-lastcol {
		margin-left: 0;
		margin-right: 0;
	}
	
}

@media only screen and (max-width: 400px) {
	
    .contentheader__image .csc-header {
		bottom: 0;
		transform: translate(-50%,-5%);
	}	
	
	.frame--header h1:before, .frame--header h1:after, .frame--header h2:before, 
	.frame--header h2:after, .contentheader__image h2:before, .contentheader__image h2:after {
		width: 100px;
		margin-left: -150px;
	}
	
	.frame--header h1:after, .frame--header h2:after, footer .frame--header h3:after, p.price:after, .frame--headerimage h3:after, .contentheader__image h2:after {
		margin-left: auto;
		margin-right: -150px;
	}	


	.frame--text-centered {
	    padding: 3em 5%;
	}

	.frame--default .csc-header {
		padding: 1em 1em;
	}
	
	.container--offer .frame--default .csc-header {
		padding-top: 2em;
	}
	
	.container--offer .csc-text {
		padding: 0 1em 3em;
	}

}

/* Smartphones: iPhone portrait, hd portrait */
@media only screen and (max-width: 380px) {
}

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

	.contentheader__image .csc-header {
		transform: translate(-50%,0);
	}

}

/* Smartphones: iPhone portrait, hd portrait */
@media only screen and (max-width: 320px) {

}

@media only screen and (max-height: 320px) {
}