/*
Theme Name: Enfold Child - AF-E
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

/*Add your own styles here:*/


/* roboto-100 - cyrillic_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/roboto-v50-cyrillic_latin_latin-ext-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-200 - cyrillic_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/roboto-v50-cyrillic_latin_latin-ext-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-300 - cyrillic_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-v50-cyrillic_latin_latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-regular - cyrillic_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v50-cyrillic_latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-500 - cyrillic_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/roboto-v50-cyrillic_latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-600 - cyrillic_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/roboto-v50-cyrillic_latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700 - cyrillic_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v50-cyrillic_latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


img {
  image-rendering: auto;
}

body { font-family: Roboto,"Helvetica Neue","Helvetica","Arial","Tahoma" !important; }
b, strong {
    color: #595959 !important;
}
.av-main-nav > li > a {font-size: 15px} /* Hauptnavigation */
.modern-quote .av-special-heading-tag { /* H1 Headline */
    color: rgb(69,92,110) !important;
}
.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 { /* Headline Uppercase rückgängig machen */
    text-transform: none;
}

.container_wrap{border-top-width: 0}
.avia-image-container-inner, .avia_image, .av-image-caption-overlay{border-radius: 0}

/*
h2.ls-layer, h1{color: #58585a!important;font-family: "DINWebPro-Medium","Helvetica Neue","Helvetica","Arial","Tahoma"!important;font-weight: 600!important;background: rgba(0, 0, 0, 0) url('https://cmp.krohne.com/wasserwirtschaft/wp-content/dreieck_ci.png') no-repeat scroll 0 6px!important;background-size:36px 27px;padding-left:37px!important;line-height: 44px!important;padding-top:1px!important;font-size:34px!important;letter-spacing:-0.5px!important;display: inline-block !important;}
*/

/* Headline mit Dreieck */
h2.ls-layer, h1 {
    color: #58585a !important;
    font-family: Roboto,"Helvetica","Arial","Tahoma" !important;
    font-weight: 600 !important;
    background: rgba(0, 0, 0, 0) url("https://cmp.krohne.com/wasserwirtschaft/wp-content/dreieck_ci.png") no-repeat scroll 0 10px!important;
    /*background-size: auto auto;*/
    background-size: 31.51px 23px !important;
    padding-left: 37px !important;
    margin-left: -37px !important;
    line-height: 44px !important;
    padding-top: 1px !important;
    font-size: 36px !important;
    letter-spacing: -0.5px !important;
	display: inline-block!important;
}
@media only screen and (max-width:480px){
  h2.ls-layer, h1 {margin-left: 0 !important}
}
/* ende Headline mit Dreieck */

/* h1 subheading */
h1 + .av-subheading p {font-size: 18px !important; margin: -5px 0 5px 0 !important; font-weight: 600;}
.av-subheading_below p {color: #455c6e !important}
/* ende h1 subheading */

/* trenner */
.trenner h2{font-size: 22px; color:rgb(69,92,110); margin:10px 0}
/* ende trenner */

/* Header anpassen */
.av-logo-container { height: 85px !important; line-height: 85px !important; }
#top #header_main > .container, #top #header_main > .container .main_menu .av-main-nav > li > a, #top #header_main #menu-item-shop .cart_dropdown_link {
    padding-top: 1px!important;
}
.logo {margin-top: 30px !important;
    /*background: rgba(0, 0, 0, 0) url("logo-white.svg") no-repeat scroll center top / 100% auto; */
    background: rgba(0, 0, 0, 0) url("logo-white.svg");
    display: block;
    height: 26px;
    width: 96px;
	background-size:contain !important;
	background-repeat:no-repeat!important;
}
.logo a img { display: none; }
#header_main {border-bottom: 1px solid #fff !important; border-top:none !important;}

.responsive.html_mobile_menu_tablet #top #header_main > .container .main_menu .av-main-nav > li > a, .responsive.html_mobile_menu_tablet #top #wrap_all .av-logo-container {
    height: 85px !important;
    line-height: 85px !important;
}

@media only screen and (max-width: 767px) {
	.responsive #top #wrap_all .main_menu {
		right: auto;
	}
	.responsive #top .logo {
		float: right;
    width:100px;
	}
}
/* Header anpassen */

/* #main */
#main{background:#fff;}
@media only screen and (max-width:767px){
  #main{position: relative; top:-40px;}
}
/* ende #main */

/* .container Mehr Padding für die Gesamtbreite hamit das Dreieck der Headline links genug Platz hat */
.container {padding: 0px 80px}
@media only screen and (max-width:767px){
  .responsive #top #wrap_all .container {width: 80%; max-width: 85%;}
}
/* ende .container */


