footer {
  position: fixed;
  padding: 10px;
  bottom: 0;
  left: 0;
  right: 0;
}
header {
  position: fixed;
  padding: 10px;
  top: 0;
  left: auto;
  right: auto;
  z-index: 15;
}
h1 {
	margin-bottom:0.5em; 
	margin-top: 0.5em; 
	line-height: 1.1em;	
}
h4 {
	margin-bottom:0.5em; 
	margin-top: 0.5em; 
}
.w-header {
	 font-size: 1.5rem;
	 padding-top: 3em;
	 padding-right: 2em;
	 padding-left: 3em;
	 line-height: 1.8rem;
}
.zus {
	font-weight: bold;
	padding-top: .3rem;
	padding-bottom: .2rem;
	padding-left: 2.9rem;
}
.button {
	width:10em;
    padding: 6px 8px;
    background-color: #aaa;
    color: #fff;
    border-radius: 5px;
    border: solid 1px #333;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    user-select: none;
    text-decoration: none;
}
.Liste {
	line-height: 0.7em;
	}
@media screen and (min-width: 801px) {
	.BTS {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: 100%;		
	}
}
@media screen and (max-width: 800px) {
	.BTS {
		display: grid;
		grid-template-columns: 100%;
		grid-template-rows: 1fr 1fr 1fr;		
	}
.w-header {
	 padding-top: 5em;
	 }
}
@media screen and  (min-width: 601px) {
	.WB {
	padding-top:1em;
	padding-bottom: 1em;
		display: grid;
		grid-template-columns: 45% 45% 10%;
		grid-template-rows: 1fr;
	}
}
ul.unstyled-list li.disabled {
	visibility:hidden;

}
.BT {
	z-index: 5;
}

@media screen and  (max-width: 600px) {
	.WB {
	padding-top:1em;
	padding-bottom: 1em;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr 1fr;
	}
}

@media screen and  (max-width: 450px) {
	.bild {
		width: 120px;
	}
}

@media screen and  (min-width: 451px) {
	.bild {
		width: 200px;
	}
}

.cent2 {
	margin-left: auto;
    margin-right: auto;
	color: darkblue;
	font-weight: bolder;
}
.US {
	text-decoration: underline;
	-webkit-text-decoration-line: underline;
}
.center {
	margin-left: auto;
	margin-right: auto;
}
@font-face {
	font-family: "FontAwesome";
	src: url("fonts/fontawesome-webfont.eot?#iefix") format('eot'), url("fonts/fontawesome-webfont.woff") format('woff'), url("fonts/fontawesome-webfont.ttf") format('truetype'), url("fonts/fontawesome-webfont.svg#FontAwesome") format('svg')
}

@font-face {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 300;
	src: local("Roboto Condensed Light"), local("RobotoCondensed-Light"), url(https://fonts.gstatic.com/s/robotocondensed/v14/b9QBgL0iMZfDSpmcXcE8nBBQ_Gf4FfI8J4SYljBAylk.woff2) format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
}

@font-face {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 400;
	src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v14/Zd2E9abXLFGSr9G3YK2MsDAdhzWOYhqHvOZMRGaEyPo.woff2) format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
}

