/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */
body {
	background: #f2f2f2 url("../images/bg-footer.png") repeat-x 0 bottom;
}

h1,
#top h1 strong {
	color: #1a75ba;
}

h2 {
	font-size: 24px;
	margin-bottom: 16px;
}

#wrap_all {
	width: 1280px;
	margin: 0 auto;
}

.container {
	max-width: 1280px;
	padding: 0 77px;
}

#header_main {
	border: none;
}

#header_main .container {
	height: 169px;
	line-height: 1.6;
}

.logo {
	padding: 49px 0 0 0;
}

#header_main .main_menu {
	padding-top: 57px;
}

#header_main .main_menu ul:first-child > li a {
	height: auto;
	line-height: 1.6;
}

#header_main .main_menu ul li a {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: normal;
	padding: 13px 18px;
	transition: none;
}

.html_main_nav_header #top .main_menu .menu > li:last-child > a,
.html_bottom_nav_header #top #menu-item-search > a {
	padding-right: 18px;
}

#header_main .main_menu ul li a:hover {
	color: #1a75ba;
	transition: none;
}

#top .header_color .main_menu .menu ul li > a:hover {
	color: #1a75ba !important;
	
}

.avia-menu-fx {
	display: none;
}

#top .avia-layerslider .ls-nav-prev,
#top .avia-layerslider .ls-nav-next {
	width: 40px;
	height: 80px;
	background: #333;
	position: absolute;
	top: 50%;
	margin: -66px 0 0 0;
	left: 0;
	opacity: 1;
}

#top .avia-layerslider .ls-nav-next {
	right: 0;
	left: auto;
}

#top .avia-layerslider .ls-nav-prev::before {
	display: block;
	width: 25px;
	height: 30px;
	background: url("../images/icon-sprite.png") no-repeat 0 0;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -15px 0 0 -12px;
	border-radius: 0;
	text-indent: 0;
	content: "";
}

#top .avia-layerslider .ls-nav-next::before {
	display: block;
	width: 25px;
	height: 30px;
	background: url("../images/icon-sprite.png") no-repeat -25px 0;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -15px 0 0 -12px;
	border-radius: 0;
	text-indent: 0;
	content: "";
}

#top .avia-layerslider .ls-nav-prev:hover::before {
	background-position: 0 -30px;
}

#top .avia-layerslider .ls-nav-next:hover::before {
	background-position: -25px -30px;
}




.html_header_top.html_header_sticky #main {
	padding-top: 169px;
}

.container_wrap {
	border: none;
}

#teaser-boxen {
	padding: 37px 0 0 0;
}

#teaser-boxen .av_one_third {
	min-height: 290px;
	position: relative;
}

#teaser-boxen img {
	margin-bottom: 12px;
}

#teaser-boxen .avia_textblock a {
	position: absolute;
	bottom: 0;
	left: 0;
}

#fitlight-row {
	border-bottom: 1px solid #f2f2f2;	
}

#fitlight-row .content {
	padding-top: 40px;
	padding-bottom: 44px;
}

.banner-breadcrumb {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	color: #FFF;
	font-weight: lighter;
	text-shadow: 0px 0px 11px rgba(0, 0, 0, 0.7);
	text-transform: uppercase;
}

.banner-breadcrumb:after {
	content: "";
	display: table;
	clear: both;
}

.banner-breadcrumb li {
	display: inline-block;
	float: left;
    position: relative;
    padding: 0;
    margin: 4px 5px 4px 0;
}

.banner-breadcrumb li:last-of-type {
	margin-right: 0;
}

.banner-breadcrumb li::after {
	/* this is the separator between items */
	display: inline-block;
	content: '\00bb';
	margin: 0;
	color: #959fa5;
}

.banner-breadcrumb li:last-of-type::after {
	/* hide separator after the last item */
	display: none;
}

.banner-breadcrumb li > * {
	/* single step */
	display: inline-block;
	font-size: 28px;
	color: #FFF;
	position: relative;
	padding: 39px 14px 39px 28px;
    /* the border color is used to style its ::after pseudo-element */
    border-color: #1a75ba;
	background: #1a75ba;
}

.banner-breadcrumb li b {
	color: #FFF;
}

.banner-breadcrumb li.current > * {
	/* selected step */
    background: #333333;
    border-color: #1a75ba;
    padding: 39px 14px 39px 48px;
}

.banner-breadcrumb li.current > *:hover {
	text-decoration: none;
}

.banner-breadcrumb li:first-of-type > * {
	padding-left: 1.6em;
}

.banner-breadcrumb li:last-of-type > * {
	padding-right: 27px;
}

