@import url('font-awesome.css');
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');

html{
	font-size:16px;
	font-size:87.5%;
}

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

.page-node-1 img{
	width:auto;
}


/* ==========================================================================
   Views edit
   ========================================================================== */   

.view .views-row,
.flexslider li,
.jcarousel-item{
	position:relative;
}

.views-row .edit,
.flexslider li .edit,
.jcarousel-item .edit{
	display:none;
    font-size:90%;
    position:absolute;
    right:5px;
    top:25px;
    z-index:999;
}

.views-row:hover .edit,
.flexslider li:hover .edit,
.jcarousel-item:hover .edit{
	display:block;
}

.views-row .edit a,
.flexslider li .edit a,
.jcarousel-item .edit a{
    color:#333;
    display:block;
    margin:0.25em 0;
    padding:0.25em 1em 0.25em 0.5em;
    background-color:#FFF;
    border:1px solid #CCC;
    border-radius:4px 0 4px 4px;
    text-decoration:none;
}

body{
	font-size:1rem;
	font-family: 'Quicksand', sans-serif;
	font-weight:400;
	color:#232d32;
}

a, a:hover, a:focus{
	text-decoration:none;
	color:#009fe3;
}

a:focus{
	outline:none;
}

h1,h2{
	font-size:2.25rem;
	font-weight:300;
}

h3{
	color:#009fe3;
	font-size:1.5rem;
	font-weight:400;
}


#header{
	width:100%;
	position:relative;
}

.front #header{
	margin-bottom:10px;
}

#branding{
	width:100%;
	max-width:1230px;
	height:100px;
	margin:0 auto;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f1f1+0,fbfcfd+100 */
	background: #f0f1f1; /* Old browsers */
	background: -moz-linear-gradient(left,  #f0f1f1 0%, #fbfcfd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #f0f1f1 0%,#fbfcfd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #f0f1f1 0%,#fbfcfd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f1f1', endColorstr='#fbfcfd',GradientType=1 ); /* IE6-9 */
}

#logo{
	width:15%;
	height:auto;
	float:left;
	padding:0;
	margin:30px 0 0 50px; 
	max-width:136px;
}

#menu-bar{
	float:right;
	clear:none;
	height:100px;
	margin:0;
	max-width:925px;
	width:80%;
}

#menu-bar #block-block-1{
	max-width:300px;
	float:right;
	height:100px;
	background-color:#009fe3;
	margin:0;	
	clear:none;
}

#menu-bar #block-block-1 p{
	margin:35px 20px 0;
}

#menu-bar #block-block-1 p a{
	color:#FFF;
}

#menu-bar #block-block-1 p a.telefon{
	float:left;
	margin-right:30px;
}

#menu-bar #block-block-1 p a.mail{
	float:right;
}

.sf-sub-indicator{
	display:none;
}

/* ------------------------------------ Hauptmenü --------------------------------------- */

#block-superfish-1{
	float:left;
	max-width:600px;
	margin:30px 0 0;
	display:flex;	
}

#block-superfish-1 .menu{
	margin:38px 0 0;
}

#block-superfish-1 .menu li{

}

#block-superfish-1 .menu li a{
	color:#232d32;
	padding:0 15px 20px;
	margin:0 5px;
}

#block-superfish-1 .menu li.active-trail a,
#block-superfish-1 .menu li a.active,
#block-superfish-1 .menu li:hover a{
	color:#009fe3;
}

/* ------------------------------------ Submenu */

 #block-superfish-1 .menu li ul{
	background-color:#232d32;

}

#block-superfish-1 .menu li ul li{	
	border-bottom:1px solid #394247;
}

#block-superfish-1 .menu li ul li.last{
	border:none;
}

#block-superfish-1 .menu li.active-trail ul li a,
#block-superfish-1 .menu li.active ul li a,
#block-superfish-1 .menu li:hover ul li a,
#block-superfish-1 .menu li ul li a{
	color:#FFF;
	padding:6px 15px;
}

