div.layout { 
	width: 100%;
  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; }

#contentMain, #contentMainSalon {
  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%;  
} 


/* ========= */
/* MOBILE ON */
/* ========= */
/* #headerM und #headerMDetail sind immer display:block */

#headerM, #headerMDetail {
	display: block;
}

#contentHeaderM, #contentHeaderMDetail {
	display: block;
}

/* =============== */
/* MOBILE <= 767px */
/* =============== */


/* ===== */
/* TABLE 
/* ===== */

#contentMain table, #contentMain thead, #contentMain tbody, #contentMain th,
#contentMain td, #contentMain tr, #contentMain td a { 
	display: block; 
  text-align: left !important;
	margin: 0px;
}

#contentMain tbody td {
  width: auto;
}

#contentMain tbody th, #contentMain tbody td, #contentMain thead td { 
  padding-bottom: 0px; 
}


#contentMain tbody td:first-child {
  padding-top: 6px;
}

#contentMain h1, #contentMainSalon h1 {
	margin-bottom: 12px;
}

#contentMain table {
  padding-bottom: 26px; 
}	


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

#contentFooterDetail {
	display: none;
}

#mobile_contentFooterDetail {
	display: block;
  left: 0px;
  bottom: 0px; 
  width: auto;
	margin-top: 0px;
	padding-left: 20px;
	padding-right: 20px;

	padding-top: 23px;
  height: 51px;
}

#mobile_contentFooterDetail span.architect {
	display: block;
	text-align: left;
}
#mobile_contentFooterDetail span#mobile_sliderCounter {
	display: block;
	text-align: right;
	color: #FF0000;
}



/* ============ */
/* CONTENT TEXT */
/* ============ */

h1, #contentMainSalon h1 {
	font-size: 22px;
}

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

.accordion.accordion1 {
  /* top, right, bottom, left */
	padding: 0px 0px 0px 0px;
  margin-bottom: 71px;
}
#contentMain .accordion.accordion1 {
  margin-bottom: 71px;
}
.accordion__head {
  padding-right: 0px;
}
h1.accordion__head {
  line-height:34px;
  height:34px;
	margin-bottom: 0px;
}

.accordion__head::after {
  font-size:14px;
  line-height:30px;
  height:30px;
	padding-left: 3px;
	padding-bottom: 2px;
  vertical-align:middle !important;
/*
*/
}
.phoneOK .accordion__head::after,
.phoneOK .accordion.accordion1.is-open .accordion__head::after {
  font-size:13px;
  line-height:30px;
  height:30px;
	padding-left: 3px;
	padding-bottom: 3px;
  vertical-align:middle !important;

/*
  line-height:19px;
  height:19px;
	padding-bottom: 0px!important;
  font-size:19px;
  vertical-align:inherit;
*/	
}
.phoneOK .accordion.accordion1.is-open .accordion__head::after {
/*
  line-height:19px;
  height:19px;
	padding-bottom: 0px;
  font-size:16px;
  vertical-align:inherit;
*/	
}

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


/* =========== */
/* HEADER ICON */
/* =========== */

#headerM, #headerMDetail {
/*
  padding-top: 0px;
*/	
  top: -126px;
	height: 180px;
	
/* mit AfAf Salon */	
  top:   -174px;
	height: 228px;
}
.touch #headerMDetail {
/*
  margin-top: 90px;
  padding-top: 19px;
	height: 200px;
*/	
}

#contentMenuM {
	margin-right: 10px;
	margin-left: 10px;
}

.touch #contentHeaderM {
	height: 90px;
}

.noOverview #contentHeaderM {
	height: 117px;
}

.touch #contentHeaderMDetail {
	height: 90px;
}

.touch #contentMainDetail, .touch #contentMainDetailAjax {
  margin-top: 90px; 
} 



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

#menuIconMobile {
	width: 42px;
	margin-top: 20px;
	margin-right: 20px;
}

.menuIcon {
	line-height: 38px;
	width: 42px;
	height: 38px;
  background-image: url('/css/images/menu-red-new-m.png');
	background-size: 42px 38px;

  right: 0px;
  top: 9px;
}	

.menuIcon.close {
  background-image: url('/css/images/close-red-new-m.png');
	background-size: 42px 38px;
}	

.no-touch .menuIcon:hover, .no-touch .menuIcon:focus {
  background-image: url('/css/images/menu-bw-new-m.png');
	background-size: 42px 38px;
}

.no-touch .menuIcon.close:hover, .no-touch .menuIcon.close:focus {
  background-image: url('/css/images/close-bw-new-m.png');
	background-size: 42px 38px;
}

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

#logo1, #logo2 {
	margin-left: 20px;
}
#logoSW {
	display: none;
}
.logoswOK #logoSW {
	display: inline-block;
}
#logo1 a, #logo2 a, #logoSW {
	font-size: 22px;
	line-height: 24px;
	height: 24px;
}
#logoSW {
	padding-left: 100px;
}
@media screen and (max-width: 600px) {
	#logoSW, .logoswOK #logoSW {
		display: none;
	}
}



#logo1 span.secondChar {
	padding-right: 46px;	
}


/* ====== */
/* FOOTER */
/* ====== */

#contentFooterBottom {
	font-size: 22px;
	top: 100px;
	margin-top: 52px;
	margin-bottom: 0px;
	padding-bottom: 52px;
}

