/*
 Theme Name:   EGGERS Öl WP 2022
 Description:  UnderScore Child Theme
 Author:       C2 Friedrichstadt
 Author URI:   https://c2-cl.de
 Template:     c2_underscores_mp_2020
 Version:      0.0.3
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: eggers_theme_2021
*/
/*
==================================== FONTS ====================================
*/
/* market-regular - latin */
@font-face {
  font-family: 'market-regular';
  src: url('fonts/market-regular/market-regular.eot');
  src: local(''),
    url('fonts/market-regular/market-regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/market-regular/market-regular.otf') format('otf'),
    url('fonts/market-regular/market-regular.svg#market-regular') format('svg'),
    url('fonts/market-regular/market-regular.woff') format('woff'),
    url('fonts/market-regular/market-regular.woff2') format('woff2'),
    url('fonts/market-regular/market-regular.ttf') format('truetype');
    }
/*
==================================== GENERIC ====================================
*/
html,body{
	overflow-x: hidden;
	word-wrap: break-word;
	overflow-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	}  
body{
	font-family: Arial, sans-serif;
	font-size: 20px;
	color:#1a1a18;
	}
p,li,a{
	color:#1a1a18;
	font-size: 20px;
	}
a.mContainer {
  font-size: 20px;
	}
a:hover{
	text-decoration: none;
	}
.entry-content {
  padding: 0 0 15px 0;
  }
.entry-content a:hover{
  color: #1a1a18;
  }
.entry-content p {
  margin: 15px 0;
  }
button{
  outline: none!important;
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
  }
button:hover,
button:focus,
button:visited {
  text-decoration: none!important;
  outline: none!important;
  -webkit-box-shadow: none!important;
  box-shadow: none!important;  
  }
h1,h2,h3,h4,h5,h6{
  font-weight: 100;
  font-family: Arial, sans-serif;
  color: #af1715;
  margin: 1rem 0;
  line-height: 1;
  }
h1{font-size: 30px;}
h2{font-size: 28px;}
h3{font-size: 26px;}
h4{font-size: 24px;}
h5{font-size: 22px
	
  font-family: 'market-regular', sans-serif;
  }
/*
** -------------------------BUTTONS--------------------------------------
*/
.container_basic_btn_dl input,
.container_basic_btn_dl a,
input.btn.basic_btn,
a.btn.basic_btn,
.basic_btn{
  border: 0px solid white;
  border-radius: 0px;
  background-color: #af1715;
  -webkit-box-shadow:inset 0px 0px 0px 1px #af1715;
  -moz-box-shadow:inset 0px 0px 0px 1px #af1715;
  box-shadow:inset 0px 0px 0px 1px #af1715;
  padding: 10px 20px;
  position: relative;
  display: inline-block;
  -webkit-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  z-index:0;
  }
.container_basic_btn_dl input:after,
.container_basic_btn_dl a:after,
a.btn.basic_btn:after,
input.btn.basic_btn:after,
.basic_btn:after{
  content: "";
  border:0px;
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background-color: #1d1d1b;
  -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  z-index: -1;
  }
.container_basic_btn_dl input:hover:after,
.container_basic_btn_dl a:hover:after,
a.btn.basic_btn:hover:after,
input.btn.basic_btn:hover:after,
.basic_btn:hover:after{
  width: 100%;
  }
.container_basic_btn_dl input:before,
.container_basic_btn_dl a:before,
a.btn.basic_btn:before,
input.btn.basic_btn:before,
.basic_btn:before{
  content: "";
  position: absolute;
  background-color: transparent;
  left: 0;
  bottom: 0;
  height: 110%;
  width: 0;
  /*border-top: 3px solid transparent;*/
  -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);  
  z-index: -2;
  }
.container_basic_btn_dl input:hover:before,
.container_basic_btn_dl a:hover:before,
a.btn.basic_btn:hover:before,
input.btn.basic_btn:hover:before,
.basic_btn:hover:before{
  /*border-color:#af1715;*/
  width: 100%;
  }
.container_basic_btn_dl input:hover,
.container_basic_btn_dl a:hover{
  color: white!important;
  }
/*
** ---------------------------------------------------------------
*/
.permal_more {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: inline-flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 90px;
  padding: 0!important;
  }
input.search-field:focus,input.search-field:hover,
.basic_btn:focus,.basic_btn:active:focus,
.btn:focus,.btn:active:focus,.btn.active:focus,
.btn.focus,.btn:active.focus,.btn.active.focus,
.navbar-toggler,.navbar-toggler:active,.navbar-toggler:focus,
.wpcf7-text:focus, .wpcf7-textarea:focus,
.wpcf7-select:focus,.wpcf7-date:focus{
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  }
h2.widget-title {
  color: white;
  font-weight: bold;
  }
.textwidget li {
  color: white;
  }
a.linkhighlighted{
  }
.modal-open{
  padding: 0!important;
  }
.modal-open #main-nav{
  padding: 0!important;
  }
blockquote.wp-block-quote {
  border-left: 3px solid #af1715;
  padding-left: 10px;
  }
blockquote.wp-block-quote p {
  color: #af1715;
  font-weight: 300;
  font-size: 1.4rem;
  }
blockquote.wp-block-quote cite {
  font-weight: 100;
  }
strong {
  font-weight: bold!important;
  }
/* --- COLORS --- */
.clr_brightred{
  color: #af1715;
  }
.bgclr_brightred{
  background-color: #af1715;
  }
.clr_1d1d1b{
  color: #1d1d1b;
  }
.bgclr_1d1d1b{
  background-color: #1d1d1b;
  }
/*
############################################ HEADER ############################################
*/
nav#main-nav{
  background-color: white;
  padding: 0;
  }
nav#main-nav:before{
  position: absolute;
  content: "";
  display: inline-block;
  border-top: 0px solid #af1715;
  height: 100%;
  width: 100%;
  margin-top: 60px;
  z-index: -1;
  background-color: transparent;
  }
#cont_navbar {
  background-color: transparent;
  }
#row_navbar {
  width: 100%;
  margin: 0;
  }
#main-nav.scrolled:before{
  margin-top: 0px;
  border-color: transparent;
  background-color: transparent;
  }
#col_navigation_nonmob{
  display: none!important;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  align-items: center;
  background-color: transparent; 
  }
ul#main-menu{
  z-index: 99;
  }
#col_logo_nonmobile {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  align-items: center;
  background-color: transparent;
  overflow: visible;
  padding: 0;
  }
#col_logo_nonmobile .site-branding {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  }
#col_logo_nonmobile .site-branding a{
  z-index: 120;
  }
#col_logo_nonmobile img{
  height: 30px;
  padding:0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  }
#col_linksandsearch {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  background-color: transparent;
  }
#col_linksandsearch_nonmob{
  display: none;
  }
#wrap_linksandsearch {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  }
#wrap_linksandsearch a {
  color: #af1715;
  }
#row_navbar .elem_toggler_phone,
#row_navbar #elem_toggler_mail,
#row_navbar #elem_toggler_fb,
#row_navbar #elem_toggler_search{
  display: none;
  }
#masthead #elem_toggler_buyheatoil {
  visibility: hidden;
  margin-right: 20px;
  }
#elem_toggler_buyheatoil span.SpIcon{
  background-image: url(images/eggoel/oel_lkw_icon_White.svg);
  display: none;
  height: 50px;
  width: 50px;
  background-size: contain;
  margin-right: 5px;
  }
#elem_toggler_buyheatoil .btn.c2_btn_navi {
  background-color: #af1715;
  color: white;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  align-items: center;
  border-radius: 0;   
  }
#elem_toggler_buyheatoil .btn.c2_btn_navi:hover {
  background-color: white;
  color: #af1715;
  }
#elem_toggler_buyheatoil .btn.c2_btn_navi:hover span.SpIcon{
  background-image: url(images/eggoel/oel_lkw_icon.svg);
  }
/* --------------------------------------- HAMBURGER --- */
button.navbar-toggler {
  text-align: left;
  width: 50px;
  height: 38px;
  margin-right: 10px;
  padding: 0 10px 0 7px;
  border-radius:0;
  }
