@charset "UTF-8";





/* quicksand-300 - latin */
/* quicksand-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/quicksand-v37-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* quicksand-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/quicksand-v37-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* quicksand-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/quicksand-v37-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* quicksand-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/quicksand-v37-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* quicksand-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/quicksand-v37-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

html {
	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;	
	
}
body,div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	color:#54595F;
	font-family: "Quicksand";
	font-weight: 500;
	font-style: normal;
	font-size: 16px;
	margin:0;
	padding:0;
	    
}
h1, h2, h3, h4, h5 { 
	font-family: "Quicksand";
	font-weight: 500; 
	font-style: normal;
	letter-spacing: 0.0em;  
	color:#3da2c4;
}

h1 {
	font-size: 38px;
}
h2 {
	font-size: 30px;
	line-height: 150%;
	margin-top: 20px;
}




body {
	background-color: #fff;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
	
}
body, html {
  height: 100%;

 line-height: 160%;
}
div {
	line-height: 160%;
}
img {
    border:none;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

a:link {
	color:#3da2c4; 

	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color:#3da2c4; 
}
a:hover {
	text-decoration: underline;
	color:#3da2c4; 
	transition: 0.3s;
}
a:active {
	text-decoration: none;
	color:#3da2c4; 
}






/* HEADER
###################################################################################################################
###################################################################################################################
###################################################################################################################
*/

#header00 {
	width: 100%;
	position: fixed;
    left: 0;
    top: 0;
	
	
	background: rgba(255,255,255,1);
	text-align:center;
	z-index:130;
}


.logoindo00 {
	height: 48px;
	padding-top: 5px;
	
	
}
#menumobil00 {
	display: none; 
	float:right;
	
}
.graphmenubobil00 {
	cursor: pointer;
	width: 30px;
	height: 23px;
	background-image: url('images/menu_mobil1.png');
  background-size: cover;
  transition: background-image 0.3s ease;
}
.graphmenubobil00:hover {
  background-image: url('images/menu_mobil.png');
  cursor: pointer;
}



.graphmenubobil02 {
	cursor: pointer;
	width: 30px;
	height: 23px;
	background-image: url('images/menu_mobil2.png');
  background-size: cover;
  
	display:none;
}




#menulg00 {
	float:right;
	margin-top:53px;
	margin-right:40px;
}
.lgitem00 {
	padding:4px;
	border:1px solid #005E84;
	line-height: 16px;
	font-size: 16px;
}

a.lgitem00:link { text-decoration: none; color: #005E84;}
a.lgitem00:visited { text-decoration: none; color: #005E84; }
a.lgitem00:hover { text-decoration: none; color: #fff;background-color: #005E84;}
a.lgitem00:active { text-decoration: none;  color: #005E84; }

#menulist00 {
	
	float:right;
	display: inline;
	overflow: hidden;
	
	
	
}
#menulist00 ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
font-size: 16px;
white-space: nowrap;
}
#menulist00 li {
  float: left;
  white-space: nowrap;
}


.menulistitemtop00 {

/*line-height: 14px;*/
font-family: "Quicksand", sans-serif;


font-size: 15px;
line-height: 20px;




}
.menulistitem00 {text-decoration: none; color:#555;  margin-left: 2vw; 
	
	/*-webkit-text-stroke-width: 0.5px;
	-webkit-text-stroke-color: #666;*/
	}
a.menulistitem00:link  {text-decoration: none; color:#555; }
a.menulistitem00:visited  {text-decoration: none; color:#555; }
a.menulistitem00:hover  {text-decoration: none; color:#3da2c4;  }
a.menulistitem00:active  {text-decoration: none; color:#555; }

.menulistitem01 {text-decoration: none; color:#3da2c4; margin-left: 2vw; }
a.menulistitem01:link  {text-decoration: none; color:#3da2c4;}
a.menulistitem01:visited  {text-decoration: none; color:#3da2c4;}
a.menulistitem01:hover  {text-decoration: none; color:#3da2c4;}
a.menulistitem01:active  {text-decoration: none; color:#3da2c4;}

.hbr {
	display:none;	
}




 /* header*/
.table_top { 
  margin:0px auto;
	width: 100%;
	max-width: 1100px;
  
  
   padding-top: 5px;
  padding-bottom: 5px;
  padding-left:2vw;
  padding-right:2vw;
 
  display: table; 
  width: auto;
}



.table_top-cell { vertical-align:bottom; }
.table_top-cell:nth-child(1) { width:10%; text-align: left; 
vertical-align: middle; }

.table_top-cell:nth-child(2) { width:90%; text-align: right; 
vertical-align: middle; }



@media (max-width:1400px) {

}
@media (max-width:1200px) {
 

}

.table_top-row {display: table-row;}
.table_top-cell {display: table-cell; }






.table_top0 { 

  
 position: fixed;
 
  padding-right:2vw;
  display: table;
  right:0;
  
  
}



.table_top0-cell { vertical-align:bottom;}
.table_top0-cell:nth-child(1) { width:auto; text-align: right; 
vertical-align: middle;}
.table_top0-cell:nth-child(2) { width:auto; text-align: right;
vertical-align: middle;}





@media (max-width:1400px) {
 .table_top0-cell:nth-child(3) { width:auto; text-align: right; 

    font-size: 1vw;

}
}


.table_top0-row {display: table-row;}
.table_top0-cell {display: table-cell; }




/* HEADER MOBIL
###################################################################################################################
*/


@media only screen and (max-width: 1045px) {
	
	.hbr {
		display:contents;
	}
	
	
	#menulg00 {
		margin-right:20px;
	}
	#menulist00 {
		
	}
	.menulistitemtop00 {
		
	}
	
	
}
@media only screen and (max-width: 1050px) {
	.landiv {
		display:none;
	}
	
	#headershowA {
		display: none;
	}
	#menumobil00 {
		float:right;
		margin-right: 2vw;
		display: block;
		
	}
	#logo00 {
		margin-top:10px;
		margin-bottom:10px;
	}
	#menulg00 {
		margin-top:20px;
		margin-right:20px;
	}

	.logoindo00 {
	height: auto;
	width: 25vw;
	padding-top: 2vh;
  padding-bottom: 2vh;
  padding-left:2vw;
  padding-right:2vw;

	
	
	
	
}
.table_top { 
  
  
   padding-top: 1vh;
  padding-bottom: 1vh;
  width: 96vw;
  
 
}
}

@media only screen and (max-width: 800px) {
.logoindo00 {
	height: auto;
	width: 40vw;
	padding-top: 2vh;
  padding-bottom: 2vh;
  padding-left:40px;
  padding-right:2vw;
  
}
}


/* CONTENT
###################################################################################################################
###################################################################################################################
###################################################################################################################
*/
#content00start {
	width: 100%;
	
	
	color: #54595F;
	
}
#content00kontakt {
	width: 100%;
	background-color: #A8958B;
	margin-top:100px;
	color: #ffffff;
	padding-bottom: 1px;
	

}



#content00blue {
	width: 100%;
	
	padding-top:160px;
	
	
	
}
#content00pk {
	width: 100%;
	background-color: #59b3d4;
	margin-top:0px;
	color: #333333;
	
}