/* slider header auf ganze Page Breite */
#slider_top .container{ max-width: none !important; width:100% !important; padding:0; }
#slider_top .avia-image-container-inner { width:100% }
#slider_top img.avia_image {max-width: none; width: 100%}
/* ende slider header */

/* #start_intro Erster Introtext ohne Abstand nach oben  */
#start_intro p:first-child { margin-top: 0 !important}
/* #start_intro */

/* Slider */
.avia-slideshow li img { border-radius: 0 !important; }
#slider_home { background: #88939b; color: #fff; padding: 10px; font-size: 16px; line-height: 24px !important; }
h2.ls-layer { font-size: 30px !important; }
/* Slider */

/* Tabelle */
.avia-data-table td, .avia-data-table th { border-color:#005ca8;}
.avia-data-table td{color:#505050 !important; background:#fff!important; text-align: left!important;}
.avia-data-table th,
.avia-data-table .avia-highlight-col{ color:#fff !important; background:#005ca8 !important; text-transform: uppercase;  text-align: left!important; font-weight: bold;}
/* ende Tabelle */


/* kontaktform */
span.wpcf7-list-item{ margin-left:0; }
/* ende kontaktform */



/* Stoerer */
.stoerer {
    border-radius: 0 !important;
    padding: 10px 24px;
    position: fixed;
    right: 0;
    color: #fff;
    background: #e94d19;
    font-weight: 400;
    cursor: pointer;
    z-index: 99;
    width: auto;
    border-radius: 0;
    -webkit-transition: visibility 0s,opacity 0.5s linear;
    transition: visibility 0s,opacity 0.5s linear;
}

.stoerer:hover {
    opacity: 0.8 !important;
}

#stoerer_1 {
    top: 25%;
}

.fragezeichen {
    background-image: url('//cmp.krohne.com/pressure/wp-content/uploads/sites/12/dynamic_avia/fragezeichen-icon.png') !important;
    background-size: 16px;
    background-repeat: no-repeat;
    padding-left: 26px;
    padding-top: 4px;
    color: #fff !important;
    font-size: 12px;
}

@media only screen and (max-width:768px){
	.stoerer {
		display: block !important;
		bottom: 0;
		top: auto !important;
		right: 0 !important;
		width: 100% !important;
		border-radius: 0 !important;
		position:fixed!important
	}

	#stoerer_0 {
		bottom: 0 !important;
		top: auto !important;
		border-bottom: 1px solid #fff !important;
	}
}
/* Ende Stoerer */



/* mobile_only */
.mobile_only{display:none}
@media only screen and (max-width: 480px) {
	.mobile_only{display:block}
}
/* ende mobile_only */



.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

@media only screen and (max-width:512px) {
	#lang_switch {
        right: auto !important;
        top: -26px !important;
        width: 100%;
        left: auto !important;
        text-align: center;
    }
    #header_main{padding-bottom:10px!important}
    .logo {margin-top: 40px !important;}
    .main_menu{padding-top:10px!important}
}




/* mobile-optimisation */
@media only screen and (max-width:767px) {
	body {
		font-size:87.5%!important; /* fliesstext wird zu 14px */
	}

	h1, h2, h3, h4, h5, h6 {
	  font-weight: 400!important;
	  background: none!important;
	}
	#top h1 {
	  font-weight: 400 !important;
	  background: none!important;
      padding-left: 0!important;
      margin-left: 0!important;
	  font-size: 26px !important;
	}
	#top h1 + .av-subheading p {
	  font-weight: 400;
	}
	.responsive #top #wrap_all .av-mini-font-size-26 {
	  font-size: 26px !important;
	}
	body .container_wrap .avia-builder-el-first {
	  margin-bottom: 0 !important;
	}

	body #start_intro.container_wrap .avia-builder-el-first {
	  margin-bottom: 30px !important;
	}

	.flex_column_table {margin-top:0!important}

	h1.av-special-heading-tag{margin-bottom:6px!important}
	h2.av-special-heading-tag,
	h3.av-special-heading-tag  {
		margin: -20px 0 12px 0 !important;
		padding: 0 !important;
		font-size: 22px !important;
	}
	.av-special-heading-h3{margin-top:25px!important}
	h2, h3 {font-size: 22px!important;letter-spacing: 0 !important;}
	.home h3 {
	  margin-top: 6px !important;
	  line-height: 1.2em;
	  font-weight: 400 !important;
	}
	.av-subheading_below {
	  margin-top: .3em!important;
	}

	.button_gross .avia_iconbox_title,
	.avia_iconbox_title {
	  font-size: 14px !important;
	}
	.avia_textblock h4{margin-top:15px!important}
	.av-hotspot-fallback-tooltip-inner h4 {
	  font-size: 16px!important;
	  line-height: 16px!important;
	  margin-bottom: 0!important;
	}

	#key-technologies{background-color: #eff0f4}
}
/* mobile-optimisation */