#block-superfish-1 .menu li ul li.active-trail a,
#block-superfish-1 .menu li ul li a.active,
#block-superfish-1 .menu li ul li:hover a{
	color:#009fe3;
} 

/* ------------------------------------ Header Slider ----------------------------------- */

#header .region-header{
	width:100%;
	margin:0 auto;
	position:relative;
	height:auto;
}

#header .region-header .block{
	margin-bottom:0;
}

#block-views-header-slider-block{
	max-width:1230px;
	margin:0 auto;
}

#block-views-header-slider-block .small{
	display:none;
}

#block-views-header-slider-block .view-content .flexslider{
	border:none;
}

#block-views-header-slider-block .view-content ul.slides{
	padding:0;
}

.region-header .block-views .block-inner{
	margin:0;
}

#block-views-header-slider-block .flex-direction-nav{
	position:absolute;
	z-index:99;
	width:100%;
	top:270px;
	left:0;
}

#block-views-header-slider-block .flex-control-nav{
	display:none; 
}

#block-views-header-slider-block .flex-direction-nav .flex-nav-prev a{
	display:block;
	text-indent:-9999px;
	width:30px;
	height:50px;
	background:transparent url(../images/pfeil-links.png) no-repeat 0 0;
}

.flexslider{
	margin:0;
}

.flexslider .flex-direction-nav a{
	display:block;
	opacity:1;
}

.flex-direction-nav .flex-prev,
.flexslider:hover .flex-direction-nav .flex-prev{
	left:-55px;
	opacity:1;
}

.flex-direction-nav .flex-next,
.flexslider:hover .flex-direction-nav .flex-next{
	right:-33px;
	opacity:1;
}

.flex-direction-nav a::before{
	display:none;
}

#block-views-header-slider-block .flex-direction-nav .flex-nav-next a{
	display:block;
	text-indent:-9999px;
	width:30px;
	height:50px;
	background:transparent url(../images/pfeil-rechts.png) no-repeat 0 0;
	text-align:inherit;
}

.region-header .block-views .body{
	width:50%;
	position:absolute;
	z-index:100;
	left:0;
	top:0;
	height:500px;
	display:table;
}

.region-header .block-views .body .text{
	font-size:3.75rem;
	line-height:1.15em;
	color:#FFF;
	font-weight:300;	
	padding:0 0 0 50px;
	display:table-cell;	
	vertical-align:middle;
}

.region-header .block-views .body .text p{
	display:inline;
}

.region-header .block-views .body .text a{
	display:inline-block;
	background-color:#009fe3;
	border-radius:5px;
	font-size:1rem;
	color:#FFF;
	font-weight:400;
	height:30px;
	padding:18px 20px 5px;
	margin-left:30px;
	vertical-align:10px;
	line-height:1em;
}


/* ------------------------------------ Header ------------------------------------------ */

.region-header .block-block{
	margin:0 auto;
	max-width:1230px;
	position:relative;
	line-height:0;
}

.region-header .block-block p{
	margin:0;
}

#header .region-header .block-block .block-inner{
	margin:0;
}

#header .region-header .block-block .block-title{
	position:absolute;
	color:#FFF;
	font-size:2.5rem;
	margin:0;
	left:50px;
	top:50%;
}

.not-front #header .region-header .block-content{
	background-position:center 0;
	height:200px;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

/* ------------------------------------ g3-Signet */

.view-footer{
	width:198px;
	height:201px;
	position:absolute;
	bottom:-95px;
	left:85px;
	z-index:99;
}

@media only screen and (max-width: 1070px){
.view-footer{
	width:150px;
	bottom:-120px;
	left:60px;
	}
}

/* ------------------------------------ Main-Content ------------------------------------ */

h1#page-title{
	font-size:2.25rem;
	font-weight:300;
	margin:65px 0 30px;	
}

#columns{
	margin:0 auto;
	max-width:1190px;
}

#content-column{
	display:flex;	
	margin:0 20px;
	width:auto;
}

