@font-face { 
	font-family: HenriDidot; 
	src: url('font/HenriDidot.otf'); 
}
@font-face { 
	font-family: Quicksand; 
	src: url('font/Quicksand-Regular.ttf'); 
}
@font-face { 
	font-family: QuicksandBold; 
	src: url('font/Quicksand-Medium.ttf'); 
}
html {
    width: 100%;
    height: 100%;
}

body {
	font-family: 'Quicksand', sans-serif, Arial, Helvetica;
	color:#444;
	font-size:16px;
	line-height:25px;
	letter-spacing: 0px;
	margin:0;
	background-color:#fff;
	overflow-x: hidden;
}

h1 {
	font-family: HenriDidot, sans-serif, Arial, Helvetica;
	color:#444;
	font-size:36px;
	line-height:42px;
	letter-spacing: 1px;
	font-weight:normal;
	font-decoration:none;
	margin:0;
	margin-bottom:20px;
	padding:0;
}

h3 {
	font-family: HenriDidot, sans-serif, Arial, Helvetica;
	color:#444;
	font-size:40px;
	line-height:42px;
	letter-spacing: 1px;
	font-weight:normal;
	font-decoration:none;
	margin:0;
	margin-bottom:0px;
	padding:0;
}

p {
	margin:0;
	padding:0;
}

.fett {
	font-family: 'QuicksandBold', sans-serif, Arial, Helvetica;
	color:#444;
	font-size:16px;
	line-height:25px;
	letter-spacing: 0px;
	margin: 30px 0px 10px 0px;
}

.clear {
	clear:both;
}

sup {
	font-family: 'Quicksand', sans-serif, Arial, Helvetica;
	color:#444;
	font-size:8px;
	line-height:12px;
	letter-spacing: 0px;
	position: relative;
	vertical-align: baseline;
	top: -1em;
}

h3 sup {
	font-family: HenriDidot, sans-serif, Arial, Helvetica;
	color:#444;
	font-size:12px;
	line-height:6px;
	letter-spacing: 1px;
	position: relative;
	vertical-align: baseline;
	top: -1.4em;
}

/***************************************************/

#seite {
	position: absolute;
	width:100%;
	margin:0px;
	padding:0px;
	z-index:100;
}	

#header {
	xposition: absolute;
	position: fixed;
	top:0px;
	left:0px;
	width:100%;
	height:128px;
	background-color:#fff;
	float:bottom;
	z-index:300;
}

.logo_top {
	position:relative;
	width:171px;
	height:116px;
	top:6px;
	left:15px;	
	float:left;
}

.img-logo {
	width:100%;
}

.header-slider {
	xposition: absolute;
	xposition: fixed;
	top:128px;
	width:100%;
	height: auto;
	display: block;
}
@media  (max-width:768px)  {
	#header {
		height:100px;
	}
	.logo_top {
		width:132px;
		height:90px;
		top:6px;
	}
	.header-slider {
		top:100px;
	}
}

.header-slider-bild {
  	width: 100%;
	height: auto;
}

.slider-text {
	position: absolute;
	top:370px;
	padding: 20px;
	font-family: HenriDidot, sans-serif, Arial, Helvetica;
	color:#fff;
	font-size:54px;
	line-height:62px;
	font-weight:bold;
	font-decoration:none;
	text-shadow: 1px 1px 3px #333333;
	text-shadow: 0px 0px 30px #333333;
	text-shadow: 0px 0px 30px #888;
	text-shadow: 1px 1px 50px #555;
	text-shadow: 1px 1px 35px #555;
}

.slider-autor {
	font-family: 'Quicksand', sans-serif, Arial, Helvetica;
	color:#fff;
	font-size:11px;
	line-height:22px;
	font-weight:normal;
	font-decoration:none;
	text-shadow: 1px 1px 2px #111111;
	text-shadow: 1px 1px 10px #555;
}

.slider-text-smartphone {
	display:none;
}

.slider-autor-smartphone {
	display:none;
}

@media  (max-width:970px)  {
	.slider-text {
		font-size:46px;
		line-height:50px;
	}
}
@media  (max-width:840px)  {
	.slider-text {
		font-size:40px;
		line-height:44px;
	}
}
@media  (max-width:720px)  {
	.slider-text {
		font-size:30px;
		line-height:44px;
	}
}
@media  (max-width:640px)  {
	.slider-text {
		font-size:25px;
		line-height:30px;
	}
}
@media only screen and (max-width:320px), (max-width:480px) {
	.slider-text,
	.slider-autor {
		display:none;
	}
	.slider-text-smartphone {
		display:block;
		margin-top: -15px;
		margin-bottom: 15px;
		padding: 0px;
		font-family: HenriDidot, sans-serif, Arial, Helvetica;
		color:#444;
		font-size:32px;
		line-height:40px;
		font-weight:bold;
		font-decoration:none;
	}
	.slider-autor-smartphone {
		display:block;
		margin-top: -10px;
		font-family: 'Quicksand', sans-serif, Arial, Helvetica;
		color:#444;
		font-size:10px;
		line-height:24px;
		font-weight:normal;
		font-decoration:none;
		margin-top: 5px;
	}
}	
@media  (max-width:380px)  {
	.slider-text-smartphone {
		font-size:28px;
		line-height:37px;
	}
}
@media  (max-width:340px)  {
	.slider-text-smartphone {
		font-size:25px;
		line-height:32px;
	}
}
@media  (min-width:1245px)  {
	.slider-text {
		font-size:70px;
		line-height:86px;
	}
	.slider-autor {
		font-size:14px;
		line-height:24px;
	}
}