#content00cu {
	width: 100%;
	background-color: #333333;
	padding-top:50px;
	color: #ffffff;
	
}



#content00start  h1 {
	color:#59b3d4;
	line-height: 130%;
}
#content00cu  h1 {
	color:#59b3d4;
	line-height: 140%;
}
#content00blue  h1 {
	
}
#content00blue  h2 {
	
	
}
#content00start  h2 {
	
}
#content00start  h3 {
	color:#59b3d4;
	font-size: 18px;
	font-weight: 400;
	text-align: right;
	margin-right: 10px;
}
#content00start  p {
	margin-bottom:20px;
}
#content00blue  p {
	margin-bottom:20px;
	color:#ffffff;
}
#content00pk  h3 {
	color:#ffffff;
	font-size: 24px;
	font-weight: 400;
	margin-bottom:20px;
	
}
.content00pktext  {
	
	padding-bottom:20px;
	
}


.content01left {
	float:left;
	margin-left:10vw;
	width: 26vw;
	text-align: right;
	line-height: 180%;	
	
}
.content02right {
	
	margin-left:15px;
	width: 45vw;
	text-align: left;
	line-height: 160%;
	

	
}

.offer_back {
	/*float:left;*/
	margin:0px auto;
	width: 100%;
	max-width: 1100px;

	
	text-align: right;
	line-height: 180%;
	
	
	
}




.content03left {
	/*float:left;*/
	margin:0px auto;
	width: 100%;
	max-width: 1100px;

	
	text-align: left;
	line-height: 180%;
	
	
	
}
.contentfbleft {
	float:left;
	margin-left:7vw;
	width: 26vw;
	text-align: left;
	line-height: 180%;	
}
.content04start {
	/*float:left;*/
	margin:0px auto;
	width: 100%;
	max-width: 1100px;
	text-align: left;
	line-height: 160%;
	
	margin-top:40px;
	background-size: cover;

}
.content04starttext {
	width: 90%;
	margin:0px auto;
	text-align: left;
	line-height: 160%;
	padding-top:20px;
	   padding-bottom:20px;
	

}
@media (max-width: 850px) {
    .content04starttext{
       padding-top:10px;
	   padding-bottom:10px;

    }
}


