body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.responsive{position:relative;height:0}.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.responsive.ratio-169{padding-bottom:56.25%}.responsive.ratio-1610{padding-bottom:62.5%}.responsive.ratio-219{padding-bottom:42.8571%}.responsive.ratio-43{padding-bottom:75%}.responsive.ratio-32{padding-bottom:66.6666%}
@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) YAML core stylesheet
 * (de) YAML Basis-Stylesheet
 *
 * Don't make any changes in this file!
 * Your changes should be placed in any css-file in your own stylesheet folder.
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.2
 * @revision        $Revision:426 $
 * @lastmodified    $Date:2009-10-21 21:12:11 +0200 (Mi, 21. Okt 2009) $
 */

/**
 * Contao Extension
 * @copyright  Felix Pfeiffer : Neue Medien 2007 - 2012
 * @author     Felix Pfeiffer <info@felixpfeiffer.com>
 * @package    Subcolumns
 */

@media screen{.subcolumns{width:100%;overflow:hidden}.subcolumns_oldgecko{width:100%;float:left}.c20l,.c20r{width:20%}.c40l,.c40r{width:40%}.c60l,.c60r{width:60%}.c80l,.c80r{width:80%}.c25l,.c25r{width:25%}.c33l,.c33r{width:33.333%}.c50l,.c50r{width:50%}.c66l,.c66r{width:66.666%}.c75l,.c75r{width:75%}.c38l,.c38r{width:38.2%}.c62l,.c62r{width:61.8%}.c15l,.c15r{width:15%}.c16l,.c16r{width:16.666%}.c30l,.c30r{width:30%}.c45l,.c45r{width:45%}.c55l,.c55r{width:55%}.c70l,.c70r{width:70%}.c85l,.c85r{width:85%}.subc{padding:0 .5em}.subcl{padding:0 1em 0 0}.subcr{padding:0 0 0 1em}.equalize,.equalize .subcolumns{overflow:visible;display:table;table-layout:fixed}.equalize > div{display:table-cell;float:none;overflow:hidden;vertical-align:top;margin:0}.c20l,.c25l,.c33l,.c40l,.c38l,.c50l,.c60l,.c62l,.c66l,.c75l,.c80l,.c15l,.c16l,.c30l,.c45l,.c55l,.c70l,.c85l{float:left}.c20r,.c25r,.c33r,.c40r,.c38r,.c50r,.c60r,.c66r,.c62r,.c75r,.c80r,.c15r,.c16r,.c30r,.c45r,.c55r,.c70r,.c85r{float:right;margin-left:-5px}}@media print{.subcolumns > div{display:table;overflow:visible}}
.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}
:root {
	--red: #e30613;
  	--lightgrey: #DDD;
  	--lightestgrey: #EFEFEF;
  	--grey: #ABABAB;
}

.red {
	color: var(--red);
}

::selection {
    background: none repeat scroll 0 0 #e30613;
    color: #FFF;
}

html {
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 	font-family: 'Roboto Condensed';
 	font-style: normal;
 	font-weight: 300;
 	background-color:#FFF;
}

*{
	margin:0;
	border:0;
	padding:0;
	box-sizing: border-box;
}

body {
	font-size: 1rem;
	line-height: 1.4rem;
	-moz-hyphens: auto;
   	-o-hyphens: auto;
   	-webkit-hyphens: auto;
   	-ms-hyphens: auto;
   	hyphens: auto;
   	color:#000;
}

a:link, a:visited {
	text-decoration:none;
	-webkit-transition: all 0.2s ease-in-out;
 	-moz-transition: all 0.2s ease-in-out;
 	-o-transition: all 0.2s ease-in-out;
 	transition: all 0.2s ease-in-out;
 	color:var(--red);
}

a:hover {
	text-decoration:none;
	color:#000;
}

h1, h3 {
	font-size: 2.6rem;
	line-height: 2.7rem;
	font-weight:bold;
	margin-bottom: 1px;
	word-wrap:break-word;
	text-transform: uppercase;
	color: var(--red);
}

h2, h4 {
	font-size: 1.8rem;
	line-height: 2rem;
	font-weight:bold;
	margin-bottom: 30px;
	word-wrap:break-word;
}