button#navi_toggle {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  margin: 0;
  padding: 0;  
  }
img.mob_img_sitelogo {
  display: inline-block;
  position: absolute;
  left: 55px;
  top: 8px;
  width: 30px;
  height: auto;
  }
.icon-bar {
  width: 36px;
  height: 4px;
  border-radius: 0px;
  background-color: #000000;
  display: block;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  margin-top: 6px;
  }
.navbar-toggler {
  border: none;
  }
.navbar-toggler:hover {
  border: none;
  cursor: pointer;
  /*background-color: transparent!important;*/
  }
.navbar-toggler .top-bar {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: 10% 10%;
  }
.navbar-toggler .middle-bar {
  opacity: 0;
  }
.navbar-toggler .bottom-bar {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
  }
span.icon-bar.bottom-bar {
  margin-bottom: 6px;
  }
.navbar-toggler.collapsed .top-bar {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
  }
.navbar-toggler.collapsed .middle-bar {
  opacity: 1;
  }
.navbar-toggler.collapsed .bottom-bar {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
  }
.navbar-toggler:hover .icon-bar {
  background-color: #af1715;
  }
#sidebartoggle {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  align-items: center;
  padding-right: 5px;
  width: auto;
  background-color: transparent;
  }
span#l_toggler_caption {
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 2px;
  padding: 0 3px;
  color: #000000;
  }
/*
** ############################################ NAVIGATION ############################################
*/
#col_navigation_mob{
  background-color: #af1715;
  padding: 0;
  }
#col_navigation_mob li.menu-item {
  padding:0;
  }
#col_navigation_mob li.menu-item a {
  padding: 0px 0 0 40px;
  margin: 15px 0;
  font-size: 20px;
  line-height: 20px;
  background-color: #af1715;
  color: white;
  text-transform: uppercase;
  letter-spacing: 2px;
  }
img.toggler_icon.phone {
  width: 18px;
  height: auto;
  margin-top: -1px;
  }
/*
############################################ NAVIGATION ICONS ############################################
*/
.egg_icon a {
  padding-left: 40px!important;
  }
.egg_icon a:before{
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  height: 18px;
  width: 18px;
  position: absolute;
  left: 15px;
  margin-top: 0px;
  }
.egg_icon.ueberuns a:before{
  background-image: url(images/eggoel/Iconset_Eggers_Oel_ueber_uns_white.svg);
  }
.egg_icon.oelefette a:before{
  background-image: url(images/eggoel/Iconset_Eggers_Oel_Oele_und_Fette_white.svg);
  }
.egg_icon.waermeabo a:before{
  background-image: url(images/eggoel/Iconset_Eggers_Oel_Waerme_Abo_white.svg);
  }
.egg_icon.kraftstoffe a:before{
  background-image: url(images/eggoel/Iconset_Eggers_Oel_Kraftstoff_white.svg);
  }
.egg_icon.heizoel a:before{
  background-image: url(images/eggoel/Iconset_Eggers_Oel_Heizoel_white.svg);
  }
/*
** ############################################ HERO ############################################
*/
#cont_hero {
  height: 100vh;
  background-repeat: no-repeat;  
  background-size: cover;
  background-position: center!important;
  /*background-color: #af1715;*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  align-items: center;
  }
.page-id-2 #cont_hero {
  background-position: 75%!important;
  }
.wrap_hero_text {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  align-items: flex-start;
  }
.c2_bscarousel .carousel-caption {
  bottom: 8rem;
  }
.wrap_hero_text h1,
.wrap_hero_text p,
.c2_bscarousel .carousel-caption h2,
.c2_bscarousel .carousel-caption p{
  display: inline-block;
  padding: 8px 16px;
  }
.wrap_hero_text h2,
.c2_bscarousel .carousel-caption h2{
  margin: 0 0 16px 0;
  padding: 8px 16px;
  background-color: #af1715;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  }
.wrap_hero_text p,
.c2_bscarousel .carousel-caption p{
  /*background-color: #1d1d1b;*/
  color: white;
  /*text-transform: uppercase;*/
  line-height: 1.2;
  font-size: 2.625em;
  /*font-style: italic;*/
  text-align:left;
  font-family: 'market-regular', sans-serif;
  }
#cont_slider #slider_widgetbox {
  visibility: hidden;
  position: absolute;
  top: 10vh;
  z-index: 99;
  }
.p_box p {
  font-weight: 400!important;
  }
.wrap_heading,
.wrap_p,
.c2_bscarousel .head_box,
.c2_bscarousel .p_box{
  visibility: hidden;
  }
.c2_bscarousel .p_box{
  display: none;
  }
.head_box{
  background-color: transparent;
  display: inline-block;
  }
.p_box {
  background-color: transparent;
  padding-top: 3px;
  /*border-top: 3px solid #af1715;*/
  display: inline-block;
  }
.carousel-caption .head_box {
  display: inline-block;
  }
.wrap_hero_text p, .c2_bscarousel .carousel-caption p{
  text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
  }
/*
** ############################################ HERO : SLIDER ############################################
*/
#cont_slider{
  padding: 0;
  }
#cont_slider,
#c2_bscarousel_def,
.carousel-item {
  height: 100vh;
  max-height: 100vh;
  overflow: hidden;
  background-color:white;
  }
#c2_bscarousel_def img.d-block.w-100 {
  height: 100vh;
  width: auto!important;
  margin: 0 0 0 -100%;
  }
/*
########################################### CONTENT ############################################
*/
main#primary {
	width: 100%;
  min-height: 90vh;
	}
.wp-block-image img {
  min-width: 100%;
  height: auto;
  }
.entry-content ul {
  list-style: none;
  padding: 0 0px;
  margin: 0;
  }
.entry-content li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  line-height: 2;
  }
.entry-content ul li::before {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  margin-top: 8px;
  height: 20px;
  min-width: 20px;
  width: 15px;
  margin-left: 0;
  margin-right: 3px;
  }
.entry-content ul li:nth-child(even)::before{
  /*color: #af1715;*/
  background-image: url("/wp-content/themes/eggers_theme_2021/images/eggoel/Eggers_Öl_Tropfen_rund_rot.svg");
  }
.entry-content ul li:nth-child(odd)::before{
  /*color: #1d1d1b;*/
  background-image: url("/wp-content/themes/eggers_theme_2021/images/eggoel/Eggers_Öl_Tropfen_rund_rot.svg");
  }
/* --- covers --- */
.egg_cover .wp-block-cover__inner-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  }
h2.cover_head_box{
  display: inline-block;
  position: relative;
  width: fit-content;
  background-color: #af1715;
  color: white;
  padding: 10px 15px 10px 50px;
  }
.cover_wrap_p_box{
  display: block;
  width: fit-content;
  background-color: transparent;
  /*border-top:3px solid #af1715;*/
  }
p.cover_p_box{
  display: inline-block;
  margin: 3px 0 0 0;
  width: fit-content;
  /*background-color: #1d1d1b;*/
  color: #af1715;
  padding: 5px 10px;
  font-family: 'market-regular', sans-serif;
  line-height: 1;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
  }
.egg_spalte .box_red {
  background-color: #af1715;
  display: inline-block;
  min-width: 75%;
  text-align: center;
  margin-bottom: 25px;
  }
.egg_spalte .box_red p {
  color: white;
  }
.egg_spalte .box_red .label{
  font-weight: 100;
  }
.egg_spalte .box_red .value{
  font-weight: bold;
  font-size: 2.15rem;
  }
.egg_spalte .box_red_border {
  border-left: 5px solid #af1715;
  padding-left: 15px;
  }
.egg_spalte .box_red_border h4{
  margin: 0 0 16px 0;
  color: #af1715;
  }
.egg_style_h2 {
  margin: 15px 0;
  color: #af1715;
  text-transform: uppercase;
  }
.egg_style_h2 h2{
  color: #af1715;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 auto!important;
  }
