/*******************************************************************************/
/* BASIS LAYOUT   */
/******************************************************************************/
html {
	height:100.1%;
}

body {
	display: flex;
    flex-direction: column;
	overflow-x:hidden; 
	overflow:scroll;
	height: 100.1%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color:#fff !important;
}

header, nav, section, article, aside, footer {
  display: block;
}

#wrapper {
flex: 1 0 auto;
position: relative;
width: 100%;
margin: 0 auto 0 auto;
height: auto !important;
}

#wrap-header {
 width:100%;
 height:96px;
 background-color:#fff;
 position:fixed;
 top:0;
 left:0;
 z-index:500;
}

.borderline {
	border-bottom:1px solid #999; 
	-webkit-transition: background-color 150ms linear;
    -ms-transition: background-color 150ms linear;
    transition: background-color 150ms linear;
}



#logo {
	z-index:300 !important;
	width:315px;
	height:auto;
	position:absolute;
	left:15px;
	top:21px;
}

#logo a {
  display:block;
  width:100%;
  height:100%;
}

#logo img {
  width:100%;
  height:auto;
}


#wrap-topbild {
	width:100%;
	height:auto;
	max-height:680px;
	margin-top:96px; 
	overflow:visible; 
	position:relative;

}

#topbild {
	width:100%;
	height:auto;
	max-height:680px;
	overflow:hidden;
}

#topbild .csc-default img {
	width:100% !important;
	height:auto;
}

#topbild div.csc-textpic-center .csc-textpic-center-outer, #topbild div.csc-textpic-center .csc-textpic-center-inner {
	 width:100% !important;
	min-width:100% !important;
}

#topbild div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 0px !important;
	width:100% !important;
	min-width:100% !important;
}

#topbild div.csc-textpic-left .csc-textpic-imagewrap {
	width: 100%;
}


#welcome {
	position:absolute;
	z-index:30;
	bottom:0px;
	margin-bottom:-30px; 
	right:0px;
	width:260px;
	height:260px;
	background: rgb(227,6,19); /* The Fallback */
	background:rgba(227,6,19,.85);
}

#welcometxt {
	position:absolute;
	bottom:0;
	right:20px;
	font-size:28px;
	font-weight:400 !important;
	text-align:right;
	/*text-transform:uppercase;*/
	color:#fff;
	line-height:130%; 
}

#plus {
	position:absolute;
	bottom:90px;
	right:0;
	width:28px;
	height:28px;
}

#plus img {
	width:100% !important;
	height:auto; 
}

#macburger {
  display:none;
	position:absolute;
	top:26px;
	right:15px; 
	width:44px;
	height:40px;
	background: url('../bilder/macburger.jpg');
	background-repeat: none;
	background-position:left top;
}

#quickmenu {
	position:relative;
	padding-left:80px; 
	padding-top:50px; 
}

main { 
	min-height:400px;
  margin-top:80px;
	margin-bottom:100px; 
	height:auto;
}


.prestart #navigation {
	display:none !important;
}

.prestart #footer-c2 {
	display:none !important;
}

.prestart h1 {
	visibility:visible !important; 
}

.redbox {
	background-color: #E30613;
	color:#fff !important;
	padding:20px;
	width: 100%;
    position: relative; 
}


.responsive-16-9 {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
}

.responsive-16-9 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/* Fuzsszeile */
#footer-map {
	display:none;
	height:0px;
	width:100%;
}


#wrap-footer {
	flex-shrink: 0;
	width: 100%;
	clear: both;
	background-color:#1D1D1D;

}

footer {	
	position: relative;
	padding-top: 40px;
	padding-bottom:15px;
	margin-right: auto;
	margin-left: auto;
	min-height:180px;
}

#phone { display:none; }

#footphone { margin-top:-8px; }


.frow1 {
	height:auto;
	overflow:hidden;
}


#meguralink {
	text-align:left; 
	margin:0 auto;
	margin-top:10px; 
	color: #999 !important;
}


.custom-icon {
	background: #4D4D4D;
	background: rgba(77, 77, 77, 1);
	border-radius: 50%;
	border: 1px solid #fff;
	/* box-shadow: 0 1px 10px rgba(0, 0, 0, 0.46); */
	color: #fff;
	display: table-cell;
	font-size: 22px;
	height: 36px;
	padding: 6px;
	text-align: center;
	transition: .5s;
	vertical-align: middle;
	width: 36px;
}


.custom-icon:hover {
  background: rgba(35, 76, 150, 0.6);
}
.fix-editor {
  display: none;
}
.icon-wrapper {
  display: inline-block;
  float:left;
	margin-left:10px; 
}