.front #content-column{
	display:block;
	width:100%;
}

#main-content{
	max-width:1170px;
	margin:0 auto;
}

#block-system-main{
	margin:0;
}

.node{
	margin-bottom:10px;
}

.sidebar-first #main-content{
	max-width:870px;
	float:left;
	margin:0 15px 0 0;
}

#content .fa{
	margin-right:10px;
	font-size:1.05rem;
}

#content .phone{
	margin-right:20px;
}

.front #main-content{
	text-align:center;
	width:100%;
}

.front #content .block h1{
	font-size:2.25rem;
	font-weight:300;
	margin-top:55px;
}

.node-content p{
	width:100%;
	float:left;
	margin:10px 0 30px;
}

.paragraphs-items{
	float:left;
	width:100%;
}

.paragraphs-items .field-name-field-icon-block .field-item{
	width:370px;
	margin:0 30px 30px 0;
	border-bottom:1px solid #d3d5d6;
	float:left;
	padding:0 0 35px;
	height:140px;
}

.paragraphs-items-field-icon-block{
	margin:20px 0 15px;
	float:left;
	width:100%;
}

.paragraphs-items .field-name-field-icon-block .field-item .group-left{
	width:100px;
	float:left;
}

.paragraphs-items .field-name-field-icon-block .field-item .group-left .icon{
	margin-top:10px;
	text-align:center;
}

.paragraphs-items .field-name-field-icon-block .field-item .group-right{
	width:270px;
	float:right;
}

.paragraphs-items .field-name-field-icon-block .field-item .group-right h3.headline{
	float:left;
	color:#009fe3;
	font-size:1.5rem;
	margin:0 0 1em;
	width:100%;
}

@media only screen and (min-width: 981px) and (max-width: 1125px){
.paragraphs-items .field-name-field-icon-block .field-item{
	margin:0 20px 20px 0;
	padding:0 0 25px;
	max-width:300px;
	min-height:200px;
}

.paragraphs-items .field-name-field-icon-block .field-item .group-left{
	max-width:80px;
}

.paragraphs-items .field-name-field-icon-block .field-item .group-right{
	max-width:220px;
}
}

#block-block-9{
	margin-bottom:75px;
}

/* ------------------------------------ Unternehmen ------------------------------------- */

.field-name-field-block-unternehmen{
	margin-top:25px;
}

.field-name-field-block-unternehmen .field-item{
	border-top:1px solid #d3d5d6;
	padding:60px 0 50px;
}

.field-name-field-block-unternehmen .field-item:last-child{
	padding:60px 0 5px;
}

.field-name-field-block-unternehmen .name{
	font-size: 2.25rem;
    font-weight: 300;
    margin:-15px 0 0;
	color:#232d32;
}

.field-name-field-block-unternehmen .body.bold{
	font-size:1.5rem;
	color:#009fe3;
	font-style:italic;
	font-weight:300;
	margin:25px 0;
	line-height:1.35em;
}

.field-name-field-block-unternehmen .even .group-right .name,
.field-name-field-block-unternehmen .even .group-right .body,
.field-name-field-block-unternehmen .even .group-right .fa-phone{
	margin-left:30px;
}

.field-name-field-block-unternehmen .group-left,
.field-name-field-block-unternehmen .group-right{
	max-width:570px;
}

.field-name-field-block-unternehmen .odd .group-left{
	float:right;
}

.field-name-field-block-unternehmen .odd .group-right{
	float:left;
}

/* ------------------------------------ News -------------------------------------------- */

.node-type-news #content-column{
	display:block;
	float:none;
	margin:0 10px;
}

.node-news .group-header{
	margin:10px 0 20px;
}

.node-news .group-left,
.node-news .group-right{
	max-width:570px;
}

.node-news .group-right{
	float:left;
	width:47.5%;
	margin-left:2.5%;
}

.node-news .group-left img{
	margin-top:5px;
}

