/*
Theme Name: Enfold Child - Messe
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:*/

@font-face{font-family:"DINWebPro";src:url('fonts/DINWebPro.eot');src:url('fonts/DINWebPro.eot?#iefix') format("embedded-opentype"),url('fonts/DINWebPro.woff') format("woff"),url('fonts/DINCompPro.ttf') format("truetype")}
@font-face{font-family:"DINWebPro-Medium";src:url('fonts/DINWebPro-Medium.eot');src:url('fonts/DINWebPro-Medium.eot?#iefix') format("embedded-opentype"),url('fonts/DINWebPro-Medium.woff') format("woff"),url('fonts/DINCompPro-Medium.ttf') format("truetype")}
@font-face{font-family:"DINWebPro-Bold";src:url('fonts/DINWebPro-Bold.eot');src:url('fonts/DINWebPro-Bold.eot?#iefix') format("embedded-opentype"),url('fonts/DINWebPro-Bold.woff') format("woff"),url('fonts/DINWebPro-Bold.ttf') format("truetype")}

body { font-family: "DINWebPro","DINWebPro-Medium","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: "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 10px!important;
    /*background-size: auto auto;*/
    background-size: 38px 27.2px !important;
    padding-left: 37px !important;
    margin-left: -37px !important;
    line-height: 44px !important;
    padding-top: 4px !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;line-height: 1.1em !important;font-size:34px!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}

@media only screen and (max-width:480px){
	.av-special-heading-h1 + .av_textblock_section p{font-size: 22px!important;line-height: 28px!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:-26px!important;bottom:0!important;margin-bottom:-26px!important}
}
/* 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 */


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

/* Burger Menu breakpoint definieren */
@media only screen and (max-width: 1080px) {
	.av-burger-menu-main {display: block !important}
	#top .av_mobile_menu_tablet .av-main-nav .menu-item {display: none !important}
		#top .av_mobile_menu_tablet .av-main-nav #menu-item-search {display: block !important}
}
/* ende Burger Menu breakpoint definieren  */