h5 {
	font-size: 1.1rem;
	font-weight:bold;
	margin-bottom: 5px;
	word-wrap:break-word;
}

p {
	margin-bottom: 20px;
	word-wrap:break-word;
}

.invisible {
	display:none;
}

.active, .trail
{
}

.last, .col_last {
	margin-right: 0 !important;
	padding-right: 0 !important;
}

.inside {
	max-width: 1600px;
	margin: auto;
	overflow: hidden;
}

.marginbottom20 {
	margin-bottom: 20px;
}

.marginbottom40 {
	margin-bottom: 40px;
}

.marginbottom60 {
	margin-bottom: 60px;
}

.marginbottom80 {
	margin-bottom: 80px;
}

.marginbottom100 {
	margin-bottom: 100px;
}

#wrapper {
}

/* Kopfzeile */

header {
	border-bottom: 1px solid #DDD;
	background-color:#FFF;
	z-index: 900;
	overflow: hidden;
	-webkit-transition: all 0.2s ease-in-out;
 	-moz-transition: all 0.2s ease-in-out;
 	-o-transition: all 0.2s ease-in-out;
 	transition: all 0.2s ease-in-out;
}

header.sticky {
	height: 80px;
}

header.sticky #logo {
	max-width: 200px;
	width: 100%;
	margin: 15px 0;
}

.sticky {
  position: fixed;
  top: 46px;
  width: 100%
}

.sticky + #container {
  padding-top: 180px;
}

#trustbartop {
	background-color: var(--red);
	color: #FFF;
	padding: 5px 0;
	text-align: center;
}

#trustbar {
	border-bottom: 1px solid #DDD;
	overflow: hidden;
	font-size: 0.9rem;
	padding: 10px 0;
	background-color:#FFF;
	z-index: 901;
	-webkit-transition: all 0.2s ease-in-out;
 	-moz-transition: all 0.2s ease-in-out;
 	-o-transition: all 0.2s ease-in-out;
 	transition: all 0.2s ease-in-out;
}

#trustbar a:link, #trusbar a:visited {
	color:#000;
}

#trustbar a:hover {
	color:var(--red);
}

#trustbar .adress {
	float: left;
	padding-top: 12px;
}

#trustbar .mig, #trustbar .contacts {
	float: right;
}

#trustbar .contacts .mig{
	float: left;
	margin-top: 5px;
}

#trustbar .contacts .cphone, #trustbar .contacts .cemail {
	float: right;
	margin-left: 40px;
	padding-top: 12px;
}

.stickytb {
  position: fixed;
  top: 0;
  width: 100%;
  padding: 2px 0 !important;
}

#chla {
	float: right;
	padding-top: 6px;
	margin-right: 30px;
	margin-top: 41px;
	-webkit-transition: all 0.2s ease-in-out;
 	-moz-transition: all 0.2s ease-in-out;
 	-o-transition: all 0.2s ease-in-out;
 	transition: all 0.2s ease-in-out;
}

.start #chla {
	margin-top: 0;
}

.sticky #chla {
	margin-top: 24px;
}

#chla li {
	display: inline;
	margin-left: 10px;
}

#sgf {
	float: right;
	margin-right: 10px;
}

#sgf img {
	max-height: 30px;
	margin-right: 30px;
	margin-top: 8px;
	opacity: 1;
	-webkit-transition: all 0.2s ease-in-out;
 	-moz-transition: all 0.2s ease-in-out;
 	-o-transition: all 0.2s ease-in-out;
 	transition: all 0.2s ease-in-out;
}

#sgf img:hover {
	opacity: 0.8;
}

#trustbar .mig {
	max-width: 130px;
	float: left;
}

#trustbar .mig img {
	width: 100%;
}

header #logo, footer .footerlogo {
	max-width: 274px;
	width: 100%;
	overflow: hidden;
	clear:both;
	float: none;
	margin: 20px 0;
	-webkit-transition: all 0.2s ease-in-out;
 	-moz-transition: all 0.2s ease-in-out;
 	-o-transition: all 0.2s ease-in-out;
 	transition: all 0.2s ease-in-out;
}

header #logo img, footer .footerlogo img {
	width:100%;
}

#logo {
	float: left !important;
}

#mnavlink {
	display:none;
}

