/* ---------------------------------------
	Responsive design code
-----------------------------------------*/

@media screen and (min-width: 1081px) {

.hidemobile5,
.tck-hide-desktop {
	display: none !important;
}

[class*="tck-cols"].tck-stack-5,
[class*="tck-cols"].tck-stack-desktop {
	flex-direction: column;
}

[class*="tck-cols"].tck-stack-5 > *,
[class*="tck-cols"].tck-stack-desktop > * {
	width: auto !important;
}


#section-7-1-mobill {
	display :none;
}
  /* IPAD 10 */
@media screen and (max-width: 1281px) {

#maincontent > .inner {
  padding-right: 4%;
  padding-left: 4%;
}

#section-1-inner > .inner {
    width: 70%;
    padding-top: 0px;}
  
#section-1-inner .tck-module-title {
    line-height: 56px;
    font-size: 50px;}
    
#section-1-inner .tck-module-text {
  line-height: 28px;
  font-size: 22px;}

#wrapper8 {
  padding-bottom: 10%;}

#section-9-1 > .inner {
  width: 80%;}

}

}

@media screen and (min-width: 951px) and (max-width: 1080px) {

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

.hidemobile4,
.tck-hide-tablet-l {
	display: none !important;
}

[class*="tck-cols"].tck-stack-4,
[class*="tck-cols"].tck-stack-tablet-l {
	flex-direction: column;
}

[class*="tck-cols"].tck-stack-4 > *,
[class*="tck-cols"].tck-stack-tablet-l > * {
	width: auto !important;
	max-width: 100%;
}



#section-7-1-mobill {
	display :none;
}
h1, div.componentheading, h2, #section-5-1 .tck-module h3, #section-6-1 .tck-module h3, #section-7-2 .tck-module h3, #section-8-1 .tck-module h3, #section-9-1 .tck-module h3 {
  line-height: 38px;
  font-size: 30px;}

.itemid-178 #wrapper1, .itemid-179 #wrapper1 {
 background-image: none;
background-color:#333;
height: 60px !important;}

#section-1-inner > .inner {
    width: 70%;
    padding-top: 0px;}
  
#section-1-inner .tck-module-title {
    line-height: 46px;
    font-size: 40px;}
    
#section-1-inner .tck-module-text {
  line-height: 28px;
  font-size: 22px;}


#wrapper8 {
  padding-bottom: 10%;}

#wrapper12 {
  padding-top: 8%;
  padding-bottom: 8%;}

.vertical-line {
  height: 300px !important;}

#wrapper {
  margin-top: 10%;
}

#maincontent > .inner {
  padding-right: 4%;
  padding-left: 4%;
}

}

@media screen and (min-width: 759px) and (max-width: 950px) {

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

.hidemobile3,
.tck-hide-tablet-p {
	display: none !important;
}

[class*="tck-cols"].tck-stack-3,
[class*="tck-cols"].tck-stack-tablet-p {
	flex-direction: column;
}

[class*="tck-cols"].tck-stack-3 > *,
[class*="tck-cols"].tck-stack-tablet-p > * {
	width: auto !important;
	max-width: 100%;
}



#section-2-row > .inner {
	flex-direction: column;
}
#section-2-row .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-2-row .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-3-row > .inner {
	flex-direction: column;
}
#section-3-row .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-3-row .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#wrapper4 {
	display :none;
}
#section-5-row > .inner {
	flex-direction: column;
}
#section-5-row .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-5-row .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-6-row > .inner {
	flex-direction: column;
}
#section-6-row .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-6-row .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-7-row > .inner {
	flex-direction: column;
}
#section-7-row .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-7-row .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-7-1 {
	display :none;
}
#section-8-row > .inner {
	flex-direction: column;
}
#section-8-row .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-8-row .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.karte {
   width: 90% !important;}

h1, div.componentheading, h2, #section-5-1 .tck-module h3, #section-6-1 .tck-module h3, #section-7-2 .tck-module h3, #section-8-1 .tck-module h3, #section-9-1 .tck-module h3 {
  line-height: 38px;
  font-size: 30px;}

.itemid-178 #wrapper1, .itemid-179 #wrapper1 {
 background-image: none;
background-color:#333;
height: 60px !important;}

#section-1-inner > .inner {
    width: 90%;
    padding-top: 0px;}
  