.banner-breadcrumb li::after,
.banner-breadcrumb li > *::after {
	/* 
		li > *::after is the colored triangle after each item
		li::after is the white separator between two items
	*/
	content: '';
	position: absolute;
	top: 0;
	left: 100%;
	content: '';
	height: 0;
	width: 0;
	/* 48px is the height of the <a> element */
	border: 51px solid transparent;
	border-right-width: 0;
	border-left-width: 30px;
}

.banner-breadcrumb li::after {
	/* this is the white separator between two items */
	z-index: 1;
	-webkit-transform: translateX(4px);
	-moz-transform: translateX(4px);
	-ms-transform: translateX(4px);
	-o-transform: translateX(4px);
	transform: translateX(4px);
	border-left-color: #ffffff;
	/* reset style */
	margin: 0;
}

.banner-breadcrumb li > *::after {
    /* this is the colored triangle after each element */
	z-index: 2;
	border-left-color: inherit;
}

.banner-breadcrumb li:last-of-type::after, 
.banner-breadcrumb li:last-of-type > *::after {
    /* hide the triangle after the last step */
	display: none;
}

@-moz-document url-prefix() {
	.banner-breadcrumb li::after,
	.banner-breadcrumb li > *::after {
		/* fix a bug on Firefix - tooth edge on css triangle */
		border-left-style: dashed;
	}
}

#image-carousel {
	position: relative;
	border-bottom: 1px solid #f2f2f2;
}

#image-carousel > .container {
	position: static;
}

#image-carousel .content {
	padding-top: 39px;
	padding-bottom: 122px;
	position: static;
}

#image-carousel .avia-smallarrow-slider,
#image-carousel .avia-smallarrow-slider .avia-slideshow-arrows {
	position: static;
}

#image-carousel .avia-smallarrow-slider .avia-slideshow-arrows a {
	width: 40px;
	height: 80px;
	background: #333;
	position: absolute;
	top: 50%;
	margin-top: -66px;
}

#image-carousel .avia-smallarrow-slider .avia-slideshow-arrows a::before {
	display: block;
	width: 25px;
	height: 30px;
	background: url("../images/icon-sprite.png") no-repeat 0 0;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -15px 0 0 -12px;
	border-radius: 0;
	text-indent: 0;
	content: "";
}

#image-carousel .avia-smallarrow-slider .avia-slideshow-arrows .prev-slide {
	left: 0;
}

#image-carousel .avia-smallarrow-slider .avia-slideshow-arrows .next-slide {
	right: 0;
}

#image-carousel .avia-smallarrow-slider .avia-slideshow-arrows .next-slide::before {
	background-position: -25px 0;
}

#image-carousel .avia-smallarrow-slider .avia-slideshow-arrows a:hover {
	opacity: 1;
}

#image-carousel .avia-smallarrow-slider .avia-slideshow-arrows a:hover::before {
	background-position: 0 -30px;
}

#image-carousel .avia-smallarrow-slider .avia-slideshow-arrows .next-slide:hover::before {
	background-position: -25px -30px;
}

#info-section .content {
	padding: 110px 0 80px 0;
}

#top .main_color .tab_titles {
	border: 1px solid #e1e1e1;
	border-width: 1px 1px 0 1px;
	border-bottom: 5px solid #1a75ba;
}

.js_active .tab_titles .tab:first-child,
.js_active .tab_titles .tab:last-child,
.js_active .active_tab_content {
	border-radius: 0;
}

.js_active .tab_titles .tab:last-child {
	border: none;
}

.main_color .sidebar_tab,
.main_color .tabcontainer .tab {
	color: #333;
	font-size: 14px;
	padding: 22px 44px 17px 40px;
	border-width: 0 1px 0 0;
	margin-top: -1px;
}

#top .main_color .tabcontainer .tab:hover,
#top .main_color .tabcontainer .tab.active_tab {
	color: #1a75ba !important;
	
}

#main .tab_content, 
#main .active_tab_content {
	background: #FFF;
	border-top: none;
	padding: 21px 40px;
	min-height: 322px;
}

#main .av_promobox {
	background: #FFF;
	padding: 37px 40px 43px;
	background: url("../images/bg-quotes.png") no-repeat 0 bottom;
	min-height: 389px;
	position: relative;
	overflow: visible;
	margin-bottom: 20px;
}

#main .avia-promocontent {
	position: static;
}

#main .avia-promocontent p:first-child {
	margin: 0;
	font-size: 14px;
}

#main .avia-promocontent p:nth-child(2) {
	margin-top: 0;
}

#main .avia-promocontent p {
	font-size: 11px;
}

#main .avia-promocontent strong {
	font-size: 14px;
	color: #878787
}