/* tabelle */
table.avia-table {border: 1px solid #eff0f4!important;}
.main_color tr:nth-child(2n+1), .main_color tr:nth-child(2n+1) td {
    background: #eff0f4!important;
	border:none!important;
}
.main_color tr:nth-child(2n), .main_color tr:nth-child(2n) td {
	background-color: #fff!important;
    color: #005ca8!important;
	border:none!important;
}
.avia-data-table td, .avia-data-table th {
    border-color: transparent!important;
}

@media only screen and (max-width:767px){
  .responsive .avia_scrollable_table {width: 120%;margin-left: -10%; overflow:hidden}
  .avia_scrollable_table .avia-table {width: 100%;}
  .responsive .avia_scrollable_table th, .responsive .avia_scrollable_table td {white-space: normal !important;}
}
/* ende tabelle */



/* Easy Slider */
.avia-inner-caption{max-width:85%}
h2.avia-caption-title {font-size: 1em!important}
/* ende Easy Slider */

/* Cookie Text */
.avia-cookie-consent p {
    font-size: 14px!important;
    letter-spacing: 0em!important;
    line-height: 20px!important;
}
/* ende Cookie Text */

/* Video Header */
#top_video{background:#e6e8ea}
#top_video .flex_cell_inner{max-width:85%!important;margin:0 auto!important;background:#e6e8ea}

@media only screen and (min-width:1750px){
#top_video .flex_cell_inner{max-width:70%!important}
}
@media only screen and (max-width:1270px){
#top_video .flex_cell_inner{max-width:100%!important}
}
/* Video Header */




/* Stoerer */

.stoerer {
    padding: 14px 24px;
    position: fixed;
    right: 0;
    top: 200px;
    color: #fff;
    background: #ea4c15;
    font-weight: 600;
    cursor: pointer;
    z-index: 999999;
    min-width: 239px !important;
}

.stoerer {top: 237px;}
#stoerer_1 { top: 297px; }

.stoerer a { color: #fff; font-size: 16px; text-decoration: none; display: block; padding: 0; }
.stoerer { border-radius:0!important;padding: 14px 24px; position: fixed; right: -50px; color: #fff; background: #e94d19; font-weight: 600; cursor: pointer; z-index: 99; width: 310px !important; border-radius: 0; -webkit-transition: visibility 0s, opacity 0.5s linear; transition: visibility 0s, opacity 0.5s linear; }
.stoerer:hover { opacity: 0.8 !important; }
/*
.fragezeichen { background-image: url("/fragezeichen-icon.png")!important; background-size: 24px; background-repeat: no-repeat; padding-left: 27px; padding-top: 3px; }
.dokument { background-image: url("https://pipeline-management.com/wp-content/uploads/sites/3/2019/04/dokument-icon.png"); background-size: 24px; background-repeat: no-repeat; padding-left: 27px; padding-top: 3px; }
.rechner { background-image: url("rechner.png"); background-size: 23px; background-repeat: no-repeat; padding-left: 27px; padding-top: 3px; }
*/
.ausrufezeichen { background-image: url("img/ausrufezeichen.png")!important; margin-left:-17px!important; background-size: 28px; background-repeat: no-repeat; padding-left: 28px !important; padding-top: 3px; }


@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; }
	#stoerer_0 { bottom: 52px !important; top: auto !important; border-bottom: 1px solid #fff !important; }
	#stoerer_1 { bottom: 0 !important; top: auto !important; border-bottom: 1px solid #fff !important; }
	.stoerer a {text-align: center;}
}
/* Stoerer */




/* Captcha */
#cptch_input{font-size:15px!important;color:rgb(102,102,102)!important;line-height: 15px!important}
.captcha-bank-text-captcha-invalid{display: block !important;margin: -20px 0 20px 0;}
span.wpcf7-not-valid-tip{color:#ea4a15!important;font-size: 14px!important}
/* Captcha */

#wp-chatbot-desktop-reload{display:none!important}
.image-overlay{display:none!important}


/* video-lightbox link
JS ist in functions.php
Diese Selectoren sind hinterlegt:
.video-lightbox a.avia_image,
.video-lightbox a.avia-button,
a.video-lightbox

LINK für Youtube videos sollte dieses Format haben: https://youtu.be/6Upnr1DOdSg?t=809
*/

.video-lightbox a.avia_image:before{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  content: "";
  opacity: 1;
  z-index: 1;
  background-image: url(img/play-button.png);
  background-size: contain;
  width: 100%;
  height: 110px;
  background-repeat: no-repeat;
  background-position: center;
}





/* Video Layer */
.mfp-close.video-close{
    background: #fff;
    border-radius: 50%;
}
.mfp-iframe-scaler > video {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	box-shadow: 0 0 8px rgba(0,0,0,.6);
	background: #000;
  }

  @media (min-aspect-ratio: 16/9) {
	.mfp-iframe-scaler {
		height: 100dvh;
		padding-top: 0;
	  }
    .mfp-iframe-scaler > video {
		--video-breite: calc( 100dvh * 1.7777 );
		left: calc( 50% - var(--video-breite) / 2 );
		width: var(--video-breite);
	  }
  }



/* HELPER classes */
.m-bL{margin-bottom: 4rem}




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




/* .decision-tree */
.decision-tree-decision:not(.i0),
.decision-tree-product,
.decision-tree-labels{
    display: grid;
    grid-template-rows: 0fr;
    min-height:0;
}
.decision-tree-product > *,
.decision-tree-labels > *{
    overflow:hidden;
}
.decision-tree-decision:not(.i0).selected,
.decision-tree-product.selected,
.decision-tree-labels.selected{
    grid-template-rows: 1fr;
    transition: grid-template-rows 0.5s ease-out;
}
.decision-tree-decision .inside{
    display:flex;
    flex-wrap:wrap;
    justify-content: space-around;
    text-align:center;
    overflow:hidden;
}
.decision-tree-decision .inside > *{
    flex: 0 0 auto;
}
.decision-tree-decision .inside h3{
    margin-top:2rem;
    flex: 0 0 100%;
}

.decision-tree-decision a{
    display:inline-block;
    color:#fff;
    background-color:#005ca8;
    padding:.25em 1.5em;
    margin-bottom:1rem;
    border-radius:99em;
    display: flex;
    align-items: center;
    gap:.5em;
}

.decision-tree-decision a:before{
  content:"";
  display:inline-block;
  width: 2.5em;
  height: 2.5em;
  background:transparent var(--iconURL) no-repeat center center;
  background-size: contain;
}

.decision-tree-decision a:hover,
.decision-tree-decision a.selected{
    color:#fff;
    background-color:#fd612d;
}
/* ENDE .decision-tree */



/* HELPERS */
.image-width100 img{ 
  width:100px;
}