.egg_style_h3 {
  margin: 15px 0;
  background-color: white;
  /*
  border-top: 3px solid #af1715;
  border-bottom: 3px solid #af1715;
  */
  height: 70px;
  }
.egg_style_h3_i {
  background-color: #af1715;
  margin-top: 2px;
  }
.egg_style_h3 h3{
  background-color: #af1715;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
  font-style: italic;
  margin: 0 auto;
  text-align: left;
  padding: 15px;
  }
.heading_icon{
  position: relative;
  }
.heading_icon:before{
  display: inline-block;
  width: 50px;
  height: 51px;
  position: absolute;
  left: 0;
  padding: 4px;
  margin-top: -2px;
  }
.icon_ueberuns:before{
  content: url(images/eggoel/Iconset_Eggers_Oel_ueber_uns_white.svg);
  }
.icon_oelefette:before{
  content: url(images/eggoel/Iconset_Eggers_Oel_Oele_und_Fette_white.svg);
  }
.icon_waermeabo:before{
  content: url(images/eggoel/Iconset_Eggers_Oel_Waerme_Abo_white.svg);
  }
.icon_kraftstoffe:before{
  content: url(images/eggoel/Iconset_Eggers_Oel_Kraftstoff_white.svg);
  }
.icon_heizoel:before{
  content: url(images/eggoel/Iconset_Eggers_Oel_Heizoel_white.svg);
  }
/*
####################################### CHEVRON DOWN ###########################################
*/
#wrap_chevrondown{
  visibility: hidden;
  position: absolute;
  bottom: 5rem;
  text-align: center;
  }
#wrap_chevrondown #chevrondown a{
  color: white;
  font-size: 2.5rem;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;  
  }
#wrap_chevrondown #chevrondown a:hover{
  color: #af1715;
  }
/*
####################################### TO TOP BUTTON ##########################################
*/
/* Top Button */
#topbutton {
  position: fixed;
  right: 1rem;
  bottom: 4rem;
  display: none;
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  background-color: #ffffff;
  text-align: center;
  z-index: 100;
  opacity: 0.8;
  -webkit-filter: drop-shadow(3px 3px 3px #333);
  filter: drop-shadow(3px 3px 3px #333);
}
#topbutton a {
  font-family: "FontAwesome";
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  display: block;
  padding-top: 0px;
  color: #af1715;
}
h3.wp-block-heading.withicon::before{
  content: url("…");
  display: block;
  position: relative;
  width: 200px;
  aspect-ratio: 1 / 1;
  margin: 0 auto 2vh auto;
  }
#topbutton:hover {
  opacity: 1;
  }
#topbutton:hover a{
  color: #b51749;
  }
h3.wp-block-heading.withicon.schnell::before{
  content: url("/wp-content/uploads/Eggers-Oel-Berlin-Transporter.svg");
  }
h3.wp-block-heading.withicon.preiswert::before{
  content: url("/wp-content/uploads/Eggers-Oel-Berlin-Muenzen-1.svg");
  }
h3.wp-block-heading.withicon.erreichbar::before{
  content: url("/wp-content/uploads/24-7-Service-Eggers-Oel-Berlin-1.svg");
  }
/*
########################################## FOOTER ##############################################
*/
#wrapper-footer{
  padding-top: 3px;
  border-top:3px solid #af1715;
  background-color:white;
  }
#c2_cont_footer{
  padding: 2rem 15px 5.5rem 15px;
  background-color: #af1715;
  }
footer#colophon {
  width: 100%;
  }
.elem_ww_footer {
  text-align: center;
  }
.elem_ww_footer figure {
  width: 75%;
  height: auto;
  margin: 0 auto;
  padding: 0rem 0 0rem 0;
  }
#ww_footer_col_02 {
  margin-bottom: 25px;
  }
.menu-footermenue-container {
  text-align: center;
  }
ul#menu-footermenue {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: inline-flex;
	-webkit-flex-direction: column;
  flex-direction: column;
  /*align-items: flex-start;*/
  align-items: center;
  list-style: none;
  padding: 0;
  width: 100%;
	}
/*#wrapper-footer ul#menu-footermenue-links {*/
#wrapper-footer ul{
  list-style: none;
  padding: 0 0px;
  margin: 0;
  }
#wrapper-footer p,
#wrapper-footer a{
  color:white;
  }
#wrapper-footer a:hover{
  text-decoration: underline;
  }
#c2_row_footer span.custom_icon {
  width: 30px;
  height: 30px;
  margin-bottom: -8px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;  
  }
span.faswrap {
  display: inline-block;
  width: 30px;
  }
#c2_row_footer span.custom_icon.phone {
  background-image: url("/wp-content/themes/eggers_theme_2021/images/eggoel/Iconset_Eggers_Oel_Telefon_white.svg");
  }
#c2_row_footer span.custom_icon.fax {
  background-image: url("/wp-content/themes/eggers_theme_2021/images/eggoel/Iconset_Eggers_Oel_Fax_white.svg");
  }
#c2_row_footer span.custom_icon.mail {
  background-image: url("/wp-content/themes/eggers_theme_2021/images/eggoel/Iconset_Eggers_Oel_EMail_white.svg");
  }
#c2_row_footer span.custom_icon.notruf {
  background-image: url("/wp-content/themes/eggers_theme_2021/images/eggoel/Iconset_Eggers_Oel_Notdienst_weiss.svg");
  }
span.custom_icon.notruf_rot {
	display: inline-block;
	position: relative;
  background-image: url("/wp-content/themes/eggers_theme_2021/images/eggoel/Iconset_Eggers_Oel_Notdienst-1.svg");
    height: 30px;
	    width: 30px;
    top: 7px;
    left: -5px;	
  }
#c2_row_footer .white{
	color: white	
}
#elem_toggler_phone_nr {
    background-color: #af1715;
}
#elem_toggler_phone_nr a.btn.c2_btn_navi{
	color: white;
}
/*
#################################### LIGHTBOX GALLERY ##########################################
*/
button#previous-button,
button#next-button {
	/*background-color: rgba(115, 20, 20,.8);*/
	border-radius: 0px;
	outline: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;	
	}
button#previous-button:hover,
button#next-button:hover {
	/*background-color: #731414;*/
	outline: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	}
ul.blocks-gallery-grid {
  width: 100%;
  }
li.blocks-gallery-item {
  position: relative;
  width: 100%;
  }
li.blocks-gallery-item:after {
  content: "";
  display: block;
  padding-bottom: 100%;
  }
li.blocks-gallery-item figure {
  position: absolute;
  width: 100%;
  height: 100%;
  }
/*
###################################### SWEET ALERTS ############################################
*/
.c2_bb_sa_pu {
  background-color: transparent!important;
  /*background-image: url("/wordpress/wp-content/themes/eggers_theme_2021/images/eggers_theme_2021/elements/frame_w_bg_w.png")!important;*/
  background-position: center center!important;
  background-repeat: no-repeat!important;
  background-size: contain!important;  
  border-radius: 0px!important;
  width: 400px!important;
  height: 400px!important;
  }
button.c2_bb_sa_confbtn{
  background-color: transparent!important;
  border: 0px!important;
  color: white!important;
  /*background-image: url(/wordpress/wp-content/themes/eggers_theme_2021/images/eggers_theme_2021/elements/gelber_Rahmen.png)!important;*/
  background-position: center center!important;
  background-repeat: no-repeat!important;
  background-size: 100% 100%!important;
  min-height: 75px!important;
  min-width: 135px!important;
  font-family: Arial, sans-serif;
  font-size: 16px!important;
  outline: none!important;
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
  filter: grayscale(100%)!important;
  -webkit-filter: grayscale(100%)!important;
  }
button.c2_bb_sa_confbtn:hover,
button.c2_bb_sa_confbtn:focus,
button.c2_bb_sa_confbtn:visited{
  filter: grayscale(0%)!important; /* IE6-9 */
  -webkit-filter: grayscale(0%)!important;
  outline: none!important;
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
  }
.c2_bb_sa_title{
  color: white!important;
  font-weight: 100!important;
  }