#envelope i {
	font-size:16px !important; 
}


.blockq {
	position:relative !important;
	height:100%;
	overflow:hidden;
}


blockquote{
  display:block;
  background: #fff;
  padding: 15px 20px 15px 55px;
  margin: 0 0 20px;
  position: absolute;
  left:0;
  top: 50%;
  transform: translateY(-50%);
  
  /*Font*/

   line-height: 1.2;
  color: #666;

  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;

  /*Borders - (Optional)*/
  border-left-style: solid;
  border-left-width: 2px;
  border-right-style: solid;
  border-right: 1px solid #ccc !important;    
}

blockquote::before{
  content: "”"; /*Unicode for Left Double Quote*/
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 78px;
  font-weight: bold;
  color: #999;
  
  /*Positioning*/
  position: absolute;
  left: 10px;
  top:5px;
  
}

blockquote::after{
  /*Reset to make sure*/
  content: "";
}

blockquote a{
  text-decoration: none;
  background: #eee;
  cursor: pointer;
  padding: 0 3px;
  color: #c76c0c;
}

blockquote a:hover{
 color: #666;
}

blockquote em{
  font-style: italic;
}

  /*Default Color Palette*/
blockquote.default{ 
/*  border-left-color: #656d77;
  border-right-color: #ccc;  */
}




/* Megura Swissness Logo */
#megura-programmierung { position:relative; }

#megura-swissness {
width:100px;
height:100px;
position:absolute;
bottom: 15px;
right: 15%;
/*transform: translateY(-70%);*/
}

.ms-svg-inner {
	fill:#333;
}







/* Helper classes  */
.container {
	position:relative !important;
	/*max-width:1010px !important;*/
	max-width:1250px !important;
}

body.home-webflow {
	overflow-x: hidden;
}

body.home-webflow .container {
	display: block;
	height:100% !important;
}

body.home-webflow #wrap-inhalt .container {
	max-width:100% !important;
	height:100% !important;
	padding-left: 0;
	padding-right: 0;
}

body.home-webflow .borderline {
	border-bottom: 0px solid #999;
}

.center-text { text-align:center; margin:0 auto !important; }
.center-element { margin:0 auto !important; }

img { outline:none !important; }

main .row  img {
		max-width: 100% !important;
		height: auto; 
}

.divider hr {
  margin-bottom: 25px !important;
  margin-top: 25px !important;
  border-top:1px solid #ccc !important;
}

.prel { position:relative;}

.csc-default { position:relative; }


/* Flexslider */
.flexslider {
  border:none !important;
  margin-bottom: 0px !important;  
  background-color: #fff;  
}
.tx-ws-flexslider .caption-text { display:none !important; height:0px !important; } 

.flexslider .slides img {
	display: block;
	width: 100% !important;
	max-width:100% !important;
	height:auto; 
}

.flex-direction-nav a {
  top: 40% !important;
 }

.flex-direction-nav a:hover {
  color:#fff;
 }



/* Magnific Popup */
.mfp-zoom-out-cur {
	padding-right:15px !important;
}

.mfp-container {
 cursor:auto;
}

button.mfp-close, button.mfp-arrow {
	cursor:pointer !important;  
	font-size:36px;
}

img.mfp-img {
 cursor:auto !important; 
}




/* Google Maps */
.gm-style-mtc { 
	/* display:none !important;  */
}

.gme-info-window {
	color:#333 !important; 
}



/* TYPO 3 SETTING */ 
/* siehe Sass t3.scss   */
	



/*******************************************************************************/
/* INHALTSSEITEN   */
/******************************************************************************/

/* Über uns */
#experten, #team, #partner  {
	position:relative; 
}

.sabag {
	padding-top:12px;
	display:block; 
}

.team a.mail.anim {
	position: relative;
	left: auto;
	bottom: auto;
	float: right;
}

.infobox {
	position: fixed;
	top: 50%;
	right: 0;
	width: 300px;
	height: auto;
	transform: translateY(-50%);
	/*background: #E30613;*/
	background: rgba(227, 6, 19, 1);
	color: #fff;
	padding: 10px;
	z-index: 100;
}

.infobox a,
.infobox h1,
.infobox h2,
.infobox h3,
.infobox p {
	color: #fff !important;
	text-align: right;
}

.infobox h1 {
	font-size: 36px;
	line-height: 52px;
}

.infobox:hover {
	background: rgba(186, 19, 35, 1);
}




