div.layout { 
	width: 100%;
  max-width: 767px;
  max-width: 767px;
	margin: 0px auto;
}

div.row {
	height: 1%;
}

div.row-end {
	clear: both;
	font: 1px/1px sans-serif;
	height: 1px;
	overflow: hidden;
}

div.col1s, div.col2s, div.col3s, div.col4s, div.col5s,
div.col6s, div.col7s, div.col8s, div.colMaxs, div.colMax {
	float: left; 
	margin-left: 0px;
}

div.col1s:first-child, div.col2s:first-child, div.col3s:first-child,
div.col4s:first-child, div.col5s:first-child, div.col6s:first-child,
div.col7s:first-child, div.col8s:first-child, 
div.colMaxs:first-child, div.colMax:first-child {
	margin-left: 0px;
}

div.col1s { width: 12.5%; }
div.col2s { width: 25%; }
div.col3s { width: 37.5%; }
div.col4s { width: 50%; }
div.col5s { width: 62.5%; }
div.col6s { width: 75%; }
div.col7s { width: 87.5%; }
div.col8s { width: 100%; }

div.colMaxs { width: 100%; }
div.colMax  { width: 100%; }

div.colNones { display:none; }


/* ======== */
/* FULLPAGE */
/* ======== */

.fp-tableCell {
	vertical-align: top !important;
	padding-bottom: 0px;	
}


/* ==== */
/* Text */
/* ==== */

b {
	color: #333333;
}

p, br, a, label, div, ul, li {
  font-size: 18px;
  line-height: 24px;
}

.symbol  {
	line-height: 24px;
	height: 24px;
}
.icon-facebook-squared:before,
.icon-instagram:before,
.icon-youtube:before {
	margin-right: 8px;
}

h2 {
	font-family: "webfont2n", sans-serif;
	font-size:18px;
	line-height: 21px;
	color: #333333;
	margin-bottom: 5px;
/*	
	text-transform: uppercase;
*/	
}

h2 {
  margin-bottom: 10px;
  margin-bottom: 24px;
/*
	text-transform: uppercase;
*/	
}
.scrolling h2 {
  margin-bottom: 20px;
}

h3, .touch h3, h6 {
	font-family: "webfont2b", sans-serif;
	font-size: 18px;
	line-height: 22px;
	font-weight: normal;
	color: #333333;
	
	text-transform: uppercase;
}


p {
  margin-bottom: 24px;
}

ul {
	list-style:none;
  margin-left: 2px;
  margin-bottom: 24px;
}


li {
	background:url('images/circler.png') no-repeat;
	background-position: 0px 0px; 
  background-size:12px 21px;
	padding-left: 17px;	
}
.phoneOK li {
	background:url('images/circle_r.png') no-repeat;
	background-position: 0px 0px; 
  background-size:12px 17px;
	padding-left: 14px;	
}
.padOK li {
	background:url('images/circler.png') no-repeat;
	background-position: 0px 0px; 
  background-size:12px 21px;
	padding-left: 17px;	
}

/* ============= */
/* HEADER / LOGO */
/* ============= */

#contentHeader {
  background-color: #ffffff !important;
}

#contentHeaderMenu {
  /* 5 Menus / Sprache */
	top: -380px;
	height: 330px;
	height: 270px;
	padding-bottom:20px;
}

.scrolling #contentFooterSpace {
	height: 40px;
}
.phoneOK #contentFooterSpace {
	height: 0px;
	display: none;
}


/* ========= */
/* ICON MENU */
/* ========= */

#contentMenuIcon {
	margin-left: 0px;
  left: 0px;
}

@media all and (max-width: 559px) {

.logoText {
	margin-top: 10px;
}
.phoneOK #contentLogo {
	height: 49px;	
}

#contentMenuIcon {
	margin-top: 18px;
}
}

#contentMenuIcon a.menuIcon {
	line-height: 27px;
  padding: 0px;
 	width: 34px;
	height: 27px;
	text-indent: -9999px;
  text-align: left;
	margin-left: 0px;

	background: url(images/menu_68x54sw.png) 0px 0px no-repeat;
	background-size: 34px 27px;
}	