#section-1-inner .tck-module-title {
    line-height: 46px;
    font-size: 40px;}
    
#section-1-inner .tck-module-text {
  line-height: 28px;
  font-size: 22px;}



#section-2-rowcolumn1{
  padding-right: 8%;
  padding-left: 8%;}

#section-2-rowcolumn2 {
  margin-top: 0%;
  padding-right: 8%;
  padding-left: 8%;}

#section-2-rowcolumn2 img {
width:70%;}

#section-2-3 > .inner {
  margin-top: 10%;
  margin-bottom: 10%;}

#wrapper3 {
 margin-top:10%;}

#section-3-row > .inner {
  padding-top: 0%;}

#section-3-rowcolumn2 {
  margin-top: 0%;
  padding-right: 8%;
  padding-left: 8%;}

#section-3-rowcolumn2 img {
  width:70%;}

#section-3-3 > .inner, #section-5-3 > .inner {
  margin-top: 0%;
  margin-bottom: 5%;}

#section-5-1 > .inner {
  padding-top: 5%;}

#section-5-rowcolumn2 {
  margin-top: 5%;
  padding-right: 8%;
  padding-left: 8%;
  padding-bottom: 10%;}

#section-5-rowcolumn2 img {
  width:70%;}

#section-6-1 > .inner{
  padding-top: 5%;}

#section-6-rowcolumn2 {
    margin-top: 10%;
    padding-right: 8%;
    padding-left: 8%;}

#section-6-rowcolumn2 img {
  width:70%;}

#section-6-3 > .inner {
  margin-top: 0%;
  margin-bottom: 0%;}

#wrapper7 {
  margin-top: 10%;}

#section-7-2 > .inner {
  padding-top: 10%;}

#section-7-1-mobill > .inner {
  padding-top: 0%;
  padding-left: 4%;
  padding-right: 4%;}

#section-7-1-mobill > .inner img {
  width:60%;}

#section-7-1-mobill > .inner {
  padding-bottom: 13%;}

#section-8-rowcolumn1 {
  padding-right: 8%;
  padding-left: 8%;}

#section-8-rowcolumn2 {
    margin-top: 10%;
    margin-bottom: 10%;
    padding-right: 8%;
    padding-left: 8%;
    padding-bottom: 0%;}

#section-8-rowcolumn2 img {
  width:60%;}

#section-9-1 > .inner, #section-10-1 > .inner{
  padding-top: 10%;
  padding-bottom: 10%;
  width: 90%;}

#wrapper12 {
  padding-top: 10%;
  padding-bottom: 10%;}

.vertical-line {
  height: 200px !important;}

#wrapper {
  margin-top: 15%;
}

#maincontent > .inner {
  padding-right: 4%;
  padding-left: 4%;
}





}

@media screen and (min-width: 525px) and (max-width: 758px) {

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

.hidemobile2,
.tck-hide-phone-l {
	display: none !important;
}

[class*="tck-cols"].tck-stack-2,
[class*="tck-cols"].tck-stack-phone-l {
	flex-direction: column;
}

[class*="tck-cols"].tck-stack-2 > *,
[class*="tck-cols"].tck-stack-phone-l > * {
	width: auto !important;
	max-width: 100%;
}



#body {
	height: auto !important;
}
#body .logobloc {
	float :none !important;
	width: auto !important;
}
#section-1 {
	height: auto !important;
}
#section-1 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper1column1 > .inner {
	flex-direction: column;
}
#wrapper1column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper1column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#logo1 {
	height: auto !important;
}
#logo1 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper1column2 > .inner {
	flex-direction: column;
}
#wrapper1column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper1column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#menu {
	height: auto !important;
}
#menu ul {
	height: auto !important;
}
#menu li {
	float :none !important;
	width: 100% !important;
}
#menu div.floatck, #menu li > ul {
	width: 100% !important;
	position: relative !important;
	display: block !important;
	margin: 0 !important;
	left: auto !important;
}
#menu div.maximenuck2 {
	width: 100% !important;
	position: relative !important;
	display: block !important;
	float: none !important;
}
#wrapper1 {
	height: auto !important;
}
#wrapper1 .logobloc {
	float :none !important;
	width: auto !important;
}
#section-1-row2 > .inner {
	flex-direction: column;
}
#section-1-row2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-1-row2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#wrapper1column3 > .inner {
	flex-direction: column;
}
#wrapper1column3 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper1column3 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-1-inner {
	height: auto !important;
}
#section-1-inner .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper {
	height: auto !important;
}
#wrapper .logobloc {
	float :none !important;
	width: auto !important;
}
#maincontent > .inner {
	display: block;
}
#maincontent .column {
	width: 100% !important;
	clear:both;
	float:left
}
#maincontent .column1 div.inner, #maincontent .column2 div.inner {
	/*overflow:hidden;*/
}
#maincontent .column div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.items-row .item, .column {
	width: auto !important;
	float: none;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.column div.moduletable, .column div.moduletable_menu {
	float: none;
	width: auto !important;
	/*margin: 0 !important;
	padding: 0 !important;*/
}

