/*******************************************************************************/
/* 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;
	border:30px solid #fff;
	box-sizing:border-box !important; 
}


#wrap-header {
 width:100%;
 height:140px;
 position:relative;
}

.home #wrap-header {display:none; }

#overlaymenu {

    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 10;
   /* visibility: hidden;
    transition: visibility 0s 0.15s, opacity 0.15s linear;*/
	display:none; 
	box-sizing:border-box !important; 

  border:30px solid #fff; 
}




.background  {
	background: rgb(0,184,241); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(0,184,241,1) 0%, rgba(114,202,141,1) 66%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(0,184,241,1) 0%,rgba(114,202,141,1) 66%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(0,184,241,1) 0%,rgba(114,202,141,1) 66%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b8f1', endColorstr='#72ca8d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.mopen {
	visibility:visible !important;
	 transition: visibility 0s 0.15s, opacity 0.15s linear;
}

.mactive { 	position:fixed !important; }



#plogo {
	/* width:500px;
	height:auto;
	position: absolute;
	top: 50px;
	left: 50%;
	transform: translateX(-50%);  */
   /* display:none;*/
	
	z-index:300 !important;
	width:260px;
	height:auto;
	position:absolute;
	top:20px;
	left: 50%;
	margin-left:-490px; 
}

.home #plogo {
	width:260px;
	height:auto;
	position: absolute;
	top: 24px;
	left: 50%;
	transform: translateX(-50%);
	display:block !important; 
	margin-left:0px !important; 
}

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

#logo {
	z-index:500 !important;
	width:260px;
	height:auto;
	position:absolute;
	left:15px;
	top:20px;
}

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

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


.logomactive {
	display:none; 
}
.home .logomactive {
	position:absolute !important;
    left:50% !important;
	margin-left:-490px ;
	top:50px !important; 
	display:block;
}


#hamburger {
	width:49px;
	max-width:49px;
	height:41px; 
	position:absolute;
	z-index:100;
	top:45px;
	right:50%;
	margin-right:-490px;
}

#openmenu {
	display:block !important;
	cursor:pointer; 
	height:auto; 
}

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



/* Hamburger */ 
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: #666 !important;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
 outline:none !important;
}
  .hamburger:hover {
   /* opacity: 0.7;*/
}

.hamburger-box {
  width: 32px;
  height: 28px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 32px;
    height: 6px;
    background-color: #666 !important;
    border-radius: 0px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }


.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
     }


main { 
	min-height:400px;
    margin-top:60px;
	margin-bottom:60px; 
	height:auto;
	overflow:hidden; 
}


a.backtotop {
	background-color: #009EE3;
	border-radius: 200px 200px 200px 200px;
	box-shadow: 0 0 10px rgba(255, 255, 255, 0.4);
	color: #FFF;
	display: none;
	height: 40px;
	width: 40px;
	padding: 5px;
	padding-top: 2px;
	position: fixed;
	right: 35px;
	bottom: 35px;
	z-index: 100;
}

a.backtotop img {
	padding: 0px 1px 0px 0px !important;
	margin-top: 3px !important;
	height: auto;
	max-width: 100%;
	width: 100%;
}


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


#wrap-footer {
	flex-shrink: 0;
	width: 100%;
	clear: both;
	background-color:#D9D9D9;
	border-left:30px solid #fff;
	border-right:30px solid #fff;
	border-bottom:30px solid #fff;
}

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

#phone { display:none; }

.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; 
}







/* 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:#999;
}




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

.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: 70px !important;
  margin-top: 70px !important;
  border-top:1px solid #ccc !important;
}

.prel {
	position:relative;
}


a.pdf::before {
	font-family: FontAwesome;
	content: "\f15c";
	display: inline-block;
	margin-right: 19px;
	margin-top:-1px; 
	width: 14px;
	vertical-align: middle;
	font-size: 0.9em !important;
}



div.csc-textpic-border div.csc-textpic-imagewrap img {
	border: 1px solid #666 !important;
	padding: 0px 0px;
}


.imgborder {
	border: 1px solid #666 !important;
}



/* 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   */
/******************************************************************************/

/* Startseite */
#home-start {
	position:relative;
/*	z-index:0;*/
	width:100%; 
}

#hlogo {
	width:800px;
	height:auto;
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -40%);
}

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

#gvak {
	position:absolute;
	width:387px;
	height:76px;
	bottom:0px;
	left:50%;
	transform: translateX(-50%);
}

#arrow {
	position:absolute;
	z-index:8;
	bottom:100px;
	left:50%;
	transform: translateX(-50%);
}

.blink {
  animation: blink-animation 2s steps(5, start) infinite;
  -webkit-animation: blink-animation 2s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}



#arrow .fa {
	font-size:2.2em;
	color:#fff;
}

a.scroll-link .fa  { color:#fff; text-decoration:none; outline:none !important; }
a.scroll-link:hover .fa  { color:#E0E0E0; text-decoration:none;}
a.scroll-link { outline:none !important; }

.openings {
	padding-left:20px; 
}





/* Countdown */
#counter {
padding:24px 0px 50px 0px; 
position:relative;
}

#counter-text {
width:auto;
/*text-align:center;*/
color:#fff !important;
margin-bottom:10px; 
font-size:16px;
}

#counter-text h1 {
/*color:#fff !important;*/
margin-bottom:10px !important;
font-size:22px !important;
}

.timeTo {
	/*text-align: center !important;*/
}









/*******************************************************************************/
/* NAVIGTION   Desktop */  
/*******************************************************************************/

/*
#mobilenavi { display:none !important; }
.slicknav_menu {display:none; }


#wrap-nav {
	width:100%;
	max-width:980px;
	margin:0 auto;
	position:absolute;
	top:280px; 
	left:50%;
	margin-left:-490px;
}


#wrap-nav.subpage {
	top:150px; 
}

#navigation { 
	position: absolute;
	top:0px; 
	left:50%;
	transform: translateX(-50%);
	background-color:none; 
	z-index:500; 
	overflow:visible; 
	height:auto; 
   width:auto; 
}


#navigation ul {margin:0px;padding:0px;}
#navigation ul.menu {list-style-type: none; text-decoration: none;  list-style-image: none; background-color:transparent;  z-index:50 !important;  position:relative;}
ul.menu ul {   list-style-type: none;   text-decoration: none;  list-style-image: none;  margin-top:0px !important;}

#navigation ul.menu li {   
float:none; 
padding:0px; 
margin-left:0px; 
line-height:30px;
text-align:center; 
}
 
#navigation ul.menu a {
	text-align:center; 
	color:#fff !important; 
	font-size:30px; 
	line-height:140% !important; 
	text-decoration:none !important; 
	outline:none !important
}

#navigation  ul.menu > li { padding-bottom:0px !important; } 
#navigation  ul.menu ul {position: relative; display:block;top:0px; margin-bottom:0px; }

#navigation #menu li .menu li  a { padding:0px 0px 0px 0px !important; font-size:25px;  }



ul.menu li > ul.menu li { font-size:18px !important; height:40px !important; padding:0px; margin:0; -moz-border-radius:0;-webkit-border-radius:0;border-radius:0;  margin-left:0px; }
ul.menu li > ul.menu li a { font-size:18px; 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; }
li.n0 { display:none !important; }


li[class^="n"] > a { font-weight:700; }


ul.menu a::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #fff;
    transition: width .3s;
	outline:none !important
}

ul.menu a:hover::after {
    width: 100%;
	outline:none !important
}

*/




/*******************************************************************************/
/* NAVIGTION   Desktop */  
/*******************************************************************************/

/* siehe menu.css  */





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

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