@font-face {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 700;
	src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url(https://fonts.gstatic.com/s/robotocondensed/v14/b9QBgL0iMZfDSpmcXcE8nHm2hrkyco9jQ3NKMXpgOBg.woff2) format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
}

@font-face {
	font-family: 'Roboto Condensed';
	font-style: italic;
	font-weight: 300;
	src: local("Roboto Condensed Light Italic"), local("RobotoCondensed-LightItalic"), url(https://fonts.gstatic.com/s/robotocondensed/v14/mg0cGfGRUERshzBlvqxeABN-SY3RXjKuKZR1RHIa0nw.woff2) format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
}

@font-face {
	font-family: 'Roboto Condensed';
	font-style: italic;
	font-weight: 400;
	src: local("Roboto Condensed Italic"), local("RobotoCondensed-Italic"), url(https://fonts.gstatic.com/s/robotocondensed/v14/BP5K8ZAJv9qEbmuFp8RpJdbvlX87CS9_IgWvysdluIM.woff2) format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
}

@font-face {
	font-family: 'Roboto Condensed';
	font-style: italic;
	font-weight: 700;
	src: local("Roboto Condensed Bold Italic"), local("RobotoCondensed-BoldItalic"), url(https://fonts.gstatic.com/s/robotocondensed/v14/mg0cGfGRUERshzBlvqxeADn8OlxV1N2WpeXfK2HtpfA.woff2) format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
}

@font-face {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 300;
	src: local("Roboto Condensed Light"), local("RobotoCondensed-Light"), url(https://fonts.gstatic.com/s/robotocondensed/v14/b9QBgL0iMZfDSpmcXcE8nNeiznanRB67rGZDYkMvKPc.woff) format("woff")
}

@font-face {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 400;
	src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v14/Zd2E9abXLFGSr9G3YK2MsFzqCfRpIA3W6ypxnPISCPA.woff) format("woff")
}

@font-face {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 700;
	src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url(https://fonts.gstatic.com/s/robotocondensed/v14/b9QBgL0iMZfDSpmcXcE8nCSLrGe-fkSRw2DeVgOoWcQ.woff) format("woff")
}

@font-face {
	font-family: 'Roboto Condensed';
	font-style: italic;
	font-weight: 300;
	src: local("Roboto Condensed Light Italic"), local("RobotoCondensed-LightItalic"), url(https://fonts.gstatic.com/s/robotocondensed/v14/mg0cGfGRUERshzBlvqxeAO6J62hFWZVScRuaNBOo_rA.woff) format("woff")
}

@font-face {
	font-family: 'Roboto Condensed';
	font-style: italic;
	font-weight: 400;
	src: local("Roboto Condensed Italic"), local("RobotoCondensed-Italic"), url(https://fonts.gstatic.com/s/robotocondensed/v14/BP5K8ZAJv9qEbmuFp8RpJfHZ7IfZvqUgXLEMrfwTXOk.woff) format("woff")
}

@font-face {
	font-family: 'Roboto Condensed';
	font-style: italic;
	font-weight: 700;
	src: local("Roboto Condensed Bold Italic"), local("RobotoCondensed-BoldItalic"), url(https://fonts.gstatic.com/s/robotocondensed/v14/mg0cGfGRUERshzBlvqxeAAm1Bdh5PCvFKhAPu2iWX-U.woff) format("woff")
}

@font-face {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 300;
	src: local("Roboto Condensed Light"), local("RobotoCondensed-Light"), url(https://fonts.gstatic.com/s/robotocondensed/v14/b9QBgL0iMZfDSpmcXcE8nL3QFSXBldIn45k5A7iXhnc.ttf) format("truetype")
}

@font-face {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 400;
	src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v14/Zd2E9abXLFGSr9G3YK2MsDR-eWpsHSw83BRsAQElGgc.ttf) format("truetype")
}

@font-face {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 700;
	src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url(https://fonts.gstatic.com/s/robotocondensed/v14/b9QBgL0iMZfDSpmcXcE8nDokq8qT6AIiNJ07Vf_NrVA.ttf) format("truetype")
}

@font-face {
	font-family: 'Roboto Condensed';
	font-style: italic;
	font-weight: 300;
	src: local("Roboto Condensed Light Italic"), local("RobotoCondensed-LightItalic"), url(https://fonts.gstatic.com/s/robotocondensed/v14/mg0cGfGRUERshzBlvqxeAMgYS_4b_j8XZWrBSrn8QbY.ttf) format("truetype")
}

@font-face {
	font-family: 'Roboto Condensed';
	font-style: italic;
	font-weight: 400;
	src: local("Roboto Condensed Italic"), local("RobotoCondensed-Italic"), url(https://fonts.gstatic.com/s/robotocondensed/v14/BP5K8ZAJv9qEbmuFp8RpJdNyc1nIn01s4QPT2l20KA4.ttf) format("truetype")
}

@font-face {
	font-family: 'Roboto Condensed';
	font-style: italic;
	font-weight: 700;
	src: local("Roboto Condensed Bold Italic"), local("RobotoCondensed-BoldItalic"), url(https://fonts.gstatic.com/s/robotocondensed/v14/mg0cGfGRUERshzBlvqxeAIvse0WFWMXD6DWBLcV41iQ.ttf) format("truetype")
}

.row {
	margin-left: auto;
	margin-right: auto;
	max-width: 66.66667rem;
	width: 100%;
	position: relative;
	display: flex;
	flex: 0 1 auto;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
	margin-bottom: 3.6rem
}

.row.start {
	justify-content: flex-start
}

.row.center {
	justify-content: center
}

.row.end {
	justify-content: flex-end
}

.row.top {
	align-items: flex-start
}

.row.middle {
	align-items: center
}

.row.bottom {
	align-items: flex-end
}

.row.between {
	justify-content: space-between
}

.row.around {
	justify-content: space-around
}

.row.reverse {
	flex-direction: row-reverse
}

.row.forward {
	flex-direction: row
}

.row.full {
	max-width: none
}

.row .row {
	margin-left: -1rem;
	padding-left: 0;
	padding-right: 0;
	max-width: calc(100% + 2rem);
	width: calc(100% + 2rem)
}

.row>.row {
	margin: 0;
	padding: 0;
	max-width: 100%;
	width: 100%;
	flex-basis: 100%
}

.col {
	float: left;
	padding-left: 1rem;
	padding-right: 1rem;
	max-width: 100%;
	width: 100%;
	flex: 0 0 auto;
	flex-grow: 1;
	flex-basis: 100%
}

.col.first {
	order: -1
}

.col.last {
	order: 1
}

.col.unset {
	order: 0
}

.row.default-start {
	justify-content: flex-start
}

.row.default-center {
	justify-content: center
}

.row.default-end {
	justify-content: flex-end
}

.row.default-stretch {
	align-items: stretch
}

.row.default-top {
	align-items: flex-start
}

.row.default-middle {
	align-items: center
}

.row.default-bottom {
	align-items: flex-end
}

.row.default-between {
	justify-content: space-between
}

.row.default-around {
	justify-content: space-around
}

.row.default-reverse {
	flex-direction: row-reverse
}

.row.default-forward {
	flex-direction: row
}

.col.default-1 {
	max-width: 8.33333%;
	flex-basis: 8.33333%
}

.col.default-prefix-1 {
	margin-left: 8.33333%
}

.col.default-suffix-1 {
	margin-right: 8.33333%
}

.col.default-min-1 {
	min-width: 8.33333%
}

.col.default-2 {
	max-width: 16.66667%;
	flex-basis: 16.66667%
}

.col.default-prefix-2 {
	margin-left: 16.66667%
}

.col.default-suffix-2 {
	margin-right: 16.66667%
}

.col.default-min-2 {
	min-width: 16.66667%
}

.col.default-3 {
	max-width: 25%;
	flex-basis: 25%
}

.col.default-prefix-3 {
	margin-left: 25%
}

.col.default-suffix-3 {
	margin-right: 25%
}

.col.default-min-3 {
	min-width: 25%
}

.col.default-4 {
	max-width: 33.33333%;
	flex-basis: 33.33333%
}

.col.default-prefix-4 {
	margin-left: 33.33333%
}

.col.default-suffix-4 {
	margin-right: 33.33333%
}

.col.default-min-4 {
	min-width: 33.33333%
}

.col.default-5 {
	max-width: 41.66667%;
	flex-basis: 41.66667%
}

.col.default-prefix-5 {
	margin-left: 41.66667%
}

.col.default-suffix-5 {
	margin-right: 41.66667%
}

.col.default-min-5 {
	min-width: 41.66667%
}

.col.default-6 {
	max-width: 50%;
	flex-basis: 50%
}

.col.default-prefix-6 {
	margin-left: 50%
}

.col.default-suffix-6 {
	margin-right: 50%
}

.col.default-min-6 {
	min-width: 50%
}

.col.default-7 {
	max-width: 58.33333%;
	flex-basis: 58.33333%
}

.col.default-prefix-7 {
	margin-left: 58.33333%
}

.col.default-suffix-7 {
	margin-right: 58.33333%
}

.col.default-min-7 {
	min-width: 58.33333%
}

.col.default-8 {
	max-width: 66.66667%;
	flex-basis: 66.66667%
}

.col.default-prefix-8 {
	margin-left: 66.66667%
}

.col.default-suffix-8 {
	margin-right: 66.66667%
}

.col.default-min-8 {
	min-width: 66.66667%
}

.col.default-9 {
	max-width: 75%;
	flex-basis: 75%
}

.col.default-prefix-9 {
	margin-left: 75%
}

.col.default-suffix-9 {
	margin-right: 75%
}

.col.default-min-9 {
	min-width: 75%
}

.col.default-10 {
	max-width: 83.33333%;
	flex-basis: 83.33333%
}

.col.default-prefix-10 {
	margin-left: 83.33333%
}

.col.default-suffix-10 {
	margin-right: 83.33333%
}

.col.default-min-10 {
	min-width: 83.33333%
}

.col.default-11 {
	max-width: 91.66667%;
	flex-basis: 91.66667%
}

.col.default-prefix-11 {
	margin-left: 91.66667%
}

.col.default-suffix-11 {
	margin-right: 91.66667%
}

.col.default-min-11 {
	min-width: 91.66667%
}

.col.default-12 {
	max-width: 100%;
	flex-basis: 100%
}

.col.default-prefix-12 {
	margin-left: 100%
}

.col.default-suffix-12 {
	margin-right: 100%
}

.col.default-min-12 {
	min-width: 100%
}

.col.default-prefix-0 {
	margin-left: 0
}

.col.default-suffix-0 {
	margin-right: 0
}

.col.default {
	flex-basis: 0
}

.col.default-first {
	order: -1
}

.col.default-last {
	order: 1
}

.col.default-unset {
	order: 0
}

@media (min-width: 30em) {
	.row.tiny-start {
		justify-content: flex-start
	}
	.row.tiny-center {
		justify-content: center
	}
	.row.tiny-end {
		justify-content: flex-end
	}
	.row.tiny-stretch {
		align-items: stretch
	}
	.row.tiny-top {
		align-items: flex-start
	}
	.row.tiny-middle {
		align-items: center
	}
	.row.tiny-bottom {
		align-items: flex-end
	}
	.row.tiny-between {
		justify-content: space-between
	}
	.row.tiny-around {
		justify-content: space-around
	}
	.row.tiny-reverse {
		flex-direction: row-reverse
	}
	.row.tiny-forward {
		flex-direction: row
	}
	.col.tiny-1 {
		max-width: 8.33333%;
		flex-basis: 8.33333%
	}
	.col.tiny-prefix-1 {
		margin-left: 8.33333%
	}
	.col.tiny-suffix-1 {
		margin-right: 8.33333%
	}
	.col.tiny-min-1 {
		min-width: 8.33333%
	}
	.col.tiny-2 {
		max-width: 16.66667%;
		flex-basis: 16.66667%
	}
	.col.tiny-prefix-2 {
		margin-left: 16.66667%
	}
	.col.tiny-suffix-2 {
		margin-right: 16.66667%
	}
	.col.tiny-min-2 {
		min-width: 16.66667%
	}
	.col.tiny-3 {
		max-width: 25%;
		flex-basis: 25%
	}
	.col.tiny-prefix-3 {
		margin-left: 25%
	}
	.col.tiny-suffix-3 {
		margin-right: 25%
	}
	.col.tiny-min-3 {
		min-width: 25%
	}
	.col.tiny-4 {
		max-width: 33.33333%;
		flex-basis: 33.33333%
	}
	.col.tiny-prefix-4 {
		margin-left: 33.33333%
	}
	.col.tiny-suffix-4 {
		margin-right: 33.33333%
	}
	.col.tiny-min-4 {
		min-width: 33.33333%
	}
	.col.tiny-5 {
		max-width: 41.66667%;
		flex-basis: 41.66667%
	}
	.col.tiny-prefix-5 {
		margin-left: 41.66667%
	}
	.col.tiny-suffix-5 {
		margin-right: 41.66667%
	}
	.col.tiny-min-5 {
		min-width: 41.66667%
	}
	.col.tiny-6 {
		max-width: 50%;
		flex-basis: 50%
	}
	.col.tiny-prefix-6 {
		margin-left: 50%
	}
	.col.tiny-suffix-6 {
		margin-right: 50%
	}
	.col.tiny-min-6 {
		min-width: 50%
	}
	.col.tiny-7 {
		max-width: 58.33333%;
		flex-basis: 58.33333%
	}
	.col.tiny-prefix-7 {
		margin-left: 58.33333%
	}
	.col.tiny-suffix-7 {
		margin-right: 58.33333%
	}
	.col.tiny-min-7 {
		min-width: 58.33333%
	}
	.col.tiny-8 {
		max-width: 66.66667%;
		flex-basis: 66.66667%
	}
	.col.tiny-prefix-8 {
		margin-left: 66.66667%
	}
	.col.tiny-suffix-8 {
		margin-right: 66.66667%
	}
	.col.tiny-min-8 {
		min-width: 66.66667%
	}
	.col.tiny-9 {
		max-width: 75%;
		flex-basis: 75%
	}
	.col.tiny-prefix-9 {
		margin-left: 75%
	}
	.col.tiny-suffix-9 {
		margin-right: 75%
	}
	.col.tiny-min-9 {
		min-width: 75%
	}
	.col.tiny-10 {
		max-width: 83.33333%;
		flex-basis: 83.33333%
	}
	.col.tiny-prefix-10 {
		margin-left: 83.33333%
	}
	.col.tiny-suffix-10 {
		margin-right: 83.33333%
	}
	.col.tiny-min-10 {
		min-width: 83.33333%
	}
	.col.tiny-11 {
		max-width: 91.66667%;
		flex-basis: 91.66667%
	}
	.col.tiny-prefix-11 {
		margin-left: 91.66667%
	}
	.col.tiny-suffix-11 {
		margin-right: 91.66667%
	}
	.col.tiny-min-11 {
		min-width: 91.66667%
	}
	.col.tiny-12 {
		max-width: 100%;
		flex-basis: 100%
	}
	.col.tiny-prefix-12 {
		margin-left: 100%
	}
	.col.tiny-suffix-12 {
		margin-right: 100%
	}
	.col.tiny-min-12 {
		min-width: 100%
	}
	.col.tiny-prefix-0 {
		margin-left: 0
	}
	.col.tiny-suffix-0 {
		margin-right: 0
	}
	.col.tiny {
		flex-basis: 0
	}
	.col.tiny-first {
		order: -1
	}
	.col.tiny-last {
		order: 1
	}
	.col.tiny-unset {
		order: 0
	}
}

@media (min-width: 40em) {
	.row.small-start {
		justify-content: flex-start
	}
	.row.small-center {
		justify-content: center
	}
	.row.small-end {
		justify-content: flex-end
	}
	.row.small-stretch {
		align-items: stretch
	}
	.row.small-top {
		align-items: flex-start
	}
	.row.small-middle {
		align-items: center
	}
	.row.small-bottom {
		align-items: flex-end
	}
	.row.small-between {
		justify-content: space-between
	}
	.row.small-around {
		justify-content: space-around
	}
	.row.small-reverse {
		flex-direction: row-reverse
	}
	.row.small-forward {
		flex-direction: row
	}
	.col.small-1 {
		max-width: 8.33333%;
		flex-basis: 8.33333%
	}
	.col.small-prefix-1 {
		margin-left: 8.33333%
	}
	.col.small-suffix-1 {
		margin-right: 8.33333%
	}
	.col.small-min-1 {
		min-width: 8.33333%
	}
	.col.small-2 {
		max-width: 16.66667%;
		flex-basis: 16.66667%
	}
	.col.small-prefix-2 {
		margin-left: 16.66667%
	}
	.col.small-suffix-2 {
		margin-right: 16.66667%
	}
	.col.small-min-2 {
		min-width: 16.66667%
	}
	.col.small-3 {
		max-width: 25%;
		flex-basis: 25%
	}
	.col.small-prefix-3 {
		margin-left: 25%
	}
	.col.small-suffix-3 {
		margin-right: 25%
	}
	.col.small-min-3 {
		min-width: 25%
	}
	.col.small-4 {
		max-width: 33.33333%;
		flex-basis: 33.33333%
	}
	.col.small-prefix-4 {
		margin-left: 33.33333%
	}
	.col.small-suffix-4 {
		margin-right: 33.33333%
	}
	.col.small-min-4 {
		min-width: 33.33333%
	}
	.col.small-5 {
		max-width: 41.66667%;
		flex-basis: 41.66667%
	}
	.col.small-prefix-5 {
		margin-left: 41.66667%
	}
	.col.small-suffix-5 {
		margin-right: 41.66667%
	}
	.col.small-min-5 {
		min-width: 41.66667%
	}
	.col.small-6 {
		max-width: 50%;
		flex-basis: 50%
	}
	.col.small-prefix-6 {
		margin-left: 50%
	}
	.col.small-suffix-6 {
		margin-right: 50%
	}
	.col.small-min-6 {
		min-width: 50%
	}
	.col.small-7 {
		max-width: 58.33333%;
		flex-basis: 58.33333%
	}
	.col.small-prefix-7 {
		margin-left: 58.33333%
	}
	.col.small-suffix-7 {
		margin-right: 58.33333%
	}
	.col.small-min-7 {
		min-width: 58.33333%
	}
	.col.small-8 {
		max-width: 66.66667%;
		flex-basis: 66.66667%
	}
	.col.small-prefix-8 {
		margin-left: 66.66667%
	}
	.col.small-suffix-8 {
		margin-right: 66.66667%
	}
	.col.small-min-8 {
		min-width: 66.66667%
	}
	.col.small-9 {
		max-width: 75%;
		flex-basis: 75%
	}
	.col.small-prefix-9 {
		margin-left: 75%
	}
	.col.small-suffix-9 {
		margin-right: 75%
	}
	.col.small-min-9 {
		min-width: 75%
	}
	.col.small-10 {
		max-width: 83.33333%;
		flex-basis: 83.33333%
	}
	.col.small-prefix-10 {
		margin-left: 83.33333%
	}
	.col.small-suffix-10 {
		margin-right: 83.33333%
	}
	.col.small-min-10 {
		min-width: 83.33333%
	}
	.col.small-11 {
		max-width: 91.66667%;
		flex-basis: 91.66667%
	}
	.col.small-prefix-11 {
		margin-left: 91.66667%
	}
	.col.small-suffix-11 {
		margin-right: 91.66667%
	}
	.col.small-min-11 {
		min-width: 91.66667%
	}
	.col.small-12 {
		max-width: 100%;
		flex-basis: 100%
	}
	.col.small-prefix-12 {
		margin-left: 100%
	}
	.col.small-suffix-12 {
		margin-right: 100%
	}
	.col.small-min-12 {
		min-width: 100%
	}
	.col.small-prefix-0 {
		margin-left: 0
	}
	.col.small-suffix-0 {
		margin-right: 0
	}
	.col.small {
		flex-basis: 0
	}
	.col.small-first {
		order: -1
	}
	.col.small-last {
		order: 1
	}
	.col.small-unset {
		order: 0
	}
}

@media (min-width: 50em) {
	.row.medium-start {
		justify-content: flex-start
	}
	.row.medium-center {
		justify-content: center
	}
	.row.medium-end {
		justify-content: flex-end
	}
	.row.medium-stretch {
		align-items: stretch
	}
	.row.medium-top {
		align-items: flex-start
	}
	.row.medium-middle {
		align-items: center
	}
	.row.medium-bottom {
		align-items: flex-end
	}
	.row.medium-between {
		justify-content: space-between
	}
	.row.medium-around {
		justify-content: space-around
	}
	.row.medium-reverse {
		flex-direction: row-reverse
	}
	.row.medium-forward {
		flex-direction: row
	}
	.col.medium-1 {
		max-width: 8.33333%;
		flex-basis: 8.33333%
	}
	.col.medium-prefix-1 {
		margin-left: 8.33333%
	}
	.col.medium-suffix-1 {
		margin-right: 8.33333%
	}
	.col.medium-min-1 {
		min-width: 8.33333%
	}
	.col.medium-2 {
		max-width: 16.66667%;
		flex-basis: 16.66667%
	}
	.col.medium-prefix-2 {
		margin-left: 16.66667%
	}
	.col.medium-suffix-2 {
		margin-right: 16.66667%
	}
	.col.medium-min-2 {
		min-width: 16.66667%
	}
	.col.medium-3 {
		max-width: 25%;
		flex-basis: 25%
	}
	.col.medium-prefix-3 {
		margin-left: 25%
	}
	.col.medium-suffix-3 {
		margin-right: 25%
	}
	.col.medium-min-3 {
		min-width: 25%
	}
	.col.medium-4 {
		max-width: 33.33333%;
		flex-basis: 33.33333%
	}
	.col.medium-prefix-4 {
		margin-left: 33.33333%
	}
	.col.medium-suffix-4 {
		margin-right: 33.33333%
	}
	.col.medium-min-4 {
		min-width: 33.33333%
	}
	.col.medium-5 {
		max-width: 41.66667%;
		flex-basis: 41.66667%
	}
	.col.medium-prefix-5 {
		margin-left: 41.66667%
	}
	.col.medium-suffix-5 {
		margin-right: 41.66667%
	}
	.col.medium-min-5 {
		min-width: 41.66667%
	}
	.col.medium-6 {
		max-width: 50%;
		flex-basis: 50%
	}
	.col.medium-prefix-6 {
		margin-left: 50%
	}
	.col.medium-suffix-6 {
		margin-right: 50%
	}
	.col.medium-min-6 {
		min-width: 50%
	}
	.col.medium-7 {
		max-width: 58.33333%;
		flex-basis: 58.33333%
	}
	.col.medium-prefix-7 {
		margin-left: 58.33333%
	}
	.col.medium-suffix-7 {
		margin-right: 58.33333%
	}
	.col.medium-min-7 {
		min-width: 58.33333%
	}
	.col.medium-8 {
		max-width: 66.66667%;
		flex-basis: 66.66667%
	}
	.col.medium-prefix-8 {
		margin-left: 66.66667%
	}
	.col.medium-suffix-8 {
		margin-right: 66.66667%
	}
	.col.medium-min-8 {
		min-width: 66.66667%
	}
	.col.medium-9 {
		max-width: 75%;
		flex-basis: 75%
	}
	.col.medium-prefix-9 {
		margin-left: 75%
	}
	.col.medium-suffix-9 {
		margin-right: 75%
	}
	.col.medium-min-9 {
		min-width: 75%
	}
	.col.medium-10 {
		max-width: 83.33333%;
		flex-basis: 83.33333%
	}
	.col.medium-prefix-10 {
		margin-left: 83.33333%
	}
	.col.medium-suffix-10 {
		margin-right: 83.33333%
	}
	.col.medium-min-10 {
		min-width: 83.33333%
	}
	.col.medium-11 {
		max-width: 91.66667%;
		flex-basis: 91.66667%
	}
	.col.medium-prefix-11 {
		margin-left: 91.66667%
	}
	.col.medium-suffix-11 {
		margin-right: 91.66667%
	}
	.col.medium-min-11 {
		min-width: 91.66667%
	}
	.col.medium-12 {
		max-width: 100%;
		flex-basis: 100%
	}
	.col.medium-prefix-12 {
		margin-left: 100%
	}
	.col.medium-suffix-12 {
		margin-right: 100%
	}
	.col.medium-min-12 {
		min-width: 100%
	}
	.col.medium-prefix-0 {
		margin-left: 0
	}
	.col.medium-suffix-0 {
		margin-right: 0
	}
	.col.medium {
		flex-basis: 0
	}
	.col.medium-first {
		order: -1
	}
	.col.medium-last {
		order: 1
	}
	.col.medium-unset {
		order: 0
	}
}

@media (min-width: 62em) {
	.row.large-start {
		justify-content: flex-start
	}
	.row.large-center {
		justify-content: center
	}
	.row.large-end {
		justify-content: flex-end
	}
	.row.large-stretch {
		align-items: stretch
	}
	.row.large-top {
		align-items: flex-start
	}
	.row.large-middle {
		align-items: center
	}
	.row.large-bottom {
		align-items: flex-end
	}
	.row.large-between {
		justify-content: space-between
	}
	.row.large-around {
		justify-content: space-around
	}
	.row.large-reverse {
		flex-direction: row-reverse
	}
	.row.large-forward {
		flex-direction: row
	}
	.col.large-1 {
		max-width: 8.33333%;
		flex-basis: 8.33333%
	}
	.col.large-prefix-1 {
		margin-left: 8.33333%
	}
	.col.large-suffix-1 {
		margin-right: 8.33333%
	}
	.col.large-min-1 {
		min-width: 8.33333%
	}
	.col.large-2 {
		max-width: 16.66667%;
		flex-basis: 16.66667%
	}
	.col.large-prefix-2 {
		margin-left: 16.66667%
	}
	.col.large-suffix-2 {
		margin-right: 16.66667%
	}
	.col.large-min-2 {
		min-width: 16.66667%
	}
	.col.large-3 {
		max-width: 25%;
		flex-basis: 25%
	}
	.col.large-prefix-3 {
		margin-left: 25%
	}
	.col.large-suffix-3 {
		margin-right: 25%
	}
	.col.large-min-3 {
		min-width: 25%
	}
	.col.large-4 {
		max-width: 33.33333%;
		flex-basis: 33.33333%
	}
	.col.large-prefix-4 {
		margin-left: 33.33333%
	}
	.col.large-suffix-4 {
		margin-right: 33.33333%
	}
	.col.large-min-4 {
		min-width: 33.33333%
	}
	.col.large-5 {
		max-width: 41.66667%;
		flex-basis: 41.66667%
	}
	.col.large-prefix-5 {
		margin-left: 41.66667%
	}
	.col.large-suffix-5 {
		margin-right: 41.66667%
	}
	.col.large-min-5 {
		min-width: 41.66667%
	}
	.col.large-6 {
		max-width: 50%;
		flex-basis: 50%
	}
	.col.large-prefix-6 {
		margin-left: 50%
	}
	.col.large-suffix-6 {
		margin-right: 50%
	}
	.col.large-min-6 {
		min-width: 50%
	}
	.col.large-7 {
		max-width: 58.33333%;
		flex-basis: 58.33333%
	}
	.col.large-prefix-7 {
		margin-left: 58.33333%
	}
	.col.large-suffix-7 {
		margin-right: 58.33333%
	}
	.col.large-min-7 {
		min-width: 58.33333%
	}
	.col.large-8 {
		max-width: 66.66667%;
		flex-basis: 66.66667%
	}
	.col.large-prefix-8 {
		margin-left: 66.66667%
	}
	.col.large-suffix-8 {
		margin-right: 66.66667%
	}
	.col.large-min-8 {
		min-width: 66.66667%
	}
	.col.large-9 {
		max-width: 75%;
		flex-basis: 75%
	}
	.col.large-prefix-9 {
		margin-left: 75%
	}
	.col.large-suffix-9 {
		margin-right: 75%
	}
	.col.large-min-9 {
		min-width: 75%
	}
	.col.large-10 {
		max-width: 83.33333%;
		flex-basis: 83.33333%
	}
	.col.large-prefix-10 {
		margin-left: 83.33333%
	}
	.col.large-suffix-10 {
		margin-right: 83.33333%
	}
	.col.large-min-10 {
		min-width: 83.33333%
	}
	.col.large-11 {
		max-width: 91.66667%;
		flex-basis: 91.66667%
	}
	.col.large-prefix-11 {
		margin-left: 91.66667%
	}
	.col.large-suffix-11 {
		margin-right: 91.66667%
	}
	.col.large-min-11 {
		min-width: 91.66667%
	}
	.col.large-12 {
		max-width: 100%;
		flex-basis: 100%
	}
	.col.large-prefix-12 {
		margin-left: 100%
	}
	.col.large-suffix-12 {
		margin-right: 100%
	}
	.col.large-min-12 {
		min-width: 100%
	}
	.col.large-prefix-0 {
		margin-left: 0
	}
	.col.large-suffix-0 {
		margin-right: 0
	}
	.col.large {
		flex-basis: 0
	}
	.col.large-first {
		order: -1
	}
	.col.large-last {
		order: 1
	}
	.col.large-unset {
		order: 0
	}
}

@media (min-width: 75em) {
	.row.giant-start {
		justify-content: flex-start
	}
	.row.giant-center {
		justify-content: center
	}
	.row.giant-end {
		justify-content: flex-end
	}
	.row.giant-stretch {
		align-items: stretch
	}
	.row.giant-top {
		align-items: flex-start
	}
	.row.giant-middle {
		align-items: center
	}
	.row.giant-bottom {
		align-items: flex-end
	}
	.row.giant-between {
		justify-content: space-between
	}
	.row.giant-around {
		justify-content: space-around
	}
	.row.giant-reverse {
		flex-direction: row-reverse
	}
	.row.giant-forward {
		flex-direction: row
	}
	.col.giant-1 {
		max-width: 8.33333%;
		flex-basis: 8.33333%
	}
	.col.giant-prefix-1 {
		margin-left: 8.33333%
	}
	.col.giant-suffix-1 {
		margin-right: 8.33333%
	}
	.col.giant-min-1 {
		min-width: 8.33333%
	}
	.col.giant-2 {
		max-width: 16.66667%;
		flex-basis: 16.66667%
	}
	.col.giant-prefix-2 {
		margin-left: 16.66667%
	}
	.col.giant-suffix-2 {
		margin-right: 16.66667%
	}
	.col.giant-min-2 {
		min-width: 16.66667%
	}
	.col.giant-3 {
		max-width: 25%;
		flex-basis: 25%
	}
	.col.giant-prefix-3 {
		margin-left: 25%
	}
	.col.giant-suffix-3 {
		margin-right: 25%
	}
	.col.giant-min-3 {
		min-width: 25%
	}
	.col.giant-4 {
		max-width: 33.33333%;
		flex-basis: 33.33333%
	}
	.col.giant-prefix-4 {
		margin-left: 33.33333%
	}
	.col.giant-suffix-4 {
		margin-right: 33.33333%
	}
	.col.giant-min-4 {
		min-width: 33.33333%
	}
	.col.giant-5 {
		max-width: 41.66667%;
		flex-basis: 41.66667%
	}
	.col.giant-prefix-5 {
		margin-left: 41.66667%
	}
	.col.giant-suffix-5 {
		margin-right: 41.66667%
	}
	.col.giant-min-5 {
		min-width: 41.66667%
	}
	.col.giant-6 {
		max-width: 50%;
		flex-basis: 50%
	}
	.col.giant-prefix-6 {
		margin-left: 50%
	}
	.col.giant-suffix-6 {
		margin-right: 50%
	}
	.col.giant-min-6 {
		min-width: 50%
	}
	.col.giant-7 {
		max-width: 58.33333%;
		flex-basis: 58.33333%
	}
	.col.giant-prefix-7 {
		margin-left: 58.33333%
	}
	.col.giant-suffix-7 {
		margin-right: 58.33333%
	}
	.col.giant-min-7 {
		min-width: 58.33333%
	}
	.col.giant-8 {
		max-width: 66.66667%;
		flex-basis: 66.66667%
	}
	.col.giant-prefix-8 {
		margin-left: 66.66667%
	}
	.col.giant-suffix-8 {
		margin-right: 66.66667%
	}
	.col.giant-min-8 {
		min-width: 66.66667%
	}
	.col.giant-9 {
		max-width: 75%;
		flex-basis: 75%
	}
	.col.giant-prefix-9 {
		margin-left: 75%
	}
	.col.giant-suffix-9 {
		margin-right: 75%
	}
	.col.giant-min-9 {
		min-width: 75%
	}
	.col.giant-10 {
		max-width: 83.33333%;
		flex-basis: 83.33333%
	}
	.col.giant-prefix-10 {
		margin-left: 83.33333%
	}
	.col.giant-suffix-10 {
		margin-right: 83.33333%
	}
	.col.giant-min-10 {
		min-width: 83.33333%
	}
	.col.giant-11 {
		max-width: 91.66667%;
		flex-basis: 91.66667%
	}
	.col.giant-prefix-11 {
		margin-left: 91.66667%
	}
	.col.giant-suffix-11 {
		margin-right: 91.66667%
	}
	.col.giant-min-11 {
		min-width: 91.66667%
	}
	.col.giant-12 {
		max-width: 100%;
		flex-basis: 100%
	}
	.col.giant-prefix-12 {
		margin-left: 100%
	}
	.col.giant-suffix-12 {
		margin-right: 100%
	}
	.col.giant-min-12 {
		min-width: 100%
	}
	.col.giant-prefix-0 {
		margin-left: 0
	}
	.col.giant-suffix-0 {
		margin-right: 0
	}
	.col.giant {
		flex-basis: 0
	}
	.col.giant-first {
		order: -1
	}
	.col.giant-last {
		order: 1
	}
	.col.giant-unset {
		order: 0
	}
}

@media (min-width: 95em) {
	.row.huge-start {
		justify-content: flex-start
	}
	.row.huge-center {
		justify-content: center
	}
	.row.huge-end {
		justify-content: flex-end
	}
	.row.huge-stretch {
		align-items: stretch
	}
	.row.huge-top {
		align-items: flex-start
	}
	.row.huge-middle {
		align-items: center
	}
	.row.huge-bottom {
		align-items: flex-end
	}
	.row.huge-between {
		justify-content: space-between
	}
	.row.huge-around {
		justify-content: space-around
	}
	.row.huge-reverse {
		flex-direction: row-reverse
	}
	.row.huge-forward {
		flex-direction: row
	}
	.col.huge-1 {
		max-width: 8.33333%;
		flex-basis: 8.33333%
	}
	.col.huge-prefix-1 {
		margin-left: 8.33333%
	}
	.col.huge-suffix-1 {
		margin-right: 8.33333%
	}
	.col.huge-min-1 {
		min-width: 8.33333%
	}
	.col.huge-2 {
		max-width: 16.66667%;
		flex-basis: 16.66667%
	}
	.col.huge-prefix-2 {
		margin-left: 16.66667%
	}
	.col.huge-suffix-2 {
		margin-right: 16.66667%
	}
	.col.huge-min-2 {
		min-width: 16.66667%
	}
	.col.huge-3 {
		max-width: 25%;
		flex-basis: 25%
	}
	.col.huge-prefix-3 {
		margin-left: 25%
	}
	.col.huge-suffix-3 {
		margin-right: 25%
	}
	.col.huge-min-3 {
		min-width: 25%
	}
	.col.huge-4 {
		max-width: 33.33333%;
		flex-basis: 33.33333%
	}
	.col.huge-prefix-4 {
		margin-left: 33.33333%
	}
	.col.huge-suffix-4 {
		margin-right: 33.33333%
	}
	.col.huge-min-4 {
		min-width: 33.33333%
	}
	.col.huge-5 {
		max-width: 41.66667%;
		flex-basis: 41.66667%
	}
	.col.huge-prefix-5 {
		margin-left: 41.66667%
	}
	.col.huge-suffix-5 {
		margin-right: 41.66667%
	}
	.col.huge-min-5 {
		min-width: 41.66667%
	}
	.col.huge-6 {
		max-width: 50%;
		flex-basis: 50%
	}
	.col.huge-prefix-6 {
		margin-left: 50%
	}
	.col.huge-suffix-6 {
		margin-right: 50%
	}
	.col.huge-min-6 {
		min-width: 50%
	}
	.col.huge-7 {
		max-width: 58.33333%;
		flex-basis: 58.33333%
	}
	.col.huge-prefix-7 {
		margin-left: 58.33333%
	}
	.col.huge-suffix-7 {
		margin-right: 58.33333%
	}
	.col.huge-min-7 {
		min-width: 58.33333%
	}
	.col.huge-8 {
		max-width: 66.66667%;
		flex-basis: 66.66667%
	}
	.col.huge-prefix-8 {
		margin-left: 66.66667%
	}
	.col.huge-suffix-8 {
		margin-right: 66.66667%
	}
	.col.huge-min-8 {
		min-width: 66.66667%
	}
	.col.huge-9 {
		max-width: 75%;
		flex-basis: 75%
	}
	.col.huge-prefix-9 {
		margin-left: 75%
	}
	.col.huge-suffix-9 {
		margin-right: 75%
	}
	.col.huge-min-9 {
		min-width: 75%
	}
	.col.huge-10 {
		max-width: 83.33333%;
		flex-basis: 83.33333%
	}
	.col.huge-prefix-10 {
		margin-left: 83.33333%
	}
	.col.huge-suffix-10 {
		margin-right: 83.33333%
	}
	.col.huge-min-10 {
		min-width: 83.33333%
	}
	.col.huge-11 {
		max-width: 91.66667%;
		flex-basis: 91.66667%
	}
	.col.huge-prefix-11 {
		margin-left: 91.66667%
	}
	.col.huge-suffix-11 {
		margin-right: 91.66667%
	}
	.col.huge-min-11 {
		min-width: 91.66667%
	}
	.col.huge-12 {
		max-width: 100%;
		flex-basis: 100%
	}
	.col.huge-prefix-12 {
		margin-left: 100%
	}
	.col.huge-suffix-12 {
		margin-right: 100%
	}
	.col.huge-min-12 {
		min-width: 100%
	}
	.col.huge-prefix-0 {
		margin-left: 0
	}
	.col.huge-suffix-0 {
		margin-right: 0
	}
	.col.huge {
		flex-basis: 0
	}
	.col.huge-first {
		order: -1
	}
	.col.huge-last {
		order: 1
	}
	.col.huge-unset {
		order: 0
	}
}

@media (min-width: 107.5em) {
	.row.super-start {
		justify-content: flex-start
	}
	.row.super-center {
		justify-content: center
	}
	.row.super-end {
		justify-content: flex-end
	}
	.row.super-stretch {
		align-items: stretch
	}
	.row.super-top {
		align-items: flex-start
	}
	.row.super-middle {
		align-items: center
	}
	.row.super-bottom {
		align-items: flex-end
	}
	.row.super-between {
		justify-content: space-between
	}
	.row.super-around {
		justify-content: space-around
	}
	.row.super-reverse {
		flex-direction: row-reverse
	}
	.row.super-forward {
		flex-direction: row
	}
	.col.super-1 {
		max-width: 8.33333%;
		flex-basis: 8.33333%
	}
	.col.super-prefix-1 {
		margin-left: 8.33333%
	}
	.col.super-suffix-1 {
		margin-right: 8.33333%
	}
	.col.super-min-1 {
		min-width: 8.33333%
	}
	.col.super-2 {
		max-width: 16.66667%;
		flex-basis: 16.66667%
	}
	.col.super-prefix-2 {
		margin-left: 16.66667%
	}
	.col.super-suffix-2 {
		margin-right: 16.66667%
	}
	.col.super-min-2 {
		min-width: 16.66667%
	}
	.col.super-3 {
		max-width: 25%;
		flex-basis: 25%
	}
	.col.super-prefix-3 {
		margin-left: 25%
	}
	.col.super-suffix-3 {
		margin-right: 25%
	}
	.col.super-min-3 {
		min-width: 25%
	}
	.col.super-4 {
		max-width: 33.33333%;
		flex-basis: 33.33333%
	}
	.col.super-prefix-4 {
		margin-left: 33.33333%
	}
	.col.super-suffix-4 {
		margin-right: 33.33333%
	}
	.col.super-min-4 {
		min-width: 33.33333%
	}
	.col.super-5 {
		max-width: 41.66667%;
		flex-basis: 41.66667%
	}
	.col.super-prefix-5 {
		margin-left: 41.66667%
	}
	.col.super-suffix-5 {
		margin-right: 41.66667%
	}
	.col.super-min-5 {
		min-width: 41.66667%
	}
	.col.super-6 {
		max-width: 50%;
		flex-basis: 50%
	}
	.col.super-prefix-6 {
		margin-left: 50%
	}
	.col.super-suffix-6 {
		margin-right: 50%
	}
	.col.super-min-6 {
		min-width: 50%
	}
	.col.super-7 {
		max-width: 58.33333%;
		flex-basis: 58.33333%
	}
	.col.super-prefix-7 {
		margin-left: 58.33333%
	}
	.col.super-suffix-7 {
		margin-right: 58.33333%
	}
	.col.super-min-7 {
		min-width: 58.33333%
	}
	.col.super-8 {
		max-width: 66.66667%;
		flex-basis: 66.66667%
	}
	.col.super-prefix-8 {
		margin-left: 66.66667%
	}
	.col.super-suffix-8 {
		margin-right: 66.66667%
	}
	.col.super-min-8 {
		min-width: 66.66667%
	}
	.col.super-9 {
		max-width: 75%;
		flex-basis: 75%
	}
	.col.super-prefix-9 {
		margin-left: 75%
	}
	.col.super-suffix-9 {
		margin-right: 75%
	}
	.col.super-min-9 {
		min-width: 75%
	}
	.col.super-10 {
		max-width: 83.33333%;
		flex-basis: 83.33333%
	}
	.col.super-prefix-10 {
		margin-left: 83.33333%
	}
	.col.super-suffix-10 {
		margin-right: 83.33333%
	}
	.col.super-min-10 {
		min-width: 83.33333%
	}
	.col.super-11 {
		max-width: 91.66667%;
		flex-basis: 91.66667%
	}
	.col.super-prefix-11 {
		margin-left: 91.66667%
	}
	.col.super-suffix-11 {
		margin-right: 91.66667%
	}
	.col.super-min-11 {
		min-width: 91.66667%
	}
	.col.super-12 {
		max-width: 100%;
		flex-basis: 100%
	}
	.col.super-prefix-12 {
		margin-left: 100%
	}
	.col.super-suffix-12 {
		margin-right: 100%
	}
	.col.super-min-12 {
		min-width: 100%
	}
	.col.super-prefix-0 {
		margin-left: 0
	}
	.col.super-suffix-0 {
		margin-right: 0
	}
	.col.super {
		flex-basis: 0
	}
	.col.super-first {
		order: -1
	}
	.col.super-last {
		order: 1
	}
	.col.super-unset {
		order: 0
	}
}

.fa-default,
.accHandler:before,
.backToTop:before,
noscript label:before,
.informatizer:before,
a[href$=".pdf"]:before,
label[for="navi-toggled"]:before {
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}


.erfahrungen-slider .slick-prev,
.erfahrungen-slider .slick-next {
	position: absolute;
	display: block;
	height: 20px;
	width: 20px;
	line-height: 0px;
	font-size: 0px;
	cursor: pointer;
	background: transparent;
	color: transparent;
	top: 31%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	padding: 0;
	border: none;
	outline: none
}

.erfahrungen-slider .slick-prev:hover,
.erfahrungen-slider .slick-prev:focus,
.erfahrungen-slider .slick-next:hover,
.erfahrungen-slider .slick-next:focus {
	outline: none;
	background: transparent;
	color: transparent
}

.erfahrungen-slider .slick-prev:hover:before,
.erfahrungen-slider .slick-prev:focus:before,
.erfahrungen-slider .slick-next:hover:before,
.erfahrungen-slider .slick-next:focus:before {
	opacity: 1
}

.erfahrungen-slider .slick-prev.slick-disabled:before,
.erfahrungen-slider .slick-next.slick-disabled:before {
	opacity: .25
}

.erfahrungen-slider .slick-prev:before,
.erfahrungen-slider .slick-next:before {
	font-family: "FontAwesome";
	font-size: 20px;
	line-height: 1;
	color: #3e3e3e;
	opacity: .75;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.erfahrungen-slider .slick-prev {
	left: 0
}

[dir="rtl"] .erfahrungen-slider .slick-prev {
	left: auto;
	right: 0
}

.erfahrungen-slider .slick-prev:before {
	content: "ï„„"
}

[dir="rtl"] .erfahrungen-slider .slick-prev:before {
	content: "ï„…"
}

@media (min-width: 75em) {
	.erfahrungen-slider .slick-prev {
		left: 0
	}
}

.erfahrungen-slider .slick-next {
	right: 0
}

[dir="rtl"] .erfahrungen-slider .slick-next {
	left: 0;
	right: auto
}

.erfahrungen-slider .slick-next:before {
	content: "ï„…"
}

[dir="rtl"] .erfahrungen-slider .slick-next:before {
	content: "ï„„"
}

@media (min-width: 75em) {
	.erfahrungen-slider .slick-next {
		right: 0
	}
}

.erfahrungen-slider .slick-dots {
	display: none !important
}

.gesundheit-teaser .slick-prev,
.gesundheit-teaser .slick-next {
	display: none !important
}

.gesundheit-teaser .slick-dots {
	list-style: none;
	display: block;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 2rem;
	padding-left: .8rem
}

@media (min-width: 30em) {
	.gesundheit-teaser .slick-dots {
		margin-top: 2rem
	}
}

@media (min-width: 50em) {
	.gesundheit-teaser .slick-dots {
		left: 0
	}
}

@media (min-width: 62em) {
	.gesundheit-teaser .slick-dots {
		left: 41.8%;
		width: 58%
	}
}

@media (min-width: 75em) {
	.gesundheit-teaser .slick-dots {
		top: auto;
		bottom: 23rem
	}
}

@media (min-width: 95em) {
	.gesundheit-teaser .slick-dots {
		left: 50%;
		width: 50%
	}
}

.gesundheit-teaser .slick-dots li {
	position: relative;
	display: inline-block;
	margin: 0 5px;
	padding: 0;
	cursor: pointer
}

.gesundheit-teaser .slick-dots li#slick-slide00 button:before {
	content: 'Rückenschmerzen'
}

.gesundheit-teaser .slick-dots li#slick-slide01 button:before {
	content: 'Schulter- und Nackenbeschwerden'
}

.gesundheit-teaser .slick-dots li#slick-slide02 button:before {
	content: 'Verspannung'
}

.gesundheit-teaser .slick-dots li#slick-slide03 button:before {
	content: 'Schlafstörung'
}

.gesundheit-teaser .slick-dots li button {
	display: block;
	outline: none;
	font-size: 0px;
	color: transparent;
	cursor: pointer;
	border: 0;
	margin-bottom: .5rem
}

.gesundheit-teaser .slick-dots li button:before {
	font-size: .9rem;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 300;
	color: #3e3e3e;
	padding: .5rem .7rem;
	display: inline-block;
	background: #fff;
	text-align: center;
	outline: none;
	border: 0
}

.gesundheit-teaser .slick-dots li.slick-active button:before {
	background: #004d99;
	color: #fff
}

.gesundheit-teaser .slick-dots li:before {
	display: none
}

.accHandler {
	cursor: pointer;
	padding: .83333rem 2rem;
	background: #eef3f5;
	position: relative;
	margin-bottom: 0;
	margin-top: 1rem
}

.accHandler:before {
	display: inline-block;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 1rem;
	font-size: 1rem;
	transition: all 300ms ease-in-out
}

.accHandler.active {
	padding-top: 2rem
}

.accContent {
	background: #eef3f5;
	padding: .83333rem 2rem 2rem 2rem
}

.accContent .row {
	margin-bottom: 0
}

.backToTop {
	background: #004d99;
	color: #fff;
	text-decoration: none;
	position: fixed;
	bottom: 4.3rem;
	right: 2%;
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
	height: 2.22222rem;
	opacity: .9;
	width: 2.22222rem;
	z-index: 890
}

.backToTop:before {
	content: "\f106";
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-indent: 0
}

.backToTop:hover,
.backToTop:active,
.backToTop:focus {
	color: #3e3e3e;
	background: #eef3f5
}

noscript {
	margin-top: 60px;
	display: block
}

noscript input#noticebar {
	display: none
}

noscript input#noticebar:checked~div {
	opacity: 1;
	visibility: visible
}

noscript input#noticebar:checked~label {
	background: #fff;
	color: #D85D00
}

noscript label {
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
	background: #D85D00;
	bottom: .55556rem;
	color: #fff;
	font-size: 1.38889rem;
	height: 2.5rem;
	opacity: .9;
	position: fixed;
	right: .55556rem;
	text-decoration: none;
	width: 2.5rem;
	z-index: 910
}

noscript label:before {
	display: inline-block;
	left: 50%;
	position: absolute;
	text-indent: 0;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

noscript label:hover {
	cursor: pointer;
	background: #bf5200
}

noscript label+div {
	opacity: 0;
	visibility: hidden;
	height: 100vh
}

noscript label+div,
.noticeBar {
	background: #D85D00;
	color: #fff;
	display: flex;
	justify-content: space-around;
	left: 0;
	padding: 20px;
	position: fixed;
	text-align: center;
	top: 0;
	transition: 0.3s;
	width: 100%;
	z-index: 900 !important
}

noscript label+div span,
.noticeBar span {
	align-self: center;
	font-size: 1.22222rem;
	line-height: 1.66667rem;
	margin: 0
}

noscript label+div a,
.noticeBar a {
	color: #fff
}

noscript label+div a:hover,
.noticeBar a:hover {
	color: #fff;
	text-decoration: none
}

noscript div:first-child {
	display: none
}

.breadcrumb li {
	list-style: none;
	float: left
}

.breadcrumb li:before {
	content: ">";
	padding: 0 1rem
}

.breadcrumb li:first-child:before {
	content: "";
	padding: 0
}

#log_container pre,
#log_container .checkupXYZ {
	height: 100%;
	overflow-y: scroll;
	background: #fff;
	padding: 1%
}

#log_container {
	height: 100%;
	width: 100%;
	position: fixed;
	top: -100%;
	left: 0;
	color: #2a2a2a;
	background: #f2f2f2;
	padding: 2%;
	transition: all 500ms ease-in-out;
	box-shadow: inset 0 0 .05556rem .05556rem rgba(216, 93, 0, 0.5);
	z-index: 99999999
}

#log_container:target {
	top: 0
}

#log_container.show {
	top: 0
}

#log_container ul {
	list-style: inside square
}

#log_container ul ul {
	margin-left: 2rem
}

#log_container ul h3 {
	display: inline-block
}