/** specifique au formulaire de contact **/
.contact form fieldset dt {
	max-width: 80px;
}

.contact input, .contact textarea {
	max-width: 160px;
}#main {
	height: auto !important;
}
#main .logobloc {
	float :none !important;
	width: auto !important;
}
#maincenter {
	height: auto !important;
}
#maincenter .logobloc {
	float :none !important;
	width: auto !important;
}
#center {
	height: auto !important;
}
#center .logobloc {
	float :none !important;
	width: auto !important;
}
#content {
	height: auto !important;
}
#content .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper2 {
	height: auto !important;
}
#wrapper2 .logobloc {
	float :none !important;
	width: auto !important;
}
#section-2-row > .inner {
	flex-direction: column;
}
#section-2-row .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-2-row .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-2-rowcolumn1 > .inner {
	flex-direction: column;
}
#section-2-rowcolumn1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-2-rowcolumn1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-2-1 {
	height: auto !important;
}
#section-2-1 .logobloc {
	float :none !important;
	width: auto !important;
}
#section-2-3 {
	height: auto !important;
}
#section-2-3 .logobloc {
	float :none !important;
	width: auto !important;
}
#section-2-rowcolumn2 > .inner {
	flex-direction: column;
}
#section-2-rowcolumn2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-2-rowcolumn2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-2-2 {
	height: auto !important;
}
#section-2-2 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper3 {
	height: auto !important;
}
#wrapper3 .logobloc {
	float :none !important;
	width: auto !important;
}
#section-3-row > .inner {
	flex-direction: column;
}
#section-3-row .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-3-row .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-3-rowcolumn1 > .inner {
	flex-direction: column;
}
#section-3-rowcolumn1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-3-rowcolumn1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-3-1 {
	height: auto !important;
}
#section-3-1 .logobloc {
	float :none !important;
	width: auto !important;
}
#section-3-3 {
	height: auto !important;
}
#section-3-3 .logobloc {
	float :none !important;
	width: auto !important;
}
#section-3-rowcolumn2 > .inner {
	flex-direction: column;
}
#section-3-rowcolumn2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-3-rowcolumn2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-3-2 {
	height: auto !important;
}
#section-3-2 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper4 {
	display :none;
}
#section-4 {
	height: auto !important;
}
#section-4 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper5 {
	height: auto !important;
}
#wrapper5 .logobloc {
	float :none !important;
	width: auto !important;
}
#section-5-row > .inner {
	flex-direction: column;
}
#section-5-row .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-5-row .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-5-rowcolumn1 > .inner {
	flex-direction: column;
}
#section-5-rowcolumn1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-5-rowcolumn1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-5-1 {
	height: auto !important;
}
#section-5-1 .logobloc {
	float :none !important;
	width: auto !important;
}
#section-5-3 {
	height: auto !important;
}
#section-5-3 .logobloc {
	float :none !important;
	width: auto !important;
}
#section-5-rowcolumn2 > .inner {
	flex-direction: column;
}
#section-5-rowcolumn2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-5-rowcolumn2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-5-2 {
	height: auto !important;
}
#section-5-2 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper6 {
	height: auto !important;
}
#wrapper6 .logobloc {
	float :none !important;
	width: auto !important;
}
#section-6-row > .inner {
	flex-direction: column;
}
#section-6-row .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-6-row .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-6-rowcolumn1 > .inner {
	flex-direction: column;
}
#section-6-rowcolumn1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-6-rowcolumn1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-6-1 {
	height: auto !important;
}
#section-6-1 .logobloc {
	float :none !important;
	width: auto !important;
}
#section-6-3 {
	height: auto !important;
}
#section-6-3 .logobloc {
	float :none !important;
	width: auto !important;
}
#section-6-rowcolumn2 > .inner {
	flex-direction: column;
}
#section-6-rowcolumn2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-6-rowcolumn2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-6-2 {
	height: auto !important;
}
#section-6-2 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper7 {
	height: auto !important;
}
#wrapper7 .logobloc {
	float :none !important;
	width: auto !important;
}
#section-7-row > .inner {
	flex-direction: column;
}
#section-7-row .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-7-row .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-7-rowcolumn1 {
	display :none;
}
#section-7-1 {
	height: auto !important;
}
#section-7-1 .logobloc {
	float :none !important;
	width: auto !important;
}
#section-7-rowcolumn2 > .inner {
	flex-direction: column;
}
#section-7-rowcolumn2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-7-rowcolumn2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-7-2 {
	height: auto !important;
}
#section-7-2 .logobloc {
	float :none !important;
	width: auto !important;
}
#section-7-1-mobill {
	height: auto !important;
}
#section-7-1-mobill .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper8 {
	height: auto !important;
}
#wrapper8 .logobloc {
	float :none !important;
	width: auto !important;
}
#section-8-row > .inner {
	flex-direction: column;
}
#section-8-row .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-8-row .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-8-rowcolumn1 > .inner {
	flex-direction: column;
}
#section-8-rowcolumn1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-8-rowcolumn1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-8-3 {
	height: auto !important;
}
#section-8-3 .logobloc {
	float :none !important;
	width: auto !important;
}
#section-8-1 {
	height: auto !important;
}
#section-8-1 .logobloc {
	float :none !important;
	width: auto !important;
}
#section-8-rowcolumn2 > .inner {
	flex-direction: column;
}
#section-8-rowcolumn2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-8-rowcolumn2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-8-2 {
	height: auto !important;
}
#section-8-2 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper9 {
	height: auto !important;
}
#wrapper9 .logobloc {
	float :none !important;
	width: auto !important;
}
#section-9-row > .inner {
	flex-direction: column;
}
#section-9-row .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-9-row .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-9-rowcolumn1 > .inner {
	flex-direction: column;
}
#section-9-rowcolumn1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-9-rowcolumn1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-9-1 {
	height: auto !important;
}
#section-9-1 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper10 {
	height: auto !important;
}
#wrapper10 .logobloc {
	float :none !important;
	width: auto !important;
}
#section-10-row > .inner {
	flex-direction: column;
}
#section-10-row .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-10-row .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-10-rowcolumn1 > .inner {
	flex-direction: column;
}
#section-10-rowcolumn1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-10-rowcolumn1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-10-1 {
	height: auto !important;
}
#section-10-1 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper11 {
	height: auto !important;
}
#wrapper11 .logobloc {
	float :none !important;
	width: auto !important;
}
#google {
	height: auto !important;
}
#google .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper12 {
	height: auto !important;
}
#wrapper12 .logobloc {
	float :none !important;
	width: auto !important;
}
#footer-row > .inner {
	flex-direction: column;
}
#footer-row .flexiblecolumn {
	width: 100% !important;