.content04right {
	/*float:left;*/
	margin:0px auto;
	width: 100%;
	max-width: 1100px;
	text-align: left;
	line-height: 160%;
	
	margin-top:40px;

}
.content04start  ul {
	margin-top:20px;
	margin-bottom:20px;
}
.content04right  ul {
	margin-top:20px;
	margin-bottom:20px;
}
.contentfbright {
	float:left;
	margin-left:15px;
	width: 45vw;
	text-align: left;
	line-height: 180%;
	color:#ffffff;
	
	
	background-image:url(images/ap.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 40px;
	
	
	
}
.content05left {
	margin-left:10vw;
	width: 40vw;
	text-align: left;
	line-height: 180%;
	
}
.content06right {
	float:left;
	margin-left:15px;
	width: 45vw;
	text-align: left;
	line-height: 180%;
	color:#ffffff;
	margin-top:0px;
}

.content07kontakt {
	margin-left:20vw;
	width: 70vw;
	text-align: left;
	line-height: 160%;
	background-image:url(images/ap.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 40px;
	font-size: 28px;
	color:#ffffff;
	
}
.content08kontakt {
	color:#005E84;
	font-size: 70%;
	margin-top: 20px;
	
}

.content09cu {
	margin-left:10vw;
	width: 72vw;
	text-align: left;
	line-height: 180%;
	
}
.content10cu {
	margin-left:6vw;
	width: 72vw;
	hyphens: auto; 
       text-align: justify;
	line-height: 180%;

}



.contentpk00left {
	float:left;
	margin-left:10vw;
	width: 34vw;
	text-align: left;
	line-height: 180%;
	color:#ffffff;
	
}
.contentpk01right {
	float:left;
	margin-left:4vw;
	width: 34vw;
	text-align: left;
	line-height: 180%;
	color:#ffffff;
	margin-top:0px;
}
.contentpk01right  a:link  {text-decoration: underline; color:#59b3d4;}
.contentpk01right  a:visited  {text-decoration: underline; color:#59b3d4;}
.contentpk01right 	a:hover  {text-decoration: underline;  color:#59b3d4;}
.contentpk01right 	a:active  {text-decoration: underline; color:#59b3d4;}



.contentnw00 {
	margin-left:10vw;
	width: 72vw;
	text-align: left;
	line-height: 180%;
	padding-top:20px;
	margin-top:40px;
}
.contentnw00item {
	float:left;
	width:26vw;
	margin-bottom:10px;
}
.contentnw01item {
	float:left;
	width:20vw;
	margin-bottom:10px;
}
.contentnw02item {
	float:left;
	width:26vw;
	margin-bottom:10px;
	margin-left:13vw;
}
.contentnw00itemimg {
	margin-bottom:10px;
}
.contentnw00itemtext {
	color: #59b3d4;
	width:20vw;
}
.contentnw00itemtext  a:link  {font-size: 90%; text-decoration: none; color:#a47d67;}
.contentnw00itemtext  a:visited  {font-size: 90%; text-decoration: none; color:#a47d67;}
.contentnw00itemtext a:hover  {font-size: 90%; text-decoration: underline;  color:#a47d67;}
.contentnw00itemtext a:active  {font-size: 90%; text-decoration: none; color:#a47d67;}
.contentnw01itemtext {
	color:#a47d67;
	width:20vw;
	margin-bottom: 30px;
}

.contentnw00img {
	width: 20vw;
}


.contentblog00 {
	margin-left:37vw;
	width: 45vw;
	line-height: 180%;	
	
	
}
#blogimg {
	left:10vw;
	top:160px;
	position: absolute;
	z-index:100;
	width: 25vw;
	text-align: right;
}

#blogimg img {
	width: 25vw;
}

#contenttextblog00 {
	margin-left:10vw;
	width: 72vw;	
	background-color: #333333;
	margin-bottom:100px;
	margin-top:0px;
	padding-top:0px; 
}
.contenttextblog01 {
	margin-left:17vw;
	width: 52vw;
	line-height: 180%;	
	background-color: #333333;
	padding-top:20%;
	padding-bottom:5%;
	padding-right:3vw;
	
}

#content00bloghelp {
	width: 100%;
	background-color: #005E84;
	padding-top:50px;	
}
#content01bloghelp {
		margin-left:35vw;
		width: 47vw;
		line-height: 200%;
	background-color: #333333;
}


.contentblogitems00 {
	margin-left:10vw;
	width: 78vw;
	text-align: left;
	line-height: 180%;
	padding-top:20px;
	margin-top:10%;
	
}
.contentblog00item {
		float:left;
		width:26vw;
		margin-bottom:10px;
	height: 40vw;
	}
.contentblog01item {
	float:left;
	width:20vw;
	margin-bottom:10px;
}

.contentblog00itemimg {
	margin:0px;
	width: 20vw;
	background-color: #333333;
	
}
.contentblog00itemtext {
	width:20vw;
	background-color: #333333;
}
.contentblog01itemtext {
	color: #ffffff;
	display: block;
	padding-right: 10px;
	padding-left:10px;
	background-color: #333333;
	text-align: right;
	
}
.contentblog02itemtext {
	color: #a47d67;
	display: block;
	padding-right: 10px;
	padding-left:10px;
	background-color: #333333;
	text-align: left;
	font-size: 2vw;
	line-height: 130%;
}
.contentblog03itemtext {
	color: #59b3d4;
	display: block;
	padding-right: 10px;
	padding-left:10px;
	background-color: #333333;
	text-align: right;
	padding-bottom: 15px;
}

.contentblog00img {
	width: 20vw;
}

#blog_back {
	float:left;
	width: 50%;
}

#blog_forw {
	float:right;
	width: 50%;
}



 a.blog_backitem:link  {
	display:block;
	text-align: right;
	padding-right: 5%;
	padding-top:150px;
	padding-bottom:20px;
	background-image: url(images/blog_back.png);
	background-position: 50% 120px;
	background-repeat: no-repeat;
	background-color: #A8958B;
	text-decoration: none; color:#ffffff;
}
a.blog_backitem:visited  {text-decoration: none; color:#ffffff;}
a.blog_backitem:hover  {text-decoration: none;  color:#ffffff; background-color: #756861;}
a.blog_backitem:active  {text-decoration: none;  color:#ffffff; background-color: #756861;}


a.blog_forwitem:link  {
	display:block;
	text-align: left;
	padding-left: 5%;
	padding-top:150px;
	padding-bottom:20px;
	background-image: url(images/blog_forw.png);
	background-position: 50% 120px;
	background-repeat: no-repeat;
	background-color: #333333;
	text-decoration: none; color:#59b3d4;
}
a.blog_forwitem:visited  {text-decoration: none; color:#59b3d4;}
a.blog_forwitem:hover  {text-decoration: none;  color:#59b3d4; background-color: #59b3d4;}
a.blog_forwitem:active  {text-decoration: none;  color:#59b3d4; background-color: #59b3d4;}



.contentblog03itemtext  a:link  {text-decoration: none; color:#59b3d4;}
.contentblog03itemtext  a:visited  {text-decoration: none; color:#59b3d4;}
.contentblog03itemtext 	a:hover  {text-decoration: underline;  color:#59b3d4;}
.contentblog03itemtext 	a:active  {text-decoration: none; color:#59b3d4;}

.bbr {
	display:none;
}



 ul {
  margin: 0px;
 
}
li {
  
}



.content_gap01 {
	
	margin-top:50px;
}
.content_gap02 {
	margin-top:50px;
	margin-bottom:50px;
}
.content_gap03 {
	margin-top:7vh;
	margin-bottom:7vh;
	
	margin-left: 20px;
	margin-right: 20px;
	
	
}
@media only screen and (max-width: 850px) {
.content_gap03 {
	
	margin-left: 0px;
	margin-right: 0px;
	
	
}

}
.content_gap03noimg {
	margin-top:20vh;
	margin-bottom:7vh;
	
}
.content_gap04 {
	margin-bottom:20px;
}
.content_gap05 {
	padding-top:50px;
	padding-bottom:50px;
}
.content_gap06 {
	margin-bottom:50px;
}


.buttonlink00 {margin-top:20px; font-size:90%; font-weight:700 ;}
.buttonlink00 a {text-decoration: none; background-color: #613111; padding:9px;color:#ffffff;
	border-radius: 10px; padding-left:20px; padding-right:20px;
}
.buttonlink00 a:link  {text-decoration: none; background-color:#613111;color:#ffffff;}
.buttonlink00 a:visited  {text-decoration: none; background-color:#613111;color:#ffffff;}
.buttonlink00 a:hover  {text-decoration: none; background-color:#b66621; color:#ffffff;}
.buttonlink00 a:active  {text-decoration: none; background-color:#613111;color:#ffffff;}



.buttonlink01 {margin-top:40px; font-size:90%;width: 20vw; }
.buttonlink01 a {text-decoration: none; background-color: #613111; padding:9px;color:#ffffff;
	border-radius: 20px; padding-left:20px; padding-right:20px;text-align: center;
	display: block;
}
.buttonlink01 a:link  {text-decoration: none; background-color:#613111;color:#ffffff;}
.buttonlink01 a:visited  {text-decoration: none; background-color:#613111;color:#ffffff;}
.buttonlink01 a:hover  {text-decoration: none; background-color:#a47d67;; color:#ffffff;}
.buttonlink01 a:active  {text-decoration: none; background-color:#613111;color:#ffffff;}


@media only screen and (max-width: 1045px) {
.buttonlink00 {
    text-align: center;
}

}

.img100 {
	width: 100%;
	
}
.img100item {
	width: 100%;
	
}

.contentpub00 {
	float:left;
	width: 22vw;
	margin-top:8px;
}
.contentpubimg00 {
	box-shadow: 10px 10px 15px #999999;
	width: 18vw;
}
.contentpub01 {
	float:left;
	width: 23vw;
	color:#59b3d4;
}

.contentpubtextora {
	color:#a47d67;
}



/*
START LINKS
*/
.table_startlinks { 
  margin:0px auto;
	padding-top: 50px;
	padding-bottom:50px;
 
  display: table; 
  
  
  
}




.table_startlinks-cell { width:70%; text-align: center; 
vertical-align: middle; padding-right:0px; margin:0px auto}

.table_startlinks-cell:nth-child(2) { padding-right:0px; margin-top: 20px;}






@media (min-width:890px) {
 .table_startlinks-row {display: table-row;}
.table_startlinks-cell {display: table-cell; width:auto;}
.table_startlinks-cell {  padding-right:30px;margin-top: 0px;}
}



.startimg {
	width: 250px;
	height: auto;
}
@media (max-width:890px) {
.startimg {
	width: 50%;
	height: auto;
}
}
@media (max-width:600px) {
.startimg {
	width: 80%;
	height: auto;
}
}

.table_startlinks-cell a:hover {
	
	transition: 0.3s;
	opacity: 0.8;
}







/*
ABOUT ME
*/
.table_me { 
  margin:0px auto;
	padding-top: 50px;
	padding-bottom:50px;
 
  display: table; 
  
  
  
  
}




.table_me-cell { width:100%; text-align: center; 
vertical-align:top; padding-right:0px; }

.table_me-cell:nth-child(3) { padding-right:0px; text-align: left;}






@media (min-width:890px) {
 .table_me-row {display: table-row;}
.table_me-cell {display: table-cell; width:auto;}
.table_me-cell {  padding-right:30px;margin-top: 0px;}
}



.startimg {
	width: 250px;
	height: auto;
}
@media (max-width:890px) {
.startimg {
	width: 80%;
	height: auto;
	
}
.table_me-cell:nth-child(2) { display: none;}
.table_me-cell:nth-child(3) { margin-top:30px;}
}
@media (max-width:600px) {
.startimg {
	width: 100%;
	height: auto;
}
}







/*
ANGEBOT
*/
.table_of { 
  margin:0px auto;
	
 
  display: table;
  width: 100%;
  margin-top: 50px;
  
  
  
  
}




.table_of-cell {  background-color: #f7f7f7;
vertical-align:top; padding-right:0px; }

.table_of-cell:nth-child(1) { width:49%;padding-right:0px; text-align: left;box-shadow: 0 10px 10px rgba(0,0,0,0.3);}

.table_of-cell:nth-child(2) { width:2%;padding-right:0px; text-align: left;background-color: #fff;}
.table_of-cell:nth-child(3) { width:49%;padding-right:0px; text-align: left;box-shadow: 0 10px 10px rgba(0,0,0,0.3);}






@media (min-width:890px) {
 .table_of-row {display: table-row;}
.table_of-cell {display: table-cell; width:auto;}
.table_of-cell {  margin-top: 0px;}
}




@media (max-width:890px) {
.table_of-cell {width: 100%;}

.table_of-cell:nth-child(1) { width: 90%;}
.table_of-cell:nth-child(3) { margin-top:30px;width: 90%;}
}
@media (max-width:600px) {

}


/*
//////*ANGREBOT*/
  .carda {
    width: 100%;
    margin: 0px auto;
    background: #f9fafa;
    border-radius: 0px;
    overflow: hidden;
    
    text-align: left;
  }

  .card-headera {
    background: #3da2c4;
    color: white;
    padding: 8px;
    font-size: 180%;
    font-weight: 500;
  }


  .card-bodya {
    padding: 15px;
	font-size: 130%;
	text-align: left;
	background-color: #f7f7f7;

  }

  @media (max-width:1200px) {
.card-headera {
   
    
    font-size: 130%;
    
  }
   .card-bodya {
    padding: 10px;
	font-size: 110%;
	

  }
  }

 

 


/* CONTENT MOBIL
###################################################################################################################
*/
@media only screen and (max-width: 1045px) {
	#content00start {
		margin-top:60px;

	}
	#content00kontakt {
		margin-top:60px;

	}
	h1 {
		font-size: 28px;
	}
	.content01left {
	margin-left:2vw;
	}
	.content02right {
		width: 60vw;
	}
	.content03left {
	margin-left:10px;
	margin-right:10px;
	}
	.offer_back {
margin-left:10px;
	margin-right:10px;
	}
	.contentfbleft {
	margin-left:2vw;
	}
	
	.content04start {
		width: 90vw;
		margin-left:6vw;
	}
	.content04right {
		width: 90vw;
		margin-left:6vw;
	}
	.contentfbright {
		width: 50vw;
	}
	
	.content05left {
	margin-left:2vw;
	}
	
	.content09cu {
	margin-left:2vw;
		width: 90vw;
	}
	.content10cu {
	margin-left:0vw;
		width: 90vw;
	}
	.content06right {
		width: 60vw;
	}
	
	
	.contentpk00left {
		margin-left:2vw;
		width: 40vw;
	}
	.contentpk01right {
		width: 40vw;
	}
	
	.contentpub00 {
		width: 60vw;
		float: none;
		padding-bottom: 20px;
		margin:0px;
		
	}	
	.contentpubimg00 {
		width: 220px;
	}
	.contentpub01 {
		float: none;
		width: 60vw;

	}
	.content_gap06 {
	margin-bottom:20px;
}
	
	
	
	.contentnw00 {
		margin-left:2vw;
		width: 86vw;
	}
	.contentnw00item {
		float:left;
		width:30vw;
		margin-bottom:10px;
	}
	
	.contentnw01item {
		float:left;
		width:26vw;
		margin-bottom:10px;
	}
	.contentnw02item {
		float:left;
		width:30vw;
		margin-bottom:10px;
		margin-left: 13vw;
	}
	.contentnw00itemimg {
		margin-bottom:10px;
	}
	.contentnw00itemtext {
		color: #59b3d4;
		width:20vw;
	}
	.contentnw01itemtext {
		color:#a47d67;
		width:20vw;
	}

	.contentnw00img {
		width: 26vw;
	}

	
	.contenttextblog01 {
	margin-left:2vw;
	width: 78vw;
	line-height: 180%;	
	background-color: #333333;
	padding-top:20%;
	padding-bottom:5%;
	
}

#content00bloghelp {
	display:none;	
}
	
}

@media only screen and (max-width: 890px) {
	
	#content00start  h1 {
		margin-bottom: 5px;
	}
	#content00start  h2 {
		margin-bottom: 20px;
	}
	#content00start  h3 {
	text-align: left;
	line-height: 160%;
	}
	
	.content01left {
		margin-left:30px;
		width: auto;
		display: block;
		clear: both;
		
		line-height: 100%;
	}
	.content02right {
		margin-left:30px;
		margin-right: 10px;
		width: auto;
		clear: both;
		line-height: 160%;
	}
	.content03left {
		margin-left:30px;
		margin-right:30px;
		width: auto;
		display: block;
		clear: both;
		
		line-height: 180%;
	}
	.offer_back {
		margin-left:30px;
		margin-right:30px;
		width: auto;
		display: block;
		

	}
	.contentfbleft {
		margin-left:30px;
		width: auto;
		display: block;
		clear: both;
		
		line-height: 100%;
	}

	.content04start {
		margin-left:30px;
		margin-right: 10px;
		width: auto;
		clear: both;
		line-height: 180%;
		margin-top:20px;
		
	}
	
	.content04right {
		
		
		
		
		line-height: 180%;
		margin: 30px;
		padding-right: 10px;
		
		
		
		box-sizing: border-box;
		overflow-wrap: break-word;
    word-break: break-word;
	
		
		
	}





	.contentfbright {
		margin-left:30px;
		margin-right: 10px;
		width: auto;
		clear: both;
		line-height: 160%;
		margin-top:0px;
	}
	.content05left {
		margin-left:30px;
		width: auto;
		display: block;
		clear: both;
		
		line-height: 100%;
	}
	.content09cu {
		margin-left:30px;
		width: auto;
		display: block;
		clear: both;
		
		line-height: 150%;
	}
	.content10cu {
		margin-left:30px;
		width: auto;
		display: block;
		clear: both;
		
		line-height: 100%;
	}
	.content06right {
		margin-left:30px;
		margin-right: 10px;
		width: auto;
		clear: both;
		line-height: 160%;
		margin-top:0px;
	}
	.content_gap01 {
	
		margin-top:30px;
	}
	.content_gap02 {
		margin-top:30px;
		margin-bottom:70px;
	}
	
	#content00blue {
		padding-top:60px;
	}

	.content07kontakt {
		margin-left:30px;
		width: 70vw;
		font-size: 20px;
	
	}
	
	.contentpk00left {
		margin-left:30px;
		margin-right:10px;
		width: auto;
		clear: both;
		line-height: 160%;
		margin-top:0px;
		
		
	}
	.contentpk01right {
		margin-left:30px;
		margin-right: 10px;
		width: auto;
		clear: both;
		line-height: 160%;
		margin-top:0px;
	}
	.buttonlink01 {display:block; width: auto; margin-right:10px; }
	
	.contentpub00 {
	margin-top:10px;
}
	.contentnw00 {
		margin-left:30px;
		width: 90vw;
	}
	
	.contentnw00item {
		float:none;
		width:200px;
		margin-bottom:30px;
	}
	.contentnw01item {
		float:none;
		width:200px;
		margin-bottom: 0px;
	}
	.contentnw02item {
		float:none;
		width:200px;
		margin-bottom:30px;
		margin-left: 0;
	}
	
	.contentnw00itemtext {
		width:80vw;
	}
	.contentnw01itemtext {
		width:80vw;
	}

	.contentnw00img {
		width: 200px;
	}
	
	#blogimg {
		left:0vw;
		top:0px;
		width: 100%;
		position: inherit;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}	
	#blogimg img {
		width: 100%;
		
	}
	.contentblog00  {
		margin-left:30px;
		width: 90vw;
		margin-top: 50px;
	}
	.contentblog00  p {
		margin-left:100px;
		
	}
	#contenttextblog00 {
	margin:0px;
	padding:0px;
	width: 100%;
	margin-bottom:0px;
	margin-top:0px;
	padding-top:0px; 
}
		.contenttextblog01 {
	margin-left:30px;
	width: 90vw;
	line-height: 180%;	
	background-color: #333333;
	padding-top:5%;
	padding-bottom:5%;
	
}
	
	.contentblogitems00 {
	margin-left:30px;
	width: 92vw;
	
	
}
.contentblog00item {
		width:45vw;
		height: 70vw;
		
	}
.contentblog01item {
	width:40vw;
	
}

.contentblog00itemimg {
	width: 39vw;
	
}
.contentblog00itemtext {
	width:39vw;
}
.contentblog01itemtext {
	font-size: 2vw;
	
}
.contentblog02itemtext {

	font-size: 3vw;

}
.contentblog03itemtext {
	font-size: 2vw;
}

.contentblog00img {
	width: 39vw;
}
	
a.blog_backitem:link  {
	padding-top:100px;
	background-position: 50% 20px;
}


a.blog_forwitem:link  {
	padding-top:100px;
	background-position: 50% 20px;
}

	
	
	
	
		
}

@media only screen and (max-width: 500px) {
		.contentblog00  p {
		margin-left:0px;
		
	}
	
	
.contentblog00item {
		width:85vw;
		height: auto;
		float:none;
	margin-bottom: 30px;
		
	}
.contentblog01item {
	width:85vw;
	
}

.contentblog00itemimg {
	width: 85vw;
	
}
.contentblog00itemtext {
	width:85vw;
}
.contentblog01itemtext {
	font-size: 18px;
	
}
.contentblog02itemtext {

	font-size: 28px;

}
.contentblog03itemtext {
	font-size: 18px;
}

.contentblog00img {
	width: 85vw;
}
	.bbr {
		display:contents;
	}
	
	
	
	
}

/* FEEDBACK
###################################################################################################################
###################################################################################################################
###################################################################################################################
*/
.contentfb00img {
		width: 24vw;
	}
.contentfbtext00 {
	color:#59b3d4;
	font-size: 90%;
	margin-top: 20px;
	line-height: 160%;
}
.contentfbtext01 {
	color:#a47d67;
	font-size: 90%;
	line-height: 160%;
}
@media only screen and (max-width: 890px) {
				 
		.contentfb00img {
			width: 300px;
		}	
   }
@media only screen and (max-width: 400px) {
				 
		.contentfb00img {
			width: 100%;
		}	
   }



/* FORMULAR
###################################################################################################################
###################################################################################################################
###################################################################################################################
*/
#content00form {
	width: 100%;
	background-color: #613111;
}
.contentform00left {
	margin-left:20vw;
	width: 650px;
	text-align: left;
	line-height: 150%;
	font-size: 22px;
	color:#ffffff;
	margin-bottom: 20px;
}
.contentform01left {
	margin-left:20vw;
	width: 900px;
	text-align: left;
	line-height: 150%;
	color:#ffffff;
	float:left;
	
}
.contentform02right {
	margin-left:20px;
	width: 230px;
	text-align: left;
	color:#ffffff;
	float:left;
	font-size: 16px;
	line-height: 150%;
}
.contentformtext00 {
	width: 650px;
	text-align: left;
	line-height: 150%;
	color:#ffffff;
	margin-top:10px;
	margin-left: 15px;
	font-size: 15px;
}
.contentformfield00 {
	width: 313px;
	text-align: left;
	line-height: 150%;
	color:#ffffff;
	float:left;
	margin-top:5px;
}
.contentformfield01 {
	width: 650px;
	text-align: left;
	line-height: 150%;
	color:#ffffff;
	float:left;
	margin-top:5px;
	
}
.contentformfield02 {
	width: 650px;
	text-align: right;
	line-height: 150%;
	color:#ffffff;
	margin-top:20px;
}
.contentformfield03 {
	
	/*display: none;*/
}
.contentformfield04 {
	
	margin-left: 0vw;
	line-height: 150%;
	color:#ffffff;
	margin-top:20px;
}
.contentformfield05 {
	width: 250px;
	line-height: 150%;
	color:#ffffff;
	float:left;
	margin-top: 20px;
}



.form00{
	border: 2px solid #fff;
	border-radius: 10px; 
	display: block;
	padding:5px;
	padding-left: 10px;
}
.form01{
	font-size: 16px;
	color:#ffffff;
	background-color: #613111;
	border: 0;
	width: 95%;
}
.form02{
	font-size: 16px;
	color:#ffffff;
	background-color: #613111;
	border: 0;
	width: 620px;
	height: 80px;
}
.form03{
	font-size: 16px;
	color:#ffffff;
	background-color: #613111;
	border: 0;
	width: 620px;
	background: transparent;
	
}
select {
	-webkit-appearance: none;
  
}
#email_required {
	display: none;
	
	}
#vname {
	display: none;
	
	}
	#wname {
		display: none;
		
		}

#content00form  a:link  {text-decoration: none; color:#fff;}
#content00form  a:visited  {text-decoration: none; color:#fff;}
#content00form  a:hover  {text-decoration: underline;  color:#fff;}
#content00form  a:active  {text-decoration: none; color:#fff;}


.buttonform00 { font-size:90%;
	background-color: #fff; 
	padding:9px;
	color:#54595F;
	border-radius: 10px; 
	padding-left:20px; 
	padding-right:20px; 
	border: 0;
	width: 30%;
	text-align: center;
	font-weight: 700;
}
.buttonform00:hover
{
  background-color: #b66621;
color: #333333;
	transition: 0.3s;
}

#error01 {
	color:#C97475;
}

#success01 {
	color:#ffffff;
}


/* FORMULAR MOBIL
###################################################################################################################
*/
@media only screen and (max-width: 1045px) {
	
	h1 {
		font-size: 28px;
	}
	h2 {
		font-size: 20px;
		box-sizing: border-box;
		overflow-wrap: break-word;
    word-break: break-word;
	
	}
	.contentform00left {
	margin-left:2vw;
	}
	.contentform01left {
	margin-left:2vw;
	}
	.contentform02right {
	width: 200px;
	font-size: 15px;
}
	.contentform01left {
	width: 870px;
	
}
	
}

@media only screen and (max-width: 890px) {
	.contentform02right {
		display: none;
		
	}
	.contentform00left {
	margin-left:30px;
	}
	.contentform01left {
	margin-left:30px;
	}
	.contentformfield03 {
	
			display: contents;
	}
	.contentform01left {
		width: 650px;
		
	
	}
	
		
}

@media only screen and (max-width: 690px) {
	.contentform00left {
	margin-left:30px;
	width: 90%;
	font-size: 22px;
	color:#ffffff;
		
	
		
	}	
	.brform {
		display: none;
	}
	.contentform01left {
		width: 90%;
		
		margin-right:0px;
		
	margin-left:30px;
		
	
	

	
	}
	
	.contentformfield00 {
	width: 95%;
	float:none;
		
}
	.contentformtext00 {
	width: 90%;
		margin-top: 10px;
		
	
}
	
	.contentformfield01 {
		width: 95%;
		float:none;
		margin-top:5px;
		

	}
	
	.form02{
	width: 95%;
	
}
.form03{
	width: 95%;
	
	
}
	.contentformfield02 {
	width: 95%;
		
}
	.contentformfield04 {
	
	margin-left: 0px;
}
.contentformfield05 {
	width: 70%;
	
}
	.buttonform00 { font-size:90%;
	
	width: 100%;
	text-align: center;
}
	
	
	
	
	
		
}

/* FOOTER
###################################################################################################################
###################################################################################################################
###################################################################################################################
*/
#footer00 {
	width: auto;
	background-color: #f2f2f2;
	padding-top: 100px;
	padding-bottom: 20px;
	padding-left: 30px;
	padding-right: 30px;
	
    background-image: url("images/Blume_Footer_neu.png");
    background-position: center left;
    background-size: cover;
	text-align: center;	
}
#footertext00 {
	width: 600px;
	color:#999;
	font-size: 18px;
	margin:0px auto;
	padding-top:30px;
}


.table_footermenu-cell a:link {
	color:#777;

	text-decoration: none;
}
.table_footermenu-cell a:visited {
	text-decoration: none;
	color:#777;
}
.table_footermenu-cell a:hover {
	text-decoration: underline;
	color:#777;
	transition: 0.3s;
}
.table_footermenu-cell a:active {
	text-decoration: none;
	color:#777;
}






@media only screen and (max-width: 890px) {
	#footertext00 {
	width: 80%;
	
}

}




.table_footermenu { 
  margin:0px auto;
	padding-top: 50px;
 
  display: table; 

  
  
  
}




.table_footermenu-cell { width:auto; text-align: center; color:#999;font-size: 13px;
vertical-align: middle; margin-bottom:10px;}







@media (max-width:1400px) {

}
@media (min-width:850px) {
	.table_footermenu-row {display: table-row;}
.table_footermenu-cell {display: table-cell; padding-right:30px; margin-bottom:0px;}
.table_footermenu-cell:nth-child(4) { padding-right:0px;}


}









#footer_contact00 {
	text-align: center;
	margin-top: 50px;
	color:#999;font-size: 13px;
	line-height: 160%;
	margin-bottom:50px;
	
}

 @media (max-width:850px) {
 #footer_contact00 {
	width: 80%;
	margin: 0px auto;
	margin-top:20px;
	
}

}
#footer_fb00 {
	text-align: center;
	margin-top: 30px;
	margin-bottom:50px;
	color:#999;font-size: 20px;
}