#mainnav {
	float: right;
	margin-top: 37px;
	-webkit-transition: all 0.2s ease-in-out;
 	-moz-transition: all 0.2s ease-in-out;
 	-o-transition: all 0.2s ease-in-out;
 	transition: all 0.2s ease-in-out;
}

.sticky #mainnav {
	margin-top: 20px;
}

#mainnav ul {
	padding: 10px 0;
}

#mainnav li {
	display: inline;
	margin-right: 30px;
}

#mainnav a:link, #mainnav a:visited {
	color:#000;
}

#mainnav a:hover {
	color:var(--red);
}

#mainnav .kontakt {
	-webkit-transition: all 0.2s ease-in-out;
 	-moz-transition: all 0.2s ease-in-out;
 	-o-transition: all 0.2s ease-in-out;
 	transition: all 0.2s ease-in-out;
}

#mainnav .kontakt a:link, #mainnav .kontakt a:visited, #mainnav .kontakt .active {
	background-color:var(--red);
	font-weight: bold;
	color: #FFF;
	padding: 10px 40px !important;
	text-align:center;
}

#mainnav .kontakt a:hover {
	color:#000;
	background-color:var(--lightgrey);
}

/* Kopfzeile Ende */

/* Startseite */

.start #container {
	background-color:#FFF;
   	background-image:url('../../files/eco/img/ecotex-bg-startseite.jpg');
   	background-position: center center;
   	background-size: cover;
}

#main {
	padding-bottom:80px;
	overflow: hidden;
	margin:auto;
	float: none;
}

.start #main {
	padding: 80px 0;
}

#main .inside {
	max-width: none;
	overflow: visible;
}

.start #main .inside {
	max-width: 1600px;
	margin: auto;
}

#main .mod_article {
	max-width: 1600px;
	margin: auto !important;
}

#main .mod_article.slideshow {
	max-width: none;
	margin: auto;
}

#main .mod_article.slideshow .image_container img {
	width: 100%;
}

#main .fullwidth {
	max-width: none;
	padding: 60px 0;
	margin-bottom: 60px !important;
}

#main .fullwidth section {
	max-width: 1600px;
	margin: auto;
}

#main .grey {
	background-color:var(--lightgrey);
}

#branches {
	padding: 30px 20px;
	overflow: hidden;
	
	/* display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-shrink: 3;
	flex-wrap: wrap; */
}

.underconstruction {
	text-align:center;
	font-weight: bold;
	color:var(--red);
	padding-bottom: 40px;
	font-size: 1.8rem;
	line-height: 2rem;
}

.branch {
	-webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.2);
	width: 47.5%;
	float: left;
	margin-right: 5%;
	padding: 30px;
	text-align:center;
	position: relative;
	height: 100%;
	min-height: 580px;
	background-color:#FFF;
	margin-bottom: 60px;
}

#main #sintrobox {
	-webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.2);
	padding: 30px 30px 15px 30px !important;
	position: relative;
	height: 100%;
	background-color:#FFF;
	margin: 0 20px !important;
}

.branch.last {
	margin-right: 0;
	padding-right: 30px !important;
}

.branch h2 {
	font-weight: bold;
	text-transform: uppercase;
	position: relative;
}

.branch h2 span {
	display: block;
}

.branch h2::after {
content: "";
    display: block;
    margin: 0 auto;
    width: 50%;
    padding-top: 25px;
    border-bottom: 1px solid #CCC;
    margin-bottom: 25px
}

.branch ul {
	list-style: none;
	line-height: 1.8rem;
	margin-bottom: 20px;
}

.branch .tag {
  height: 110px;
  width: 110px;
  background-color: var(--red);
  border-radius: 50%;
  display: inline-block;
  font-size: 1.2rem;
  color:#FFF;
  font-weight: bold;
  transform: rotate(-7deg);
  padding-top: 33px;
  position: absolute;
  right:-20px;
  top: -30px;
}

.branch .tag a:link, .branch .tag a:visited {
	color: #FFF;
}

.branch .tag a:hover {
	color: #000;
}