.swal2-content {
  color: white!important;
  }
.c2_bb_sa_icon_info{
  border: 0px!important;
  color: transparent!important;
  background-size: contain;
  background-repeat: no-repeat;
  }
/*
############################################## FORM ############################################
*/
.wps-form {
  width: 100%;
  margin: 0 auto;
  }
.wps-form-row {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	width: 100%;
	}
.wps-form-row .wpcf7-form-control {
  width: 100%;
  }
.wps-form-column {
  flex: 1;
  padding: 0.5rem 0;
  width: 100%;
  }
/* Notebook / Desktop */
@media only screen and ( min-width: 48em ) { 
    .wps-form-row {
	-webkit-flex-direction: row;
	flex-direction: row;
    }

    .wps-form-column {
        padding: 0 1rem 0 0;
    }
}
.egg_form label {
	font-size: 18px!important;
  width: 100%;
	}
.egg_form label a {
  font-size: 18px!important;
  text-decoration: underline;
  }
.egg_form label a:hover {
  text-decoration:none;
  }
.egg_form input.wpcf7-form-control,
.egg_form textarea.wpcf7-form-control.wpcf7-textarea {
	border: 1px solid #af1715;
	}
.egg_form #row_accpt label {
  line-height: 1;
  }
.egg_form #row_accpt .wpcf7-list-item {
  margin: 10px 0 0 0em;
  }
.egg_form #row_accpt .wpcf7-list-item-label {
  font-size: 14px;
  color: #af1715;
  }
.egg_form span.wpcf7-list-item {
  margin: 0;
  }
.egg_form .egg_radio .wpcf7-list-item {
  padding: 0 15px 0 0;
  }
.egg_radio input[type='radio']:after {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  top: -3px;
  left: -4px;
  position: relative;
  background-color: #d1d3d1;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid white;
  }
.egg_radio input[type='radio']:checked:after {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  top: -3px;
  left: -4px;
  position: relative;
  background-color: #af1715;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid white;
  }
#egg_acc:after {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  top: -3px;
  left: -4px;
  position: relative;
  background-color: #d1d3d1;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid white;
  }
#egg_acc:checked:after {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  top: -3px;
  left: -4px;
  position: relative;
  background-color: #af1715;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid white;
  }
.wpcf7 form.sent .wpcf7-response-output {
  border-color: #af1715;
  margin: 0;
  }
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
  }
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
  }
/*
########################################## BAGUETTE ############################################
*/
#baguetteBox-overlay {
	background-color: rgba(255,255,255,.8)!important;
	}
button#close-button {
  /*background-color: rgba(115, 20, 20,.8);*/
  }
button#close-button:hover {
  /*background-color: rgba(115, 20, 20,1);*/
  }
button#close-button g {
	stroke: rgba(255,255,255,.8);
	}
button#close-button:hover g {
	stroke: rgba(255,255,255,1);
	}
.baguetteBox-button:hover polyline {
	stroke: rgba(255,255,255,1);
	}
/*
########################################### NAVTABS ############################################
*/
.elem_c2_tabs .nav-tabs {
  border-bottom: 0px;
  }
nav.elem_c2_tabs .nav-item {
  background-color: #af1715;
  border: 2px solid #af1715;
  border-radius: 0px;
  color: white;
  font-size: 16px;
  margin: 0 5px 5px 0!important;
  padding: 4px 16px;
  }
nav.elem_c2_tabs .nav-item:hover,
nav.elem_c2_tabs .nav-item.active {
  background-color: #1a1a18;
  border-color: #1a1a18;
  color: white;
  }
/*
** ################################################################################################
** ###################################### SEARCH MODALS 2020/07/19 // c.anger@c2-cl.de ############
** ################################################################################################
*/
#searchModal {
  z-index: 99999;
  }
#rf_nav_btn_search{
  cursor: pointer;
  }
#rf_nav_btn_search{
  color: #af1715;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  }
#rf_nav_btn_search:hover{
  }
#searchModal {
  -webkit-box-shadow: 10px 10px 65px 1px rgba(0,0,0,0.5);
  -moz-box-shadow: 10px 10px 65px 1px rgba(0,0,0,0.5);
  box-shadow: 10px 10px 65px 1px rgba(0,0,0,0.5);
  }
#searchModal .modal-content {
  border-radius: 0px;
  background-color: transparent;
  padding-top: 3px;
  border-top: 3px solid #af1715;  
  }
#searchModal .modal-header{
  background-color:#af1715;
  border-radius: 0px;
  border: 0px;
  }
#searchModal .modal-body{
  background-color:#af1715;
  border-radius: 0px;
  text-align: center;
  padding: 0 30px;
  }
#searchModal .modal-footer{
  background-color:#af1715;
  border-radius: 0px;
  border: 0px;
  min-height: 56px;
  }
#searchModal .modal-title{
  font-size: 1.05rem;
  font-family: Arial, sans-serif;
  color: #fff;
  text-transform: uppercase;
  }
#searchModal input#s{
  border: 2px solid #af1715;
  border-radius: 0px;
  }
.search-no-results input#s{

  }
#searchModal input.search-field{
  border: 0px;
  border-radius: 6px;
  }
.search-no-results input.search-field{
  border-radius: 6px;
  }
input.search-field.form-control{
  border-right: 2px solid #af1715;
  }
#elem_icon_search {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 50px;
  font-size: 2rem;
  color: white;
  }
#searchModal input.search-submit{
  background-color: white;
  border:2px solid white;
  border-radius: 6px;
  color: #af1715;
  height: 33px;
  padding: 0 15px;
  }
.search-no-results input.search-submit{
  background-color: #af1715;
  border:2px solid #af1715;
  border-radius: 6px;
  color: #ffffff;
  height: 33px;
  padding: 0 15px;
  }
#searchModal input.search-submit:hover{
  background-color: #af1715;
  color: white;
  }
.search-no-results input.search-submit:hover{
  background-color: #ffffff;
  color: #af1715;
  }
#searchModal button#btn_close {
  background-color: white;
  border-radius: 0px;
  border: 2px solid #005098;
  font-size: 12px;
  font-family: Arial, sans-serif;
  color: #005098;
  }
#searchModal button#btn_close:hover {
  background-color: #005098;
  border-color: white;
  color: white;
  }
#searchModal .close {
  color: #ffffff;
  }
#searchModal .close:hover {
  color: #ffffff;
  }
/*
########################################### PREISRECHNER CTA ############################################
*/
.app_ee_preisrechner {
  background-color: transparent;
  border-top:3px solid #af1715;
  padding-top: 3px;
  box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
  }
.app_ee_preisrechner:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  }
#wrap_pr_inp_btnclose {
  text-align: right;
  }
#pr_inp_btnclose {
  color: lightgrey;
  }
#pr_inp_btnclose:hover {
  color:#af1715;
  }
.app_ee_pr_i{
  background-color: white;
  padding: 1rem;
  }
h2.heading_ee_pr {
  padding: 0;
  margin: -30px 0 0 0;
  text-align: center;
  }
.app_ee_preisrechner .pr_wrap_main_inputs {
  background-color: white;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  justify-content: space-between;
  }
.app_ee_preisrechner img.pr_icon {
  width: 25px;
  height: 25px;
  }
.app_ee_preisrechner label.lbl_energymode{
  background-color: white;
  padding: 5px;
  border:2px solid transparent;
  border-radius: 2px;
  }
.app_ee_preisrechner label.lbl_inp_size_family{
  color: lightgrey;
  }
.app_ee_preisrechner label.lbl_energymode:hover,
.app_ee_preisrechner label.lbl_inp_size_family:hover{
  cursor: pointer;
  }
.app_ee_preisrechner input[name="val_energymode"]:checked+label.lbl_energymode{
  border:2px solid #af1715;
  }
.app_ee_preisrechner input[name=val_energymode],
.app_ee_preisrechner input[name=val_size_family]{
  display: none;
  }
.app_ee_preisrechner input#val_wohnflaeche,
.app_ee_preisrechner input#pr_inp_verbrauch {
  width: 70px;
  height: 44px;
  border:2px solid #af1715;
  }