float: none;
}
#footer-row .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#footer-rowcolumn1 > .inner {
	flex-direction: column;
}
#footer-rowcolumn1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#footer-rowcolumn1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#footer {
	height: auto !important;
}
#footer .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper13 {
	height: auto !important;
}
#wrapper13 .logobloc {
	float :none !important;
	width: auto !important;
}
#copy {
	height: auto !important;
}
#copy .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper14 {
	height: auto !important;
}
#wrapper14 .logobloc {
	float :none !important;
	width: auto !important;
}
#end-row > .inner {
	flex-direction: column;
}
#end-row .flexiblecolumn {
	width: 100% !important;
float: none;
}
#end-row .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#end-rowcolumn1 > .inner {
	flex-direction: column;
}
#end-rowcolumn1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#end-rowcolumn1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#button-cookie {
	height: auto !important;
}
#button-cookie .logobloc {
	float :none !important;
	width: auto !important;
}
#end-rowcolumn2 > .inner {
	flex-direction: column;
}
#end-rowcolumn2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#end-rowcolumn2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#reservierung {
	height: auto !important;
}
#reservierung .logobloc {
	float :none !important;
	width: auto !important;
}
#layout_error404_html {
	height: auto !important;
}
#layout_error404_html .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomlayoutblog {
	height: auto !important;
}
#ckcustomlayoutblog .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomlayoutarticle {
	height: auto !important;
}
#ckcustomlayoutarticle .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomlayoutsearch {
	height: auto !important;
}
#ckcustomlayoutsearch .logobloc {
	float :none !important;
	width: auto !important;
}
.teaser {
  padding: 4%;
  width: 90% !important;}