#log_container ul li {
	padding: 0.5rem 0;
	border-bottom: .05556rem solid #f2f2f2
}

#log_container ul li:last-child {
	border: none
}

#log_container {
	text-align: center;
	padding-top: 2rem
}

#log_container h2 {
	padding-bottom: 0.5rem;
	border-bottom: .05556rem solid #eef3f5;
	text-align: center;
	font-weight: normal;
	margin-top: 4rem
}

#log_container h3 {
	font-weight: normal
}

#log_container .checkup_pages li {
	padding: 1rem
}

#log_container .checkup_pages .sub {
	margin-left: 2rem
}

#log_container>p {
	margin-bottom: 4rem
}

.checkup_pages>li:nth-child(odd) {
	background: #F4F4F4
}

.checkupXYZ {
	width: 960px;
	margin: 0 auto;
	resize: horizontal
}

.informatizer {
	background: #8DD45C;
	padding: 1%;
	position: fixed;
	top: 2%;
	right: 2%;
	display: block;
	color: #fff;
	transition: all 500ms ease-in-out;
	text-decoration: none
}

.informatizer:before {
	margin-right: 1rem;
	font-size: 1.33333em;
	line-height: 1rem
}

.informatizer a {
	color: #fff
}

* {
	margin: 0;
	padding: 0
}