.branch .linkbox, .branch .linkbox:visited {
	background-color:var(--red);
	color: #FFF;
	padding: 10px 15px;
	margin-top: 20px;
	clear:both;
	float: none;
	font-weight: bold;
	font-size: 1.2rem;
	line-height: 1.2rem;
	border: 2px solid var(--red);
	position: absolute;
	bottom: 30px;
	left: 30px;
	right: 30px;
}

.branch .linkbox:hover {
	background-color:#FFF;
	color:var(--red);
	border: 2px solid var(--red);
}

.stronger {
	font-weight: bold;
}

/* Startseite Ende */

/* Modernized */

.slideshow {
	padding-top: 0 !important;
	position: relative;
}

.slideshow .caption {
    position: absolute;
    z-index: 899;
    top: 20%;
    right: 30px;
    max-width: 40%;
    width: 100%;
    background-color:rgba(255,255,255,.8);
    padding: 30px;
}

.slideshow .shead {
	text-transform: uppercase;
	font-weight: 400;
	font-style: italic;
	color:var(--red);
	font-size: 1.2rem;
	line-height: 1.3rem;
	margin-bottom: 10px;
}

.slideshow .ssub {
	color:#000;
	font-size: 2.9rem;
	line-height: 3.1rem;
	font-weight: bold;
}

.mod_article {
	padding: 30px 0;
}

.machinelistdownload .download-element {
	padding-top: 15px;
}

.machinelistdownload a:link, .machinelistdownload a:visited {
	background-color: var(--red);
	font-weight: bold;
	color: #FFF;
	padding: 15px 30px !important;
	text-align: center;
}

.machinelistdownload a:hover {
	background-color: var(--grey);
}

.productbox .c33l, .productbox .c33r, .productbox .c25l, .productbox .c25r{
	padding: 15px !important;
}

.productbox.block, .ce_text.product.block {
	overflow: visible;
}

.product {
	-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);
	padding: 30px;
	margin: 30px 0;
	height: 100%;
	/* min-height: 600px; */
}

.product.nopic {
	margin-top: 8px;
} 

.ansprechpartner {
	position: relative;
	padding-top: 170px;
	margin-bottom: 30px;
}

.ansprechpartner.nopic {
	padding-top: 30px;
	padding-bottom: 15px;
}

.ansprechpartner .image_container {
	position: absolute;
	right:20px;
	top:-30px;
}

.product h3 {
	text-align: center;
	padding: 10px 20px;
	width:82%;
	background-color: var(--grey);
	color: #FFF;
	text-transform: uppercase;
	margin: -63px auto 40px auto;
	font-size: 1.8rem;
}

.product.business h3 {
	background-color: var(--red);
}

.product.business p {
	padding: 8px;
	font-weight: bold;
}

.product i {
	margin-bottom: 20px;
	padding-top: 2px;
	font-size: 1.3rem;
	margin-right: 8px;
	float: left;
	text-align: center;
}

.product .pdesc {
	position: relative;
	display: block;
	overflow: hidden;
	padding-top: 2px;
}

.product .tuevimg {
	margin: auto;
	text-align: center;
	max-width: 320px;
}

/*
.product li::before {
	content: "\f14a";
	font-family: "Font Awesome 5 Pro";
	font-size: 1.1rem;
	margin-right: 8px;
}
*/

/* Leistungen */

.lcontainer {
	display: block;
	clear: both;
	float: none;
	width: 100%;
	overflow: hidden;
	margin-bottom: 30px;
}

.lic {
	font-size: 2.2rem;
	padding-right: 20px;
	float:  left;
	width: 12%;
	text-align: center;
}

.ldesc {
	float: left;
	width: 88%;
}
/* Produkte Ende */

/* Jobs */

.jobs h3, .jobs h4{
	margin-bottom: 20px;
}

.jobicons .jobicon {
	padding: 20px;
	background-color: var(--lightgrey);
	text-align: center;
	margin-bottom: 60px;
	min-height: 150px;
	font-weight: bold;
}

.jobicons .jobicon .far {
	font-size: 3rem;
	display: block;
	margin-bottom: 20px;
	color: var(--red);
}

.toggler {
	padding: 8px 8px 8px 25px;
	background-color: var(--red);
	color: #FFF;
	font-size: 1.2rem;
	font-weight: bold;
	margin-bottom: 1px;
	position: relative;
}

.toggler:hover {
	cursor: pointer;
}