.karte {
    width: 90% !important;}
.karte-txt {
font-size:14px !important;
line-height: 22px !important;}

h1, div.componentheading, h2, #section-5-1 .tck-module h3, #section-6-1 .tck-module h3, #section-7-2 .tck-module h3, #section-8-1 .tck-module h3, #section-9-1 .tck-module h3 {
  line-height: 38px;
  font-size: 30px;}

.itemid-178 #wrapper1, .itemid-179 #wrapper1 {
 background-image: none;
background-color:#333;
height: 60px !important;}


#section-1-inner > .inner {
    width: 90%;
    padding-top: 0px;}
  
#section-1-inner .tck-module-title {
    line-height: 36px;
    font-size: 30px;}
    
#section-1-inner .tck-module-text {
  line-height: 28px;
  font-size: 18px;}


#section-2-rowcolumn1{
  padding-right: 8%;
  padding-left: 8%;}

#section-2-rowcolumn2 {
  margin-top: 0%;
  padding-right: 8%;
  padding-left: 8%;}

#section-2-rowcolumn2 img {
width:60%;}

#section-2-3 > .inner {
  margin-top: 10%;
  margin-bottom: 10%;}

#wrapper3 {
 margin-top:10%;}

#section-3-row > .inner {
  padding-top: 0%;}

#section-3-rowcolumn2 {
  margin-top: 0%;
  padding-right: 8%;
  padding-left: 8%;}

#section-3-rowcolumn2 img {
  width:60%;}

#section-3-3 > .inner, #section-5-3 > .inner {
  margin-top: 0%;
  margin-bottom: 5%;}

#section-5-1 > .inner {
  padding-top: 5%;}

#section-5-rowcolumn2 {
  margin-top: 5%;
  padding-right: 8%;
  padding-left: 8%;
  padding-bottom: 10%;}

#section-5-rowcolumn2 img {
  width:60%;}

#section-6-1 > .inner{
  padding-top: 5%;}

#section-6-rowcolumn2 {
    margin-top: 10%;
    padding-right: 8%;
    padding-left: 8%;}

#section-6-rowcolumn2 img {
  width:60%;}

#section-6-3 > .inner {
  margin-top: 0%;
  margin-bottom: 0%;}

#wrapper7 {
  margin-top: 10%;}

#section-7-2 > .inner {
  padding-top: 10%;}

#section-7-1-mobill > .inner {
  padding-top: 0%;
  padding-left: 4%;
  padding-right: 4%;}

#section-7-1-mobill > .inner img {
  width:60%;}

#section-7-1-mobill > .inner {
  padding-bottom: 13%;}

#section-8-rowcolumn1 {
  padding-right: 8%;
  padding-left: 8%;}

#section-8-rowcolumn2 {
    margin-top: 10%;
    margin-bottom: 10%;
    padding-right: 8%;
    padding-left: 8%;
    padding-bottom: 0%;}

#section-8-rowcolumn2 img {
  width:60%;}

#section-9-1 > .inner, #section-10-1 > .inner{
  padding-top: 10%;
  padding-bottom: 10%;
  width: 90%;}

#wrapper12 {
  padding-top: 10%;
  padding-bottom: 10%;}

.small {
  font-size: 90% !important;}

#copy {
    font-size: 60%;}

#wrapper {
  margin-top: 15%;
}

#maincontent > .inner {
  padding-right: 4%;
  padding-left: 4%;
}







.vertical-line {
  height: 150px !important;}

body {
  font-size: 70%;
  line-height: 160%;}

}

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

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


.hidemobile1,
.tck-hide-phone-p {
	display: none !important;
}

[class*="tck-cols"].tck-stack-1,
[class*="tck-cols"].tck-stack-phone-p {
	flex-direction: column;
}

[class*="tck-cols"].tck-stack-1 > *,
[class*="tck-cols"].tck-stack-phone-p > * {
	width: auto !important;
	max-width: 100%;
}