#contentMenuIcon a.menuIcon.close {
	background: url(images/menu_68x54.png) 0px 0px no-repeat;
	background-size: 34px 27px;
}	

.no-touch #contentMenuIcon a.menuIcon:hover {
	background: url(images/menu_68x54.png) 0px 0px no-repeat;
	background-size: 34px 27px;
}

.no-touch a.menuIcon.close:hover, .no-touch a.menuIcon.close:focus {
	background: url(images/menu_68x54.png) 0px 0px no-repeat;
	background-size: 34px 27px;
}





/* =========== */
/* HEADER MENU */
/* =========== */

#headerM {
	z-index: 1;
	display: block;
	position:relative;
	top: 0px;
  left: 0px;
  padding: 0px;
	width: 100%;
	background: url(images/phpcolors/rgba.php?r=255&g=255&b=255&a=100) repeat;
	background: rgba(255,255,255,1.00);
  margin-top: 0px;
  padding-top: 0px;
  top: 90px;
}


#contentMenuM {
	z-index: 1;
  position: absolute;
	display: block;
	color: #000000;
	font-weight: normal;
	text-align: left;
	margin: 0px;
	margin-top: 0px;

  /* 5 Menus / Sprache */
	height: 330px;
	height: 270px;
  left: 0px;
}




#menuGroupM {
	text-align: left;
	zoom: 1;
}

#menuGroupM ul {
	display: inline-block;
	list-style: none;
  margin: 0px;
  margin-left: 0px;
	padding-left: 0px;
	text-align: left;
	text-justify: distribute-all-lines; /* distribute items in IE */
	width: 100%;
	padding-left:15px;
	width: calc(100% - 15px);
}

p.languageText {
padding-left:15px;
}

@media all and (min-width: 767px) and (max-width: 797px) {
	#menuGroupM ul {
		padding-left:0px;
	}
	#contentHeaderMenu {
		padding-left:15px;
		padding-right:15px;
		width: calc(100% - 30px);
	}
	p.languageText {
		padding-left:0px;
	}
}

@media all and (min-width: 798px) and (max-width: 1001px) {
	#contentMenuM {
	  left: 0px;
	}
	#menuGroupM ul {
		padding-left:0px;
		width: 100%;
	}
	p.languageText {
		padding-left:0px;
	}
}


#menuGroupM ul:after {
  content: "";
  margin-left: 100%;
  height: 0px;
}

#contentMenuM, #menuGroupM, #menuGroupM ul {
  height: 40px;
}

#menuGroupM li, #menuGroupM li a {
	font-family: "webfont2n", sans-serif;
	color: #000000;
	text-align: left;
	zoom: 1;
	background: none;
	margin-left:-1px;

	padding: 8px;
	padding-left: 0px;
	font-size: 20px;
	line-height: 21px;
	height: 21px;
}


/* ====== */
/* SLIDER */ 
/* ====== */

.rSliderDef .rsArrow {
	width: 27px;
}

.rSliderDef.rsHor .rsArrowLeft  { 
	left:  10px; 
}
.rSliderDef.rsHor .rsArrowRight { 
	right: 8px; 
}

.rSliderDef .rsArrowIcn {	
	width: 27px;
	height: 55px;
	margin-top:-27px;	
	margin-left: -15px;
}

.rSliderDef.rsHor .rsArrowLeft .rsArrowIcn { 
	background: url('images/sliderR/prev.png');
	background-size: 27px 55px;
}

.rSliderDef.rsHor .rsArrowRight .rsArrowIcn {
	background: url('images/sliderR/next.png');
	background-size: 27px 55px;
}