*,
*:before,
*:after {
	box-sizing: inherit
}

html {
	background: #fff;
	box-sizing: border-box;
	color: #2a2a2a;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 100.5%;
	font-weight: 300;
	-webkit-hyphens: manual;
	-ms-hyphens: manual;
	hyphens: manual;
	line-height: 1.5rem;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	text-size-adjust: none
}

body {
	line-height: 1.5rem
}

body.the-customer-page #log_hider {
	display: none
}

body.ie-8 #pageloader:after {
	display: none
}

iframe {
	border: none;
	width: 100%
}

p,
ol,
dl,
.margin-bottom,
h2,
h3,
h5,
h6,
.h2,
.h3,
.h5,
.h6,
ul.styled-list,
main ul,
table,
.lightbox-image {
	margin-bottom: 1.5rem;
}

h2,
h3,
h5,
h6,
.h2,
.h3,
.h5,
.h6 {
	display: block;
	text-rendering: optimizeLegibility
}


h2,
.h2 {
	font-size: 1.55556rem;
	line-height: 1.3em;
	font-weight: 300;
	margin-bottom: 2rem
}

h3,
.h3 {
	font-size: 1.33333rem
}


h5,
.h5 {
	font-size: 1rem
}

h6,
.h6 {
	font-size: .88889rem
}

a {
	color: #004d99;
	font-weight: 700
}

a:focus,
a:hover,
a:active {
	color: #2a2a2a
}

a img {
	border: none
}

a[href$=".pdf"]:before {
	margin-right: 0.5em
}

a[href^=tel] {
	color: inherit;
	text-decoration: underline
}

hr {
	background: #cedce2;
	border: none;
	clear: both;
	height: .05556rem;
	margin: 1rem 0;
	flex-basis: 100%
}

ul {
	list-style: none
}

ul.styled-list li,
main ul li {
	padding-top: .3rem;
	padding-bottom: .3rem;
	padding-left: 1.5rem;
	position: relative
}

ul.styled-list li:before,
main ul li:before {
	content: "\f105";
	font-family: "FontAwesome";
	color: #004d99;
	line-height: 1.5rem;
	margin-right: .5rem;
	position: absolute;
	left: 0
}

ul.styled-list ul,
main ul ul {
	margin-left: 1rem;
	margin-bottom: 0
}

ul.unstyled-list {
	margin-bottom: 0
}

ul.unstyled-list li {
	padding-bottom: 0;
	padding-top: 0
}

ul.unstyled-list li:before {
	content: none
}

ol {
	list-style-type: none;
	counter-reset: item
}

ol li {
	padding-top: .1rem;
	padding-bottom: 1rem;
	padding-left: 2.9rem;
	display: table;
	counter-increment: item;
	position: relative
}

ol li:before {
	content: counters(item, ".") ". ";
	display: table-cell;
	padding-right: 1.3em;
	width: 2rem;
	height: 2rem;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: #eef3f5;
	border-radius: 2rem;
	color: #004d99;
	font-weight: 700;
	padding: 0.3rem 0.7rem
}

ol ol {
	margin-bottom: 0
}

ol ol li:before {
	content: counters(item, ".") " "
}

img {
	vertical-align: bottom;
	float: none;
	height: auto;
	max-width: 100%;
	width: 100%
}

img[src^='http://cms.'],
img.no-size {
	max-width: none;
	width: auto
}

[data-rel] img,
.lightbox-image img {
	margin-bottom: 0
}

[href*='alpen-web.ch'],
[href*='bewertet.de'],
[href*='euroweb.at'],
[href*='euroweb.de'],
[href*='ew.de'],
[href*='geprueft.de'],
[href*='web2walk.com'],
[href*='webstyle.de'],
[href*='webstyle.com'],
[href*='wn-onlineservice.de'],
[href*='internet-media.com'],
[href*='yourrate.com'] {
	display: table;
	text-decoration: none
}

[href*='alpen-web.ch'] img,
[href*='bewertet.de'] img,
[href*='euroweb.at'] img,
[href*='euroweb.de'] img,
[href*='ew.de'] img,
[href*='geprueft.de'] img,
[href*='web2walk.com'] img,
[href*='webstyle.de'] img,
[href*='webstyle.com'] img,
[href*='wn-onlineservice.de'] img,
[href*='internet-media.com'] img,
[href*='yourrate.com'] img {
	background: none;
	border-radius: 0;
	border: none;
	margin-bottom: 5px;
	outline: none;
	padding: 0;
	white-space: normal;
	width: auto !important
}

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

table caption {
	font-size: 1.2rem;
	font-weight: 700;
	padding-bottom: .5rem;
	text-align: left
}

table,
thead,
tbody,
th,
td,
tr,
caption {
	display: block;
	text-align: left
}

thead {
	border-collapse: collapse
}

thead tr {
	position: absolute;
	top: -999%;
	left: -999%
}

tbody tr {
	border-bottom: 1px solid #eef3f5;
	padding: 1rem 0
}

td {
	min-height: 1rem;
	padding: 0.3rem 1rem 0.3rem 35%;
	position: relative
}

td:before {
	content: attr(data-label) ": ";
	font-weight: bold;
	left: 1rem;
	position: absolute;
	top: .3rem;
	white-space: nowrap;
	width: 45%
}

@media (min-width: 40em) {
	table {
		display: table
	}
	caption {
		display: table-caption
	}
	thead {
		display: table-header-group;
		background: #eef3f5
	}
	tbody {
		display: table-row-group
	}
	tr {
		display: table-row
	}
	th,
	td {
		display: table-cell;
		vertical-align: top;
		min-height: inherit;
		padding: 0.8rem 1.1rem
	}
	td {
		background: #f8fafb
	}
	td:before {
		display: none;
		content: "";
		width: auto
	}
	thead tr {
		position: static;
		left: auto;
		top: auto
	}
}

blockquote {
	font-size: 22px;
	background: #004d99;
	color: #fff;
	padding: 2.2rem 1.6rem 2.2rem 2.2rem;
	position: relative;
	margin-bottom: 2rem
}

blockquote p {
	margin-bottom: 0
}

blockquote:before {
	content: "\f10d";
	font-family: "FontAwesome";
	float: left;
	font-size: 1.1rem;
	padding-right: 0.6rem;
	position: absolute;
	left: 1rem;
	top: 1rem
}

.clear {
	clear: both;
	float: none
}

.clearfix {
	zoom: 1
}

.clearfix:after {
	content: "";
	display: table;
	clear: both
}

.hidden {
	display: none
}

.hide-text {
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	overflow: hidden;
	width: 0
}

.float-left {
	float: left
}

img.float-left {
	margin-right: 1rem
}

.float-right {
	float: right
}

img.float-right {
	margin-left: 1rem
}

.fluid {
	height: auto;
	width: 100%
}

.non-fluid {
	width: auto !important
}

.align-left {
	text-align: left
}

.align-right {
	text-align: right
}

.align-center {
	text-align: center
}

.wide {
	width: 100%;
	display: block
}

.video-container,
main .google-maps {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative
}

.video-container iframe,
main .google-maps iframe {
	border: none;
	height: 100%;
	position: absolute;
	width: 100%
}

.lightbox-image {
	display: table;
	position: relative;
	text-decoration: none;
	width: 100%
}

.lightbox-image[href*=qr] {
	width: auto
}

.lightbox-image[href*=qr]:before,
.lightbox-image[href*=qr]:after {
	content: none
}

.lightbox-image:before {
	bottom: 0;
	color: rgba(255, 255, 255, 0.75);
	content: '+';
	display: block;
	font-family: sans-serif;
	font-size: 2rem;
	height: 2em;
	line-height: 1.8;
	position: absolute;
	right: 0;
	text-align: center;
	text-shadow: .05556rem .05556rem .05556rem rgba(42, 42, 42, 0.8);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	width: 2em;
	z-index: 1
}