/***************************************************/

.slick-dots  {
    bottom:30px;

}

.slick-dots li button {
    background-color:#f3edee;
    border:2px solid #f3edee;
    border-radius:10px;

}

.slick-dots li button::before {
    font-family: 'slick';
    font-size: 12px;
    line-height: 10px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: ' ';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    background-color:white;
    border-radius:10px;
}

.slick-dots li.slick-active button:before
{
    background-color:#b5999f;
    background-color:#c3b1b4;
    background-color:#d2c8ca;
    background-color:#c8bbbe;
    opacity: 1;
    xcolor: black;
}

/***************************************************/

.content {
	margin: 0 auto;
	max-width: 1100px;
	margin-top: 30px;
	height: auto;
}

.content-komplett {
	margin-top:140px;
  	width: 96%;
	padding: 20px 50px 0px 20px;
}
@media  (max-width:768px)  {
	.content-komplett {
		margin-top:110px;
	}
}
@media  (max-width:640px)  {
	.content-komplett {
		width:90%;
	}
}

.content-spalte_li {
	width:40%;
	float:left;
}

.content-spalte_re {
	width:53%;
	float:right;
	padding: 4% 2% 2% 5%;
	font-size:16px;
	line-height:25px;
}
@media  (max-width:1020px)  {
	.content-spalte_re {
		font-size:16px;
		line-height:22px;
	}
}
@media  (max-width:960px)  {
	.content-spalte_re {
		font-size:15px;
		line-height:21px;
	}
}
@media  (max-width:920px)  {
	.content-spalte_re {
		font-size:15px;
		line-height:20px;
	}
}
@media  (max-width:900px)  {
	.content-spalte_li {
		width:100%;
		clear:both;
		float:none;
	}
	.content-spalte_re {
		width:95%;
		margin-top:0px;
		float:none;
		clear:both;
		padding: 20px 20px 20px 20px;
		font-size:16px;
		line-height:25px;
   		xcolor:#ffbbbe;
	}
}
@media only screen and (max-width:320px), (max-width:480px) {
	.content-spalte_re {
		width:92%;
	}
}

.content-bild {
	width:100%;
}
@media  (min-width:1100px)  {
	.content-spalte_li {
		background-color:#fff;
	}
	.content-bild {
		width:422px;
		padding-left: 20px;
	}
}
@media  (max-width:900px)  {
	.content-bild {
		xwidth:300px;
		xheight:400px;
	}
}

.bild {
	width:100%;
}

/***************************************************/

/* Arrows */
.slick-prev,
.slick-next
{
    width: 40px;
    height: 100%;
	background: url(images/transparent.png);
}
.slick-prev:before,
.slick-next:before
{
    opacity: .5;
}

.slick-prev
{
    left: 0px;
	z-index:200;
}
[dir='rtl'] .slick-prev
{
    right: 0px;
    left: auto;
	z-index:200;
}
.slick-prev:before
{
    content:url(images/pfeil_prev.png);
}
[dir='rtl'] .slick-prev:before
{
    content:url(images/pfeil_prev.png);
}

.slick-next
{
    right: 0px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: 0px;
}
.slick-next:before
{
    content:url(images/pfeil_next.png);
}
[dir='rtl'] .slick-next:before
{
    content:url(images/pfeil_next.png);
}

/***************************************************/

.hg-1 {
	float: left;
	width:100%;
	background-color:#ededed;
}
.hg-2 {
	float: left;
	width:100%;
	background-color:#ab915f;
}
.hg-3 {
	float: left;
	width:100%;
	background-color:#6e9696;
}
.hg-4 {
	float: left;
	width:100%;
	background-color:#87898f;
}
.hg-5 {
	float: left;
	width:100%;
	background-color:#beac62;
}

/***************************************************/

.btn-mehrentdecken {
	margin-top:60px;
}
.btn-kampe {
	margin-top:30px;
}
@media  (max-width:900px)  {
	.btn-mehrentdecken {
		margin-top:50px;
	}
}