#body {
	height: auto !important;
}
#body .logobloc {
	float :none !important;
	width: auto !important;
}
#section-1 {
	height: auto !important;
}
#section-1 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper1column1 > .inner {
	flex-direction: column;
}
#wrapper1column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper1column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#logo1 {
	height: auto !important;
}
#logo1 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper1column2 > .inner {
	flex-direction: column;
}
#wrapper1column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper1column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#menu {
	height: auto !important;
}
#menu ul {
	height: auto !important;
}
#menu li {
	float :none !important;
	width: 100% !important;
}
#menu div.floatck, #menu li > ul {
	width: 100% !important;
	position: relative !important;
	display: block !important;
	margin: 0 !important;
	left: auto !important;
}
#menu div.maximenuck2 {
	width: 100% !important;
	position: relative !important;
	display: block !important;
	float: none !important;
}
#section-1-row2 > .inner {
	flex-direction: column;
}
#section-1-row2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-1-row2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#wrapper1column3 > .inner {
	flex-direction: column;
}
#wrapper1column3 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper1column3 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-1-inner {
	height: auto !important;
}
#section-1-inner .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper {
	height: auto !important;
}
#wrapper .logobloc {
	float :none !important;
	width: auto !important;
}
#maincontent > .inner {
	display: block;
}
#maincontent .column {
	width: 100% !important;
	clear:both;
	float:left
}
#maincontent .column1 div.inner, #maincontent .column2 div.inner {
	/*overflow:hidden;*/
}
#maincontent .column div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.items-row .item, .column {
	width: auto !important;
	float: none;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.column div.moduletable, .column div.moduletable_menu {
	float: none;
	width: auto !important;
	/*margin: 0 !important;
	padding: 0 !important;*/
}

/** specifique au formulaire de contact **/
.contact form fieldset dt {
	max-width: 80px;
}