.lightbox-image:after {
	bottom: 0;
	content: '';
	display: block;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 0
}

.lightbox-image:hover:before,
.lightbox-image:focus:before {
	bottom: 50%;
	font-size: 3rem;
	height: 1.5em;
	line-height: 1.5;
	right: 50%;
	-webkit-transform: translate3d(50%, 50%, 0);
	transform: translate3d(50%, 50%, 0);
	width: 1.5em
}

.lightbox-image:hover:after,
.lightbox-image:focus:after {
	opacity: .5
}

body:before {
	width: 99pt;
	content: "default:16px....tiny:30em....small:40em....medium:50em....large:62em....giant:75em....huge:95em....super:107.5em";
	display: none !important
}

@media (min-width: 30em) {
	body:before {
		width: 177pt
	}
}

@media (min-width: 40em) {
	body:before {
		width: 261pt
	}
}

@media (min-width: 50em) {
	body:before {
		width: 351pt
	}
}

@media (min-width: 62em) {
	body:before {
		width: 435pt
	}
}

@media (min-width: 75em) {
	body:before {
		width: 519pt
	}
}

@media (min-width: 95em) {
	body:before {
		width: 597pt
	}
}

@media (min-width: 107.5em) {
	body:before {
		width: 699pt
	}
}

body.devmode:before,
body.debug:before {
	background: #D85D00;
	border-color: #D85D00;
	border-style: solid;
	border-width: 0 1rem;
	color: #fff;
	display: block !important;
	font-family: Courier;
	font-size: 10pt;
	left: 0;
	line-height: 2.5;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	white-space: nowrap;
	z-index: 99999
}

.lightbox-image:before,
.lightbox-image:after {
	transition: 300ms
}

@media (min-width: 62em) {
	nav {
		padding-left: 18%;
		top: 2.7rem;
		position: relative
	}
}

@media (min-width: 75em) {
	nav {
		padding-left: 15%;
		top: 3.5rem
	}
}

@media (min-width: 95em) {
	nav {
		padding-left: 17.4%
	}
}

@media (min-width: 62em) {
	.navi-main {
		display: flex;
		justify-content: space-between;
		width: 100%
	}
}

.navi-main li {
	margin-bottom: .3rem
}

.navi-main li:hover a,
.navi-main li:hover span,
.navi-main li.active a,
.navi-main li.active span {
	text-decoration: underline
}

.navi-main li.active a {
	font-weight: 700;
	text-decoration: none
}

.navi-main li a,
.navi-main li span {
	background: #004d99;
	color: #fff;
	display: block;
	padding: 0.5rem 0.8rem;
	font-weight: 700;
	transition: 300ms all ease-in-out;
	text-decoration: none
}

@media (min-width: 62em) {
	.navi-main li a,
	.navi-main li span {
		color: #3e3e3e;
		font-weight: 300;
		font-size: 0.8rem;
		background: transparent;
		padding: 0
	}
}

@media (min-width: 75em) {
	.navi-main li a,
	.navi-main li span {
		font-size: 1rem
	}
}

@media (min-width: 62em) {
	.navi-main li.hasSub {
		position: relative;
		padding-right: .8rem
	}
	.navi-main li.hasSub a.active {
		font-weight: 700
	}
	.navi-main li.hasSub:after {
		font-family: "FontAwesome";
		color: #90d0f4;
		content: "\f107";
		position: absolute;
		right: 0;
		top: 0
	}
}

.navi-main li.hasSub:hover ul {
	display: block
}

.navi-main li .sub {
	padding-bottom: .5rem;
	background: #004d99
}

@media (min-width: 62em) {
	.navi-main li .sub {
		display: none;
		position: absolute;
		background: #eef3f5;
		padding: 1rem;
		width: 18rem
	}
}

.navi-main li .sub li {
	margin-bottom: 0
}

.navi-main li .sub li a {
	text-decoration: none;
	font-weight: 500;
	padding: 0.2rem 0.8rem
}

.navi-main li .sub li a:hover,
.navi-main li .sub li a.active {
	text-decoration: underline
}

@media (min-width: 62em) {
	.navi-main li .sub li a {
		color: #3e3e3e;
		padding: .2rem 0
	}
}

.navi-main li .sub li .sub {
	display: none
}

.navi-add {
	display: none
}

@media (min-width: 62em) {
	.navi-add {
		display: block;
		float: left;
		margin: 0 .7rem 3rem 0
	}
	.navi-add.matratze {
		width: 17%
	}
	.navi-add.matratzenexperten {
		width: 20%
	}
	.navi-add.geld {
		width: 20%
	}
	.navi-add.ausbildungszentrum {
		width: 18%
	}
	.navi-add.informationen {
		width: 18%
	}
	.navi-add li a {
		text-decoration: none;
		color: #3e3e3e;
		font-weight: 300
	}
	.navi-add li ul li a,
	.navi-add li ul li span {
		position: relative;
		font-size: 95%;
		padding-left: .8rem;
		display: block
	}
	.navi-add li ul li a:before,
	.navi-add li ul li span:before {
		content: "\f105";
		font-family: "FontAwesome";
		position: absolute;
		left: 0
	}
	.navi-add li ul li a:hover,
	.navi-add li ul li a.active,
	.navi-add li ul li span:hover,
	.navi-add li ul li span.active {
		text-decoration: underline
	}
	.navi-add li ul li ul li a {
		font-size: 90%;
		position: relative;
		padding-left: 1.5rem
	}
	.navi-add li ul li ul li a:before {
		content: "\f105";
		font-family: "FontAwesome";
		position: absolute;
		left: 0.8rem
	}
}

@media (min-width: 75em) {
	.navi-add.matratze {
		width: 13%
	}
	.navi-add.matratzenexperten {
		width: 21%
	}
	.navi-add.geld {
		width: 25%
	}
	.navi-add.ausbildungszentrum {
		width: 17%
	}
	.navi-add.informationen {
		width: 18%
	}
}

@media (min-width: 62em) {
	.navi-add2 {
		display: flex;
		justify-content: space-between;
		width: 100%
	}
}

.navi-add2 li {
	margin-bottom: .2rem
}

.navi-add2 li a {
	background: #fff;
	color: #3e3e3e;
	padding: 0.5rem 0.8rem;
	font-weight: 700;
	display: block;
	text-decoration: none;
	transition: 300ms all ease-in-out
}

.navi-add2 li:hover a,
.navi-add2 li.active a {
	background: #004d99;
	color: #fff
}

@media (min-width: 62em) {
	.navi-add2 li a {
		padding: 0;
		background: transparent !important;
		font-weight: 300
	}
	.navi-add2 li:hover a,
	.navi-add2 li.active a {
		background: transparent;
		text-decoration: underline;
		color: #3e3e3e
	}
}

.page-navi {
	background: #f4f8f9;
	left: -100%;
	overflow-y: auto;
	position: fixed;
	top: 2.77778rem;
	transition: .6s;
	width: 24em;
	z-index: 895;
	bottom: 0;
	max-width: 100%
}

.page-navi span.daten {
	padding: .7rem .4rem;
	display: block;
	position: relative;
	padding-left: 2.4rem;
	border-bottom: 0.1rem solid #fff
}

.page-navi span.daten a {
	margin-top: -0.3rem;
	text-decoration: none;
	font-weight: 300
}

.page-navi span.daten a.tel i {
	top: 0.96rem
}

@media (min-width: 62em) {
	.page-navi span.daten {
		border-right: .07rem solid #f5f6f7;
		display: inline-block;
		border-bottom: 0;
		padding-left: 2.2rem
	}
	.page-navi span.daten a.tel i {
		top: 0.8rem
	}
	.page-navi span.daten:last-child {
		margin-top: 0.2rem;
		border-left: .07rem solid #f5f6f7
	}
}

.page-navi span.daten i {
	font-family: "FontAwesome";
	color: #004d99;
	padding-right: .5rem;
	font-style: normal;
	position: absolute;
	left: 1rem
}

@media (min-width: 62em) {
	.page-navi {
		background: transparent;
		overflow: visible;
		overflow-y: initial;
		bottom: auto;
		left: auto;
		position: fixed;
		top: auto;
		width: 100%;
		z-index: 100
	}
	.page-navi .top {
		background: #fff;
		width: 100%;
		height: 3.3rem
	}
	.page-navi .top span {
		margin-top: 0.2rem;
		float: right
	}
	.page-navi.fixed {
		background: #eef3f5;
		height: 7.5rem
	}
	.page-navi.fixed .top {
		height: 3.5rem
	}
	.page-navi.fixed .top span.daten {
		padding-left: 2.2rem;
		padding-top: 14px
	}
	.page-navi.fixed .top span.daten a.tel i {
		top: 0.86rem
	}
	.page-navi.fixed nav {
		top: 1.7rem
	}
}

.mobile-bar {
	align-items: center;
	background: #eef3f5;
	display: flex;
	height: 2.77778rem;
	justify-content: stretch;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 894
}

.mobile-bar li {
	display: flex;
	flex-grow: 1;
	padding: 0 1rem
}

.mobile-bar li i {
	color: #004d99
}

.mobile-bar li a {
	text-decoration: none
}

.mobile-bar li:last-child {
	justify-content: flex-end
}

@media (min-width: 62em) {
	.mobile-bar {
		display: none
	}
}

label[for="navi-toggled"] {
	flex-direction: row-reverse;
	font-size: 1rem
}

label[for="navi-toggled"]:before {
	margin-right: .55556rem;
	color: #004d99
}

label[for="navi-toggled"]:after {
	background: rgba(42, 42, 42, 0.8);
	bottom: 0;
	content: '';
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	top: 2.77778rem;
	transition: opacity .6s;
	width: 100%;
	z-index: -1
}

#navi-toggled {
	display: none
}

#navi-toggled:checked~* label[for="navi-toggled"]:after {
	opacity: 1;
	pointer-events: auto
}

#navi-toggled:checked~* .page-navi,
#navi-toggled:checked~.page-navi {
	left: 0
}

dl.floatList {
	zoom: 1
}

dl.floatList:after {
	content: "";
	display: table;
	clear: both
}

dl.floatList dt,
dl.floatList dd {
	display: block;
	vertical-align: top;
	float: left
}

dl.floatList dt {
	padding-right: .5rem;
	width: 40%;
	clear: left;
	font-weight: 700
}

dl.floatList dd {
	width: 60%
}

.highlight {
	color: #004d99
}

.btn {
	background: #eef3f5;
	border: none;
	color: #2a2a2a;
	display: table;
	font-size: 1rem;
	font-weight: 300;
	line-height: 1rem;
	padding: .6rem 1rem;
	text-align: center;
	text-decoration: none;
	transition: 300ms all ease-in-out;
	width: 100%
}

.btn:hover,
.btn:active,
.btn:focus {
	background: #004d99;
	color: #fff
}

.btn:hover i,
.btn:active i,
.btn:focus i {
	color: #fff
}

.btn i {
	font-family: "FontAwesome";
	font-style: normal;
	color: #004d99;
	margin-left: .5rem;
	padding-right: .5rem
}

.btn *[class^="icon"] {
	margin-left: .5rem;
	vertical-align: middle
}

.btn-small {
	background: #004d99;
	border: none;
	color: #fff;
	display: table;
	font-size: 1rem;
	font-weight: 300;
	line-height: 1rem;
	padding: .6rem 1rem;
	text-align: center;
	text-decoration: none;
	transition: 300ms all ease-in-out;
	width: 40%
}

.btn-small:hover,
.btn-small:active,
.btn-small:focus {
	background: #eef3f5;
	color: #2a2a2a
}

.btn-small:hover i,
.btn-small:active i,
.btn-small:focus i {
	color: #2a2a2a
}

.btn-small i {
	font-family: "FontAwesome";
	font-style: normal;
	color: #004d99;
	margin-left: .5rem;
	padding-right: .5rem
}

.btn-small *[class^="icon"] {
	margin-left: .5rem;
	vertical-align: middle
}

.notification {
	padding: 1em;
	background: #D85D00;
	color: #fff;
	font-size: 1.2em
}

.page-wrap {
	padding-top: 2.77778rem
}

@media (min-width: 62em) {
	.page-wrap {
		padding-top: 0
	}
}