.node-news .group-right .kontakt h3{
	float:left;
	width:100%;
	margin:25px 0 30px;
}

.node-news .group-footer{
	margin:25px 0 10px;
	float:left;
	width:100%;
	border-top:1px solid #d3d5d6;
}

.node-news .group-footer .button{
	display:inline-block;
	background-color:#009fe3;
	border-radius:5px;
	margin:30px 0 0;
}

.node-news .group-footer .button a{
	color:#FFF;
	padding:1em;
	font-size:1.15rem;
	display:block;
}

.view-news .views-row .group-left{
	width:36%;
	max-width:270px;
}

.view-news .views-row .group-right{
	width:61.5%;
	max-width:870px;
	font-size:1.066rem;
}

.page-news #content-column{
	margin:0 10px;
}

.view-news .views-row .group-right .button{
	display:inline-block;
	background-color:#009fe3;
	border-radius:5px;
	margin:0;
}

.view-news .views-row .group-right .button a{
	color:#FFF;
	padding:0.75em 1em;
	font-size:1.15rem;
	display:block;
}

/* ------------------------------------ Sidebar First ----------------------------------- */

.region-sidebar-first{
	margin:0;
	float:left;
	max-width:300px;
	display:flex;
}

.sidebar-first .content-inner{
	float:left;
	margin:0;
	display:flex;
}

.region-sidebar-first .region-inner{
	margin:80px 0 0 0;
}

.region-sidebar-first .block-menu-block .menu{
	margin:0;
	padding:0;
}

.region-sidebar-first .block-menu-block .block-inner{
	margin:0;
}

.region-sidebar-first .block-menu-block .menu li{
	list-style:none none;
	background-color:#232d32;
	border-bottom:1px solid #394247;
}

.region-sidebar-first .block-menu-block .menu li:last{
	border-bottom:none;
}

.region-sidebar-first .block-menu-block .menu li a{
	color:#FFF;
	padding:13px 0 13px 20px;
	display:block;
	width:220px;
}

.region-sidebar-first .block-menu-block .menu li a.active,
.region-sidebar-first .block-menu-block .menu li:hover a{
	color:#009fe3;
}

/* ------------------------------------ Second Sidebar ---------------------------------- */

#columns .region-sidebar-second{
	float:none;
	max-width:1230px;
	width:100%;
}

.sidebar-second .content-inner{
	margin:0;
}

.region-sidebar-second{
	margin:0 auto;;
}

.front .region-sidebar-second .block{
	float:left;
	clear:none;
	width:33.3%
}

.front .region-sidebar-second .block:nth-child(2) .block-inner{
	border-left:1px solid #d3d5d6;
	border-right:1px solid #d3d5d6;
}

.front .region-sidebar-second .block img{
	height:50px;
	width:auto;
}

.front .region-sidebar-second .block-title{
	color:#009fe3;
	font-size:1.5rem;
	text-align:center;
	margin:45px auto 30px; 
	font-weight:400;
}

.front .region-sidebar-second .block-content{
	text-align:center;
	max-width:320px;
	margin:0 auto;
}

/* ------------------------------------ Tertiary ---------------------------------------- */

.block.mobile{
	display:none;
}

.region-tertiary-content{
	text-align:center;
	margin-bottom:55px;
	width:100%;
	float:left;
}

.region-tertiary-content h2{
	font-size:2.25rem;
	font-weight:300;
	margin-top:55px;
}

#block-views-footer-slider-block .block-inner{
	margin:0;
}

.jcarousel-clip{
	max-width:1170px;
	overflow:hidden;
	margin:0 auto;	
}

.region-tertiary-content .jcarousel-container .jcarousel li{
	margin:0 15px;
	max-width:270px !important;
	position:relative;
}

.region-tertiary-content .view-footer-slider a.colorbox{
	display:block;
	line-height:0;
}

