/* =========== */
/* LAYOUT 1148 */
/* =========== */

div.layout { 
	width: 100%;
	max-width: 1148px;
	margin: 0px auto;
/*	
	outline: 1px solid #b94a48 !important;	
*/	
}

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

div.col1l,  div.col2l,  div.col3l,  div.col4l,  div.col5l,  div.col6l,  div.col7l, 
div.col8l,  div.col9l,  div.col10l, div.col11l, div.col12l, div.col13l, div.col14l,
div.col15l, div.col16l, div.col17l, div.col18l, div.col19l, div.col20l, div.col21l,
div.col22l, div.col23l, div.col24l, div.col25l, div.col26l, div.col27l, div.col28l,
div.col29l, div.col30l, div.col31l, div.col32l, div.col33l, div.col34l, div.col35l,
div.col36l, div.col37l, div.col38l, div.col39l, div.col40l, div.col41l,
div.colMaxl, div.colMax {
	float: left;
	margin-left: 0px; 
/*	
	outline: 1px solid #b94a48 !important;	
	margin-left: 2.439024%; 28px;
*/	
}


div.col1l  { width:  2.43902%; }
div.col2l  { width:  4.87804%; }
div.col3l  { width:  7.31706%; }
div.col4l  { width:  9.75609%; }
div.col5l  { width: 12.19512%; }
div.col6l  { width: 14.63414%; }
div.col7l  { width: 17.07317%; }
div.col8l  { width: 19.51219%; }
div.col9l  { width: 21.95121%; }
div.col10l { width: 24.39024%; }
div.col11l { width: 26.82926%; }
div.col12l { width: 29.26828%; }
div.col13l { width: 31.70731%; }
div.col14l { width: 34.14634%; }
div.col15l { width: 36.58536%; }
div.col16l { width: 39.02439%; }
div.col17l { width: 41.46341%; }
div.col18l { width: 43.90243%; }
div.col19l { width: 46.34146%; }
div.col20l { width: 48.78048%; }
div.col21l { width: 51.21950%; }
div.col22l { width: 53.65853%; }
div.col23l { width: 56.09756%; }
div.col24l { width: 58.53658%; }
div.col25l { width: 60.97560%; }
div.col26l { width: 63.41463%; }
div.col27l { width: 65.85365%; }
div.col28l { width: 68.29268%; }
div.col29l { width: 70.73170%; }
div.col30l { width: 73.17072%; }
div.col31l { width: 75.60975%; }
div.col32l { width: 78.04878%; }
div.col33l { width: 80.48780%; }
div.col34l { width: 82.92682%; }
div.col35l { width: 85.36585%; }
div.col36l { width: 87.80487%; }
div.col37l { width: 90.24390%; }
div.col38l { width: 92.68292%; }
div.col39l { width: 95.12194%; }
div.col40l { width: 97.56097%; }
div.col41l { width: 100%; }

div.colMaxl { width: 100%; display:block; }
div.colMax  { width: 100%; display:block; }

div.colNonel  { display:none; }
span.colNonel { display:none; }



/***********/
/* sliderR */
/***********/