.header {
	position: relative;
	width: 100%;
	background: #f5f6f7;
	background: linear-gradient(to bottom, #f5f6f7 0%, #fff 40%, #fff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f7', endColorstr='#ffffff', GradientType=0)
}

.header .header-inner {
	background-image: url(../images/header-small.jpg);
	background-position: -115px 0;
	background-size: 145%;
	background-repeat: no-repeat;
	height: 100%;
	padding: 2rem 0 0 0;
	position: relative
}

@media (min-width: 30em) {
	.header .header-inner {
		background-image: url(../images/matrazten-experte-gesunder-schlaf.png);
		background-position: -184px -79px;
		background-size: 120%
	}
}

@media (min-width: 40em) {
	.header .header-inner {
		background-position: -103px -79px;
		background-size: 100%
	}
}

@media (min-width: 50em) {
	.header .header-inner {
		background-position: -104px -179px;
		background-size: 89%
	}
}

@media (min-width: 62em) {
	.header .header-inner {
		background-position: -180px 0;
		padding: 12rem 0 0 0;
		background-size: contain
	}
}

.header .header-inner .row {
	margin-bottom: 0
}

.header .header-inner .branding {
	max-width: 196px;
	margin-top: 1rem;
	position: relative;
	top: -0.5rem;
	z-index: 500
}

.header .header-inner .branding img {
	max-width: 196px
}

@media (min-width: 50em) {
	.header .header-inner .branding {
		max-width: 140px
	}
	.header .header-inner .branding img {
		max-width: 140px
	}
}

@media (min-width: 62em) {
	.header .header-inner .branding {
		position: absolute;
		top: -7.5rem;
		margin-left: 0
	}
	.header .header-inner .branding.fixed {
		position: fixed;
		top: 2.6rem;
		z-index: 300;
		max-width: 150px
	}
}

@media (min-width: 95em) {
	.header .header-inner .branding {
		margin-left: -3rem;
		max-width: 196px
	}
	.header .header-inner .branding img {
		max-width: 196px
	}
	.header .header-inner .branding.fixed {
		margin-left: -2rem
	}
	.header .header-inner .branding.fixed img {
		max-width: 150px
	}
}

.header .header-inner {
	text-align: left;
	font-size: 1.7rem;
	line-height: 1.8rem;
	margin-bottom: 0;
	color: #004d99;
	text-align: right
}

@media (min-width: 30em) {
	.header .header-inner {
		font-size: 2rem;
		line-height: 2.2rem
	}
}

@media (min-width: 95em) {
	.header .header-inner {
		text-align: left;
		font-size: 2.8rem;
		line-height: 2.8rem
	}
}

.header .header-inner {
	display: none
}

.header .header-inner h2 {
	color: #004d99;
	font-weight: 400;
	font-size: 1.2rem;
	text-align: right
}

@media (min-width: 30em) {
	.header .header-inner h2 {
		margin-bottom: 5rem
	}
}

@media (min-width: 40em) {
	.header .header-inner h2 {
		margin-bottom: 9rem
	}
}

@media (min-width: 62em) {
	.header .header-inner h2 {
		margin-bottom: 5.1rem
	}
}

@media (min-width: 75em) {
	.header .header-inner h2 {
		margin-bottom: 3.9rem
	}
}

@media (min-width: 95em) {
	.header .header-inner h2 {
		text-align: left;
		margin-bottom: 2.6rem;
		font-size: 1.65rem
	}
}

.header .header-inner .btn.tel {
	background: #f5f6f7;
	text-decoration: none;
	margin-top: -3rem;
	margin-bottom: 1rem
}

@media (min-width: 50em) {
	.header .header-inner .btn.tel {
		margin-top: -6rem
	}
}

@media (min-width: 62em) {
	.header .header-inner .btn.tel {
		margin-top: -2rem
	}
}

.header .header-inner .btn.tel:hover {
	background: #004d99
}

@media (min-width: 62em) {
	.header .header-inner .btn.tel {
		width: auto;
		float: right;
		margin-right: -1rem
	}
}

@media (min-width: 95em) {
	.header .header-inner .btn.tel {
		padding: .7rem 2.2rem .7rem 1rem;
		font-size: 1.2rem
	}
}

.header .header-inner .start {
	padding-top: 2rem;
	text-align: right
}

@media (min-width: 95em) {
	.header .header-inner .start {
		text-align: left;
		font-size: 1rem;
		padding-top: 5rem;
		position: relative;
		z-index: 25
	}
}

.header .header-inner .btn.tease {
	background: #004d99;
	color: #fff;
	text-align: left;
	width: 100%;
	position: relative;
	font-size: 1.4rem;
	line-height: 1.3rem;
	margin-bottom: 1.3rem;
	padding: .9rem 2.5rem 0.8rem 1rem;
	z-index: 25
}

@media (min-width: 62em) {
	.header .header-inner .btn.tease {
		padding: 1.9rem 1.4rem 1.5rem 1.3rem;
		font-size: 1.7rem
	}
}

.header .header-inner .btn.tease i {
	color: #fff;
	height: 100%;
	background: #0055a8;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	padding: 1rem 0.5rem;
	font-size: 0.8rem
}

@media (min-width: 62em) {
	.header .header-inner .btn.tease i {
		padding: 2.5rem 1rem
	}
}

.header .header-inner .btn.tease span {
	font-size: .9rem;
	display: none
}

@media (min-width: 62em) {
	.header .header-inner .btn.tease span {
		display: block
	}
}

.header .header-inner .btn.tease:hover {
	background: #0055a8
}

.header .header-inner .btn.tease:hover i {
	background: #005cb8
}

.header .header-inner .btn.tease-orange {
	background: #D85D00;
	color: #fff;
	text-align: left;
	width: 100%;
	position: relative;
	font-size: 1.4rem;
	line-height: 1.3rem;
	margin-bottom: 1.3rem;
	padding: 1rem 2.5rem 0rem 1rem;
	z-index: 25
}

@media (min-width: 62em) {
	.header .header-inner .btn.tease-orange {
		padding: 1.9rem 3rem 1.5rem 1.3rem;
		font-size: 1.1rem
	}
}

.header .header-inner .btn.tease-orange i {
	color: #fff;
	height: 100%;
	background: #0055a8;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	padding: 1.8rem 0.5rem;
	font-size: 0.8rem
}

@media (min-width: 62em) {
	.header .header-inner .btn.tease-orange i {
		padding: 4.5rem 0.7rem
	}
}

.header .header-inner .btn.tease-orange span {
	font-size: .9rem;
	display: none
}

@media (min-width: 62em) {
	.header .header-inner .btn.tease-orange span {
		display: block
	}
}

.header .header-inner .btn.tease-orange:hover {
	background: #0055a8
}

.header .header-inner .btn.tease-orange:hover i {
	background: #005cb8
}

body:not(.index) .header .header-inner .btn.tease-orange {
	width: 80%;
	margin-left: 1rem
}

@media (min-width: 50em) {
	body:not(.index) .header .header-inner .btn.tease-orange {
		margin-left: 18.66667%;
		width: 60%
	}
}

@media (min-width: 62em) {
	body:not(.index) .header .header-inner .btn.tease-orange {
		width: 39%
	}
}

.header .header-inner .konfi {
	padding-top: .7rem
}

@media (min-width: 30em) {
	.header .header-inner .konfi {
		background: #f5f6f7
	}
}

@media (min-width: 95em) {
	.header .header-inner .konfi {
		padding-top: 1rem;
		margin-top: 5.8rem
	}
}

.header .header-inner .konfi .no-size {
	float: left;
	margin-right: 1.2rem;
	width: 116px;
	display: none
}

@media (min-width: 62em) {
	.header .header-inner .konfi .no-size {
		width: auto;
		display: block;
		position: relative;
		z-index: 25
	}
}

.header .header-inner .konfi .img-text {
	display: none
}

@media (min-width: 62em) {
	.header .header-inner .konfi .img-text {
		padding: 1.2rem 0 0 0;
		display: block;
		position: relative;
		z-index: 25
	}
}

@media (min-width: 95em) {
	.header .header-inner .matratze {
		background: url("../images/elax-matratze.png") left bottom no-repeat;
		position: absolute;
		width: 20%;
		height: 100%;
		display: block;
		top: 0;
		right: 0;
		z-index: 20
	}
}

@media (min-width: 107.5em) {
	.header .header-inner .matratze {
		width: 23%
	}
}

body:not(.index) .header .header-inner {
	background-image: url(../images/header-small.jpg);
	background-size: cover;
	display: flex;
	margin-bottom: 3rem;
	background-repeat: no-repeat;
	height: 500px;
	padding: 2rem 0 0 0;
	position: relative
}

@media (min-width: 30em) {
	body:not(.index) .header .header-inner {
		background-image: url("../images/header-medium.png");
		background-position: -114px 8px
	}
}

@media (min-width: 50em) {
	body:not(.index) .header .header-inner {
		background-image: url("../images/matrazten-experte-gesunder-schlaf.png");
		height: 400px;
		background-position: -177px -112px;
		background-size: 56%
	}
}

@media (min-width: 62em) {
	body:not(.index) .header .header-inner {
		padding: 0 0 0 0;
		background-position: -163px 3px;
		height: 600px;
		background-size: contain
	}
}

body:not(.index) .header .header-inner .row {
	margin-bottom: 0;
	height: 100%
}

body:not(.index) .header {
	font-size: 1.2rem;
	line-height: 2rem;
	margin-right: 33px;
	color: #2a2a2a;
	text-align: left
}

@media (min-width: 30em) {
	body:not(.index) .header {
		font-size: 1.2rem;
		line-height: 2rem
	}
}

@media (min-width: 50em) {
	body:not(.index) .header {
		font-size: 1.2rem;
		line-height: 2rem
	}
}

@media (min-width: 62em) {
	body:not(.index) .header {
		font-size: 2rem;
		line-height: 2rem
	}
}

@media (min-width: 95em) {
	body:not(.index) .header {
		text-align: left;
		font-size: 1.2rem;
		line-height: 2rem
	}
}


body:not(.index) .header h2 {
	color: #2a2a2a;
	margin-bottom: .9rem;
	margin-right: 33px;
	font-weight: 400;
	margin-top: .5rem;
	font-size: 1.2rem;
	text-align: left
}

@media (min-width: 30em) {
	body:not(.index) .header h2 {
		margin-bottom: 2rem
	}
}

@media (min-width: 62em) {
	body:not(.index) .header h2 {
		margin-bottom: 1rem
	}
}

@media (min-width: 95em) {
	body:not(.index) .header h2 {
		text-align: left;
		font-size: 1.1rem
	}
}

main {
	display: block
}

main .background {
	padding-top: 4rem;
	padding-bottom: 0.1rem;
	width: 100%;
	background: #fff;
	display: block
}

main .padding-top {
	padding-top: 4rem
}

@media (min-width: 50em) {
	main .google-maps {
		height: 22.22222rem
	}
}

main .teaser {
	background: url("../images/bg-teaser.jpg") no-repeat;
	background-attachment: fixed;
	background-size: cover;
	padding: 6rem 0 2rem 0;
	margin-bottom: 5.5rem
}

main .teaser a {
	padding: 5rem 2rem;
	text-decoration: none;
	background: #fff;
	display: block;
	margin-bottom: 1.1rem;
	text-align: center;
	transition: 300ms all ease-in-out;
	position: relative;
	overflow: hidden;
	height: 90%;
	font-weight: 300
}

main .teaser a.shop {
	padding: 2rem
}

main .teaser a i {
	font-family: "FontAwesome";
	font-style: normal;
	font-size: 2rem;
	color: #004d99
}

main .teaser a h2 {
	color: #004d99;
	font-weight: 700
}

main .teaser a h2,
main .teaser a p {
	margin-bottom: 0
}

main .teaser a>div {
	position: absolute;
	top: 18rem;
	padding: 1.5rem;
	text-align: left;
	left: 0;
	transition: 300ms all ease-in-out;
	background: #004d99;
	color: #fff;
	font-size: 95%;
	line-height: 1.4rem
}

main .teaser a:hover>div {
	top: 0;
	width: 100%;
	height: 100%
}

main .gesundheit {
	width: 100%;
	background: #f5f6f7;
	height: 40rem
}

@media (min-width: 30em) {
	main .gesundheit {
		height: 31rem
	}
}

@media (min-width: 40em) {
	main .gesundheit {
		height: 27rem
	}
}

@media (min-width: 50em) {
	main .gesundheit {
		height: 25rem
	}
}

@media (min-width: 62em) {
	main .gesundheit {
		height: 30rem
	}
}

main .gesundheit h2 {
	font-size: 2rem;
	line-height: 2.2rem;
	margin-top: 6rem;
	color: #004d99;
	position: relative
}

@media (min-width: 30em) {
	main .gesundheit h2 {
		margin-top: 1rem
	}
}

@media (min-width: 50em) {
	main .gesundheit h2:before {
		position: absolute;
		width: 8rem;
		height: .06rem;
		background: #004d99;
		content: '';
		left: -8rem;
		bottom: 0
	}
}

@media (min-width: 75em) {
	main .gesundheit h2 {
		font-size: 2.6rem;
		line-height: 2.9rem;
		margin-top: 4rem
	}
}

main .gesundheit .ruecken,
main .gesundheit .schulter-nacken,
main .gesundheit .verspannungen,
main .gesundheit .schlafstoerungen {
	height: 44rem
}

@media (min-width: 30em) {
	main .gesundheit .ruecken,
	main .gesundheit .schulter-nacken,
	main .gesundheit .verspannungen,
	main .gesundheit .schlafstoerungen {
		height: 30rem
	}
}

@media (min-width: 40em) {
	main .gesundheit .ruecken,
	main .gesundheit .schulter-nacken,
	main .gesundheit .verspannungen,
	main .gesundheit .schlafstoerungen {
		height: 26rem
	}
}

@media (min-width: 50em) {
	main .gesundheit .ruecken,
	main .gesundheit .schulter-nacken,
	main .gesundheit .verspannungen,
	main .gesundheit .schlafstoerungen {
		height: 25rem
	}
}

@media (min-width: 62em) {
	main .gesundheit .ruecken,
	main .gesundheit .schulter-nacken,
	main .gesundheit .verspannungen,
	main .gesundheit .schlafstoerungen {
		height: 30rem
	}
}

main .gesundheit .ruecken .row,
main .gesundheit .schulter-nacken .row,
main .gesundheit .verspannungen .row,
main .gesundheit .schlafstoerungen .row {
	padding: 4rem 0 9rem 0;
	margin-bottom: 0;
	height: 30rem
}

@media (min-width: 30em) {
	main .gesundheit .ruecken .row,
	main .gesundheit .schulter-nacken .row,
	main .gesundheit .verspannungen .row,
	main .gesundheit .schlafstoerungen .row {
		padding: 9rem 0
	}
}

@media (min-width: 50em) {
	main .gesundheit .ruecken .row,
	main .gesundheit .schulter-nacken .row,
	main .gesundheit .verspannungen .row,
	main .gesundheit .schlafstoerungen .row {
		height: 26rem;
		padding: 7.8rem 0
	}
}

@media (min-width: 62em) {
	main .gesundheit .ruecken .row,
	main .gesundheit .schulter-nacken .row,
	main .gesundheit .verspannungen .row,
	main .gesundheit .schlafstoerungen .row {
		background-size: contain;
		padding: 10rem 0 5rem 0;
		background: url("../images/gesundheit-ruecken.png") no-repeat;
		background-size: 50.5%;
		background-position: -111px;
		height: 30rem
	}
	.schulter-nacken main .gesundheit .ruecken .row,
	.schulter-nacken main .gesundheit .schulter-nacken .row,
	.schulter-nacken main .gesundheit .verspannungen .row,
	.schulter-nacken main .gesundheit .schlafstoerungen .row {
		background: url("../images/gesundheit-nackenbeschwerden.png") no-repeat
	}
}

@media (min-width: 75em) {
	main .gesundheit .ruecken .row,
	main .gesundheit .schulter-nacken .row,
	main .gesundheit .verspannungen .row,
	main .gesundheit .schlafstoerungen .row {
		padding: 5rem 0;
		background-position: 0 0;
		background-size: 41.7%
	}
}

@media (min-width: 62em) {
	main .gesundheit .schulter-nacken .row {
		background: url("../images/gesundheit-nackenbeschwerden.png") no-repeat
	}
	main .gesundheit .verspannungen .row {
		background: url("../images/gesundheit-verspannungen.png") no-repeat
	}
	main .gesundheit .schlafstoerungen {
		background: url("../images/gesundheit-schlafstoerungen.png") no-repeat;
		background-position: -72px bottom;
		background-size: 52.2% auto
	}
	main .gesundheit .schlafstoerungen .row {
		background: transparent
	}
}

main img.ansprechpartner {
	margin-bottom: .6rem
}

main .erfahrungen {
	position: relative;
	width: 100%
}

.footer {
	background: #eef3f5;
	padding: 5.5rem 0 3.5rem 0
}

.footer .row {
	margin-bottom: 2rem
}

.footer .row p {
	margin-bottom: .8rem
}

@media (min-width: 62em) {
	.footer {
		padding: 5.5rem 0 0.6rem 0
	}
	.footer .border-top {
		border-top: 0.05rem solid #fff;
		padding-top: 4rem
	}
}

.footer ul.unstyled-list li {
	position: relative;
	padding-left: 1.5rem
}

.footer ul.unstyled-list li i {
	font-family: "FontAwesome";
	font-style: normal;
	color: #004d99;
	position: absolute;
	left: 0
}

.youtube {
	width: 100%;
	height: 317px;
	border: 0
}

.headline {
	position: absolute;
	top: calc(50% + 3rem);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

@media (min-width: 50em) {
	body:not(.index) .headline {
		top: calc(50% + 0rem)
	}
}

@media (min-width: 62em) {
	body:not(.index) .headline {
		top: calc(50% + 5rem)
	}
}

.imag-position {
	margin-left: 285px
}

body:not(.index) .news-container {
	position: initial;
	margin-top: 1rem;
	-webkit-transform: translateX(4%);
	transform: translateX(4%);
	border: 1px solid #f98900
}

@media (min-width: 30em) {
	body:not(.index) .news-container {
		position: initial;
		margin-right: 0.8rem;
		float: left
	}
}

body:not(.index) .news-container p {
	color: #f98900;
	font-size: 17px;
	font-weight: 300;
	margin: 0 0 0 0;
	padding: 14px 16px 14px 16px
}

@media (min-width: 50em) {
	body:not(.index) .news-container p {
		font-size: 26px
	}
}

@media (min-width: 75em) {
	body:not(.index) .news-container p {
		font-size: 30px
	}
}

@media (min-width: 95em) {
	body:not(.index) .news-container p {
		font-size: 33px;
		line-height: 1.8rem
	}
}

body:not(.index) .btn-news {
	background: #fff;
	color: #2a2a2a;
	display: table;
	font-size: 1rem;
	font-weight: 300;
	margin-top: -20rem;
	margin-right: 5rem;
	line-height: 1.4rem;
	text-align: center;
	text-decoration: none;
	transition: 300ms all ease-in-out
}

body:not(.index) .btn-news:hover,
body:not(.index) .btn-news:active,
body:not(.index) .btn-news:focus {
	background: #004d99;
	color: #fff
}

body:not(.index) .btn-news:hover i,
body:not(.index) .btn-news:active i,
body:not(.index) .btn-news:focus i {
	color: #fff
}

@media (min-width: 30em) {
	body:not(.index) .btn-news {
		margin-top: -23.4rem;
		margin-right: -1rem;
		margin-left: 8.6rem
	}
}

@media (min-width: 40em) {
	body:not(.index) .btn-news {
		margin-top: -18rem;
		margin-left: 0.5rem
	}
}

@media (min-width: 50em) {
	body:not(.index) .btn-news {
		margin-top: -18rem;
		margin-left: 7rem
	}
}

@media (min-width: 62em) {
	body:not(.index) .btn-news {
		margin-top: -3rem;
		margin-left: 8.5rem
	}
}

@media (min-width: 75em) {
	body:not(.index) .btn-news {
		margin-top: -28px;
		margin-left: 9.5rem
	}
}

@media (min-width: 95em) {
	body:not(.index) .btn-news {
		margin-top: -11px;
		margin-left: 4.5rem
	}
}

body:not(.index) .header .header-inner .branding {
	max-width: 196px;
	margin-top: 1rem;
	position: relative;
	top: -0.5rem;
	z-index: 500
}

body:not(.index) .header .header-inner .branding img {
	max-width: 196px
}

@media (min-width: 50em) {
	body:not(.index) .header .header-inner .branding {
		max-width: 140px
	}
	body:not(.index) .header .header-inner .branding img {
		max-width: 140px
	}
}

@media (min-width: 62em) {
	body:not(.index) .header .header-inner .branding {
		position: absolute;
		top: 4rem;
		margin-left: 0
	}
	body:not(.index) .header .header-inner .branding.fixed {
		position: fixed;
		top: 3rem;
		z-index: 300;
		max-width: 150px
	}
}

@media (min-width: 95em) {
	body:not(.index) .header .header-inner .branding {
		margin-left: -3rem;
		max-width: 196px
	}
	body:not(.index) .header .header-inner .branding img {
		max-width: 196px
	}
	body:not(.index) .header .header-inner .branding.fixed {
		margin-left: -2rem
	}
	body:not(.index) .header .header-inner .branding.fixed img {
		max-width: 150px
	}
}

.gr {
	width: 55%
}

.size-1 {
	margin-bottom: 30px
}

@media (min-width: 50em) {
	.printorder td {
		width: 50%
	}
	.printorder tr {
		width: 50%
	}
}

#printbutton {
	margin-bottom: 30px
}

#ewpm_navi_files li {
	float: left;
	margin-right: 15px
}