#contentFooterTop {
	font-size: 22px;
	margin-top: 123px;
	margin-bottom: 52px;
}
#contentFooterTopSalon {
	font-size: 22px;
	margin-top: 91px;
	margin-bottom:0px;
}


.address {
  padding-left: 20px;
}

.address_top {
  padding-left: 20px;
}


/* ============ */
/* CONTENT MAIN */
/* ============ */

#mainText {
	margin-left: 20px;
	margin-right: 20px;
}

#contentMain #mainText p:last-child {
	margin-bottom: 75px;
}


/* ============== */
/* OVERLAY DETAIL */
/* ============== */

.mfp-close {
  line-height: 38px;
	width: 42px;
	height: 38px;
  background-image: url('/css/images/close-red-new-m.png');
	background-size: 42px 38px;
  top: 29px;
  right: 20px;
}

.no-touch .mfp-close:hover, .no-touch .mfp-close:focus,
.no-touch .mfp-close-btn-in .no-touch .mfp-close:hover,
.no-touch .mfp-close-btn-in .no-touch .mfp-close:focus {
  background-image: url('/css/images/close-bw-new-m.png');
	background-size: 42px 38px;
}



/* ================ */
/* CONTENT OVERVIEW */
/* ================ */

.touch #contentMainOverview {
  top: 117px; 
}


/* =========== */
/* MENU MOBILE */
/* =========== */


#menuGroupM li, #menuGroupM li a {
	font-size: 22px;
	line-height: 48px;
	height: 48px;
}


/* ========== */
/* LIST TABLE */
/* ========== */
#contentListBW {
  height: 117px;
}
.no-touch #contentListBW {
  height: 160px;
}

#contentList {
  top: 117px; 
}

.no-touch #contentList {
  top: 160px; 
}

table.dataTable thead th:first-child,
table.dataTable thead td:first-child {
  padding-left: 34px;
}
table.dataTable thead .sorting:first-child,
table.dataTable thead .sorting_asc:first-child,
table.dataTable thead .sorting_desc:first-child,
table.dataTable thead .sorting_asc_disabled:first-child,
table.dataTable thead .sorting_desc_disabled:first-child {
  background-position: center left 0px;
}
table.dataTable tbody th:first-child,
table.dataTable tbody td:first-child {
	/* top, right, bottom, left */
	padding: 18px 5px 18px 0px; 
}



/* ================== */
/* CONTENT NEWSLETTER */
/* ================== */

#formContact input.formSend {
	font-size: 22px;
}


/* ================= */
/* SLIDER AfAf Salon */
/* ================= */

#sliderGallery0_AS,  #sliderGallery1_AS,  #sliderGallery2_AS,  #sliderGallery3_AS, 
#sliderGallery4_AS,  #sliderGallery5_AS { 
	width: 100%!important;
	max-width: 100%!important;
}
.rSliderDef .rsBullets {
	bottom: -22px;
}


#contentMainSalon div.contentImage1 {
	/* top, right, bottom, left */
	padding: 10px 0px 8px 0px;
  max-width: 650px;
}
#contentMainSalon div.contentImage2 {
	/* top, right, bottom, left */
	padding: 10px 0px 8px 0px;
  max-width: 650px;
}
	
	
/* =============== */
/* MOBILE <= 520px */
/* =============== */

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

.touch #contentMainOverview {
  top: 80px; 
}
}

/* ============== */
/* 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) { 

.menuIcon {
  background-image: url('/css/images/menu-red-new-mr.png');
	background-size: 42px 38px;
}	

.menuIcon.close {
  background-image: url('/css/images/close-red-new-mr.png');
	background-size: 42px 38px;
}	

.no-touch .menuIcon:hover, .no-touch .menuIcon:focus {
  background-image: url('/css/images/menu-bw-new-mr.png');
	background-size: 42px 38px;
}

.no-touch .menuIcon.close:hover, .no-touch .menuIcon.close:focus {
  background-image: url('/css/images/close-bw-new-mr.png');
	background-size: 42px 38px;
}	
	
	
/* Korrektur z.B. iPhone landscape, iPad 	
#logo1 span.secondChar {
	padding-right: 64px;	
}
*/

/* Korrektur z.B. iPhone portrait */	
#logo1 a, #logo2 a {
	line-height: 25px;
	height: 25px;
}

#logo1 span.secondChar {
	padding-right: 47px;	
}


table.dataTable thead .sorting {
  background-image: url("/css/images/arrow-bw_dn.png");
	background-size: 23px 13px;
}
table.dataTable thead .sorting_asc {
  background-image: url("/css/images/arrow-red_un.png");
	background-size: 23px 13px;
}
table.dataTable thead .sorting_desc {
  background-image: url("/css/images/arrow-red_dn.png");
	background-size: 23px 13px;
}



.mfp-close {
  background-image: url('/css/images/close-red-new-mr.png');
	background-size: 42px 38px;
}

.no-touch .mfp-close:hover, .no-touch .mfp-close:focus,
.no-touch .mfp-close-btn-in .no-touch .mfp-close:hover,
.no-touch .mfp-close-btn-in .no-touch .mfp-close:focus {
  background-image: url('/css/images/close-bw-new-mr.png');
	background-size: 42px 38px;
}


}