.toggler::before {
	content:"\f061";
	font-family: "Font Awesome 5 Pro", sans-serif;
	position: absolute;
	left: 5px;
}

.toggler.ui-state-active::before {
	transform: rotate(45deg);
}

.ui-accordion-content {
	padding: 8px;
}

/* Jobs Ende */

/* Gewerblich */

ul {
	margin-bottom: 20px;
}

.styledlist li {
	background-color:var(--lightgrey);
	padding: 7px;
	margin-bottom: 2px;
}

.styledlist li:nth-child(even) {
	background-color:var(--lightestgrey);
}

.machine {
	border: 1px solid #DDD;
	margin-bottom: 20px;
	padding: 20px;
	text-align: center;
}

.machine h4 {
	font-size: 1.6rem;
}

.categories .ansprechpartner {
	margin: 0 20px !important;
	max-width: 400px;
}

.gleistung {
	clear:both;
	float: none;
	margin-bottom: 60px !important;
}

.posslogan {
	font-size: 1.6rem;
	line-height: 1.8rem;
	font-weight: bold;
	padding: 40px;
}

/* Gewerblich Ende */


/* Industriell */

.posalpha {
	text-align: center;
	margin-bottom: 60px;
}

.posalpha i {
	color:var(--red);
	font-size: 3rem;
	line-height: 3rem;
	margin-bottom: 20px;
}

.infobox {
	padding: 30px;
	background-color:#EFEFEF;
}

.tolon strong img, .alpha strong img {
	margin-top: 20px;
	max-width: 200px;
}

/* Industriell Ende */


/* Kontakt */ 
.gmaps {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden;
}

.gmaps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


footer {
	clear:both;
	float: none;
	background-color: var(--grey);
	overflow: hidden;
	font-size: 0.9rem;
	padding: 40px 0;
}

footer .inside {
	display: flex;
	align-content: space-between;
}

footer a:link, footer a:visited {
	color: #000;
}

footer a:hover {
	color: #FFF;
}

footer .footerleft, footer .footerright {
	width: 30%;
}

footer .logosub {
	margin-top: 10px;
	font-size: 1.2rem;
	line-height: 1.6rem;
}

footer .copyright {
	text-align: right;
	width: 10%;
}

footer .membership {
	width: 60%;
	padding: 0 20px;
}


footer .copyhead {
	font-weight: bold;
}


footer .membership strong {
	display: block;
	margin-bottom: 10px;
	font-weight: bold;
}

footer .membership img {
	margin-right: 10px;
	margin-bottom: 5px;
}

#subfooter {
	background-color: var(--lightgrey);
	padding: 40px 0;
	text-align: center;
}

.newsletter {
	margin-top: 35px;
}

.newsletter h5 {
	margin-bottom: 10px;
}

.newsletter .widget-text {
	padding-top: 3px;
}

.newsletter input, .mod_unsubscribe input {
	padding: 10px;
	margin-bottom: 10px;
	text-align: center;
	font-family: 'Roboto Condensed';
	font-size: .9rem;
	width: 200px;
}

.mod_unsubscribe input {
	background: var(--lightgrey);
}

.newsletter p {
	font-size: .9rem;
}

.newsletter .confirm {
	font-size: 1.4rem;
	color: var(--red);
	font-weight: bold;
}

.newsletter button, .mod_unsubscribe button {
	background-color: var(--red);
	font-weight: bold;
	color: #FFF;
	padding: 15px 30px !important;
	text-align: center;
	font-family: 'Roboto Condensed';
	font-style: normal;
}

.newsletter button:hover, .mod_unsubscribe button:hover {
	background-color: var(--grey);
	cursor: pointer;
}

/* Modalbox */

.cta_modal {
	text-align: center;
	margin-bottom: 40px;
	margin-top: 20px;
}

.cta_modal a:link, .cta_modal a:visited {
	background-color:var(--red);
	border: 2px solid var(--red);
	padding: 15px 40px;
	font-weight:bold;
	color: #fff;
	font-size: 2.2rem;
	line-height: 2.2rem;
}

.col_4 .cta_modal a:link, .col_4 .cta_modal a:visited {
	font-size: 1.4rem;
	line-height: 1.4rem;
}

.col_4 .cta_modal {
	margin-top: 80px;
}