.app_ee_preisrechner #wrap_pr_inp_submit,
.egg_form .egg_wrap_submit{
  margin: 15px auto 0px;
  height: 44px;
  background-color: #af1715;
  position: relative;
  z-index: 0;
  width: 120px;
  text-align: center;  
  }
.app_ee_preisrechner #wrap_pr_inp_submit:hover,
.egg_form .egg_wrap_submit:hover{
  cursor: pointer;
  }
.app_ee_preisrechner #wrap_pr_inp_submit:before,
.egg_form .egg_wrap_submit:before{
  content: "";
  position: absolute;
  height: 44px;
  width: 0px;
  top: 0;
  left:0;
  background-color: #1d1d1b;
  z-index: -1;
  -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);  
  }
.app_ee_preisrechner #wrap_pr_inp_submit:hover:before,
.app_ee_preisrechner #wrap_pr_inp_submit:hover:after,
.egg_form .egg_wrap_submit:hover:before,
.egg_form .egg_wrap_submit:hover:after{
  width: 100%;
  border-color: #af1715;
  }
.app_ee_preisrechner #wrap_pr_inp_submit:after{
  content: "";
  position: absolute;
  border-top:2px solid transparent;
  height: 48px;
  width: 0px;
  top: -4px;
  left:0;
  background-color: transparent;
  z-index: -1;
  -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);  
  }
.app_ee_preisrechner #pr_submit,
.egg_form input.wpcf7-form-control.wpcf7-submit{
  background-color: transparent;
  height: 44px;
  border:0px;
  color: white!important;
  width: auto;
  }
input#egg_acc {
  margin-top: 25px;
  }
#wrap_pr_inp_details {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  justify-content: space-around;
  }
label#lbl_energymode_main {
  font-weight: bold;
  }
/* --- limit for mobile --- */
#wrap_pr_inp_energymode,
#wrap_pr_inp_wohnflaeche,
#wrap_pr_inp_verbrauch{
  text-align: center;
  }
#wrap_pr_inp_size_family{
  display: none;
  }
#wrap_pr_inp_wohnflaeche label,
#wrap_pr_inp_verbrauch label{
  font-size: 14px;
  }
#wrap_pr_inp_wohnflaeche img.pr_icon {
  margin: -9px 5px 0 0;
  }
/*
########################################### BUTTON BAR MOBILE ############################################
*/
#wrap_btnbar_mobile {
  position: fixed;
  width: 100%;
  background-color: white;
  border-top:3px solid #af1715;
  bottom: 0;
  z-index: 99;
  padding-top:3px;
  }
#btnbar_mobile{
  position: relative;
  background-color: #1d1d1b;
  height: 50px;
  width: 100%;
  }
#btnbar_mobile #wrap_linksandsearch{
  justify-content: center;
  }
#btnbar_mobile #wrap_linksandsearch a.btn.c2_btn_navi,
#btnbar_mobile #rf_nav_btn_search{
  color: white;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  height: 50px;
  }
img.icon_btnbar_mobile {
  width: 25px;
  height: auto;
  }
/*
** ##########################  BOXY ##########################
*/
.C2BoxyElementMain{
  display: none;
  }
.C2BoxyElementMain.fixed{
  position: fixed;
  }
.C2BoxyElementMain.wow.animate__animated.animate__bounceInRight{
  animation-delay: 3.5s;
  }
span.sp_label a:hover {
  text-decoration: underline;
  }
.C2BoxyElementMain.wow.fadeInRight.fixed {
  border: 0px;
  -webkit-filter: drop-shadow(1px 1px 1px #333);
  filter: drop-shadow(1px 1px 1px #333);
  }
/*
** ======================= PARALLAX =====================
*/
.wp-block-cover.has-parallax{
  background-attachment: fixed;
  background-position: 50% 0;
  }
.wp-block-cover.has-parallax {
  min-height: 100vh;
  }
.parallax-window {
  min-height: 400px;
  background: transparent;
  }
#oeleundfette {
  background-position: 75% 0;
  /*background-position: 75% 74.5px!important;*/
  }
/*
** ======================= TIMELINE PAGE FIX =====================
*/
.page-id-500 .entry-content {
  padding: 0;
  } 
/*
####################################################
ooo        ooooo                 .o8   o8o                   .oooooo.                                      o8o                     
`88.       .888'                "888   `"'                  d8P'  `Y8b                                     `"'                     
 888b     d'888   .ooooo.   .oooo888  oooo   .oooo.        888      888    oooo  oooo   .ooooo.  oooo d8b oooo   .ooooo.   .oooo.o 
 8 Y88. .P  888  d88' `88b d88' `888  `888  `P  )88b       888      888    `888  `888  d88' `88b `888""8P `888  d88' `88b d88(  "8 
 8  `888'   888  888ooo888 888   888   888   .oP"888       888      888     888   888  888ooo888  888      888  888ooo888 `"Y88b.  
 8    Y     888  888    .o 888   888   888  d8(  888       `88b    d88b     888   888  888    .o  888      888  888    .o o.  )88b 
o8o        o888o `Y8bod8P' `Y8bod88P" o888o `Y888""8o       `Y8bood8P'Ybd'  `V88V"V8P' `Y8bod8P' d888b    o888o `Y8bod8P' 8""888P' 
####################################################
*/
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
*/
/* 
Extra small devices (portrait phones, less than 576px) 
No media query since this is the default in Bootstrap because it is "mobile first"
*/
/* 
  oooooooo  ooooooooo     .ooo   
 dP""""""" d"""""""8'   .88'     
d88888b.         .8'   d88'      
    `Y88b       .8'   d888P"Ybo. 
      ]88      .8'    Y88[   ]88 
o.   .88P     .8'     `Y88   88P 
`8bd88P'     .8'       `88bod8' 
Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  /*
  ** ###################################### HERO CONTENT ############################################
  */
  .row_hero {
    width: 100%;
    }
	}