#footer_contact00 a:link {
	color:#999;

	text-decoration: none;
}
#footer_contact00 a:visited {
	text-decoration: none;
	color:#999;
}
#footer_contact00 a:hover {
	text-decoration: underline;
	color:#999;
	transition: 0.3s;
}
#footer_contact00  a:active {
	text-decoration: none;
	color:#999;
}


.custom-form-container { max-width: 600px; font-family: sans-serif; text-align: center; margin:0px auto; padding-top:80px}
  
  @media (min-width:1200px) {
 .custom-mc-form { display: flex;  }

}
  .custom-mc-form input[type="email"] { flex: 1; padding: 18px; border: none; font-size: 90%; outline: none; color:#54595F;}
  .custom-mc-form button { background-color: #40a0c9; color: white; border: none; padding: 0 40px; text-transform: uppercase;  cursor: pointer; }
  #form-response { margin-top: 5px; font-size: 14px; display: none; }
  .custom-mc-form input[type="email"]::placeholder {
  color:#999;
  opacity: 1; /* Firefox */
}
/* For Mozilla Firefox */
.custom-mc-form input[type="email"]:-moz-placeholder {
  color:#999;
  opacity: 1;
}
/* For Internet Explorer 10-11 */
.custom-mc-form input[type="email"]:-ms-input-placeholder {
 color:#999;
}
/* For Microsoft Edge */
.custom-mc-form input[type="email"]::-ms-input-placeholder {
 color:#999;
}

  @media (max-width:1200px) {
.custom-mc-form input[type="email"] {
	
	width: 82%;
	flex: 0; 
	padding: 4%;
	display:inline-block;
	
}
.custom-form-container {
	width: 100%;
	
}
.custom-mc-form button {
	width: 90%;
	padding: 20px;
}

}



#form-text {
	font-size: 80%; color: #888; margin-top: 5px;
}














/* MOBIL NAVIGATION
###################################################################################################################
###################################################################################################################
###################################################################################################################
*/

#top01navstart {
	width:100%;
	text-align:center;
	position: fixed;
	z-index:999;
	display: none;
	
	
}
@media screen and (max-width: 1050px) {
 
#top01navstart {
  top:12vw;

}  
}
@media screen and (max-width: 800px) {
 
#top01navstart {
  top:22vw;
}  
}