.col_4 .cta_modal, .col_4 .cta_modal a:link {
	width: 100%;
}

.cta_modal a:hover {
	background-color:#FFF;
	color:var(--red);
}

#cboxContent {
	margin: auto;
	background: none;
}

#cboxLoadedContent {
    border:none;
}

#cboxClose {
	display:none;
}

#form_modal {
	margin:auto;
	padding: 40px !important;
}

#form_modal input {
	padding: 10px;
}

#form_modal .checkbox {
	width: 15px;
	height: 15px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

#form_modal input[type="checkbox"], #form_modal input[type="radio"] {
  display:none;
}

#form_modal input[type="checkbox"] + label::before, #form_modal input[type="radio"] + label::before {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  border: 2px solid var(--red);
  background-color: #fff;
  display: block;
  content: "";
  margin-right: 5px;
  float: left;
}

#form_modal input[type="checkbox"]:checked+label::before, #form_modal input[type="radio"]:checked+label::before {
  box-shadow: inset 0px 0px 0px 3px #fff;
  background-color: var(--red);
}

#form_modal .widget-radio span, #form_modal .widget-checkbox span {
	display: block;
	margin-bottom: 10px;
}

#form_modal legend {
	font-weight: bold;
	font-size: 2rem;
	line-height: 2.2rem;
}

#form_modal label {
	margin-right: 30px;
}

#form_modal fieldset span {
	margin-right: 40px;
}


#form_modal input {
	padding: 10px;
	border: 1px solid black;
	font-family: 'Roboto Condensed';
}

#form_modal .fname label, #form_modal .fcompany label, #form_modal .fstreet label, #form_modal .fzip label, #form_modal .fcity label, #form_modal .fphone label, #form_modal .femail label {
	width: 110px;
	display: inline-block;
	margin-bottom: 20px;
}

div.fname, div.fstreet, div.fcity {
	float: left;
	margin-right: 60px;
}

#form_modal .fway {
	margin-top: 40px;
}

#ctrl_22 legend {
	margin-bottom: 15px;
}

.modalbox {

}

.modalcounter {
	float: right;
	font-size: 2rem;
	font-weight: bold;
}


.modalhead {
	font-size: 2rem;
	line-height: 2.1rem;
	font-weight: bold;
	border-bottom: 1px solid var(--lightgrey);
	padding-bottom: 20px;
	margin-bottom: 30px;
}

.modalsub {
	font-size: 2.2rem;
	line-height: 2.4rem;
	font-weight: bold;
	margin-bottom: 30px;
}

.widget-pagebreak button {
	float:right;
	padding: 10px 40px;
	background-color:#FFF;
	color: var(--red);
	font-weight: bold;
	font-family: 'Roboto Condensed';
	border: 2px solid var(--red);
	margin-top: 40px;
	font-size: 1rem;
	line-height: 1rem;
	-webkit-transition: all 0.2s ease-in-out;
 	-moz-transition: all 0.2s ease-in-out;
 	-o-transition: all 0.2s ease-in-out;
 	transition: all 0.2s ease-in-out;
 	margin-left: 5px;
}

.widget-pagebreak button:hover {
	background-color:var(--red);
	color: #FFF;
	cursor:pointer;
}

/* Modal Ende */

/* Nachrichten Aktuelles */

.layout_latest {
	margin-bottom: 30px;
	padding-bottom: 15px;
	border-bottom: 1px solid var(--lightgrey);
}

.info {
	font-weight: bold;
	margin-bottom: 10px;

}

.layout_full p.info {
	margin-bottom: 30px;
}

.layout_latest h2 {
	margin-bottom: 10px;
}

.more a, .back a {
	background-color: var(--red);
	font-weight: bold;
	color: #FFF;
	padding: 10px 40px !important;
	text-align: center;
}

.more a:hover, .back a:hover {
	background-color: var(--grey);
	color: #000;
}
	
/* Nachrichten Aktuelles Ende */

.history strong {
	font-weight: bold;
	font-size: 1.2rem;
	line-height: 1.2rem;
	display: block;
}
	
.footerhead {
	font-size: 2.1rem;
	line-height: 2.2rem;
	margin-bottom: 10px;
	font-weight: bold;
}