/* 
 ooooooooo     .ooo    .ooooo.   
d"""""""8'   .88'     d88'   `8. 
      .8'   d88'      Y88..  .8' 
     .8'   d888P"Ybo.  `88888b.  
    .8'    Y88[   ]88 .8'  ``88b 
   .8'     `Y88   88P `8.   .88P 
  .8'       `88bod8'   `boood8'  
Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
  a.btn.basic_btn{
    font-size: 20px;
    }
  /*
  ** ###################################### NAVIGATIONS ############################################
  */
  #col_logo_nonmobile img {
    height: 50px;
    padding:10px 0;
    }
  #col_logo_nonmobile img.scrolled{
    height: 40px;
    padding: 5px 0;
    }
  #col_navigation_nonmob .nav-link {
    color: #af1715;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0px;
    width: max-content;
    padding: 0 10px 0 0px!important;
    }
  #wrap_linksandsearch a,
  button#rf_nav_btn_search {
    font-size: 14px;
    }
  li#menu-item-367 {
    margin-left: 130px;
    }
  #elem_toggler_buyheatoil span.SpIcon{
    display: block;
    }
  /*
  ############################################ NAVIGATION ICONS ############################################
  */
  .egg_icon a:before {
    height: 15px!important;
    width: 16px!important;
    left: -5px;
    position: relative;
    display: inline-block;
    top: 1px;
    }
  /*
  ** ###################################### HERO ############################################
  */
  #cont_hero,
  #cont_slider,
  #c2_bscarousel_def,
  .carousel-item {
    height: 75vh;
    }
  #c2_bscarousel_def img.d-block.w-100 {
    height: auto;
    max-width: 100%;
    width: 100%!important;
    margin: 0 0 0 0;
    }
  .c2_bscarousel .p_box {
    display: inline-block;
    }
  #cont_hero {
    background-size: cover;
    }    
  #wrap_chevrondown {
    bottom: 30vh;
    }
  #wrap_chevrondown #chevrondown a {
    font-size: 3.5rem;
    }
  #cont_slider #slider_widgetbox {
    width: 75%;
    top: 35vh;
    top: 10vh;
    left: 50%;
    transform: translateX(-50%);    
    }
  /*
  ** ###################################### NAV TABS ############################################
  */
  nav.elem_c2_tabs .nav-item {
    font-size: 20px;
    }
  /*
  ** ###################################### PREISANFRAGE CTA ############################################
  */
  #wrap_pr_inp_size_family {
    display: block;
    }      
  /*
  ** ###################################### BUTTON BAR FOOTER ############################################
  */
  #wrap_btnbar_mobile{
    display: none;
    }
  /*
  ** ###################################### CONTENT ############################################
  */
  .cd-timeline-content .cd-date {
    left: -63px;
    }    
  /*
  ** ###################################### FOOTER ############################################
  */    
  #topbutton {
    bottom: 1rem;
    }    
  #c2_cont_footer{
    padding: 1.5rem 0 .75rem 0;
    }
  .c2_col_footer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    }
  ul#menu-footermenue {
    align-items: flex-start;
    }    
  ul#menu-footermenue .menu-item{
    padding: 0 5px;
    }
  .elem_ww_footer {
    text-align: left;
    }
  #wrapper-footer p, #wrapper-footer a {
    font-size: 12px;
    }
  /*
  ** ----------- BOXY -----------
  */
  .C2BoxyElementMain{
    display: block;
    border: 3px solid #af1715;
    }  
  .C2BoxyElementMain{
    top:75vh;
    }   
  .C2BoxyElementMain.fixed{
    position: fixed;
    top:calc(50vh - 78px);
    }
  .C2BoxyElement {
    background-color: white;
    border: 0px;
    height: 50px;
    }
  .C2BoxyElement:hover {
    background-color: #af1715;
    }       
  .C2BoxyElement .sp_label,
  .C2BoxyElement .sp_label a {
    font-size: 24px;
    margin: 8px 0 0 5px;
    color: #af1715;
    }
  .C2BoxyElement:hover .sp_label,
  .C2BoxyElement:hover .sp_label a{
    color: white!important;
    }
  .C2BoxyElement img.sp_icon_img {
    height: 50px;
    padding: 0;
    background-color: white;
    }
  .C2BoxyElement:hover img.sp_icon_img{
    background-color: white!important;
    }
  #C2BoxyElement_1:hover{
    /*
    margin-top: -3px;
    */
    }
  #C2BoxyElement_3:hover{
    /*bottom:-3px;*/
    }
}
/* 
  .oooo.    ooooooooo   oooooooo          .ooooo.     .o    .oooo.   
.dP""Y88b  d"""""""8'  dP"""""""         d88'   `8. o888  .dP""Y88b  
      ]8P'       .8'  d88888b.           Y88..  .8'  888        ]8P' 
    <88b.       .8'       `Y88b           `88888b.   888      .d8P'  
     `88b.     .8'          ]88  8888888 .8'  ``88b  888    .dP'     
o.   .88P     .8'     o.   .88P          `8.   .88P  888  .oP     .o 
`8bd88P'     .8'      `8bd88P'            `boood8'  o888o 8888888888
----------- iPhone X ----------- */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {
  /*
  ** ###################################### HERO ############################################
  */
  #cont_hero, #cont_slider, #c2_bscarousel_def, .carousel-item {
    height: 100vh;
    }
  #cont_hero {
    background-size: cover;
    }
  #wrap_chevrondown {
    bottom: 7vh;
    }    
  /*
  ############################################ NAVIGATION ICONS ############################################
  */
  /*
  ** ###################################### FOOTER ############################################
  */
  .elem_ww_footer {
    text-align: left;
    }
  ul#menu-footermenue {
    align-items: flex-start;
    }    
  #wrapper-footer p, #wrapper-footer a {
    font-size: 14px;
    }
}
/*

 .ooooo.     .oooo.     .oooo.                 .o    .o   .ooooo.     .oooo.   
d88'   `8. .dP""Y88b   d8P'`Y8b              o888  o888  d88'   `8.  d8P'`Y8b  
Y88..  .8'       ]8P' 888    888 oooo    ooo  888   888  Y88..  .8' 888    888 
 `88888b.      .d8P'  888    888  `88b..8P'   888   888   `88888b.  888    888 
.8'  ``88b   .dP'     888    888    Y888'     888   888  .8'  ``88b 888    888 
`8.   .88P .oP     .o `88b  d88'  .o8"'88b    888   888  `8.   .88P `88b  d88' 
 `boood8'  8888888888  `Y8bd8P'  o88'   888o o888o o888o  `boood8'   `Y8bd8P' 
 */