a.linavitem01 {
background-color:#f2f2f1;
font-size:18px;
display:block;
padding-top:10px;
padding-bottom:10px;
border-top:1px solid #ffffff;
text-align: center;
opacity: 0.97;
}
a.linavitem01:link {
color: #555;
text-decoration: none;
}
a.linavitem01:active {
color: #555;
text-decoration: none;
}
a.linavitem01:visited {
color: #555;
text-decoration: none;
}
a.linavitem01:hover {
color:#3da2c4;
text-decoration: none;
background-color:#ededed;

}

a.linavitem02 {
background-color:#ededed;
color:#3da2c4;
font-size:18px;
display:block;
padding-top:10px;
padding-bottom:10px;
border-top:1px solid #fff;
text-align: center;
}
a.linavitem02:link {
color:#3da2c4;
text-decoration: none;
}
a.linavitem02:hover {
color:#3da2c4;
text-decoration: none;
}
a.linavitem02:active {
color:#3da2c4;
text-decoration: none;
}
a.linavitem02:visited {
color:#3da2c4;
text-decoration: none;
}

#mob_lan {
	background-color: #54595F;
	padding-top: 1vh;
	padding-bottom: 1vh;
	display: block;
	text-align: center;
	font-size: 80%;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}
#mob_social {
	background-color: #54595F;
	padding-top: 2vh;
	display: block;
	text-align: center;
	padding-bottom: 1vh;
	border-bottom:1px solid #fff;
}