#ewpm_navi_files li:last-child {
	margin-right: 0
}

ul.styled-list li:before,
main ul li:before,
main ul li:before {
	content: "\f105";
	font-family: "FontAwesome";
	color: #004d99;
	line-height: 1.5rem;
	margin-right: -0.5rem;
	position: absolute;
	left: 14px
}

form.default {
	overflow: hidden;
	width: 100%
}

form.default fieldset {
	border: none;
	margin: 0 0 1rem 0
}

form.default label {
	clear: both;
	float: left;
	font-weight: 500;
	padding-right: 1rem;
	width: 29%
}

form.default [type="text"],
form.default [type="tel"],
form.default [type="email"],
form.default [type="file"],
form.default input,
form.default #newsletter-info,
form.default #newsletter-info,
form.default textarea,
form.default select {
	float: left;
	width: 71%
}

form.default button,
form.default [type="submit"] {
	float: right;
	width: 71%
}

form.default [type="text"],
form.default [type="tel"],
form.default [type="email"],
form.default [type="file"],
form.default input,
form.default #newsletter-info,
form.default #newsletter-info,
form.default textarea,
form.default select {
	background: #eef3f5;
	border: 1px rgba(125, 28, 143, 0) solid;
	color: #2a2a2a;
	display: block;
	font-size: .88889rem;
	line-height: 1em;
	margin: 0 0 .55556rem 0;
	padding: .5rem 0.8rem .61111rem;
	position: relative;
	resize: none;
	transition: border .3s
}

form.default button,
form.default [type="submit"] {
	background: #004d99;
	border: none;
	color: #eef3f5;
	cursor: pointer;
	font-size: 1rem;
	margin: 0 0 1.75rem;
	padding: .38889rem 15px .5rem;
	min-height: 0;
	transition: background 0.25s ease-in-out, color 0.25s ease-in-out
}

.boxing {
	margin-left: -1.3rem
}

.boxing li {
	width: 100%
}

.boxing li:before {
	display: none
}

.boxing li a {
	background: #7e7e7e;
	padding: 10px;
	color: #FFF;
	text-decoration: none;
	display: block;
	text-align: center
}

.boxing li a:hover {
	background: #eef3f5;
	color: #2a2a2a
}

#ewpm_navi_files li {
	top: -1.5rem
}

.news-container {
	position: initial;
	float: right;
	margin-bottom: 4rem;
	background-color: #fff;
	margin-top: 1rem;
	margin-right: 0.8rem;
	-webkit-transform: translateX(4%);
	transform: translateX(4%);
	border: 1px solid #f98900
}

@media (min-width: 62em) {
	.news-container {
		margin-top: 1rem;
		margin-right: 0rem;
		top: 14rem;
		left: 16rem;
		position: initial
	}
}

@media (min-width: 75em) {
	.news-container {
		margin-top: 15px;
		top: 14rem;
		left: 16rem
	}
}

.news-container p {
	color: #f98900;
	line-height: 0.9rem;
	font-size: 15px;
	text-align: right;
	font-weight: 300;
	margin: 11px 0px 0 0;
	padding: 14px 16px 14px 16px
}

@media (min-width: 30em) {
	.news-container p {
		font-size: 16px
	}
}

@media (min-width: 40em) {
	.news-container p {
		font-size: 16px
	}
}

@media (min-width: 95em) {
	.news-container p {
		font-size: 18px;
		line-height: 1.3rem;
		text-align: right
	}
}

.h3-news {
	font-weight: bold;
	margin-top: 0.66rem;
	font-size: 0.9rem;
	padding-right: 1rem;
	margin-left: 0rem;
	line-height: 1.2rem;
	text-align: right;
	margin-bottom: -1rem;
	color: #f98900
}

@media (min-width: 30em) {
	.h3-news {
		font-size: 0.87rem;
		margin-left: 0rem
	}
}

@media (min-width: 40em) {
	.h3-news {
		font-size: 1rem;
		margin-bottom: -1rem;
		margin-left: 0rem
	}
}

@media (min-width: 62em) {
	.h3-news {
		font-size: 0.87rem
	}
}

@media (min-width: 75em) {
	.h3-news {
		font-size: 1.05555rem
	}
}

@media (min-width: 95em) {
	.h3-news {
		margin-top: 0.6rem;
		font-size: 1.05555rem;
		margin-bottom: 0rem
	}
}

body:not(.index) .news-container {
	display: none
}

@media (min-width: 30em) {
	body:not(.index) .news-container {
		position: initial;
		display: block;
		float: left;
		margin-top: -4rem;
		margin-right: 2.8rem;
		-webkit-transform: translateX(4%);
		transform: translateX(4%);
		border: 1px solid #f98900;
		left: 16rem;
		bottom: 0
	}
}

@media (min-width: 40em) {
	body:not(.index) .news-container {
		margin-top: -8rem
	}
}

@media (min-width: 50em) {
	body:not(.index) .news-container {
		margin-top: -21rem;
		margin-left: 7.3rem;
		top: 14rem
	}
}

@media (min-width: 62em) {
	body:not(.index) .news-container {
		margin-left: 8.8rem;
		margin-top: -4rem
	}
}

@media (min-width: 75em) {
	body:not(.index) .news-container {
		margin-top: -54px;
		margin-left: 10.5rem
	}
}

@media (min-width: 95em) {
	body:not(.index) .news-container {
		margin-top: -34px;
		margin-left: 4.4rem
	}
}

body:not(.index) .news-container p {
	display: none
}

@media (min-width: 30em) {
	body:not(.index) .news-container p {
		color: #f98900;
		display: block;
		line-height: 0.9rem;
		text-align: left;
		font-weight: 300;
		margin: 0 0 0 0;
		padding: 14px 16px 14px 16px;
		font-size: 13px
	}
}

@media (min-width: 40em) {
	body:not(.index) .news-container p {
		font-size: 17px
	}
}

@media (min-width: 95em) {
	body:not(.index) .news-container p {
		font-size: 18px;
		line-height: 1.3rem;
		text-align: left
	}
}

body:not(.index) .h3-news {
	display: none
}

@media (min-width: 30em) {
	body:not(.index) .h3-news {
		font-weight: bold;
		display: block;
		margin-top: 0.66rem;
		padding-right: 1rem;
		margin-left: 1rem;
		text-align: left;
		margin-bottom: -1rem;
		color: #f98900;
		font-size: 0.77rem
	}
}

@media (min-width: 40em) {
	body:not(.index) .h3-news {
		font-size: 0.9rem;
		margin-bottom: 0rem
	}
}

@media (min-width: 62em) {
	body:not(.index) .h3-news {
		font-size: 0.87rem
	}
}

@media (min-width: 75em) {
	body:not(.index) .h3-news {
		font-size: 1.05555rem
	}
}

@media (min-width: 95em) {
	body:not(.index) .h3-news {
		margin-top: 0.6rem;
		font-size: 1.05555rem;
		margin-bottom: 0rem
	}
}

.head1 {
	margin-top: 1rem;
	margin-bottom: 4rem
}

.youtube {
	height: 600px;
	width: 100%
}

.formdefault {
	overflow: hidden;
	width: 100%
}

.formdefault ::-webkit-input-placeholder {
	color: #3e3e3e
}

.formdefault ::-moz-placeholder {
	color: #3e3e3e
}

.formdefault :-ms-input-placeholder {
	color: #3e3e3e
}

.formdefault :-moz-placeholder {
	color: #3e3e3e
}

.formdefault fieldset {
	border: none;
	margin: 0 0 3.5rem 0
}

.formdefault label,
.formdefault input,
.formdefault #newsletter-info,
.formdefault textarea,
.formdefault select,
.formdefault button,
.formdefault [type="submit"],
.formdefault a.btn {
	min-height: 2.5rem
}

.formdefault label {
	color: inherit;
	display: block;
	padding: 1rem 0 0.6rem;
	position: relative
}

.formdefault label small {
	color: #D85D00;
	display: block;
	line-height: 0.5rem;
	position: absolute
}

.formdefault label[for="Zustimmung"] {
	float: left;
	margin-bottom: .5rem;
	max-width: 90%
}

.formdefault label.checkbox {
	width: 100%
}

.formdefault label.error {
	-webkit-animation: error 1s;
	animation: error 1s;
	background: #D85D00;
	color: #fff;
	font-size: 0.9rem;
	max-width: none;
	margin: 0 0 0.5rem 0;
	padding-left: 1rem;
	padding-right: 1rem;
	position: relative;
	text-align: center;
	width: 100%
}

@media (min-width: 30em) {
	.formdefault label.error {
		font-size: 1rem
	}
}

.formdefault label.error:before {
	border-bottom: .55556rem solid #D85D00;
	border-left: .38889rem solid transparent;
	border-right: .38889rem solid transparent;
	border-top: 0;
	content: "";
	height: 0;
	position: absolute;
	right: .55556rem;
	top: -.55556rem;
	width: 0
}

.formdefault [type="text"],
.formdefault [type="tel"],
.formdefault [type="email"],
.formdefault [type="file"],
.formdefault input,
.formdefault #newsletter-info,
.formdefault textarea,
.formdefault select {
	background: #eef3f5;
	border: 0;
	color: #2a2a2a;
	display: block;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 1rem;
	line-height: 1.5rem;
	margin: 0 0 0.5rem 0;
	padding: 0.8rem;
	position: relative;
	resize: none;
	transition: border .3s;
	width: 100%
}

.formdefault [type="text"]:focus,
.formdefault [type="tel"]:focus,
.formdefault [type="email"]:focus,
.formdefault [type="file"]:focus,
.formdefault input:focus,
.formdefault #newsletter-info:focus,
.formdefault textarea:focus,
.formdefault select:focus {
	background: #fafafa;
	outline: none
}

.formdefault textarea {
	min-height: 7.5rem;
	padding-top: 0.9rem
}

.formdefault textarea[name="Nachricht"] {
	min-height: 18.5rem
}

.formdefault [type="checkbox"] {
	display: block;
	float: right;
	margin: 0 0.75rem 0.5rem 0;
	width: auto
}

.formdefault [type="radio"] {
	clear: none;
	float: left;
	width: 15px;
	margin: .4rem .8rem 0 0;
	min-height: auto
}

.formdefault button,
.formdefault [type="submit"],
.formdefault a.btn {
	background: #3e3e3e;
	border: none;
	color: #fff;
	cursor: pointer;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 1rem;
	margin: 0 0 1.75rem;
	padding: 0.8rem 18px;
	width: 100%
}

.formdefault button:hover,
.formdefault button:focus,
.formdefault [type="submit"]:hover,
.formdefault [type="submit"]:focus,
.formdefault a.btn:hover,
.formdefault a.btn:focus {
	background: #004d99
}

.formdefault .errorContainer {
	position: relative
}

#recaptcha {
	display: block;
	clear: both;
	margin-bottom: 30px;
	float: right
}

@keyframes error {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@-webkit-keyframes error {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

.specialfield {
	display: none !important;
	visibility: hidden !important
}

#newsletter-info {
	font-weight: bold
}

img[name=vimg]+input[name=imgverify],
img[name=vimg]+#newsletter-info[name=imgverify] {
	float: right
}

.checkbox {
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.checkbox>input[type="checkbox"],
.checkbox>#newsletter-info[type="checkbox"] {
	position: absolute;
	opacity: 0;
	z-index: -1
}

.checkbox__icon {
	float: right;
	display: inline-block;
	color: #999
}

input[type="checkbox"]:checked~.checkbox__icon,
#newsletter-info[type="checkbox"]:checked~.checkbox__icon {
	color: #004d99
}

@media \0screen\,
screen\9 {
	.checkbox__icon {
		display: none
	}
	.checkbox>input[type="checkbox"],
	.checkbox>#newsletter-info[type="checkbox"] {
		position: static
	}
}

.checkbox__icon:before {
	font-family: "icons";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon--check:before,
input[type="checkbox"]:checked~.checkbox__icon:before,
#newsletter-info[type="checkbox"]:checked~.checkbox__icon:before {
	content: "\e601"
}

.icon--check-empty:before,
.checkbox__icon:before {
	content: "\e600"
}

.geschlecht .medium-6 label {
	display: inline-block
}

.geschlecht .medium-6 input,
.geschlecht .medium-6 #newsletter-info {
	right: 115px
}

