/* roboto-regular - latin */
@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-v32-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-italic - latin */
@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: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v32-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700 - latin */
@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-v32-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700italic - latin */
@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: italic;
  font-weight: 700;
  src: url('../fonts/roboto-v32-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* cairo-regular - latin */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/cairo-v5-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Cairo'), local('Cairo-Regular'),
       url('../fonts/cairo-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cairo-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cairo-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cairo-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cairo-v5-latin-regular.svg#Cairo') format('svg'); /* Legacy iOS */
}

/* cairo-700 - latin */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/cairo-v5-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Cairo Bold'), local('Cairo-Bold'),
       url('../fonts/cairo-v5-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cairo-v5-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cairo-v5-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cairo-v5-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cairo-v5-latin-700.svg#Cairo') format('svg'); /* Legacy iOS */
}

/* frijole-regular - latin */
@font-face {
  font-family: 'Frijole';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/frijole-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Frijole'),
       url('../fonts/frijole-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/frijole-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/frijole-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/frijole-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/frijole-v7-latin-regular.svg#Frijole') format('svg'); /* Legacy iOS */
}


/* Sidebar Left */
@media only screen and (min-width: 768px) {
	body.sidebar #left {
	  max-width: 20%;
	  padding-right: 0px;
	}
	body.sidebar.left #left > .inside {
	  margin-right: 0px;
	}
}

.subnav {
  margin-bottom: 25px;
}
.subnav a {
  padding: 10px 10px 10px 20px;
  color: #304269;
}
.subnav a:hover, .subnav a.active {
  background: #304269;
  border-radius: 0px;
  opacity: 1;
  transition: opacity 0.66s ease;
  -webkit-transition: opacity 0.66s ease;
  color: #fff;
}
.subnav a:hover, .subnav a.active {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 0.66s;
  animation-duration: 0.66s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


/* Sidebar right */

	body.sidebar #right .inside {
	  padding-top: 40px;
	  padding-right: 0;
	  padding-bottom: 40px;
	}
@media only screen and (max-width: 767px) {	
	#right {
	  padding: 20px;
	}	
}

/* Breadcrumb */
#breadcrumb .mod_breadcrumb_inside {
	padding-left: 0px;
	color: #304269;
}
#breadcrumb .mod_breadcrumb li:first-of-type::before {
  display: none;
}

/* Pop Up */
.popupwindow {
	height: 0px;
	max-height: 0px;
}
.ce_popup_overlay {
	background-color: rgba(48, 66, 105, 0.5);
}
/* Generell */
html {
   -moz-hyphens: none;
   -o-hyphens: none;
   -webkit-hyphens: none;
   -ms-hyphens: none;
   hyphens: none; 
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 10px;
  line-height: 1.3;
}

#main .ce_text p a, #main .ce_text li a {
	color: #304269;
}
#main .ce_text p a {
	font-weight: 700;
}
#main .ce_text p a:hover, #main .ce_text li a {
	text-decoration: underline;
}

.header .mainmenu ul li a.a-level_1:hover {
  color: #304269;

}




.ce_headline_extended .background-text.h3 {
  opacity: 0.075;
  color: #304269;
}

/* Header */
.header .inside {
	max-width: 1240px;
}
.mod_article:not(.fullwidth) > .container, body.sidebar #container {
	padding: 0px;
}

/* menu */
.header.original .mainmenu ul li a.active.a-level_1, .header.cloned .mainmenu ul li a.active.a-level_1 {
  background-color: #2f4167;
}
@media only screen and (min-width: 768px) {
  .header.original {
    line-height: 110px;
    max-height: 110px;
  }
}
@media only screen and (min-width: 768px) {
  .header.original .mainmenu ul li a.a-level_1.trail span, .header.original .mainmenu ul li a.a-level_1.active span {
    background: #304269;
    padding: 0px 15px;
    line-height: 110px;
    height: 110px;
    display: inline-block;
  }
  .header.cloned .mainmenu ul li a.a-level_1.trail span, .header.cloned .mainmenu ul li a.a-level_1.active span {
    background: #304269;
    padding: 0px 15px;
    line-height: 66px;
    height: 66px;
    display: inline-block;
  }
}

.mainmenu ul ul li a:hover:not(.menuheader):not(.megamenu), .mainmenu ul ul li a.active, .mainmenu ul ul li a.trail:not(.megamenu) {
  background: #304269 !important;
  color: #fff;
}
.header .mainmenu ul ul li a span::before {
  background: none;
}


.mainmenu ul ul {
  padding: 0px;

}
.mainmenu ul ul li a {
  font-size: 1rem;
}
.mainmenu ul li a:hover {
  opacity: 1;
  transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
}

.mainmenu ul ul li a.active, .mainmenu ul ul li a.trail:not(.megamenu) {
  background: #304269 !important;
}
.header .mainmenu ul ul li a.active, .header .mainmenu ul ul li a.trail:not(.megamenu) {
  color: rgb(255,255,255) !important;
}


/* Sticky Header */
.header.cloned {
	line-height: 66px;
    max-height: 66px;
}