.bgimg-1, .bgimg-2, .bgimg-3 {
  position: relative;
  background-attachment:fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;

  
  width: 100%;
  margin-top:0px;
  aspect-ratio: 100 / 33;
  
 
  /* SAFARI ANTI FLICKERING:*/
  /* will-change: transform;
  transform: translate3d(0, 0, 0); 
  backface-visibility: hidden;
   -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;*/

}


.caption {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  color: #54595F;
}

.caption span.border {
  background-color: #54595F;
  color: #fff;
  padding: 18px;
  font-size: 25px;
  letter-spacing: 10px;
}

@media screen and (max-width: 1050px) {
 
.bgimg-1 {
  margin-top:10vw;
  width: 100vw;
  height: 70vw;
 
}

  
}
@media screen and (max-width: 800px) {
 
.bgimg-1, .bgimg-2, .bgimg-3{
  margin-top:22vw;
  width: 100vw;
  height: 80vw;
 
  
 

}

  
}

/* Turn off parallax scrolling for tablets and phones */
@media screen and (max-width: 1050px) {
  .bgimg-1, .bgimg-2, .bgimg-3 {
    background-attachment: scroll;
	background-size:cover;
  }
}

.caption2 {
  position: absolute;
  right: 1vw;
  bottom: 1vh;
  
  
  text-align: center;
  color: #000;
  background-color:#54595F;
}
.caption2 span.border {
  background-color: #54595F;
  color: #fff;
  padding: 2px;
  font-size: 100%;
  letter-spacing: 2px;
}

