/*
Theme Name: Enfold Child - PipePatrol
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+ */
}



.logo {
    background: rgba(0, 0, 0, 0) url("logo-white.svg") no-repeat scroll center top / 100% auto;
    display: block;
    height: 26px;
    width: 96px;
}

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

h2.ls-layer, h1 {
    color: #58585a !important;
    font-family: Roboto,"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: auto auto;*/
    background-size: 31.51px 23px !important;
    /*padding-left: 37px !important;*/
    /*line-height: 37px !important;*/
    padding-top: 1px !important;
    /*font-size: 28px !important;*/
    /*letter-spacing: -0.5px !important;*/
	/*display: inline-block!important;*/
}



/* Stoerer */
.stoerer a{color:#fff; font-size: 11.5px; text-decoration: none; display:block; padding:0 .75em 0 3.6em; white-space: nowrap;}

.stoerer {
    padding: 14px 24px;
    position: fixed;
    right: -50px;
    color: #fff;
    background:#e94d19;
    font-weight: 600;
    cursor: pointer;
    z-index: 99;
    width: 245px !important;
	border-radius: 30px 0 0 30px;
	transition: visibility 0s, opacity 0.5s linear;
}
.stoerer:hover{background:#ff6f26!important}

.fragezeichen {
    background-image: url('//pipeline-management.com/wp-content/uploads/sites/3/2019/04/fragezeichen-icon.png');
    background-size: 24px;
    background-repeat: no-repeat;
    padding-left: 27px;
    padding-top: 3px;
}

.dokument {
    background-image: url('//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;
}
#stoerer_1{top:349px}
#stoerer_2{top:407px}
#stoerer_3{top:349px;left:0;border-radius: 0 30px 30px 0;background-image:none!important;background:#005ca8!important;width: 256px !important;}
#stoerer_3 a{background-image:none!important;padding-left:0}

@media only screen and (max-width: 1024px) {
	.stoerer{display:none!important}
}

@media only screen and (max-width:640px) {
	.stoerer {
		display: block !important;
		bottom: 0;
		top: auto !important;
		right:0!important;
		width: 100% !important;
		border-radius: 0!important;
	}
	#stoerer_1 {
		bottom: 107px!important;
		border-bottom: 1px solid #fff!important;
	}
	#stoerer_2 {
		bottom: 53px!important;
		border-bottom: 1px solid #fff!important;
	}
	#stoerer_3 {
		width: 100% !important;
	}
}

/* Stoerer */



/* mobile-optimisation */
@media only screen and (max-width:767px) {

	#top h1 {
	  font-weight: 400 !important;
	  background: none!important;
	  font-size: 26px !important;
	}

}
/* mobile-optimisation */