/* ============ */
/* CONTENT MAIN */ 
/* ============ */
.contentMain, .contentMainCenter {
/*
	display: none;
*/	
	top: 20px;
	margin-top: 0px;
  padding-left: 15px;
  padding-right: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.scrolling .contentMain, 
.scrolling .contentMainCenter {
	top: 0px;
	margin-top: 35px;
}
.phoneOK .section:last-of-type .contentMain, 
.phoneOK .section:last-of-type .contentMainCenter {
	margin-bottom: 32px;
}

.contentMain p {
	padding-right: 0px;
}
.desktopOK .contentMain p {
	padding-right: 20px;
}

.contentMainCenter p {
	text-align: left;
	
	-moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
	
	word-wrap:break-word;
  word-break:normal;  
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  -webkit-hyphenate-limit-before: 3;
  -webkit-hyphenate-limit-after: 3;
  -webkit-hyphenate-limit-chars: 6 3 3;
  -webkit-hyphenate-limit-lines: 6;
  -webkit-hyphenate-limit-last: always;
  -webkit-hyphenate-limit-zone: 8%;
  -moz-hyphens: auto;
  -moz-hyphenate-limit-chars: 6 3 3;
  -moz-hyphenate-limit-lines: 6;
  -moz-hyphenate-limit-last: always;
  -moz-hyphenate-limit-zone: 8%;
  -ms-hyphens: auto;
  -ms-hyphenate-limit-chars: 6 3 3;
  -ms-hyphenate-limit-lines: 6;
  -ms-hyphenate-limit-last: always;
  -ms-hyphenate-limit-zone: 8%;
  hyphens: auto;
  hyphenate-limit-chars: 6 3 3;
  hyphenate-limit-lines: 6;
  hyphenate-limit-last: always;
  hyphenate-limit-zone: 8%;  	
}
@supports (hyphens: auto) or (-webkit-hyphens: auto) or 
          (-moz-hyphens: auto) or (-ms-hyphens: auto) {
	.contentMainCenter p {
		text-align: justify;
	}
}
.contentMainCenter p.left {
	text-align: left;
}




.phoneOK .contentMain:last-of-type p:last-child, 
.phoneOK .contentMainCenter:last-of-type p:last-child {
/*
	margin-bottom: 22px;
*/	
}


.desktopOK.scrolling .section:last-of-type .contentMain, 
.desktopOK.scrolling .section:last-of-type .contentMainCenter,
.padOK.scrolling .section:last-of-type .contentMain, 
.padOK.scrolling .section:last-of-type .contentMainCenter {
	margin-bottom: 60px;
}

/* ============== */
/* CONTENT SLIDER */ 
/* ============== */

.contentGallery {
  height: 100%;
	margin-bottom: 0px;	
}


#sliderGallery0, #sliderGallery1, #sliderGallery2 { 
	cursor: pointer;
}

.phoneOK .contentGallery #sliderGallery1 {
	height: calc(100% - 14px);
	padding-top: 14px;
}

/* ========== */
/* NAVIGATION */
/* ========== */

.navDown {
	
	background:url('images/navupdown_r.png') center center no-repeat;
	background-size: 22px 12px;
	
	width:22px;
	height:12px;
	bottom: 9px;
	left: 50%;
	margin-left: -11px;
}




/* ========= */
/* ACCORDION */
/* ========= */

.accordion {
  padding: 5px 0px;
}

.touch h3 {
	margin-bottom: 0px;
}

.accordion {
  border: none;
  border-radius: 0px;
  margin: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
/*	
	max-width: 820px;
*/	
}

.accordion.accordion1 {
  /* top, right, bottom, left */
	padding: 0px 0px 0px 0px;
}
.accordion.accordion1.lastAccordion {
  margin-bottom: 30px;
}

.accordion:first-child {
  margin-top:  0px;
}

.accordion_head, .padOK .accordion_head, .desktopOK .accordion_head {
  padding-left: 17px;

	background: url(images/plus_l.png) left 4px no-repeat;
	background-size: 13px 13px;
	height: 22px;
	margin-left:0px; 
}
.desktopOK .accordion_head {
	background: url(images/plus_l.png) left 4px no-repeat;
	background-size: 13px 13px;
}
.padOK .accordion_head {
}


.no-touch .accordion_head:hover {
	color: #333333;
}

.accordion.accordion1.is-open .accordion_head,
.padOK .accordion.accordion1.is-open .accordion_head,
.desktopOK .accordion.accordion1.is-open .accordion_head {
	background: url(images/minus-sw_l.png) left 4px no-repeat;
	background-size: 13px 13px;
}
.desktopOK .accordion.accordion1.is-open .accordion_head {
	background: url(images/minus-sw_l.png) left 4px no-repeat;
	background-size: 13px 13px;
}