/* v1.0.6 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider {
	width: 600px;
	height: 600px;
	position: relative;
	direction: ltr;
}

.royalSlider > * {
	float: left;
}

.rsWebkit3d .rsSlide {
  -webkit-transform: none;
	-webkit-transform: translateZ(0);
}

.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink {
	-webkit-backface-visibility: hidden;
}

.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
	-webkit-transform: none;
}

.rsOverflow {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	float: left;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	left: 0;
	top: 0;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap .rsOverflow {
	position: absolute;
	left: 0;
	top: 0;

}
.rsContainer {
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.rsArrow,
.rsThumbsArrow {
	cursor: pointer;
}

.rsThumb {
	float: left;
	position: relative;
}


.rsArrow,
.rsNav,
.rsThumbsArrow {
	opacity: 1;
	-webkit-transition:opacity 0.3s linear;
	-moz-transition:opacity 0.3s linear;
	-o-transition:opacity 0.3s linear;
	transition:opacity 0.3s linear;
}
.rsHidden {
	opacity: 0;
	visibility: hidden;
	-webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	-moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	-o-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	transition:visibility 0s linear 0.3s,opacity 0.3s linear;
}


.rsGCaption {
	width: 100%;
	float: left;
	text-align: center;
}

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
	position: fixed !important;
	height: auto !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	z-index: 2147483647 !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
}

.royalSlider .rsSlide.rsFakePreloader {
	opacity: 1 !important;
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-o-transition:  0s;
	transition:  0s;
	display: none;
}

.rsSlide {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	overflow: hidden;
	
	height: 100%;
	width: 100%;
}

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
	height: auto;
}

.rsContent {
	width: 100%;
	height: 100%;
	position: relative;
}

.rsPreloader {
	position:absolute;
	z-index: 0;	
}

.rsNav {
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	user-select: none;
}
.rsNavItem {
	-webkit-tap-highlight-color:rgba(0,0,0,0.25);
}

.rsThumbs {
	cursor: pointer;
	position: relative;
	overflow: hidden;
	float: left;
	z-index: 22;
}
.rsTabs {
	float: left;
	background: none !important;
}
.rsTabs,
.rsThumbs {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}


.rsVideoContainer {
	width: auto;
	height: auto;
	line-height: 0;
	position: relative;
}
.rsVideoFrameHolder {
	position: absolute;
	left: 0;
	top: 0;
	background: #141414;
	opacity: 0;
	-webkit-transition: .3s;
}
.rsVideoFrameHolder.rsVideoActive {
	opacity: 1;
}
.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
	position: absolute;
	z-index: 50;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 44px;
}

.rsABlock {
	top: 0px;
	position: absolute;
	z-index: 15;
}
.rsABlock.left {
	left: 0px;
}
.rsABlock.right {
	right: 0px;
}

img.rsImg {
	max-width: none;
}

a.rsImg {
	text-indent:-999999px
}

.grab-cursor {
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: url('images/sliderR/grab.cur'), pointer !important; 
}

.grabbing-cursor{ 
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: url('images/sliderR/grabbing.cur'), pointer !important;
}

.rsNoDrag {
	cursor: auto;
}

.rsLink {
	left:0;
	top:0;
	position:absolute;
	width:100%;
	height:100%;
	display:block;	
	z-index: 20;
	background: url('images/blank.gif');
}


/***********/
/* sliderR */
/***********/




/* ========== */
/* rSliderDef */
/* ========== */

/* Background */
.rSliderDef,
.rSliderDef .rsOverflow,
.rSliderDef .rsSlide,
.rSliderDef .rsVideoFrameHolder,
.rSliderDef .rsThumbs {
	color: #FAFAFA;
/*	
  z-index: 2;
*/	
}

.rsFullscreen .rsOverflow {
	background: #151515;
	color: #FAFAFA;
}

.rSliderDef {
/*
	width: 100%;
  height: 579px;
*/  
}


/***************
*  1. Arrows
****************/


.rSliderDef .rsArrow {
	position: absolute;
	z-index: 5001;
	height: 95%;
	width: 50%;
	display: block;
	cursor: pointer;
}

.rSliderDef.rsVer .rsArrow {
	width: 100%;
	height: 55px;
}


.rSliderDef.rsVer .rsArrowLeft  { top: 0; left: 0; }
.rSliderDef.rsVer .rsArrowRight { bottom: 0;  left: 0; }

.rSliderDef.rsHor .rsArrowLeft  { 
	position: absolute;
	z-index: 5001;
	left:  0px; 
	top: 0px;
}
.rSliderDef.rsHor .rsArrowRight { 
	position: absolute;
	z-index: 5001;
	right: 0px; 
	top: 0px; 
}


.rSliderDef .rsArrowIcn {	
	width: 27px;
	height: 55px;
	top: 50%;
	left: 50%;
	margin-top:-27px;	
	margin-left: -27px;
	position: absolute;	
	cursor: pointer;
	
	display:none;
}


.rSliderDef .rsArrowIcn:hover {
}

.rSliderDef.rsHor .rsArrowLeft .rsArrowIcn { 
	background: none;
}
.rSliderDef.rsHor .rsArrowLeft .rsArrowIcn:hover {
}

.rSliderDef.rsHor .rsArrowRight .rsArrowIcn {
	background: none;
}

.rSliderDef.rsHor .rsArrowRight .rsArrowIcn:hover {
}