@media only screen and (min-width: 820px) and (orientation: portrait) {

  li#menu-item-416 {
    margin-left: 0;
    }
  li#menu-item-367 {
    margin-left: 175px;
    }    

  .cd-timeline-content .cd-date {
    left: -62px;
    }
}
/* 
 .ooooo.    .ooooo.     .oooo.   
888' `Y88. 888' `Y88. .dP""Y88b  
888    888 888    888       ]8P' 
 `Vbood888  `Vbood888     .d8P'  
      888'       888'   .dP'     
    .88P'      .88P'  .oP     .o 
  .oP'       .oP'     8888888888 
Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  /*
  ** ###################################### NAVIGATIONS ############################################
  */
  #col_logo_nonmobile img {
    height: 70px;
    }
  #col_navigation_nonmob .nav-link,
  #wrap_linksandsearch a,
  button#rf_nav_btn_search{
    font-size: 16px;
    }   
  /*
  ** ###################################### HERO ############################################
  */
  #cont_hero,
  #cont_slider,
  #c2_bscarousel_def,
  .carousel-item {
    height: 50vh;
    }
  #wrap_chevrondown {
    bottom: 20vh;
    }
  #wrap_chevrondown #chevrondown a {
    font-size: 4.5rem;
    }
  #cont_slider #slider_widgetbox {
    width: 50%;
    }
  .c2_bscarousel .carousel-caption {
    bottom: 8rem;
    }
  .wrap_hero_text h2, .c2_bscarousel .carousel-caption h2 {
    font-size: 2rem;
    }
  .wrap_hero_text p, .c2_bscarousel .carousel-caption p {
    }
}
/*
  .o    .oooo.     .oooo.         .o   
o888   d8P'`Y8b  .dP""Y88b      .d88   
 888  888    888       ]8P'   .d'888   
 888  888    888     .d8P'  .d'  888   
 888  888    888   .dP'     88ooo888oo 
 888  `88b  d88' .oP     .o      888   
o888o  `Y8bd8P'  8888888888     o888o
*/
@media (min-width: 1024px) {
  /*
  ############################################ NAVIGATION ICONS ############################################
  */
  #col_navigation_nonmob .nav-link, #wrap_linksandsearch a, button#rf_nav_btn_search {
    font-size: 14px;
    }  
  #col_navigation_nonmob .nav-link {
    letter-spacing: 0px;
    }
  li#menu-item-416 {
    margin-left: 0px;
    }
  li#menu-item-398 {
    margin-left: 150px;
    }
  .egg_icon a:before {
    top: 0px;
    }    
}
/* 
  .o    .oooo.     .oooo.     .oooo.   
o888  .dP""Y88b   d8P'`Y8b   d8P'`Y8b  
 888        ]8P' 888    888 888    888 
 888      .d8P'  888    888 888    888 
 888    .dP'     888    888 888    888 
 888  .oP     .o `88b  d88' `88b  d88' 
o888o 8888888888  `Y8bd8P'   `Y8bd8P'
Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  /*
  ** ###################################### GENERIC ############################################
  */
  h1{font-size: 2.95rem;}
  h2{font-size: 2.75rem;}
  h3{font-size: 2.55rem;}
  h4{font-size: 2.35rem;}
  h5{font-size: 2.15rem;}
  .wrap_hero_text p,
  .wrap_hero_text li,
  .wrap_hero_text a, 
  .entry-content p,
  .entry-content li,
  .entry-content a{
    font-size: 1.45rem;
    font-weight: 300;
    }
  p.cover_p_box {
    font-size: 2.5rem;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
    text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
    }
  p.has-huge-font-size {
    font-size: 4rem;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
    text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
    }
  #cont_navbar {
    padding: 0;
    }
  /*
  ** ###################################### NAVIGATIONS ############################################
  */
  #navbarNavDropdown:not(.show) ul#main-menu {
    display: none;
    }
  #navbarNavDropdown.show ul#main-menu{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-inline-flex;    
    display: inline-flex;
    }
  #navbarNavDropdown {
    padding: 0 15px;
    }
  /*
  nav#main-nav:before{
    margin-top: 45px;
    }  
  #col_logo_nonmobile img {
    height: 120px;
    }
  #col_navigation_nonmob li{
    padding: 0px 10px 0 0px;
    }
  #col_navigation_nonmob a.nav-link {
    padding:0px 0px!important;
    }
  #col_navigation_nonmob a.nav-link::after {
    background-color: #af1715;
    width: 0;
    height: 3px;
    position: absolute;
    content: '';
    bottom: 0px;
    left: 0px;
    -webkit-transition: width 0.15s ease-in-out;
    -moz-transition: width 0.15s ease-in-out;
    -o-transition: width 0.15s ease-in-out;
    -ms-transition: width 0.15s ease-in-out;
    transition: width 0.15s ease-in-out;    
    }
  #col_navigation_nonmob a.nav-link:hover::after {
    width: 100%;
    }
  #col_navigation_nonmob .nav-link{
    font-size: 14px;
    }
  #wrap_linksandsearch a, button#rf_nav_btn_search {
    font-size: 13px;
    }
  li#menu-item-367 {
    margin-left: 0px;
    }
  li#menu-item-398 {
    margin-left: 0px;
    }
  */
  /*
  ############################################ NAVIGATION ICONS ############################################
  */
  .egg_icon a:before {
    /*
    height: 17px!important;
    width: 20px!important;
    top: 2px;
    left: 0px;
    position: relative;
    display: inline-block;
    */
    height: 45px!important;
    width: 45px!important;
    position: relative;
    display: block;
    margin: 0 auto;
    left: 0;
    }
  #main-nav.scrolled .egg_icon a:before {
    height: 30px!important;
    width: 30px!important;
    }      
  img.toggler_icon.phone,
  img.toggler_icon.heatoil {
    width: 40px;
    margin-top: -5px;
    }
  /*
  ** ###################################### HERO ############################################
  */
  #cont_hero, #cont_slider, #c2_bscarousel_def, .carousel-item {
    height: 100vh;
    }  
  #c2_bscarousel_def img.d-block.w-100 {
    height: auto!important;
    width: 100%!important;
    }
  .c2_bscarousel .carousel-caption {
    bottom: 15vh;
    }
  .wrap_hero_text h2, .c2_bscarousel .carousel-caption h2 {
    font-size: 2rem;
    }
  .wrap_hero_text p, .c2_bscarousel .carousel-caption p {
    font-size: 3rem;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
    }
  #wrap_chevrondown {
    bottom: 5vh;
    }
  #cont_slider #slider_widgetbox {
    width: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50vh;  
    }
  .wrap_heading{
    margin-bottom: 0rem;
    }
  /*
  ** ================================== Stoerer ==================================
  */
  h3.container {
    font-size: 2rem;
    }
  /*
  ** ================================== CONTENT ==================================
  */
  .entry-content ul li::before {
    margin-top: 8px;
    height: 19px;
    min-width: 25px;
    width: 15px;
    margin-right: 4px;
    }
  .egg_style_h3 h3 {
    margin: 0 auto;
    max-width: 1140px;
    padding: 13px;
    }
  .cd-timeline-img {
    background-size: 30px;
    }     
  /*
  ** ###################################### FOOTER ############################################
  */
  #wrapper-footer p, #wrapper-footer a {
    font-size: 18px;
    }    
}
/*
  .o    .oooo.       .ooo       .ooo   
o888  .dP""Y88b    .88'       .88'     
 888        ]8P'  d88'       d88'      
 888      <88b.  d888P"Ybo. d888P"Ybo. 
 888       `88b. Y88[   ]88 Y88[   ]88 
 888  o.   .88P  `Y88   88P `Y88   88P 
o888o `8bd88P'    `88bod8'   `88bod8'  
*/
@media (min-width:  1366px){
  #col_linksandsearch_nonmob{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    background-color: transparent;
    }
  #col_linksandsearch{
    display: none;
    }
  #navbarNavDropdown:not(.show) ul#main-menu{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-inline-flex;    
    display: inline-flex;
    }
  .egg_icon.ueberuns a:before{
    background-image: url(images/eggoel/Iconset_Eggers_Oel_ueber_uns.svg);
    }
  .egg_icon.oelefette a:before{
    background-image: url(images/eggoel/Iconset_Eggers_Oel_Oele_und_Fette.svg);
    }
  .egg_icon.waermeabo a:before{
    background-image: url(images/eggoel/Iconset_Eggers_Oel_Waerme_Abo.svg);
    }
  .egg_icon.kraftstoffe a:before{
    background-image: url(images/eggoel/Iconset_Eggers_Oel_Kraftstoff.svg);
    }
  .egg_icon.heizoel a:before{
    background-image: url(images/eggoel/Iconset_Eggers_Oel_Heizoel.svg);
    }  
  #col_navigation_mob,
  #elem_toggler_navi{
    display: none;
    }
  #col_navigation_nonmob{
    display: flex!important;
    }
  #row_navbar .elem_toggler_phone,
  #row_navbar #elem_toggler_mail,
  #row_navbar #elem_toggler_fb,
  #row_navbar #elem_toggler_search,
  #row_navbar #elem_toggler_buyheatoil{
    display: block;
    }
  #elem_toggler_buyheatoil span.SpIcon{
    background-image: url(images/eggoel/oel_lkw_icon_White.svg);
    display: block;
    height: 50px;
    width: 50px;
    background-size: contain;
    margin-right: 5px;
    }
  #elem_toggler_buyheatoil .btn.c2_btn_navi {
    background-color: #af1715;
    color: white;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    align-items: center;
    border-radius: 0;
    }
  #elem_toggler_buyheatoil .btn.c2_btn_navi:hover {
    background-color: white;
    color: #af1715;
    }
  #elem_toggler_buyheatoil .btn.c2_btn_navi:hover span.SpIcon{
    background-image: url(images/eggoel/oel_lkw_icon.svg);
    }
}
/* 
  .o        .o         .o     .oooo.   
o888      .d88       .d88    d8P'`Y8b  
 888    .d'888     .d'888   888    888 
 888  .d'  888   .d'  888   888    888 
 888  88ooo888oo 88ooo888oo 888    888 
 888       888        888   `88b  d88' 
o888o     o888o      o888o   `Y8bd8P' 
Extra large devices (large desktops, 1440px and up) */
/* Extra large devices (large desktops, 1440px and up) */
@media (min-width: 1440px) {
  /*
  ** ###################################### NAVIGATIONS ############################################
  */
  nav#main-nav:before{
    margin-top: 53px;
    }
  #col_logo_nonmobile img {
    height: 150px;
    }
  #col_navigation_nonmob .nav-link{
    font-size: 18px;
    }
  #wrap_linksandsearch a,
  button#rf_nav_btn_search{
    font-size: 30px;
    }
  #main-nav.scrolled #col_logo_nonmobile{
    background-color: white;
    overflow: visible;
    }
  #main-nav.scrolled #col_logo_nonmobile a{
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: white;
    padding: 10px 15px;
    }
  #main-nav.scrolled #col_logo_nonmobile img{
    height: 100px;
    padding: 10px;
    }
  li#menu-item-398 {
    /*margin-left: 350px;*/
    margin-left: 0px;
    }  
  /*
  ** ###################################### HERO ############################################
  */
  #cont_hero,
  #cont_slider,
  #c2_bscarousel_def,
  .carousel-item {
    height: 100vh;
    }
  .c2_bscarousel .carousel-caption{
    text-align: left;
    max-width: 1105px;
    margin: 0 auto;
    }
  .c2_bscarousel .carousel-caption p {
    font-size: 2.6rem;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
    text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
    }
  /*
  ** ###################################### navigation ############################################
  */
  #col_navigation_mob{

    }
  /*
  ** ###################################### CONTENT ############################################
  */
  .entry-content {
    padding: 35px 0;
    }    
  h1.entry-title,
  .entry-content h2 {
    margin: 50px 0 25px 0;
    }
  .entry-content p.highlight {
    margin: 3rem 0 7rem 0;
    }    
}
/*
  .o      .ooo     .oooo.     .oooo.   
o888    .88'      d8P'`Y8b   d8P'`Y8b  
 888   d88'      888    888 888    888 
 888  d888P"Ybo. 888    888 888    888 
 888  Y88[   ]88 888    888 888    888 
 888  `Y88   88P `88b  d88' `88b  d88' 
o888o  `88bod8'   `Y8bd8P'   `Y8bd8P'                                      
*/
@media (min-width: 1600px) {
  .egg_style_h3 h3,
	.container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1440px;
    }
  .wrap_hero_text h2, .c2_bscarousel .carousel-caption h2 {
    font-size: 3rem;
    }
  .col_hero {
    padding: 10vh 0 0 0;
    }
  /*
  ** ###################################### NAVIGATIONS ############################################
  */
  nav#main-nav:before{
    margin-top: 59px;
    }
  #col_navigation_nonmob li{
    padding: 0px 20px 0 0px;
    }
  #col_logo_nonmobile img {
    height: 175px;
    }
  #col_navigation_nonmob .nav-link,
  #wrap_linksandsearch a{
    font-size: 18px;
    }
  li#menu-item-398 {
    margin-left: 0;
    }
  a.btn.c2_btn_navi {
    font-size: 25px!important;
    }
  #wrap_linksandsearch a, button#rf_nav_btn_search {
    font-size: 18px;
    }
  /*
  ** ###################################### HERO ############################################
  */
  #cont_hero,
  #cont_slider,
  #c2_bscarousel_def,
  .carousel-item{
    height: 100vh;
    }
  #wrap_chevrondown {
    bottom: 5vh;
    }
  .wrap_hero_text h2, .c2_bscarousel .carousel-caption h2 {
    font-size: 4rem;
    }
  /*
  ** ###################################### PREISANFRAGE CTA ############################################
  */
  #cont_slider #slider_widgetbox {
    top: 40vh;
    }
  /*
  ** ================================== CONTENT ==================================
  */
  .entry-content ul li::before {
    margin-top: 13px;
    }    
}
  /*
    .o   .ooooo.     .oooo.     .oooo.   
  o888  888' `Y88. .dP""Y88b   d8P'`Y8b  
   888  888    888       ]8P' 888    888 
   888   `Vbood888     .d8P'  888    888 
   888        888'   .dP'     888    888 
   888      .88P'  .oP     .o `88b  d88' 
  o888o   .oP'     8888888888  `Y8bd8P' 
  */
  @media (min-width: 1920px) {
    .egg_style_h3 h3,
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl, .frame-container-default {
      max-width: 1600px;
      }
    .wrap_hero_text p, .c2_bscarousel .carousel-caption p {
      font-size: 4rem;
      margin: 10vh 0;
      }
}
  /* ############################################## */
  /*
    .oooo.     oooooooo     .ooo     .oooo.   
  .dP""Y88b   dP"""""""   .88'      d8P'`Y8b  
        ]8P' d88888b.    d88'      888    888 
      .d8P'      `Y88b  d888P"Ybo. 888    888 
    .dP'           ]88  Y88[   ]88 888    888 
  .oP     .o o.   .88P  `Y88   88P `88b  d88' 
  8888888888 `8bd88P'    `88bod8'   `Y8bd8P'  
  */
  @media (min-width: 2560px) {
    .egg_style_h3 h3,
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl, .frame-container-default {
      max-width: 1920px;
      }    
  
  }
  /*
    .oooo.    .ooooo.     .oooo.     .oooo.   
  .dP""Y88b  d88'   `8.  d8P'`Y8b   d8P'`Y8b  
        ]8P' Y88..  .8' 888    888 888    888 
      .d8P'   `88888b.  888    888 888    888 
    .dP'     .8'  ``88b 888    888 888    888 
  .oP     .o `8.   .88P `88b  d88' `88b  d88' 
  8888888888  `boood8'   `Y8bd8P'   `Y8bd8P'  
                                              
  */
  @media (min-width: 2800px) {
    .egg_style_h3 h3,
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl, .frame-container-default {
      max-width: 2560px;
      }

  }
  /*
    .oooo.     .oooo.     .oooo.     .oooo.   
  .dP""Y88b  .dP""Y88b   d8P'`Y8b   d8P'`Y8b  
        ]8P'       ]8P' 888    888 888    888 
      <88b.      .d8P'  888    888 888    888 
       `88b.   .dP'     888    888 888    888 
  o.   .88P  .oP     .o `88b  d88' `88b  d88' 
  `8bd88P'   8888888888  `Y8bd8P'   `Y8bd8P'  
                                              
  */
  @media (min-width: 3200px) {
    .egg_style_h3 h3,
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl, .frame-container-default {
      max-width: 2800px;
      }

  }
  /*
    .oooo.    .ooooo.         .o     .oooo.   
  .dP""Y88b  d88'   `8.     .d88    d8P'`Y8b  
        ]8P' Y88..  .8'   .d'888   888    888 
      <88b.   `88888b.  .d'  888   888    888 
       `88b. .8'  ``88b 88ooo888oo 888    888 
  o.   .88P  `8.   .88P      888   `88b  d88' 
  `8bd88P'    `boood8'      o888o   `Y8bd8P'  
  */
  @media (min-width: 3840px) {
    .egg_style_h3 h3,
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl, .frame-container-default {
      max-width: 3200px;
      }

  }
  /*
        .o     .oooo.    .ooooo.       .ooo   
      .d88    d8P'`Y8b  888' `Y88.   .88'     
    .d'888   888    888 888    888  d88'      
  .d'  888   888    888  `Vbood888 d888P"Ybo. 
  88ooo888oo 888    888       888' Y88[   ]88 
       888   `88b  d88'     .88P'  `Y88   88P 
      o888o   `Y8bd8P'    .oP'      `88bod8'  
  */
  @media (min-width: 4096px) {
    .egg_style_h3 h3,
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl, .frame-container-default {
      max-width: 3840px;
      }

  }