@media screen and (max-width: 1024px) {
 .caption2 {
  position: absolute;
  right: 1vw;
  bottom: 12vh;
  
  
  text-align: center;
  color: #000;
  background-color:#54595F;
}
.caption2 span.border {
  background-color: #54595F;
  color: #fff;
  padding: 2px;
  font-size: 80%;
  letter-spacing: 2px;
}

  
}

.capp00 {color: #fff;} 

a.cap00:link { text-decoration: none; color: #fff;}
a.cap00:visited { text-decoration: none; color:  #fff; }
a.cap00:hover { text-decoration: none; color: #fff;}
a.cap0000:active { text-decoration: none;  color:  #fff; }


h3 {
  letter-spacing: 5px;
  text-transform: uppercase;
  font: 20px "Lato", sans-serif;
  color: #111;
}




/* swiper*/
.swiper {
	height: 70vh;
	width: 70vw;
	margin-top: 20vh;
}
.swiper-slide {
	width: 100vw;
	text-align: center;
	
	
	position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  
}

.swiper-button-next,.swiper-button-prev{
	
	color:#fff;
	/*-webkit-text-stroke: 2px #fff;*/
	/*text-shadow: #333 3px 3px 5px;*/

	text-shadow: 0 0 10px black;
}

@media screen and (max-width: 890px) {
  .swiper {
	height: 70vh;
	width: 100vw;
	margin-top: 10vh;
	
}
.swiper-button-next,.swiper-button-prev{
	
	
	display: none;
	visibility: hidden;
}
.swiper-slide {
	margin-top: 7.5vh;
	
}
}

/*
//////*CARD PREIS*/
  .card {
    width: 350px;
    margin: 50px auto;
    background: #f9fafa;
    border-radius: 0px;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    text-align: center;
  }

  @media screen and (max-width: 850px) {
 .card {
    width: 90%;
    margin: 0px auto;
	margin-bottom: 30px;
    
  }

  }

  .card-header {
    background: #3da2c4;
    color: white;
    padding: 15px;
    font-size: 25px;
    font-weight: 500;
  }

  .card-body {
    padding: 40px 20px;
  }

  .price {
    color: #3da2c4;
    font-size: 72px;
    font-weight: 500;
	
  }

  .price span {
    font-size: 28px;
    vertical-align: top;
  }

  .details {
    margin-top: 30px;
    
    font-size: 80%;
  }