#main .avia-promocontent .wp-caption {
	border: none;
	font-size: 14px;
	font-style: normal;
	position: absolute;
	left: 40px;
	bottom: -55px;
	width: auto !important;
	max-width: 100% !important;
}

#main .avia-promocontent .wp-caption img {
	padding: 0;
	float: left;
	max-width: 100%;
	height: auto;
	width: auto;
}

#main .avia-promocontent .wp-caption-text {
	float: left;
	font-style: normal;
	text-align: left;
	padding-top: 20px;
	font-family: "Open Sans","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
}

#main .avia-promocontent .wp-caption-text strong,
#main .avia-promocontent .wp-caption-text b {
	display: block;
	font-weight: normal;
}

#footer {
	background: #333333; /* Old browsers */
	background: -moz-linear-gradient(top,  #333333 0%, #191919 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#191919)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #333333 0%,#191919 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #333333 0%,#191919 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #333333 0%,#191919 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #333333 0%,#191919 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#191919',GradientType=0 ); /* IE6-9 */
	padding: 40px 0 30px;
	-webkit-box-shadow: inset 0px 10px 11px -8px rgba(0,0,0,0.78);
	-moz-box-shadow: inset 0px 10px 11px -8px rgba(0,0,0,0.78);
	box-shadow: inset 0px 10px 11px -8px rgba(0,0,0,0.78);
	border-bottom: 1px solid #000;
}

#footer .current-date {
	text-align: right;
	color: #747373;
	margin-bottom: 22px;
}

#socket {
	font-size: 14px;
	background: #0e0e0e;
	border-top: 1px solid #1c1c1c;
	margin: 0;
}

#socket .container {
	padding: 0 73px;
}

#socket .sub_menu_socket {
	float: left;
}

#socket .menu {
	margin: 0;
}

#socket .sub_menu_socket li {
	border: none;
	padding: 0;
}

#socket .sub_menu_socket li a {
	padding: 26px 15px;
	display: block;
}

#socket .sub_menu_socket li a:hover {
	color: #1a75ba !important;
	text-decoration: none;
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
}

#socket .social_bookmarks {
	float: left;
	margin: 11px 0 0 30px;
}

#top #socket .social_bookmarks li {
	margin-right: 22px;
}

#top #socket .social_bookmarks li a {
	color: #0e0e0e;
	background-color: #878787;
}

#top #socket .social_bookmarks li a:focus {
	text-decoration: none;
}

#scroll-top-link {
	color: #333;
}

.recentcomments a,
.widget_recent_entries li a {
	font-style: normal;
	font-family: "Open Sans","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
}

.small-preview {
	border-radius: 0;
}

#top #image-carousel .avia-content-slider {
-webkit-perspective: none;
}

#commentform .comment-form-checkbox label {
	left: 20px;
	padding-top: 4px;
}

@media only screen and (min-width: 1850px) {
	.logo {
		margin-left: -50px;
	}
}

#top .newsletter-form {
	margin-top: 20px;
}

#top .newsletter-form input.clever_form_error {
	border: 1px solid #df653e;
}

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 1280px) {
	#wrap_all {
		width: 100%;
	}
	.container {
		padding: 0 15px;
		width: 100%;
	}

	.banner-breadcrumb li {
		width: 75%;
		margin: 0;
		text-align: center;
	}

	.banner-breadcrumb li.current {
		width: 25%;
	}

	.banner-breadcrumb li > * {
		display: block;
		font-size: 22px;
	}

	.banner-breadcrumb li::after {
		display: none;
	}

	.avia-content-slider .slide-entry-wrap {
		padding: 0 40px;
	}

	#mobile-advanced li > a::before,
	.html_header_mobile_behavior #mobile-advanced span > a::before,
	#mobile-advanced .mega_menu_title::before {
		content: "";
	}

	#mobile-advanced {
		z-index: 99999;
	}

	#advanced_menu_hide {
		z-index: 1000000;
	}
}

@media only screen and (max-width: 1160px) {
	#teaser-boxen .av_one_third {
		min-height: 330px;
	}

	#main .av_promobox {
		min-height: 440px;
	}
}

@media only screen and (max-width: 1050px) {
	.avia-content-slider .slide-entry-wrap .slide-entry {
		width: 24%;
		clear: none;
		float: left;
	}

	#main .avia-promocontent .wp-caption {
		left: 10px;
	}
}