.contact input, .contact textarea {
	max-width: 160px;
}#main {
	height: auto !important;
}
#main .logobloc {
	float :none !important;
	width: auto !important;
}
#maincenter {
	height: auto !important;
}
#maincenter .logobloc {
	float :none !important;
	width: auto !important;
}
#center {
	height: auto !important;
}
#center .logobloc {
	float :none !important;
	width: auto !important;
}
#content {
	height: auto !important;
}
#content .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper2 {
	height: auto !important;
}
#wrapper2 .logobloc {
	float :none !important;
	width: auto !important;
}
#section-2-row > .inner {
	flex-direction: column;
}
#section-2-row .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-2-row .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-2-rowcolumn1 > .inner {
	flex-direction: column;
}
#section-2-rowcolumn1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-2-rowcolumn1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-2-1 {
	height: auto !important;
}
#section-2-1 .logobloc {
	float :none !important;
	width: auto !important;
}
#section-2-3 {
	height: auto !important;
}
#section-2-3 .logobloc {
	float :none !important;
	width: auto !important;
}
#section-2-rowcolumn2 > .inner {
	flex-direction: column;
}
#section-2-rowcolumn2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-2-rowcolumn2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-2-2 {
	height: auto !important;
}
#section-2-2 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper3 {
	height: auto !important;
}
#wrapper3 .logobloc {
	float :none !important;
	width: auto !important;
}
#section-3-row > .inner {
	flex-direction: column;
}
#section-3-row .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-3-row .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-3-rowcolumn1 > .inner {
	flex-direction: column;
}
#section-3-rowcolumn1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-3-rowcolumn1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-3-1 {
	height: auto !important;
}
#section-3-1 .logobloc {
	float :none !important;
	width: auto !important;
}
#section-3-3 {
	height: auto !important;
}
#section-3-3 .logobloc {
	float :none !important;
	width: auto !important;
}
#section-3-rowcolumn2 > .inner {
	flex-direction: column;
}
#section-3-rowcolumn2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-3-rowcolumn2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-3-2 {
	height: auto !important;
}
#section-3-2 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper4 {
	display :none;
}
#section-4 {
	height: auto !important;
}
#section-4 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper5 {
	height: auto !important;
}
#wrapper5 .logobloc {
	float :none !important;
	width: auto !important;
}
#section-5-row > .inner {
	flex-direction: column;
}
#section-5-row .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-5-row .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-5-rowcolumn1 > .inner {
	flex-direction: column;
}
#section-5-rowcolumn1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-5-rowcolumn1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-5-1 {
	height: auto !important;
}
#section-5-1 .logobloc {
	float :none !important;
	width: auto !important;
}
#section-5-3 {
	height: auto !important;
}
#section-5-3 .logobloc {
	float :none !important;
	width: auto !important;
}
#section-5-rowcolumn2 > .inner {
	flex-direction: column;
}
#section-5-rowcolumn2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-5-rowcolumn2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-5-2 {
	height: auto !important;
}
#section-5-2 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper6 {
	height: auto !important;
}
#wrapper6 .logobloc {
	float :none !important;
	width: auto !important;
}
#section-6-row > .inner {
	flex-direction: column;
}
#section-6-row .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-6-row .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-6-rowcolumn1 > .inner {
	flex-direction: column;
}
#section-6-rowcolumn1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-6-rowcolumn1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-6-1 {
	height: auto !important;
}
#section-6-1 .logobloc {
	float :none !important;
	width: auto !important;
}
#section-6-3 {
	height: auto !important;
}
#section-6-3 .logobloc {
	float :none !important;
	width: auto !important;
}
#section-6-rowcolumn2 > .inner {
	flex-direction: column;
}
#section-6-rowcolumn2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-6-rowcolumn2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-6-2 {
	height: auto !important;
}
#section-6-2 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper7 {
	height: auto !important;
}
#wrapper7 .logobloc {
	float :none !important;
	width: auto !important;
}
#section-7-row > .inner {
	flex-direction: column;
}
#section-7-row .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-7-row .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-7-1 {
	display :none;
}
#section-7-rowcolumn2 > .inner {
	flex-direction: column;
}
#section-7-rowcolumn2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-7-rowcolumn2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-7-2 {
	height: auto !important;
}
#section-7-2 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper8 {
	height: auto !important;
}
#wrapper8 .logobloc {
	float :none !important;
	width: auto !important;
}
#section-8-row > .inner {
	flex-direction: column;
}
#section-8-row .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-8-row .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-8-rowcolumn1 > .inner {
	flex-direction: column;
}
#section-8-rowcolumn1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-8-rowcolumn1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-8-3 {
	height: auto !important;
}
#section-8-3 .logobloc {
	float :none !important;
	width: auto !important;
}
#section-8-1 {
	height: auto !important;
}
#section-8-1 .logobloc {
	float :none !important;
	width: auto !important;
}
#section-8-rowcolumn2 > .inner {
	flex-direction: column;
}
#section-8-rowcolumn2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-8-rowcolumn2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-8-2 {
	height: auto !important;
}
#section-8-2 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper9 {
	height: auto !important;
}
#wrapper9 .logobloc {
	float :none !important;
	width: auto !important;
}
#section-9-row > .inner {
	flex-direction: column;
}
#section-9-row .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-9-row .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-9-rowcolumn1 > .inner {
	flex-direction: column;
}
#section-9-rowcolumn1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-9-rowcolumn1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-9-1 {
	height: auto !important;
}
#section-9-1 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper10 {
	height: auto !important;
}
#wrapper10 .logobloc {
	float :none !important;
	width: auto !important;
}
#section-10-row > .inner {
	flex-direction: column;
}
#section-10-row .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-10-row .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-10-rowcolumn1 > .inner {
	flex-direction: column;
}
#section-10-rowcolumn1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#section-10-rowcolumn1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#section-10-1 {
	height: auto !important;
}
#section-10-1 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper11 {
	height: auto !important;
}
#wrapper11 .logobloc {
	float :none !important;
	width: auto !important;
}
#google {
	height: auto !important;
}
#google .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper12 {
	height: auto !important;
}
#wrapper12 .logobloc {
	float :none !important;
	width: auto !important;
}
#footer-row > .inner {
	flex-direction: column;
}
#footer-row .flexiblecolumn {
	width: 100% !important;
float: none;
}
#footer-row .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#footer-rowcolumn1 > .inner {
	flex-direction: column;
}
#footer-rowcolumn1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#footer-rowcolumn1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#footer {
	height: auto !important;
}
#footer .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper13 {
	height: auto !important;
}
#wrapper13 .logobloc {
	float :none !important;
	width: auto !important;
}
#copy {
	height: auto !important;
}
#copy .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper14 {
	height: auto !important;
}
#wrapper14 .logobloc {
	float :none !important;
	width: auto !important;
}
#end-row > .inner {
	flex-direction: column;
}
#end-row .flexiblecolumn {
	width: 100% !important;