/*******************************************************************************/
/* NAVIGTION   Desktop */  
/*******************************************************************************/
#mobilenavi { display:none !important; }
.slicknav_menu {display:none; }
nav { margin-top:37px;  float:right; }
#navigation { position: relative;  background-color:none; z-index:500; overflow:visible; height:auto;}
#navigation ul {margin:0px;padding:0px;}
ul.menu {list-style-type: none; text-decoration: none;  list-style-image: none; background-color:#fff;  z-index:50 !important;  position:relative;}
ul.menu ul {   list-style-type: none;   text-decoration: none;  list-style-image: none;  margin-top:0px !important;}

ul.menu li {   
float:left; 
/*width:auto; */
padding:0px; 
margin-left:15px; 
}
 

ul.menu a {
	line-height:32px;
	padding:0px 10px;
	text-decoration:none;
	display:block;
	height:auto;
	width:auto;
	font-size: 16px;
	font-weight:400;
	color:#111;
	text-align:left;
	text-transform: none;
}

ul.menu > li { padding-bottom:20px !important; } 
ul.menu ul {position: absolute; display:none;top:40px;}

ul.menu li > ul.menu li { font-size:16px !important; height:32px !important; padding:0px; margin:0; -moz-border-radius:0;-webkit-border-radius:0;border-radius:0; min-width:125px; margin-left:0px; }
ul.menu li > ul.menu li a { font-size:16px; height:24px; padding-top:5px; margin:0; -moz-border-radius:0;-webkit-border-radius:0;border-radius:0;text-transform:none !important;  }
ul.dropdown a { text-transform:none !important; }


ul.menu li.hover ul, ul.menu li:hover ul  { display:block;    } 
ul.menu ul li:first-child {/*margin-top:0px; padding-top:0px;*/}
ul.menu ul li { float:none; background-color: transparent;text-decoration:none; margin-bottom:0px; display:block; height:10px !important; padding:0px;}

li.active > a { color:#E30613;  }
#menu a:hover { color: #E30613; }
#menu a.active { color:#E30613;  } 

#menu li:last-child  a { padding:0px 0px 0px 10px; }
#menu li .menu li:last-child  a { padding:0px 0px 0px 10px; }

li.n0 { /* display:none;  */ }

.dropdown { visibility:hidden !important; }


/* Subnavigaiton */
#subnavi {
	background-color:#F4F4F4;
	border-top:10px solid #fff;
	display:none;
}

.angebot #subnavi {
	display:block !important; 
}

.sticky {
	width: 100%;
  position: fixed;
  top: 96px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
}


ul.submenu {
	list-style-type:none !important; 
	margin-left:0px !important;
	font-size:16px !important;
	padding:12px 0px 14px 0px; 
	height:auto;
	overflow:hidden; 
	margin-bottom:0px !important; 
}
.subli { float:left; }
.subli:nth-child(2), .subli:nth-child(3), .subli:nth-child(4) {	padding-left:100px; }

.submenu li a, .submenu li a:visited { color:#111; text-decoration:none !important; }
.submenu li a:hover, .submenu li a.active { color:#E30613;  }



/* Slick Slider */

.slick-dotted.slick-slider {
	margin-bottom: -5px;
}

.home .slick-slider .slick-prev:before {
	content: '\2329';
}

.home .slick-slider .slick-next:before {
	content: '\232A';
}

.home .slick-slider .csc-header,
.home .slick-slider .slick-dots {
	display: none !important;
}

.home .slick-slide {
	margin-left: 10px;
	margin-right: 10px;
}



/* Image Gallery */
figcaption.csc-textpic-caption {
	display: none;
}

/*.referenz-wrapper figure.csc-textpic-image {
	display: inline-block !important;
	margin-bottom: 20px !important;
	margin-right: 20px !important;
	width: calc(25% - 15px);
	float: left;
}

.referenz-wrapper figure.csc-textpic-image:nth-child(4n+4) {
	margin-right: 0px !important;
}

.referenz-wrapper .csc-textpic-imagecolumn.csc-textpic-lastcol {
	margin-right: 0px !important;
}*/




/*******************************************************************************/
/* ANTIQUE BROWSER FIX */  
/*******************************************************************************/

/* IE 9 + IE 10 + 11 */
@media screen and (min-width:0\0) { 
#inhalt  img {
		width:100% !important;
		height:auto; 
	}
}


/* Firefox 3 */
html>/**/body .selector, x:-moz-any-link, x:default {

	#inhalt  img {
		width:100% !important;
		height:auto; 
	}
}