.rSliderDef.rsVer .rsArrowLeft .rsArrowIcn { 
	background-position: -96px -32px;
}

.rSliderDef.rsVer .rsArrowRight .rsArrowIcn {
	background-position: -96px -64px;
}

.rSliderDef .rsArrowDisabled .rsArrowIcn { 
	opacity: .2; 
	filter: alpha(opacity=20);  
	*display: none;
}


.desktopOK .rSliderDef.rsHor .rsArrowRight  {
	cursor: url("images/sliderR/cursor_next_12x12_sw.png"), url("https://coarchitektur.com/css/images/sliderR/cursor_next_12x12_sw.cur"), pointer !important; 
	cursor: url("https://coarchitektur.com/css/images/sliderR/cursor_next_12x12_sw.cur"), pointer !important; 
}
.desktopOK .rSliderDef.rsHor .rsArrowLeft  {
	cursor: url("images/sliderR/cursor_prev_12x12_sw.png"), url("https://coarchitektur.com/css/images/sliderR/cursor_prev_12x12_sw.cur"), pointer !important; 
	cursor: url("https://coarchitektur.com/css/images/sliderR/cursor_prev_12x12_sw.cur"), pointer !important; 
}


/************
*  2. Bullets
************/

.rSliderDef .rsBullets {
	z-index:20;
	visibility: hidden;
	display: inline-block;

	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
  
	overflow: hidden;
  
  /* new 2020 */
	bottom: 20px;
	bottom: -18px;
	bottom: -17px;
	margin: 0px; 
	text-align: left;
}


.rSliderDef .rsBullet {
	width: 6px!important;
	height: 5px!important;
	height: 6px!important;
	display: inline-block;
	*display:inline; 
	*zoom:1;
	/* top, right, bottom, left */
	padding: 0px;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.rSliderDef .rsBullet span {
	display: block;
	width: 6px!important;
	height: 5px!important;
	height: 6px!important;
	border-radius: 0px;
	line-height: 5px!important;
	line-height: 6px!important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #000000;
}

.rSliderDef .rsBullet span:hover {
	background-color: #CCCCCC;
}
.rSliderDef .rsBullet.rsNavSelected span {
	background-color: #CCCCCC;
}

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


.slideTx {
	font-family: "webfont1", Arial, sans-serif;
	font-size: 18px;
  line-height: 25px;
	color: #000000;
  white-space: normal;
}

/***************
*  7. Preloader
****************/

.rSliderDef .rsPreloader {
	width:20px;
	height:20px;
	background-image:url('images/sliderR/preloader-white.gif');

	left:50%;
	top:50%;
	margin-left:-10px;
	margin-top:-10px;	
}


/* ======= */
/* caption */ 
/* ======= */

.rSliderCaptInfo {
	z-index: 1000;
	font-family: "webfont1", Arial, sans-serif;
  position: absolute;
  margin-left: 0px;
  padding: 0px;
  overflow: hidden;

  bottom: 0px;
  width: 100%;
	display: block;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	margin: 0px auto;
	vertical-align: middle;
	padding:0px;
	text-align: center;
	background: none;	

  bottom: 32px;
}


.rSliderCaptInfo h1 {
	font-weight: normal;
	text-align: left;
	text-transform: none;
  margin: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;

	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	text-transform: none;
	margin-left:0px;
  width: auto;
	background: none;	

	padding:0px;
	padding-left:0px;

	font-family: "webfont1", Arial, sans-serif;
	font-size:18px;
	line-height: 25px;
	letter-spacing: 0.5px;
	color: #000000;	
	color: #A41009;	
	
	font-size:18px;
	line-height: 25px;

	font-size:15px;
	line-height: 19px;
	-moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; 	

  /* new 2020 */  
	padding-left:10px;
	color: #FFFFFF;	
}



/*korrektur in .js */
.rSliderCaptInfo {
	margin-left: -3000px;	
}

/* 
1280 x 800  px Faktor 1
1360 x 768  F 1
1440 x 900  F 1
1600 x 900  F 1
1920 x 1080 F 1
27" mit 2560 x 1440 px */
@media screen and (max-width: 1180px) {
}

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

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

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

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

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





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

.line {	
  background-image: url('images/line_108x12_sw.png');
	background-size: 54px 6px;
  width: 54px;
  height: 6px;
}	


}