#m-shadow {
  position: absolute;
  height: 48px;
  background: url("../../images/shadow-top.png") center top no-repeat;
  width: 100%;
  top: 110px;
  z-index: 100;
}


/* Slider */
@media only screen and (max-width: 650px) {
  #slider .ce_revolutionslider {
    display: none;
  }
  body.home #wrapper {margin-top : 80px;}
  #m-shadow {display: none;}
}
@media only screen and (max-width: 767px) {
  #slider {
    padding-top: 0 !important;
  }
}


/* Content */

.ce_accordion.style2 .accordion {
  padding: 6px 6px 0 6px;
}

/* Produkte */
/* Produkte Übersicht Boxen */
.ce_linkbox.one_fourth {
	width: calc(25% - 20px);
}

.ce_linkbox.version4 .content {
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	color: #304269;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0;

}

.ce_linkbox.version4 .content h1,
.ce_linkbox.version4 .content h2,
.ce_linkbox.version4 .content h3,
.ce_linkbox.version4 .content h4,
.ce_linkbox.version4 .content h5,
.ce_linkbox.version4 .content h6 {
	border-top: 2px solid rgb(255,255,255);
	border-bottom: 2px solid rgb(255,255,255);
	display: inline-block;
	padding: 4px 0;
	color: #304369;
	margin-bottom: 1em;
	background-color:rgb(255,255,255, 0.75);
	width: 100%;
}

.ce_linkbox.version4 .content h4 {
	font-size: 16px;
	font-weight: 700;
}

.ce_linkbox a i {
	display: none;
}

.ce_linkbox.version4 {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -webkit-box-shadow: 2px 5px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 5px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 2px 5px 5px 0px rgba(0,0,0,0.5);
    padding: 0px;
    background: #f5f5f5;
    border: none;
    margin: 10px;
}
.ce_linkbox.version4:hover {
    transform: translate(0,-10px);
    -webkit-transform: translate(0,-10px);
    z-index: 10;
    -webkit-box-shadow: 5px 10px 5px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 5px 10px 5px 0px rgba(0,0,0,0.4);
    box-shadow: 5px 10px 5px 0px rgba(0,0,0,0.4);
}
.ce_linkbox.version4:nth-child(4n) {
  margin-right: 0;
}

.ce_linkbox.version4:hover .content h4 {
	background-color:rgb(255,255,255, 0.9);
}


/* Angebote */
.ce_productbox .image-wrapper {
	max-width: fit-content;
	margin: auto;
	max-height: 250px;
	margin-top: 20px;
}
.ce_productbox.version1 .subheadline {
  font-size: 13px;
}



@media only screen and (min-width: 1660px) {
  #header-propangas-imagetext {
    position: absolute;
    right: -180px;
    top: 20px;
  }
}

/* Ballongas */
#raabe {
	background: transparent url("../../images/ballonani2.png") 0 0 no-repeat;
	position: absolute;
	bottom: 400px;
	left: -224px;
	width: 224px;
	height: 360px;
	z-index: 2000;
}
@media only screen and (max-width: 600px) {
	#raabe {
		top: 1100px;
		left: -200px;
	}	
}


/* Special rot BBQ etc. */
.frijole {
	font-family: 'Frijole' !important;
	color: #be0504 !important;
}
.fs-24px {
	font-size: 24px !important;
}
.fs-26px {
	font-size: 26px !important;
}
.fs-28px {
	font-size: 28px !important;
}


/* Produkte Overview */
#produkte-header .contentwrap {
	max-width: 100%;
	padding: 0;
}

/* Tauschflaschen */
#tauschflaschen-liste {
  min-height: 300px;
  margin-bottom: 0;
  padding-bottom: 0;
  background: url("../../images/tauschflaschen/tauschflaschen.jpg") right bottom no-repeat;
    background-position-x: right;
    background-position-y: bottom;
    background-size: auto;
  background-position-x: right;
  background-position-y: bottom;
  background-size: contain;
  padding-top: 40px;
  font-size: 18px;
  font-weight: 700;
}

/* Formular */
form.style5 input, form.style5 select, form.style5 textarea {
  border-radius: 0px;
}
button.submit {
	border-radius: 0px;
}
form .form-datenschutz fieldset {
  padding: 0px;
  border: 0px solid rgba(0,0,0,0.2);
}
.form-datenschutz legend {
  display: none;
}

/* Suche */
#main .mod_search input.submit, #main .mod_search button.submit {
  border-radius: 0px;
}
#main .mod_search input {
  border-radius: 0px;
}
form.style5 button.submit {
  height: auto;
  padding: 15px;
  font-size: 1rem;
}

.mod_navigation.mainmenu li.suchseite {
	min-width: 60px;
}
.mod_navigation.mainmenu li.suchseite i {
  display: inline-block;
  z-index: 10;
  top: 68px;
  padding-left: 20px;
  padding-right: 20px;
}
.mod_navigation.mainmenu li.suchseite span {
	font-size: 0px;
  line-height: 0px;
  max-height: 0px;
}


/* Footer */

@media only screen and (min-width: 768px) {
	#footer .inside {
		margin: 0 auto;
		padding: 65px 40px 65px 0;
	}
}