@media only screen and (max-width: 1000px) {
	#socket .container {
		padding: 0 15px;
	}

	#socket .sub_menu_socket {
		width: 100%;
		text-align: center;
	}

	#socket .sub_menu_socket li {
		float: none;
		display: inline-block;
	}

	#top #wrap_all .social_bookmarks {
		text-align: center;
		margin: 10px 0 20px;
		width: 100%;
	}

	#top .social_bookmarks li {
		float: none;
		display: inline-block;
		margin: 0 15px;
	}

	#scroll-top-link {
		bottom: 115px;
	}
}


@media only screen and (max-width: 935px) {
	h1 {
		font-size: 25px;
	}

	h2 {
		font-size: 22px;
	}

	h3 {
		font-size: 18px;
	}

	h4 {
		font-size: 16px;
	}

	.banner-breadcrumb li > * {
		font-size: 16px;
	}

	#top .avia-logo-element-container .slide-entry {
		width: 50%;
		margin: 10px 0;
	}

	#teaser-boxen .av_one_third {
		min-height: 375px;
	}

	#info-section div .av_one_third,
	#info-section div .av_two_third {
		width: 100%;
		margin: 0 0 15px;
	}

	#main .av_promobox {
		min-height: 0px;
	}

	#teaser-boxen {
		padding: 0;
	}

	div .av_one_fifth {
		width: 33.3333%;
		margin: 0;
		padding: 0 15px;
	}

	#referenzen div .av_one_third {
		width: 100%;
		margin: 0 0 30px;
	}

	#top #main .content,
	#top #main .sidebar {
		width: 100%;
		border: none;
	}

	.inner_sidebar {
		margin: 0;
	}
}

@media only screen and (max-width: 770px) {
	.banner-breadcrumb li::after,
	.banner-breadcrumb li > *::after {
		display: none;
	}

	.responsive .top_tab .tab.fullsize-tab {
		border-top: 1px solid #e1e1e1;
		margin-top: 0;
	}

	#footer .flex_column {
		text-align: center;
	}

	#teaser-boxen .av_one_third {
		min-height: 0px;
	}

	#teaser-boxen .avia_textblock a {
		position: relative;
	}

	#image-carousel .content {
		padding: 20px 0;
	}

	#info-section .content {
		padding-top: 0;
	}

	.content,
	.sidebar {
		padding: 20px 0;
	}

	.avia-button-wrap {
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 670px) {
	.banner-breadcrumb li {
		width: 60%;
	}

	.banner-breadcrumb li.current {
		width: 40%;
	}

	.banner-breadcrumb li > * {
		min-height: 125px;
	}

	.banner-breadcrumb li.current > * {
		padding: 45px 22px;
	}
}

@media only screen and (max-width: 630px) {
	.banner-breadcrumb li,
	.banner-breadcrumb li.current {
		width: 100%;
	}

	.banner-breadcrumb li > *,
	.banner-breadcrumb li.current > * {
		min-height: 0;
		padding: 20px 15px;
	}

	#header_main {
		border-bottom: 1px solid #e1e1e1 !important;
	}

	#header_main .inner-container {
		min-height: 100px;
		height: 100px;
	}

	.responsive .logo img {
		max-width: 50%;
		margin-top: 15px;
	}

	.avia-layerslider {
		display: none;
	}
}

@media only screen and (max-width: 500px) {
	h1 {
		font-size: 22px;
	}

	h2 {
		font-size: 20px;
	}

	h3 {
		font-size: 18px;
	}

	h4 {
		font-size: 16px;
	}
}

/** Cookie notice **/
.cookie-notice {
  background: rgba(0, 0, 0, 0.8);
  color: white;
  font-size: 12px;
  padding: 15px 30px;
  text-align: center;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 9999;
  display: none;
}

.cookie-notice__more {
  margin: 0 15px 0 7px;
  text-decoration: underline;
  color: #FFF;
}

.cookie-notice__close {
    color: white;
    font-size: 12px;
    margin: 0;
    display: inline-block;
    background: #1a75ba;
    outline: 0;
    vertical-align: middle;
    margin: 0;
    padding: 12px 24px 13px;
    -webkit-appearance: none;
    border: 1px solid transparent;
    border-radius: 2px;
    -webkit-transition: background-color 0.3s ease-out, color 0.3s ease-out;
    transition: background-color 0.3s ease-out, color 0.3s ease-out;
    text-decoration: none;
    line-height: 1;
    text-align: center;
    cursor: pointer;
}

.cookie-notice__close:hover {
    background: #1a75ba;
}

.ctaBtnHeader {
	background-color: #1a75ba;
	transition: all 250ms ease-in-out;
	
}
.ctaBtnHeader:hover {
	background-color: hsl(206, 75%, 30%);
}
.ctaBtnHeader a {
	color: #fff !important;
	font-weight: bold !important;
}