.footersub {
	font-size: 1.4rem;
	line-height: 1.4rem;
	font-weight: bold;
}

.cc-link {
	display: inline;
	padding:0;
}

@media only screen and (max-width: 1600px) {
	.mod_article {
		padding: 30px 20px !important;
	}

	header, footer {
		padding-left: 20px;
		padding-right: 20px;
	}

	#trustbar {
		padding: 2px 20px !important;
	}

	.mod_article.slideshow {
		padding: 0 !important;
	}

	.mod_article.fullwidth section{
	}
}

@media only screen and (max-width: 1370px) {

	#trustbar .adress {
		display: none;
	}

	#trustbar .mig {
		margin-top: 10px !important;
	}

	#sgf {
		text-align: left;
		margin:0;
		float: none;
	}

	#sgf img {
		margin-right: 5px;;
		margin-left: 5px;
	}

	.slideshow .caption {
		top: 12%;
	}

	.slideshow .shead {
		font-size: 1rem;
	}

	.slideshow .ssub {
		font-size: 2.1rem;
		line-height: 2.2rem;
	}
	
	#trustbartop {
		padding-left: 20px;
		padding-right: 20px;
	}

/* 
	.productbox .col_2 {
		padding: 15px 0 !important;
	}
	
	.productbox .c25l, .productbox .c25r {
		width: 50%;
	}
	
	.productbox .col_3 {
		clear:left;
	}

	.product h3 {
		font-size: 1.8rem;
	}
	
	*/
}

@media only screen and (max-width: 1080px) {

	.branch {
		width: 47.5%;
	}

	.product h3 {
		font-size: 1.6rem;
	}
}


@media only screen and (max-width: 900px) {

	#mainnav, #trustbar {
		display:none;
	}

	header.sticky {
		top:0;
	}

	.sticky + #container {
    padding-top: 105px;
	}

	#mobilenav {
		position: absolute;
		right:0;
		top: 20px;
		font-size: 2rem;
		-webkit-transition: all 0.2s ease-in-out;
	 	-moz-transition: all 0.2s ease-in-out;
	 	-o-transition: all 0.2s ease-in-out;
	 	transition: all 0.2s ease-in-out;
	}

	#chla {
    padding-top: 6px;
    margin-right: 0;
    margin-top: 68px;
	}

	.sticky #chla {
    margin-top: 45px;
	}

	.mig {
		max-width: 150px;
		margin:auto;
		text-align: center;
	}

	#sgf a {
		width: 50%;
		float: left;
		padding-right: 5px;
		padding-left: 5px;
		text-align: center;
	}

	.kontakt a:link {
		width: 100%;
		display: inline-block;
	}

	.mobile_menu_trigger {
		display:block;
	}


	#mobile-menu-13 #mainnav {
		display: block;
		float: none;
		clear: both;
		margin-top: 60px;
		padding-top: 30px;
		border-top: 1px solid #DEDEDE;
	}

	#mobile-menu-13 {
		z-index: 9999;
	}

	#mobile-menu-13 .adress, #mobile-menu-13 .contacts {
		text-align: center;
		margin-bottom: 10px;
	}

	#mobile-menu-13 li {
		display: block;
		clear:both;
		float: none;
		font-weight:bold;
	}

	#mobile-menu-13 a:link, #mobile-menu-13 a:visited {
		color: #000;
	}

	#mobile-menu-13 a:hover {
		color:#000;
	}

	#mobile-menu-13 .inner {
		padding: 40px;
		color: #000;
	}

	.mobile_menu .inner {
		background-color:#FFF;
	}

	#mobile-menu-13 .inner .navclose {
		font-weight:400;
	}

	#mobile-menu-13 .inner li {
		margin-bottom: 15px;
		border-bottom: 1px solid var(--dunkelblau);
		padding-bottom: 15px;
	}

	#mobilenav:hover {
		cursor: pointer;
		opacity: 0.8;
		-moz-opacity: 0.8;
		-webkit-opacity: 0.8;
	}

	#navinclude {
		margin-top: 60px;
	}

	.slideshow .caption {
		width: 60%;
		max-width: none;
		top: 20px;
		right: 20px;
	}

	.slideshow .shead {
		font-size: 1rem;
	}

	.slideshow .ssub {
		font-size: 1.4rem;
		line-height: 1.6rem;
	}

	.c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r, .c15r, .c16r, .c30r, .c45r, .c55r, .c70r, .c85r, .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l, .c15l, .c16l, .c30l, .c45l, .c55l, .c70l, .c85l, .subcl, .subc, .subcr, .equalize > div, .branch, .branch.last {
	clear:both;
	float: none;
	padding: 0 !important;
	width: 100% !important;
	max-width: none;
    margin-left:0;
    display: block;
	}

	.productbox .col_2 {
		padding: 15px !important;
	}
	
	.cta_subcolumn {
		display: none;
	}
	
	.branch, .branch.last {
		padding-top: 30px !important;
		margin-bottom: 30px !important;
	}

}