/*
 .o88o.  o8o                                 
 888 `"  `"'                                 
o888oo  oooo  oooo    ooo  .ooooo.   .oooo.o 
 888    `888   `88b..8P'  d88' `88b d88(  "8 
 888     888     Y888'    888ooo888 `"Y88b.  
 888     888   .o8"'88b   888    .o o.  )88b 
o888o   o888o o88'   888o `Y8bod8P' 8""888P' 
*/
@media only screen 
and (min-device-width : 175px) 
and (max-device-width : 812px)
and (-webkit-device-pixel-ratio : 3) {
  .wp-block-cover.has-parallax {
    background-attachment: unset!important;
    background-position: unset!important;
    }
  #elem_timeline {
    background: none!important;
    }
}
@media only screen 
and (min-device-width : 175px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape) {
  .wp-block-cover.has-parallax {
    background-attachment: unset!important;
    background-position: unset!important;
    }
  #elem_timeline {
    background: none!important;
    }
}
@media only screen 
and (min-device-width : 576px) 
and (max-device-width : 1200px) 
and (orientation : portrait) {
  .wp-block-cover.has-parallax {
    background-attachment: unset!important;
    background-position: unset!important;
    }
  #elem_timeline {
    background: none!important;
    }
}
@media only screen 
and (min-device-width : 576px) 
and (max-device-width : 1200px) 
and (orientation : landscape) {
  .wp-block-cover.has-parallax {
    background-attachment: unset!important;
    background-position: unset!important;
    }
  #elem_timeline {
    background: none!important;
    }
}