.btn-hoeher {
}
@media  (max-width:1040px)  {
	.btn-hoeher {
		margin-top:32px;
	}
}

/***************************************************/

.footer {
	position:absolute;
	width:100%;
	margin-top:30px;
	padding: 30px 50px 10px 20px;
	background-color:#c8a5ac;
}

.footer-content {
	margin: 0 auto;
	max-width: 1100px;
	height: auto;
}

.footer-li {
	width:40%;
	float:left;
}

.footer-re {
	width:53%;
	float:right;
	padding: 0% 2% 2% 5%;
	font-size:16px;
	line-height:25px;
}
@media  (max-width:900px)  {
	.footer-li,
	.footer-re {
		width:90%;
		clear:both;
		float:none;
		padding: 0% 0% 0% 0%;
	}
	.footer-re {
		margin-top:30px;
	}
}

.txt-footer {
	color:#5a5052;
	font-size:16px;
	line-height:25px;
}

/***************************************************/

.top-button {
	z-index:550;
	position:fixed;
	bottom:20px;
	width:30px;
	right:0px;
	padding: 0px 10px 10px 15px;
	background-color:#fff;
	opacity: 0.6;
}

.fa-chevron-circle-up,
.fa-angle-up {
	font-size:48px;
}

.fa-facebook-official,
.fa-instagram {
	font-size:32px;
	color:#5a5354;
}

/***************************************************/
/*  Impressum  */
/***************************************************/

#seite-impressum,
#seite-datenschutz  {
	position: relative;
	z-index:500;
}

#popup-impressum,
#popup-datenschutz {
	position: absolute; 
	z-index:5001;
	top: 0px; 
	left: 0px; 
	width: 100%; 
	height: 100%; 
	margin: 0px; 
	background: url(images/HG-impressum.png);
}

#content-impressum,
#content-datenschutz { 
	position: relative;
	width:70%;
	xheight: 100%; 
	height: auto; 
	margin-top: 160px;
	margin-left: auto;
    margin-right: auto;
	padding: 30px 30px 30px 30px;
	xbackground-color:#fff;
	background-color:#c8a5ac;
}

#content-impressum  p,
#content-datenschutz  p { 
	color:#5a5052;
}

#content-datenschutz  p { 
	margin-bottom:24px;
}

#content-datenschutz #txt-liste ul {
	margin-bottom: 10px;
}

.h1-impressum {
	float:left;
}

.h1-impressum  h1 { 
	font-family: HenriDidot, sans-serif, Arial, Helvetica;
	color:#5a5052;
	font-size:40px;
	line-height:42px;
	letter-spacing: 1px;
	font-weight:normal;
	font-decoration:none;
	margin:0;
	margin-bottom:0px;
	padding:0;
}

.h1-datenschutz {
	float:left;
}

.h1-datenschutz  h1 { 
	font-family: HenriDidot, sans-serif, Arial, Helvetica;
	color:#5a5052;
	font-size:40px;
	line-height:42px;
	letter-spacing: 1px;
	font-weight:normal;
	font-decoration:none;
	margin:0;
	margin-bottom:0px;
	padding:0;
}

.fenster-schliessen {
	position: absolute;
	width: 44px;
	height: 44px;
	right: 20px; 
	top: 20px; 
	margin: 0px 0px 0px 0px;
}

.klein {
	font-family: 'Quicksand', sans-serif, Arial, Helvetica;
	color:#444;
	font-size:11px;
	line-height:16px;
}

@media  (max-width:768px)  {
	#content-impressum,
	#content-datenschutz  {
		width:80%;
		margin-top: 130px;
		xbackground-color:#fff000;
	}
}
@media  (max-width:640px)  {
	#content-impressum,
	#content-datenschutz  {
		width:84%;
		margin-top: 110px;
		xbackground-color:#ffa5ac;
	}
}
@media only screen and (max-width:880px) {
	.h1-datenschutz {
		float:none;
	}
	.h1-datenschutz h1 {
		margin-top: 30px;
		font-size:29px;
	}
}	
@media only screen and (max-width:320px), (max-width:480px) {
	#content-impressum,
	#content-datenschutz  {
		width:95%;
		margin-top: 0px;
		padding: 10px 10px 10px 10px;
		xbackground-color:#ff0000;
	}
	.h1-impressum {
		float:none;
	}
	.h1-impressum h1 {
		margin-top: 30px;
		font-size:29px;
	}
	.h1-datenschutz h1 {
		margin-top: 30px;
		font-size:20px;
	}
	.fenster-schliessen {
		width: 36px;
		height: 36px;
		right: 20px; 
		top: 12px; 
		margin: 0px 0px 0px 0px;
	}
}	

/***************************************************/
/*****   Navigation   ******************************/

#navigation {
	position:absolute;
	bottom:42px;
	right:0px;
	width:360px;
}