@media only screen and (max-width: 768px) {


	.branch, .branch.last {
		padding: 40px !important;
		min-height: auto;
		margin-top: 0;
	}
	
	.branch ul {
		margin-bottom: 60px;
	}

	footer, #subfooter {
		text-align: center;
	}
	
	footer .inside {
		display: inline-block;
	}

	.footerleft, .footerright, .footerright .copyright, .footerlogo {
		clear:both;
		float: none !important;
		margin-top: 20px;
		width: 100% !important;
		text-align: center !important;
	}

	footer .footerlogo {
		margin: 20px auto 40px auto;
	}
}

@media only screen and (max-width: 760px) {
	.slideshow .caption {
		display: none;
	}
}

@media only screen and (max-width: 460px) {
	#mobile-menu-13 {
		width: 75% !important;
	}
	
	#form_modal .fname label, #form_modal .fcompany label, #form_modal .fstreet label, #form_modal .fzip label, #form_modal .fcity label, #form_modal .fphone label, #form_modal .femail label {
		margin-bottom: 0;
	}
	
	input.fname, input.fcompany, input.fstreet, input.fzip, input.fcity, input.fphone, input.femail, input.text {
		margin-bottom: 20px;
		max-width: none;
		width: 100%;
	}
}

/* roboto-condensed-300 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/eco/webfonts/roboto-condensed-v19-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'),
       url('../../files/eco/webfonts/roboto-condensed-v19-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/eco/webfonts/roboto-condensed-v19-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/eco/webfonts/roboto-condensed-v19-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../files/eco/webfonts/roboto-condensed-v19-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/eco/webfonts/roboto-condensed-v19-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/eco/webfonts/roboto-condensed-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('../../files/eco/webfonts/roboto-condensed-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/eco/webfonts/roboto-condensed-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/eco/webfonts/roboto-condensed-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/eco/webfonts/roboto-condensed-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/eco/webfonts/roboto-condensed-v19-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-300italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 300;
  src: url('../../files/eco/webfonts/roboto-condensed-v19-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Light Italic'), local('RobotoCondensed-LightItalic'),
       url('../../files/eco/webfonts/roboto-condensed-v19-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/eco/webfonts/roboto-condensed-v19-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/eco/webfonts/roboto-condensed-v19-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/eco/webfonts/roboto-condensed-v19-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/eco/webfonts/roboto-condensed-v19-latin-300italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: url('../../files/eco/webfonts/roboto-condensed-v19-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'),
       url('../../files/eco/webfonts/roboto-condensed-v19-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/eco/webfonts/roboto-condensed-v19-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/eco/webfonts/roboto-condensed-v19-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/eco/webfonts/roboto-condensed-v19-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/eco/webfonts/roboto-condensed-v19-latin-italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/eco/webfonts/roboto-condensed-v19-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
       url('../../files/eco/webfonts/roboto-condensed-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/eco/webfonts/roboto-condensed-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/eco/webfonts/roboto-condensed-v19-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../files/eco/webfonts/roboto-condensed-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/eco/webfonts/roboto-condensed-v19-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-700italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: url('../../files/eco/webfonts/roboto-condensed-v19-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'),
       url('../../files/eco/webfonts/roboto-condensed-v19-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/eco/webfonts/roboto-condensed-v19-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/eco/webfonts/roboto-condensed-v19-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/eco/webfonts/roboto-condensed-v19-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/eco/webfonts/roboto-condensed-v19-latin-700italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}