.accordion.accordion1 .accordion_body {
  /* top, right, bottom, left */
	padding: 9px 0px 0px 0px;
}

.accordion.is-open > .accordion_head::after {
}

.accordion.accordion1 p, p.small, p.small a {
}


td.textTop {
	vertical-align: top;
}

/* ============= */
/* CONTENT VIDEO */ 
/* ============= */

.contentVideoY {
  margin-bottom: 10px;
}

.contentVideo {
	position: relative;
	/* padding-bottom: 56.25%; */	
  padding-bottom: 64%;
  padding-bottom: 56.25%;
  padding-top: 5px;
  height: 0;
  overflow: hidden;	
	width: 100%;
}

/* ============ */
/* CONTENT Bild */
/* ============ */

.imgBlock img {
  margin-top: 7px;
}

.imgBlock p.caption, .imgBlock p.caption a {
	margin-right: 0px;
}


/* ============== */
/* SLIDER BULLETS */
/* ============== */

.rSliderDef .rsBullets {
	left: 5%;
	width: 90%;
	height: 10px;
	line-height: 8px;
	
	bottom: 10px;
	bottom: 25px;
}

.rSliderDef .rsBullet {
	width: 8px;
	height: 8px;
	/* top, right, bottom, left */
	padding: 1px 2px 1px 2px;
}

.rSliderDef .rsBullet span {
	width: 8px;
	height: 8px;
}

.rsNav.rsBullets {
	-webkit-backface-visibility:hidden !important;
	backface-visibility: hidden !important;
	-webkit-transform:translateZ(0);
}


/* ============= */
/* CONTENT TITLE */ 
/* ============= */

h1, h5 {
	font-family: "webfont5n", sans-serif;
	font-size:31px;
	line-height: 35px;
	margin-bottom: 14px;
}

/* ================= */
/* CONTENT IMPRESSUM */ 
/* ================= */

#contentImpressum {
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 20px;
	margin-top: 40px;
}

#contentImpressum.impDesktop {
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 40px;
}

/* ============ */
/* CONTENT FORM */
/* ============ */

.contact {
	margin-top: 0px;
}
.contact b {
	color: #333333;
}
#formContact, #formOffer {
	padding-top: 0px;
}

#formContact input, #formContact textarea,
#formOffer input, #formOffer textarea {
	width: 100%;	
	margin-right: 20px;
	font-family: "webfont1n", sans-serif;
	color: #404040;
	font-size: 18px;
}
#formOffer input.file-upload-input, #formOffer button.file-upload-button,
#formOffer label.file-upload-button {
	width: 100%;	
	font-family: "webfont1n", sans-serif;
	font-size: 18px;
}

#formOffer button.file-upload-button,
#formOffer label.file-upload-button {
	padding-top: 5px;
	padding-bottom: 5px;
	border-right: none;
	line-height: 30px;
	display: inline-block;
}

#formOffer input.file-upload-input {
	padding-top: 5px;
	border-left: none;
	padding-left: 0px;
	font-size: 15px;
/*		
  background-color: #f2f2f2;
*/	
}

input#sendC.formSend {
	font-family: "webfont2b", sans-serif;
}

/* ======== */
/* LAGEPLAN */
/* ======== */


#contentLageplan {
	height: 350px;
	padding-bottom: 18px;
}

#lageplan {
  padding-bottom: 350px;
}
#lageplanText {
	overflow: hidden !important;
}

#lageplanText {
/*
	padding: 0px 10px 10px 0px;
*/	
}
.scrolling #contentLageplan {
	margin-bottom: 5px;
}
/* ========= */
/* LANDSCAPE */
/* ========= */

@media all and (min-width: 390px) and (max-width: 767px) and (orientation: landscape) {
}



/* ============== */
/* RETINA-DISPLAY */
/* ============== */

@media 
  only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (   min--moz-device-pixel-ratio: 2),
	only screen and (     -o-min-device-pixel-ratio: 2/1),
	only screen and (        min-device-pixel-ratio: 2),
	only screen and (                min-resolution: 192dpi),
	only screen and (                min-resolution: 2dppx) { 


li {
	background-position: 0px -2px; 
}


#formContact textarea.formText {
	padding-left: 6px;
	padding-left: 0px;
	
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	
}


}