@font-face {
	font-family: "icons";
	font-weight: normal;
	font-style: normal;
	src: url("data:application/x-font-woff;charset=utf-8;base64,d09GRk9UVE8AAAR4AAoAAAAABDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAPgAAAD4fZUAVE9TLzIAAAHsAAAAYAAAAGAIIvy3Y21hcAAAAkwAAABMAAAATBpVzFhnYXNwAAACmAAAAAgAAAAIAAAAEGhlYWQAAAKgAAAANgAAADYAeswzaGhlYQAAAtgAAAAkAAAAJAPiAedobXR4AAAC/AAAABgAAAAYBQAAAG1heHAAAAMUAAAABgAAAAYABlAAbmFtZQAAAxwAAAE5AAABOUQYtNZwb3N0AAAEWAAAACAAAAAgAAMAAAEABAQAAQEBCGljb21vb24AAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v4lPh0BR0AAAB8Dx0AAACBER0AAAAJHQAAAO8SAAcBAQgPERMWGyBpY29tb29uaWNvbW9vbnUwdTF1MjB1RTYwMHVFNjAxAAACAYkABAAGAQEEBwoNL2X8lA78lA78lA77lA6L+HQVi/yU+JSLi/iU/JSLBd83Fffsi4v77Pvsi4v37AUOi/h0FYv8lPiUi4v33zc3i/s3++yLi/fs9zeL398F9wCFFftN+05JzUdI9xr7GveR95FHzwUO+JQU+JQViwwKAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA5gEB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDmAf/9//8AAAAAACDmAP/9//8AAf/jGgQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAACkYCfgXw889QALAgAAAAAAz65FuwAAAADPrkW7AAD/4AIAAeAAAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAAgAAAQAAAAAAAAAAAAAAAAAAAAYAAAAAAAAAAAAAAAABAAAAAgAAAAIAAAAAAFAAAAYAAAAAAA4ArgABAAAAAAABAA4AAAABAAAAAAACAA4ARwABAAAAAAADAA4AJAABAAAAAAAEAA4AVQABAAAAAAAFABYADgABAAAAAAAGAAcAMgABAAAAAAAKACgAYwADAAEECQABAA4AAAADAAEECQACAA4ARwADAAEECQADAA4AJAADAAEECQAEAA4AVQADAAEECQAFABYADgADAAEECQAGAA4AOQADAAEECQAKACgAYwBpAGMAbwBtAG8AbwBuAFYAZQByAHMAaQBvAG4AIAAxAC4AMABpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuAFIAZQBnAHUAbABhAHIAaQBjAG8AbQBvAG8AbgBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4AAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("woff")
}

body.matratze-konfigurator-matratze .wizard,
body.matratze-konfigurator-matratze .tabcontrol {
	display: block;
	width: 100%;
	overflow: hidden
}

body.matratze-konfigurator-matratze .wizard ul,
body.matratze-konfigurator-matratze .tabcontrol ul {
	list-style: none !important;
	padding: 0;
	margin: 0
}

body.matratze-konfigurator-matratze .wizard ul>li,
body.matratze-konfigurator-matratze .tabcontrol ul>li {
	display: block;
	padding: 0
}

body.matratze-konfigurator-matratze .wizard>.steps .current-info,
body.matratze-konfigurator-matratze .tabcontrol>.steps .current-info {
	position: absolute;
	left: -999em
}

body.matratze-konfigurator-matratze .wizard>.content>.title,
body.matratze-konfigurator-matratze .tabcontrol>.content>.title {
	position: absolute;
	left: -999em
}

body.matratze-konfigurator-matratze .wizard>.steps {
	position: relative;
	display: block;
	width: 100%
}

body.matratze-konfigurator-matratze .wizard.vertical>.steps {
	display: inline;
	float: left;
	width: 30%
}

body.matratze-konfigurator-matratze .wizard>.steps .number {
	font-size: 1.429em
}

body.matratze-konfigurator-matratze .wizard>.steps>ul>li {
	width: 100%
}

@media (min-width: 30em) {
	body.matratze-konfigurator-matratze .wizard>.steps>ul>li {
		width: 50%
	}
}

@media (min-width: 40em) {
	body.matratze-konfigurator-matratze .wizard>.steps>ul>li {
		width: 33%
	}
}

@media (min-width: 75em) {
	body.matratze-konfigurator-matratze .wizard>.steps>ul>li {
		width: 18%;
		font-size: 15px
	}
}

body.matratze-konfigurator-matratze .wizard>.steps>ul>li,
body.matratze-konfigurator-matratze .wizard>.actions>ul>li {
	float: left
}

body.matratze-konfigurator-matratze .wizard.vertical>.steps>ul>li {
	float: none;
	width: 100%
}

body.matratze-konfigurator-matratze .wizard>.steps a,
body.matratze-konfigurator-matratze .wizard>.steps a:hover,
body.matratze-konfigurator-matratze .wizard>.steps a:active {
	display: block;
	width: auto;
	margin: 0 0.5em 0.5em;
	padding: 1em 1em;
	text-decoration: none
}

body.matratze-konfigurator-matratze .wizard>.steps .disabled a,
body.matratze-konfigurator-matratze .wizard>.steps .disabled a:hover,
body.matratze-konfigurator-matratze .wizard>.steps .disabled a:active {
	background: #eee;
	color: #aaa;
	cursor: default
}

body.matratze-konfigurator-matratze .wizard>.steps .current a,
body.matratze-konfigurator-matratze .wizard>.steps .current a:hover,
body.matratze-konfigurator-matratze .wizard>.steps .current a:active {
	background: #004d99;
	color: #fff;
	cursor: default
}

body.matratze-konfigurator-matratze .wizard>.steps .done a,
body.matratze-konfigurator-matratze .wizard>.steps .done a:hover,
body.matratze-konfigurator-matratze .wizard>.steps .done a:active {
	background: #9dc8e2;
	color: #fff;
	transition: all 300ms
}

body.matratze-konfigurator-matratze .wizard>.steps .done a:hover,
body.matratze-konfigurator-matratze .wizard>.steps .done a:active {
	background: #fff;
	color: #2a2a2a
}

body.matratze-konfigurator-matratze .wizard>.steps .error a,
body.matratze-konfigurator-matratze .wizard>.steps .error a:hover,
body.matratze-konfigurator-matratze .wizard>.steps .error a:active {
	background: #ff3111;
	color: #fff
}

body.matratze-konfigurator-matratze .wizard>.content {
	background: #eef3f5;
	display: block;
	margin: 0.5em;
	height: 47.22222rem;
	overflow: hidden;
	position: relative;
	width: auto
}

body.matratze-konfigurator-matratze .wizard.vertical>.content {
	display: inline;
	float: left;
	margin: 0 2.5% 0.5em 2.5%;
	width: 65%
}

body.matratze-konfigurator-matratze .wizard>.content>.body {
	float: left;
	position: absolute;
	width: 100%;
	height: 95%;
	padding: 2.5%
}

body.matratze-konfigurator-matratze .wizard>.content>.body ul {
	list-style: disc !important
}

body.matratze-konfigurator-matratze .wizard>.content>.body ul>li {
	display: list-item
}

body.matratze-konfigurator-matratze .wizard>.content>.body>iframe {
	border: 0 none;
	width: 100%;
	height: 100%
}

body.matratze-konfigurator-matratze .wizard>.content>.body input,
body.matratze-konfigurator-matratze .wizard>.content>.body #newsletter-info,
body.matratze-konfigurator-matratze .wizard>.content>.body textarea {
	display: block;
	border: 1px solid #cedce2;
	background: #f9f9f9
}

body.matratze-konfigurator-matratze .wizard>.content>.body input[type="checkbox"],
body.matratze-konfigurator-matratze .wizard>.content>.body #newsletter-info[type="checkbox"] {
	display: inline-block
}

body.matratze-konfigurator-matratze .wizard>.content>.body input.error,
body.matratze-konfigurator-matratze .wizard>.content>.body .error#newsletter-info {
	background: #fbe3e4;
	border: 1px solid #fbc2c4;
	color: #8a1f11
}

body.matratze-konfigurator-matratze .wizard>.content>.body label {
	display: inline-block;
	margin-bottom: 0.5em
}

body.matratze-konfigurator-matratze .wizard>.content>.body label.checkbox {
	border-bottom: 1px solid #cedce2
}

body.matratze-konfigurator-matratze .wizard>.content>.body label.checkbox.last {
	border-bottom: 0
}

body.matratze-konfigurator-matratze .wizard>.content>.body label.error {
	color: #8a1f11;
	display: inline-block
}

body.matratze-konfigurator-matratze .wizard>.actions {
	position: relative;
	display: block;
	text-align: center;
	width: 100%;
	margin-top: 50px
}

body.matratze-konfigurator-matratze .wizard.vertical>.actions {
	display: inline;
	float: right;
	margin: 0 2.5%;
	width: 95%
}

body.matratze-konfigurator-matratze .wizard>.actions>ul {
	display: inline-block;
	text-align: right
}

body.matratze-konfigurator-matratze .wizard>.actions>ul>li {
	margin: 0 0.5em
}

body.matratze-konfigurator-matratze .wizard.vertical>.actions>ul>li {
	margin: 0 0 0 1em
}

body.matratze-konfigurator-matratze .tabcontrol>.steps {
	position: relative;
	display: block;
	width: 100%
}

body.matratze-konfigurator-matratze .tabcontrol>.steps>ul {
	position: relative;
	margin: 6px 0 0 0;
	top: 1px;
	z-index: 1
}

body.matratze-konfigurator-matratze .tabcontrol>.steps>ul>li {
	float: left;
	margin: 5px 2px 0 0;
	padding: 1px
}

body.matratze-konfigurator-matratze .tabcontrol>.steps>ul>li:hover {
	background: #edecec;
	border: 1px solid #cedce2;
	padding: 0
}

body.matratze-konfigurator-matratze .tabcontrol>.steps>ul>li.current {
	background: #fff;
	border: 1px solid #cedce2;
	border-bottom: 0 none;
	padding: 0 0 1px 0;
	margin-top: 0
}

body.matratze-konfigurator-matratze .tabcontrol>.steps>ul>li>a {
	color: #5f5f5f;
	display: inline-block;
	border: 0 none;
	margin: 0;
	padding: 10px 30px;
	text-decoration: none
}

body.matratze-konfigurator-matratze .tabcontrol>.steps>ul>li>a:hover {
	text-decoration: none
}

body.matratze-konfigurator-matratze .tabcontrol>.steps>ul>li.current>a {
	padding: 15px 30px 10px 30px
}

body.matratze-konfigurator-matratze .tabcontrol>.content {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 35em;
	overflow: hidden;
	border-top: 1px solid #cedce2;
	padding-top: 20px
}

body.matratze-konfigurator-matratze .tabcontrol>.content>.body {
	float: left;
	position: absolute;
	width: 95%;
	height: 95%;
	padding: 2.5%
}

body.matratze-konfigurator-matratze .tabcontrol>.content>.body ul {
	list-style: disc !important
}

body.matratze-konfigurator-matratze .tabcontrol>.content>.body ul>li {
	display: list-item
}

body.matratze-konfigurator-matratze a.btn,
body.matratze-konfigurator-matratze .actions button {
	min-height: auto
}

body.matratze-konfigurator-matratze legend {
	font-weight: bold;
	text-decoration: underline;
	font-size: 20px;
	margin-bottom: .83333rem
}

body.matratze-konfigurator-matratze select {
	background: #f9f9f9;
	padding: 19px;
	border: 1px solid #cedce2;
	font-weight: 300
}

body.matratze-konfigurator-matratze .actions button {
	background: #004d99;
	color: #fff
}

body.matratze-konfigurator-matratze .actions button:hover,
body.matratze-konfigurator-matratze .actions button:focus,
body.matratze-konfigurator-matratze .actions button:active {
	background: #3e3e3e
}

body.matratze-konfigurator-matratze .auswertungContainer {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 999
}

body.matratze-konfigurator-matratze .auswertungContainer .overlayFull {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	content: '';
	background: rgba(0, 0, 0, 0.6);
	z-index: 9999
}

body.matratze-konfigurator-matratze .auswertungContainer .auswertung {
	background-color: #fff;
	padding: 1.11111rem;
	border: solid 1px #cedce2;
	z-index: 99999;
	position: fixed;
	top: 0;
	left: 0
}

@media (min-width: 62em) {
	body.matratze-konfigurator-matratze .auswertungContainer .auswertung {
		left: 50%;
		-webkit-transform: translatex(-50%);
		transform: translatex(-50%);
		top: 11.11111rem;
		width: 100%;
		max-width: 1200px
	}
}

body.matratze-konfigurator-matratze .auswertungContainer .zurbestellung {
	background: #004d99;
	color: #fff
}

body.matratze-konfigurator-matratze .auswertungContainer .zurbestellung:hover,
body.matratze-konfigurator-matratze .auswertungContainer .zurbestellung:focus {
	background: #fff;
	color: #2a2a2a
}

body.matratze-konfigurator-matratze .firstPart label {
	width: 100%
}

@media (min-width: 30em) {
	body.matratze-konfigurator-matratze .firstPart label {
		width: 20%;
		float: left
	}
}

@media (min-width: 50em) {
	body.matratze-konfigurator-matratze .firstPart label {
		width: 30%
	}
}

body.matratze-konfigurator-matratze .firstPart input,
body.matratze-konfigurator-matratze .firstPart #newsletter-info {
	width: 100%
}

@media (min-width: 30em) {
	body.matratze-konfigurator-matratze .firstPart input,
	body.matratze-konfigurator-matratze .firstPart #newsletter-info {
		width: 80% !important;
		float: left
	}
}

@media (min-width: 50em) {
	body.matratze-konfigurator-matratze .firstPart input,
	body.matratze-konfigurator-matratze .firstPart #newsletter-info {
		width: 70% !important
	}
}

body.matratze-konfigurator-matratze .firstPart select {
	width: 100%
}

@media (min-width: 30em) {
	body.matratze-konfigurator-matratze .firstPart select {
		width: 80% !important;
		float: left
	}
}

@media (min-width: 50em) {
	body.matratze-konfigurator-matratze .firstPart select {
		width: 70% !important
	}
}

body.matratze-konfigurator-matratze .secondPart label {
	float: left;
	width: 80%
}

@media (min-width: 50em) {
	body.matratze-konfigurator-matratze .secondPart label {
		width: 90%
	}
}

body.matratze-konfigurator-matratze .secondPart [type="checkbox"],
body.matratze-konfigurator-matratze .secondPart [type="radio"] {
	position: relative;
	top: 25px;
	min-height: 0;
	float: right !important;
	width: auto !important
}

body.matratze-konfigurator-matratze .firstPart_ORDER label {
	width: 100%
}

@media (min-width: 30em) {
	body.matratze-konfigurator-matratze .firstPart_ORDER label {
		width: 50%;
		float: left
	}
}

@media (min-width: 50em) {
	body.matratze-konfigurator-matratze .firstPart_ORDER label {
		width: 60%
	}
}

body.matratze-konfigurator-matratze .firstPart_ORDER input,
body.matratze-konfigurator-matratze .firstPart_ORDER #newsletter-info {
	width: 100%
}

@media (min-width: 30em) {
	body.matratze-konfigurator-matratze .firstPart_ORDER input,
	body.matratze-konfigurator-matratze .firstPart_ORDER #newsletter-info {
		width: 50% !important;
		float: left
	}
}

@media (min-width: 50em) {
	body.matratze-konfigurator-matratze .firstPart_ORDER input,
	body.matratze-konfigurator-matratze .firstPart_ORDER #newsletter-info {
		width: 40% !important
	}
}

body.matratze-konfigurator-matratze .firstPart_ORDER [type="checkbox"],
body.matratze-konfigurator-matratze .firstPart_ORDER [type="radio"] {
	position: relative;
	top: 25px;
	min-height: 0;
	float: right !important;
	width: auto !important
}

body.matratze-konfigurator-matratze .firstPart_ORDER select {
	width: 100%
}

@media (min-width: 30em) {
	body.matratze-konfigurator-matratze .firstPart_ORDER select {
		width: 50% !important;
		float: left
	}
}

@media (min-width: 50em) {
	body.matratze-konfigurator-matratze .firstPart_ORDER select {
		width: 40% !important
	}
}

body.matratze-konfigurator-matratze .gesamtpreis {
	font-size: 1.33333rem;
	text-align: center
}

@media (min-width: 50em) {
	body.matratze-konfigurator-matratze .gesamtpreis.fixed {
		position: fixed;
		bottom: 0px;
		background: #fff;
		color: #2a2a2a;
		z-index: 10;
		width: 100%;
		text-align: center;
		left: 0;
		padding: 2.22222rem 0px
	}
}

body.matratze-konfigurator-matratze .legalnotice {
	padding-top: 1.11111rem;
	font-size: .72222rem;
	text-align: center
}

body.matratze-konfigurator-matratze .landhinweis {
	font-weight: 400 !important;
	line-height: 19px !important
}

body.matratze-konfigurator-matratze .landhinweis small {
	font-weight: 400 !important;
	line-height: 19px !important;
	color: #004d99
}


/*# sourceMappingURL=styles.css.map */