float: none;
}
#end-row .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#end-rowcolumn1 > .inner {
	flex-direction: column;
}
#end-rowcolumn1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#end-rowcolumn1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#button-cookie {
	height: auto !important;
}
#button-cookie .logobloc {
	float :none !important;
	width: auto !important;
}
#end-rowcolumn2 > .inner {
	flex-direction: column;
}
#end-rowcolumn2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#end-rowcolumn2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#reservierung {
	height: auto !important;
}
#reservierung .logobloc {
	float :none !important;
	width: auto !important;
}
#layout_error404_html {
	height: auto !important;
}
#layout_error404_html .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomlayoutblog {
	height: auto !important;
}
#ckcustomlayoutblog .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomlayoutarticle {
	height: auto !important;
}
#ckcustomlayoutarticle .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomlayoutsearch {
	height: auto !important;
}
#ckcustomlayoutsearch .logobloc {
	float :none !important;
	width: auto !important;
}
/*CONTENT*/
.teaser {
  padding: 4%;
    width: 90% !important;}
.karte {
    width: 90% !important;}
.karte-txt {
font-size:14px !important;
line-height: 22px !important;}

h1, div.componentheading, h2, #section-5-1 .tck-module h3, #section-6-1 .tck-module h3, #section-7-2 .tck-module h3, #section-8-1 .tck-module h3, #section-9-1 .tck-module h3 {
  line-height: 38px;
  font-size: 30px;}

.itemid-178 #wrapper1, .itemid-179 #wrapper1 {
 background-image: none;
background-color:#333;
height: 60px !important;}

#wrapper1column1 {
  width: calc(60 / 100 * (100% - 0px - (1 * 0px)));}

#logo1 {
    margin-top: 15px;}

#wrapper1 {
  background: url('../images/header-mobil-1.webp') left top no-repeat scroll;}
  
#section-1-inner .tck-module-title {
    line-height: 36px;
    font-size: 30px;}
    
#section-1-inner .tck-module-text {
  line-height: 28px;
  font-size: 18px;}

#wrapper2 > .inner {
  margin-top: 15%;}

#section-2-rowcolumn1{
  padding-right: 8%;
  padding-left: 8%;}

#section-2-rowcolumn2 {
  margin-top: 0%;
  padding-right: 8%;
  padding-left: 8%;}

#section-2-3 > .inner {
  margin-top: 25%;
  margin-bottom: 25%;}

#wrapper3 {
 margin-top:20%;}

#section-3-row > .inner {
  padding-top: 10%;}

#section-3-rowcolumn2, #section-3-rowcolumn2 {
  margin-top: 0%;
  padding-right: 8%;
  padding-left: 8%;}

#section-3-3 > .inner, #section-5-3 > .inner {
  margin-top: 5%;
  margin-bottom: 15%;}

#section-5-rowcolumn2 {
  margin-top: 5%;
  padding-right: 8%;
  padding-left: 8%;
  padding-bottom: 20%;}

#section-6-rowcolumn2 {
  margin-top: 15%;
  padding-right: 8%;
  padding-left: 8%;}

#section-6-3 > .inner {
  margin-top: 5%;
  margin-bottom: 0%;}

#wrapper7 {
  margin-top: 20%;}

#section-7-2 > .inner {
  padding-top: 15%;}

#section-7-1-mobill > .inner {
  padding-top: 0%;
  padding-left: 4%;
  padding-right: 4%;}

#section-8-rowcolumn1 {
  padding-right: 8%;
  padding-left: 8%;}

#section-8-rowcolumn2 {
  margin-top: 20%;
  margin-bottom: 10%;
  padding-right: 8%;
  padding-left: 8%;
  padding-bottom: 10%;}

#section-9-1 > .inner, #section-10-1 > .inner{
  padding-top: 18%;
  padding-bottom: 18%;
  width: 90%;}

#wrapper12 {
  padding-top: 15%;
  padding-bottom: 15%;}


.vertical-line {
  height: 250px !important;}

#wrapper {
  margin-top: 25%;
}

#maincontent > .inner {
  padding-right: 4%;
  padding-left: 4%;
}



}