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,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{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}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
@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}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 7.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 46.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 28.20513%;
}
.rs-column.-large-col-3-2 {
  width: 64.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 19.23077%;
}
.rs-column.-large-col-4-2 {
  width: 46.15385%;
}
.rs-column.-large-col-4-3 {
  width: 73.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 28.20513%;
}
.rs-column.-large-col-6-3 {
  width: 46.15385%;
}
.rs-column.-large-col-6-4 {
  width: 64.10256%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

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

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

body {
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 16px;
	background: #fff;
}

#header .inside, #footer .inside, .mod_article:not(.full-width) .inner {
	display: block;
	max-width: 1120px;
	float: none;
	margin-right: auto;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.mod_article {
	padding-top: 60px;
	padding-bottom: 60px;
}

#rubriken,
#ueber-cck,
#vertrieb {
	background: #d4dfe8;
}

.mb-30 {
	margin-bottom: 30px !important;
}

.mb-40 {
	margin-bottom: 40px !important;
}

.mb-50 {
	margin-bottom: 50px !important;
}

.mt-30 {
	margin-top: 30px !important;
}

.mt-40 {
	margin-top: 40px !important;
}

.mt-50 {
	margin-top: 50px !important;
}

/****************************
**
** TYPO ETC.
**
****************************/
p,
#main ul,
#main ol,
label {
    font-size: 16px;
    line-height: 1.4;
    margin: 0 0 15px;
    color: #111;
    max-width: 800px;
}

#main ul,
#main ol {
	padding-left: 25px;
	list-style: outside disc none;
}

#main ol {
	list-style-type: decimal;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Marvel, Arial, sans-serif;
	margin: 0 0 20px;
	color: #cf7600;
	font-weight: 700;
}

h1 {
	font-size: 40px;
	margin-bottom: 40px;
	text-transform: uppercase;
}

h2 {
	font-size: 36px;
	margin-bottom: 50px;
	text-transform: uppercase;
}

h3 {
	font-size: 26px;
}

h4, h5, h6 {
	font-size: 18px;
}

p + h2 {
	margin-top: 70px;
}

a, button {
	word-break: break-word;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

#main a {
    background-color: #ddd;
    color: #111;
    text-decoration: none;
}

#main a:hover {
	opacity: 0.7;
}

#main .ce_image a {
	background: transparent;
}

#main .ce_image a:hover {
	opacity: 0.7;
}

input, textarea, button, .cookiebar__button, .cookiebar__button:hover {
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 16px;
	width: 320px;
	border: 0 none;
	background: #F29400;
	color: #fff;
	padding: 8px 10px;
	margin: 0 0 0.4em;
}

.cookiebar__button:hover {
	opacity: 0.8;
}

/****************************
**
** GALERIE
**
****************************/
#main .ce_gallery ul {
	max-width: none;
	list-style: none outside none;
	padding-left: 0;
}

/****************************
**
** HEADER
**
****************************/

/*** LOGO ***/
#logo {
	display: block;
	margin-top: 15px;
}

@media screen and (min-width: 1400px) {
	#logo {
		margin-left: -150px;
	}
}

/*** METANAVI ***/
#metanavi {
	position: absolute;
	top: 15px;
	right: 0;
}

@media screen and (max-width: 399px) {
	#metanavi {
		position: relative;
	}
}

#metanavi ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

#metanavi li {
    float: left;
    padding: 0 5px;
    border-right: 1px solid #111;
}

#metanavi li.last {
    border: none;
}

#metanavi a,
#metanavi strong {
	display: inline-block;
	padding: 1px 0;
    color: #111;
	background: transparent;
    text-decoration: none;
}

#metanavi a:hover,
#metanavi a.trail,
#metanavi strong.active {
    color: #cf7600;
}

/****************************
**
** SOCIAL MEDIA
**
****************************/
#social-media {
	position: fixed;
	top: 30%;
	right: 0;
}

#social-media .ce_image {
	margin-bottom: 10px;
}

/*#social-media .ce_image a:hover {
	opacity: 0.7;
}*/

/****************************
**
** CCK
**
****************************/
.cck h1, .cck h2, .cck h3, .cck h4, .cck h5, .cck h6,
.cck #metanavi a:hover,
.cck #metanavi a.trail,
.cck #metanavi strong.active {
	color: #3186c3;
}

.cck button, .cck .cookiebar__button {
	background: #3186c3;
}