.region-tertiary-content .view-footer-slider .overlay{
	opacity:0;
	cursor:pointer;	
	position:absolute;
	width:100%;
	height:100%;
  	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */ 
  	filter: alpha(opacity=50); /* IE 5-7 */ 
  	-moz-opacity: 0.5; /* Netscape */ 
  	-khtml-opacity: 0.5; /* Safari 1.x */ 
  	opacity: 0.5; /* Good browsers */
   	-webkit-transition:all 2s linear;
	-moz-transition:all 2s linear;
	-o-transition:all 2s linear;
	transition:all 2s linear;
	background-color:#009fe3;
}

.region-tertiary-content .view-footer-slider .overlay i.icon{
	background-color:#FFF;
	position:absolute;
	left:50%;
	top:50%;
	font-size:3rem;
	width:50px;
	height:20px;
	margin:-25px 0 0 -25px;
	border-radius:25px;
	font-style:normal;
	padding:20px 0 10px;
	display:block;
}

.jcarousel-prev-horizontal{
	display:block;
	width:30px;
	height:50px;
	position:absolute;
	left:15px;
	top:74px;
	background:transparent url(../images/pfeil-links.png) no-repeat 0 0;
}

.jcarousel-next-horizontal{
	display:block;
	width:30px;
	height:50px;
	position:absolute;
	right:15px;
	top:74px;
	background:transparent url(../images/pfeil-rechts.png) no-repeat 0 0;
}

/* ------------------------------------ Footer ------------------------------------------ */

#footer{
	float:left;
	width:100%;
	background-color:#232d32;
	color:#FFF;
}

#footer .region-footer{
	max-width:960px;
	margin:60px auto 10px;
}

#footer .region-footer .block-content{
	text-align:center;
}

#footer .region-footer .block-content p{
	line-height:2.25em;
}

#footer .region-footer .block-content i{
	margin:0 10px 0 20px;
	font-size:1.25em;
}

#footer .region-footer .block-content a.link{
	color:#FFF;
	margin:0 10px;
}

#block-block-8 img{
	width:136px;
	height:auto;
}
































/*
 * responsive.custom.css is for custom media queries that are not set via the
 * theme settings, such as cascading media queries.
 *
 * By default all the other responsive stylesheets used in Adaptivetheme use a
 * "stacking method", however cascading media queries use a waterfall method so
 * you can leverage the cascade and inheritance for all browsers that support
 * media queries, regardless of screen size.
 *
 * @SEE http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/#mq-overlap-stack
 *
 * NOTE: this file loads by default, to disable got to your theme settings and
 * look under the "CSS" settings tab.
 */
/*
 * Really small screens and up
 */
/* @media only screen and (min-width: 220px) {} */
/*
 * Smalltouch sizes and up
 */
/* @media only screen and (min-width: 320px) {} */
/*
 * Smalltouch sizes and down
 */
@media only screen and (max-width: 480px) {
  /* 
   * Float Region Blocks - custom media query CSS example:
   * 
   * Float regions blocks is an Extension you can enable in the appearance
   * settings for your theme. This feature allows you to automatically float
   * blocks in regions, you can switch it on and off depending on your
   * requirements. For design purposes you many want to remove the floats for
   * devices where the entire theme is just one column - for example small
   * mobile phones. The following CSS is inside the custom media query:
   *
   *   @media only screen and (max-width: 480px){}
   *
   * This will target devices with a maximum width of 480px - most small phones.
   * In these smaller screen sizes we can remove the float and widths so all
   * blocks stack instead of displaying horizonally. The selector used is an
   * "attribute selector" which will match on any float block class. Use your
   * inspector or Firebug to get the classes from the page output if you need
   * more granular control over block alignment and stacking.
   */
  /* line 57, ../sass/responsive.custom.scss */
  .region[class*="float-blocks"] .block {
    float: none;
    width: 100%;
  }
}
/*
 * Tablet sizes and up
 */
/* @media only screen and (min-width: 768px) {} */
/*
 * Desktops/laptops and up
 */
/* @media only screen and (min-width: 1025px) {} */

/*# sourceMappingURL=responsive.custom.css.map */