#navigation ul {
	position:absolute;
	right:0px;
    padding: 0px;
    margin: 0px;
}

#navigation ul li {
    list-style: none;
    float:left;
}

#navigation ul li a {
	font-family: 'Quicksand', sans-serif, Arial, Helvetica;
	color:#444;
	font-size:14px;
    text-decoration: none;
    display: block;
    color: #000;
    padding: 5px 16px 5px 10px;
	xbackground-color:#ff6f30;
}
@media  (max-width:768px)  {
	#navigation {
		top:10px;
	}
	#navigation ul li {
		float:none;
		text-align:right;
	}
	#navigation ul li a {
		padding: 1px 20px 1px 10px;
	}
}

#navigation ul li a:hover {
    text-decoration:underline;
}

.aktiv,
#navigation .aktiv, 
#navigation ul li .aktiv,
#navigation ul li .aktiv a:link:active, 
#navigation ul li .aktiv a:active {
    text-decoration:underline;
}


ul {
	list-style-type:disc;
	padding-left:5px;
	margin: 5px 5px 25px 5px;
}

#txt-liste ul,
ul #txt-liste
{
	font-family: 'Quicksand', sans-serif, Arial, Helvetica;
	padding-left:0px;
	padding-top:5px;
}
 
#txt-liste li
{
	font-family: 'Quicksand', sans-serif, Arial, Helvetica;
	margin: 3px 0px 3px 12px;
	padding-left:0px;
}

/***************************************************/

a:link,
a:visited {
	color:#444;
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
}

a:active {
    text-decoration:underline;
}

/***************************************************/

a.link-mehrentdecken, 
a.link-mehrentdecken:link,
a.link-mehrentdecken:visited,
a.link-mehrentdecken:link:visited,
a.link-mehrentdecken:link:visited {
	padding: 12px 20px 12px 20px;
    border: 1px solid #454545;
	font-family: HenriDidot, sans-serif, Arial, Helvetica;
	font-family: 'Quicksand', sans-serif, Arial, Helvetica;
	color:#444;
	font-size: 14px;
	xletter-spacing: 1.2px;
	text-transform: none;
    text-decoration:none;
}

.link-mehrentdecken, 
.link-mehrentdecken a:active, 
.link-mehrentdecken a:hover, 
.link-mehrentdecken a:focus,
a.link-mehrentdecken:hover, 
a.link-mehrentdecken:active {
    text-decoration:underline;
}

/***************************************************/

a.link-kampe, 
a.link-kampe:link,
a.link-kampe:visited,
a.link-kampe:link:visited,
a.link-kampe:link:visited {
	font-family: 'Quicksand', sans-serif, Arial, Helvetica;
	color:#444;
	font-size: 14px;
	letter-spacing: 0.8px;
	text-transform: none;
    text-decoration:none;
}

.link-kampe, 
.link-kampe a:active, 
.link-kampe a:hover, 
.link-kampe a:focus,
a.link-kampe:hover, 
a.link-kampe:active {
    text-decoration:underline;
}

/***************************************************/

a.link-footer, 
a.link-footer:link,
a.link-footer:visited,
a.link-footer:link:visited,
a.link-footer:link:visited {
	font-family: 'Quicksand', sans-serif, Arial, Helvetica;
	color:#5a5052;
	font-size:16px;
	line-height:25px;
	text-transform: none;
    text-decoration:none;
}

.link-footer, 
.link-footer a:active, 
.link-footer a:hover, 
.link-footer a:focus,
a.link-footer:hover, 
a.link-footer:active {
    text-decoration:underline;
}

/***************************************************/

a.link-footer-underline, 
a.link-footer-underline:link,
a.link-footer-underline:visited,
a.link-footer-underline:link:visited,
a.link-footer-underline:link:visited {
	font-family: 'Quicksand', sans-serif, Arial, Helvetica;
	color:#5a5052;
	font-size:16px;
	line-height:25px;
	text-transform: none;
    text-decoration:underline;
}

.link-footer-underline, 
.link-footer-underline a:active, 
.link-footer-underline a:hover, 
.link-footer-underline a:focus,
a.link-footer-underline:hover, 
a.link-footer-underline:active {
    text-decoration:none;
}

.back-to-top {
	width:100%;
	height:50px;
	background-color:#fff000;
	z-index:300000;
}

/***************************************************/

.smartphone-an {
	display:none;
}
.smartphone-aus {
	display:block;
}
@media only screen and (max-width:320px), (max-width:480px) {
	.smartphone-an {
		display:block;
	}
	.smartphone-aus {
		display:none;
	}
}

/***************************************************/

.tablet-an {
	display:none;
}
.tablet-aus {
	display:block;
}
@media only screen and (max-width:880px) {
	.tablet-an {
		display:block;
	}
	.tablet-aus {
		display:none;
	}
}