/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
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}
/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
@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}
/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
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{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}header,footer,nav,section,aside,article,figure,figcaption{display:block}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}
/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}input[type=submit].red:active,.button.red:active{background-color:#be322b}
span.font-size-xxxxl {
	font-size: 85px;
	line-height: 1.1;
}

span.font-size-xxxl {
	font-size: 75px;
	line-height: 1.1;
}

span.font-size-xxl {
	font-size: 65px;
	line-height: 1.1;
}

span.font-size-xl {
	font-size: 55px;
	line-height: 1.1;
}

span.font-size-l {
	font-size: 45px;
	line-height: 1.1;
}

span.font-size-m {
	font-size: 35px;
	line-height: 1.1;
}

span.font-size-s {
	font-size: 25px;
}

span.font-size-xs {
	font-size: 22px;
}

span.font-size-xxs {
	font-size: 18px;
}

span.font-size-xxxs {
	font-size: 12px;
}

span.font-size-xxxxs {
	font-size: 11px;
}

span.font-size-xxxxs {
	font-size: 10px;
}

span.serif {
	font-family: Georgia, Times, serif;
}

span.no-serif {
	font-family: Arial, Verdana, sans-serif;
}

p.dropcap:first-letter  {
	font-size: 60px; 
	float: left;  
	margin-right: 7px; 
	line-height: 57px; 
}

span.color-white {
	color: #fff !important;
}

span.color-gray {
	color: rgb(127,127,127)!important;
}

span.color-lightgray {
	color: rgb(180,180,180)!important;
}

span.color-darkgray {
	color: rgb(76,76,76)!important;
}

span.color-accent {
	color: rgb(152,152,152);
}

span.color-success {
	color: rgb(157,213,93);
}

span.color-alert {
	color: rgb(247,80,90);
}

span.color-warning {
	color: rgb(240,138,36);
}

span.color-info {
	color: rgb(160,211,232);
}

span.highlight {
	background: rgb(51,51,51); 
	color: #fff;
	padding-left: 3px;
	padding-right: 3px;
}

.label-accent {
	background: rgb(152,152,152);
}

.label-secondary {
	background: rgb(231,231,231);
	color: rgb(51,51,51);
}

.label-success {
	background: rgb(157,213,93);
}
	
.label-alert {
	background: rgb(247,80,90);
}

.label-warning {
	background: rgb(240,138,36);
}

.label-info {
	background: rgb(160,211,232);
	color: rgb(51,51,51);
}

.letter-spacing-xl {
	letter-spacing: 5px;
}

.letter-spacing-l {
	letter-spacing: 3px;
}

.letter-spacing-m {
	letter-spacing: 2px;
}

.letter-spacing-s {
	letter-spacing: 1px;
}

.line-through {
	text-decoration: line-through; 
}

.medium-width {
	max-width: 600px;
}

.medium-small {
	max-width: 400px;
}

.medium-width-center {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.small-width-center {
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.bg-transparent-white {
	background-color: rgba(255,255,255,0.7);
}

.bg-transparent-black {
	background-color: rgba(0,0,0,0.7);
}

.bt-dark {
	border-top: 1px solid rgb(229,229,229);
}

.bb-dark {
	border-bottom: 1px solid rgb(229,229,229);
}

.bt-light {
	border-top: 1px solid rgb(255,255,255);
}

.bb-light {
	border-bottom: 1px solid rgb(255,255,255);
}

a.btn {
	display: inline-block;
	padding: 12px 20px;
	margin-bottom: 15px;
	cursor:pointer;
	width: auto;
	background: rgb(152,152,152);
	border: 2px solid rgb(152,152,152);
	color: #fff;
	font-weight: bold;
	font-size: 0.8rem;
	min-width: 140px;
	text-align: center!important;
}

a.btn.link-white {
	color: rgb(152,152,152);
	border: 2px solid rgb(250,250,250);
	background: rgb(250,250,250);
}

a.btn.outline {
	background: none;
	color: rgb(152,152,152);
}

a.btn.link-white.outline {
	background: none;
	border: 2px solid rgb(250,250,250);
	color: rgb(152,152,152);
}
/** clearing **/
.clear {clear: both; font-size: 0.1px; height: 0.1px; line-height: 0.1px; float: none; display: table;}

/** block grid **/
.autogrid, .autogrid:before,.autogrid:after {-moz-box-sizing: border-box; box-sizing:border-box;}
.autogrid {padding-left: 1%; padding-right: 1%; position: relative; display: block; float: left;overflow: hidden;}

/** block grid wrapper **/
.autogrid_wrapper {margin-left: -1%; margin-right: -1%;}

/** non block **/
.autogrid:not(.block) {padding-left: 0; padding-right: 0; margin-left: 1%; margin-right: 1%;}

/* .block.autogrid.first, .block.autogrid:first-child 	{margin-left: -1%;} */
/* .block.autogrid.last, .block.autogrid:last-child 	{margin-right: -1%;} */

/** Non block grid **/
.full			{width: 98%;}
.one_half 		{width: 48%;}
.one_third 		{width: 31.3333%;}
.one_fourth		{width: 23%;}	
.one_fifth		{width: 18%;}	
.one_sixth		{width: 14.6667%;}

/** Block grid **/
.block.full			{width: 100%;}
.block.one_half 	{width: 50%;}
.block.one_third 	{width: 33.3333%;}
.block.one_fourth	{width: 25%;}	
.block.one_fifth	{width: 20%;}	
.block.one_sixth	{width: 16.6667%;}

.block.two_third	{width: 66.6667%;}
.block.two_fourth	{width: 50%;}
.block.three_fourth	{width: 75%;}
.block.two_fifth	{width: 40%;}
.block.three_fifth	{width: 60%;}
.block.four_fifth	{width: 80%;}
.block.two_sixth	{width: 33.3333%;}
.block.three_sixth	{width: 49.9999%;}
.block.four_sixth	{width: 66.6667%;}
.block.five_sixth	{width: 83.3333%;}

/** Non block grid system **/
/** odd split: 2 elements per row **/
.n2:not(.block).one_third		{width: 32%;}
.n2:not(.block).two_third		{width: 64%;}
.n2:not(.block).one_fourth		{width: 24%;}
.n2:not(.block).two_fourth		{width: 48%;}
.n2:not(.block).three_fourth	{width: 72%;}
.n2:not(.block).one_fifth		{width: 19.2%;}
.n2:not(.block).two_fifth		{width: 38.4%;}
.n2:not(.block).three_fifth		{width: 57.6%;}
.n2:not(.block).four_fifth		{width: 76.8%;}
.n2:not(.block).one_sixth		{width: 16%;}
.n2:not(.block).two_sixth		{width: 32%;}
.n2:not(.block).three_sixth		{width: 48%;}
.n2:not(.block).four_sixth		{width: 64%;}
.n2:not(.block).five_sixth		{width: 80%;}

/** odd split: 3 elements per row **/
.n3:not(.block).one_half		{width: 47%;}
.n3:not(.block).two_third		{width: 62.6667%;}
.n3:not(.block).one_fourth		{width: 23.5%;}
.n3:not(.block).two_fourth		{width: 47%;}
.n3:not(.block).three_fourth	{width: 70.5%;}
.n3:not(.block).one_fifth		{width: 18.8%;}
.n3:not(.block).two_fifth		{width: 37.6%;}
.n3:not(.block).three_fifth		{width: 56.4%;}
.n3:not(.block).four_fifth		{width: 75.2%;}
.n3:not(.block).one_sixth		{width: 15.6667%;}
.n3:not(.block).two_sixth		{width: 31.3333%;}
.n3:not(.block).three_sixth		{width: 47%;}
.n3:not(.block).four_sixth		{width: 62.6667%;}
.n3:not(.block).five_sixth		{width: 78.3333%;}

/** odd split: 4 elements per row **/
.n4:not(.block).one_half		{width: 46%;}
.n4:not(.block).one_third		{width: 30.6667%;}
.n4:not(.block).two_third		{width: 61.3333%;}
.n4:not(.block).two_fourth		{width: 46%;}
.n4:not(.block).three_fourth	{width: 69%;}
.n4:not(.block).one_fifth		{width: 18.4%;}
.n4:not(.block).two_fifth		{width: 36.8%;}
.n4:not(.block).three_fifth		{width: 55.2%;}
.n4:not(.block).four_fifth		{width: 73.6%;}
.n4:not(.block).one_sixth		{width: 15.3333%;}
.n4:not(.block).two_sixth		{width: 30.6667%;}
.n4:not(.block).three_sixth		{width: 46%;}
.n4:not(.block).four_sixth		{width: 61.3333%;}
.n4:not(.block).five_sixth		{width: 76.6667%;}

/** odd split: 5 elements per row **/
.n5:not(.block).one_half		{width: 45%;}
.n5:not(.block).one_third		{width: 30%;}
.n5:not(.block).two_third		{width: 60%;}
.n5:not(.block).one_fourth		{width: 22.5%;}
.n5:not(.block).two_fourth		{width: 45%;}
.n5:not(.block).three_fourth	{width: 67.5%;}
.n5:not(.block).two_fifth		{width: 36%;}
.n5:not(.block).three_fifth		{width: 54%;}
.n5:not(.block).four_fifth		{width: 72%;}
.n5:not(.block).one_sixth		{width: 15%;}
.n5:not(.block).two_sixth		{width: 30%;}
.n5:not(.block).three_sixth		{width: 45%;}
.n5:not(.block).four_sixth		{width: 60%;}
.n5:not(.block).five_sixth		{width: 75%;}

/** odd split: 6 elements per row **/
.n6:not(.block).one_half		{width: 44%;}
.n6:not(.block).one_third		{width: 29.3333%;}
.n6:not(.block).two_third		{width: 58.6667%;}
.n6:not(.block).one_fourth		{width: 22%;}
.n6:not(.block).two_fourth		{width: 44%;}
.n6:not(.block).three_fourth	{width: 66%;}
.n6:not(.block).one_fifth		{width: 17.6%;}
.n6:not(.block).two_fifth		{width: 35.2%;}
.n6:not(.block).three_fifth		{width: 52.8%;}
.n6:not(.block).four_fifth		{width: 70.4%;}
.n6:not(.block).two_sixth		{width: 29.3333%;}
.n6:not(.block).three_sixth		{width: 44%;}
.n6:not(.block).four_sixth		{width: 58.6667%;}
.n6:not(.block).five_sixth		{width: 73.3333%;}

.border-inner {border-left: 1px solid #ddd;}
.border-inner.first, .border-inner:first-child {border-left: 0;}
.border-inner.last, .border-inner:last-child {border-right: 0;}
/** optical correction **/
/* .autogrid.block.border-inner {margin-left: -0.75%; padding-left: 1.75%;} */

/** grid options **/
.autogrid.break {clear:left; margin-left: 0;}
.autogrid.full.break {width: 100%;clear:both;float: none;padding-left: 0;padding-right: 0;}

/** same height **/
.autogrid.same-height {display: table-cell; float: none; vertical-align: top;}

/** flexible same height **/
.autogrid_wrapper.same-height, .autogrid_wrapper .inner.same-height {display: flex; display: -webkit-flex; display: -ms-flexbox; height: 100%; clear: both;}

/** autogrid full **/
.autogrid.full {padding-left: 0; padding-right: 0;}
.autogrid_wrapper .autogrid.full {padding-left: 1%; padding-right: 1%;}

/** no gutter **/
.autogrid_wrapper.no_gutter {margin-left: 0; margin-right: 0;}
.autogrid.no_gutter {padding-left: 0; padding-right: 0;}

/** tablets **/
@media only screen and (min-width: 768px) and (max-width: 990px) {
	.autogrid.adjust_mobile {width: 50% !important}
}

/** phones **/
@media only screen and (max-width: 767px) {
	.autogrid {width: 100%!important;}
	.autogrid.same-height, .autogrid_wrapper.same-height, .autogrid_wrapper .inner.same-height {display: block;}
	.border-inner {border-left: 0;}
	.ce_autogridSpacer {margin: 0!important; line-height: 0!important;}
}
.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-right: 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%;
  }
}

/* mediaboxAdvanced v1.4.6, (c) 2007-2010 John Einselen <http://iaian7.com>, MIT-style license */
#mbOverlay{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#000;cursor:pointer}#mbOverlay.mbOverlayFF{background:transparent url("../../assets/mootools/mediabox/1.4.6/images/80.png") repeat}#mbOverlay.mbOverlayIE{position:absolute}#mbCenter{position:absolute;z-index:9999;left:50%;overflow:hidden;background-color:#000;-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.50);-khtml-box-shadow:0 5px 20px rgba(0,0,0,0.50);-moz-box-shadow:0 5px 20px rgba(0,0,0,0.50);box-shadow:0 5px 20px rgba(0,0,0,0.50);-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=180,Color='#000000')}#mbCenter.mbLoading{background:#000 url("../../assets/mootools/mediabox/1.4.6/images/loading.gif") no-repeat center;-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#mbImage{position:relative;left:0;top:0;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:left;background-position:center center;background-repeat:no-repeat;padding:10px}#mbBottom{min-height:20px;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#999;text-align:left;padding:12px 10px 0 10px;}#mbTitle,#mbPrevLink,#mbNextLink,#mbCloseLink{display:inline;color:#fff;font-weight:bold;line-height:20px;font-size:12px}#mbNumber{display:inline;color:#999;line-height:14px;font-size:10px;margin:auto 10px}#mbCaption{display:block;color:#999;line-height:14px;font-size:10px}#mbPrevLink,#mbNextLink,#mbCloseLink{float:right;outline:0;margin:0 0 0 10px;font-weight:normal}#mbPrevLink b,#mbNextLink b,#mbCloseLink b{color:#eee;font-weight:bold;text-decoration:underline}#mbPrevLink big,#mbNextLink big,#mbCloseLink big{color:#eee;font-size:16px;line-height:14px;font-weight:bold}#mbBottom a,#mbBottom a:link,#mbBottom a:visited{text-decoration:none;color:#ddd}#mbBottom a:hover,#mbBottom a:active{text-decoration:underline;color:#fff}#mbError{position:relative;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:center;border:10px solid #700;padding:10px 10px 10px;margin:20px;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#mbError a,#mbError a:link,#mbError a:visited,#mbError a:hover,#mbError a:active{color:#d00;font-weight:bold;text-decoration:underline}
/*
24	 F O N T S
75   W I D T H Elements  
200  S O C I A L  I C O N S
215  Formatierung der INHALTSELEMENTE
177  GENERELLE K L A S S E N   
418  H E A D E R
522  HAUPTNAVIGATION
423  METANAVIGATION
799  J A G D
922  H U N D E
937    Geschirre
584  O P T I K
689  S T A R T S E I T E
907  I N D U S T R I E
1091  T H E R M O F O R M I N G
1266 Kategorie M E H R
1200 I N D V I D U E L L Produkte
1229 I M P R E S S U M   
1263 F O O T E R
1393 T A B E L L E N F O R M A T E
1420 M O D _ S O C I A L S
1443 M E D I A   Q U E R I E S
*/ 

/*===========================================*/
/*-------------- F O N T S  ----------------*/
/*===========================================*/ 
/* Einbinden des Font Serpentine dBol auf dem Server */
@font-face { 
	font-family: "Serpentine D-Bol-Oblique-S017036D"; 
	src: url("../../files/cto_layout/fonts/Serpentine D-Bol-Oblique-S017036D.eot");
	src: url("../../files/cto_layout/fonts/Serpentine D-Bol-Oblique-S017036D.eot?#iefix") format('embedded-opentype'),
	url("../../files/cto_layout/fonts/Serpentine D-Bol-Oblique-S017036D.ttf") format('truetype'),
	url("../../files/cto_layout/fonts/Serpentine D-Bol-Oblique-S017036D.woff") format('woff'),  
	url("../../files/cto_layout/fonts/Serpentine D-Bol-Oblique-S017036D.svg") format('svg');	
	font-weight: normal;
    font-style: normal;
	}   
 /* Einbinden des Font Ethnocentric
  auf dem Server */
@font-face { 
	font-family: "Ethnocentric"; 
	src: url("../../files/cto_layout/fonts/ethnocentric-rg-it.eot");
	src: url("../../files/cto_layout/fonts/ethnocentric-rg-it.eot?#iefix") format('embedded-opentype'),
	url("../../files/cto_layout/fonts/ethnocentric-rg-it.ttf") format('truetype'),
	url("../../files/cto_layout/fonts/ethnocentric-rg-it.woff") format('woff');	
	font-weight: normal;
  font-style: normal;
	} 
@font-face {
    font-family: 'brush';
    src: url("../../files/cto_layout/fonts/brush_455_reg.woff2") format('woff2'),
         url("../../files/cto_layout/fonts/brush_455_reg.woff") format('woff');        
    font-weight: bold;
    font-style: normal;
}
@font-face {
  font-family: 'PT Sans'; 
  src: url("../../files/cto_layout/fonts/pt-sans-v9-latin-regular.eot"); /* IE9 Compat Modes */
  src: local('PT Sans'), local('PTSans-Regular');
  src: url("../../files/cto_layout/fonts/pt-sans-v9-latin-regular.woff2") format('woff2'), /* Super Modern Browsers */
       url("../../files/cto_layout/fonts/pt-sans-v9-latin-regular.woff") format('woff');
        font-style: normal;
      font-weight: 400; /* Modern Browsers */     
}
@font-face {
  font-family: 'PT Sans Narrow';            
  src: url("../../files/cto_layout/fonts/pt-sans-narrow-v8-latin-regular.woff2") format('woff2'), /* Super Modern Browsers */
       url("../../files/cto_layout/fonts/pt-sans-narrow-v8-latin-regular.woff") format('woff');
      font-style: normal;
      font-weight: 400; /* Modern Browsers */     
}
@font-face {
  font-family: 'Roboto Condensed';            
  src: url("../../files/cto_layout/fonts/roboto-condensed-v16-latin-regular.woff2") format('woff2'), /* Super Modern Browsers */
       url("../../files/cto_layout/fonts/roboto-condensed-v16-latin-regular.woff") format('woff');
      font-style: normal;
      font-weight: 400; /* Modern Browsers */     
}
/*===========================================*/
/*-------- S C H R I F T - u. Abstand-F O R M A T E  -------*/
/*===========================================*/ 
/* Klassen der Schmuckschriften f Niggeloh etc. */

.nig{font-family:Serpentine D-Bol-Oblique-S017036D;font-size:larger;letter-spacing:0.05rem;}
.new{font-family:Serpentine D-Bol-Oblique-S017036D;font-size:larger;letter-spacing:0.05rem;color:#226f1c;}
.serpentine{font-family:Serpentine D-Bol-Oblique-S017036D;}
.ethno {font-family:Ethnocentric;font-size:larger; }
.claim {font-family: 'brush', 'monotype corsiva';font-size:1.3rem;}    
/* Fett Format f Textpassagen */
.fett{font-weight:bold}

body p {
    font-size:1.14rem;
    line-height: 1.35;
}

h2, h3 {font-weight: 600;margin-top:0.9rem;margin-bottom:0.6rem;
}
h4, h5{margin-top:0.9rem;margin-bottom:0.6rem}  
.header_h1 h1 {
  text-shadow:5px 4px 10px #040404;
}
h1 .ce_headline.first{color:#262626 ;}

a, p a {
    color:#006969;
}
a:hover, p a:hover{
  text-decoration:underline;
} 
p.nigpfeil:before{content:"\u21d2";}
.neu{
  font-family:Serpentine D-Bol-Oblique-S017036D;
  font-size:larger;letter-spacing:0.05em;
  color:#c90c0c;
  }
.klein{font-size:0.7rem;}  
.red {color:red;}  
.trenn {
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
.mid_alone_mob {  
  margin: 2rem 0;
  display: block;  
}
/*li, .ce_text li {line-height:1.2em;}
/* .ce_image.ast {
  width:220px;
  }*/
/*************ENDE SCHRIFTFORMATE  ************/

/*=============================================*/
/*---- B A S I C FORMATS BODY, WRAPPER MAIN etc. --*/
/*=============================================*/   
* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background-repeat: no-repeat;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
 }      
body {
	color:rgb(38,38,38);
    font-family: 'PT Sans', 'Droid Sans', Helvetica;   	
	font-weight: normal;	
    overflow-x: hidden;
    position:relative;  
}
  
body.sidebar.right #main .mod_article {
    padding-left: 0 !important;
}
body.sidebar #main {
    overflow: hidden;
    width: 77%;   /*  29.03.18 E. S. #main ist somit breiter   */
    float: left;
    position: relative;
}
body.sidebar.nachhaltig #main{
    width: 67%;   /*  25.01.24 E. S. #main schmaler gemacht für größeres sidebar-Bild   */
}

#main .mod_article {
    margin-top:1vw;margin-bottom:1vw;
}
/*body.sidebar #main,     /*  18.03.19 steht so in Framework, drückt aber die Subnav nach rechts raus
body.sidebar #right,
body.sidebar #left {
	width: 100%!important;
	margin: 0!important;
	float: none!important;
	border: 0!important;
} */
#main .mod_article.fullwidth.last {
    margin-bottom:40px;
} 
body.sidebar #right {
    overflow: hidden;
    margin-left: 0;      /*  29.03.18 E. S. #main ist somit breiter   */
    width: 23%;
    float: right;
    position: sticky;
    top: 40px;   
}
body.sidebar.nachhaltig #right{
    width: 33%;   /*  25.01.24 E. S. #right breiter gemacht für größeres sidebar-Bild   */
}
body.sidebar.nachhaltig #right .inside {
      padding-top: 48px;
}

::before, ::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
} 

#contentwrapper {
    padding-top: 98px;
    background: rgb(255,255,255);
    box-shadow: 0 0 2px 2px rgba(0,0,0,0.03);
}
#fix-wrapper {
    position: fixed;
    z-index: 1000;
    width: 100%;
}
#top-wrapper {
    width: 100%;
    z-index: 1000;
    position: fixed;
    background: rgb(255,255,255);
    top: 0;
}
#wrapper {
	margin:0 auto ;
}
/*== H A L F   W I D T H ===*/
#top .inside, #header .inside, #footer .inside, #bottom .inside, body.sidebar #container,
 #main .mod_article:not(.fullwidth):not(.autogrid):not(.smallwidth), .fullwidth.boxed-content
.contentwrap, .smallwidth .contentwrap, .boxed-content .contentwrap, .autogrid_wrapper.article,
 .ce_bgimage-inside, .ce_text_image_bar .inside, .ce_headerimage .ce_headerimage_inside,
.mod_breadcrumb_inside {
    padding-left: 40px;
    padding-right: 40px;
}
#top .inside, #header .inside, #footer .inside, #bottom .inside, body.sidebar #container,
 #main .mod_article:not(.autogrid), .fullwidth.boxed-content .contentwrap,
  .smallwidth .contentwrap, .boxed-content .contentwrap, .autogrid_wrapper.article,
  .ce_text_image_bar .inside, .ce_headerimage .ce_headerimage_inside, .mod_breadcrumb_inside {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
}
/*== F U L L  W I D T H ===*/

#main .mod_article.fullwidth {
	max-width: 1880px;
  padding-left: 40px;
  padding-right: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:2em;
}
#main .mod_article.fullwidth:not(.boxed-content) {
  margin-bottom:2em;
}
/*#main .mod_article:not(.autogrid), */  /* gemacht am 23.03.18 für Etuis in Thermoforming*/
#main .fullwidth.boxed-content, 
#main .fullwidth.boxed-content .contentwrap,
#main .smallwidth .contentwrap,
#main .boxed-content .contentwrap {
	max-width: 1880px;
}                   
    
/*===========================================*/
/*---------- G L O B A L E  --------------*/
/*===========================================*/     
header, footer, nav, section, aside, article, figure, figcaption {
    display: block;
} 
.block {
    overflow: hidden;
}  
.ce_text ul li, .declaration ul li,
  .ce_list ul li { 
    list-style-type: disc;
    list-style-position: outside;  
}

.declaration ul li, .declaration ol li {
	margin-left:1.5rem;
}
.declaration ul, .declaration ol, .ma_bot1{
	margin-bottom:1em;
}	
.image_container {
	position: relative;
	padding: 0;
	line-height: 0;
}
.flexibel   {
  display:flex;
  flex-direction:row;
  justify-content: space-between;
  }
.underl{
    text-decoration:underline;
}
.image_container a {
	line-height: 0;
}  
.image_container .caption {
	background: rgba(10,10,10,0.6);
	color: #fff;
	padding: 4px 6px;  	
	font-size: 13px;
	position: absolute;
	left: 10px;
	bottom: 10px;
	border-radius: 3px;
	width: auto !important;
	line-height: 1.3;
}
.image_container img {
	display: block;
	height: auto;
	max-width: 100%;
	width: 100%;
}
.image_container.float_left {
    margin-right: 5%;
    float: left;
}
.image_container.float_right {
    margin-left: 5%;
    float: right;
}
.border .image_container img {
	border: 1px solid rgb(229,229,229);
}   
.ce_text ul {margin-bottom:0;}
/*   Imagebox     */
.ce_text_imagebox, .ce_text_imagebox_image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;      
}   
.b_border {border-bottom:2px solid #a0a0a0;}
hr {
    width:40%;
	border: 0;
	height: 2px;
	margin:0.3rem 30%;
  background:#ccc; 
}
/* AGB-Seite Spalten */
.textcolumns{
  /*-moz-column-count: 2;
  -moz-column-gap: 2em;
  -webkit-column-count: 2; 
  -webkit-column-gap: 2.3em;*/
  column-count:2;column-gap:2.3em;
  column-rule:2px solid #72db7e;
  /*-moz-column-rule:2px solid ##72db7e;-webkit-column-rule:2px solid ##72db7e*/
}  
.breite1100 {
  max-width:1100px;
}
/* =================================================*/
/*=== Generelle Formatierung INHALTSELEMENTE ===*/

/* Bild - Text - Streifen  */
.strip {
	clear:left;
	display:flex;flex-direction:row;justify-content: space-between;
	margin:1.5rem 0;
	} 
.strip > div { width:49%; } 
.boxtext .ce_text.strip_text, #ueberuns-strip .ce_text.strip_text,
#article-1097 .ce_text.strip_text, #article-1087 .ce_text.strip_text  {
  padding: 20px 0 20px 15px;
  background:#e6e6e6;
  } 
  
#text-bild-strip .strip:nth-child, #ueberuns-strip .strip:nth-child{
  margin-top:2rem;} 
.ce_text.strip_text p {margin-bottom:0;}  
.ce_text.strip_text h5 {margin-top:0;}

/*============= GALLERY  ====siehe auch GALLERY in INDIVIDUELL========*/
.ce_gallery .cols_2 li {
    width: 47%;
    float:none;
}
.ce_gallery .cols_4 li {
    width: 23.7%;
    float:none;
}
.image_container.float_right, .image_container.float_left{
    width:auto;
}
/*============ENDE GLOBAL========================*/

/*===========================================*/
/*------------ S O C I A L L I N K S --------*/
/*===========================================*/   
.mod_socials .social-icons i {
    padding: 10px 5px;
    width: 2.5vw;
    text-align: center;
    font-size: 1.8vw;
    color: rgb(255,255,255);
}
/*===========================================*/
/*--------------- H E A D E R  --------------*/
/*===========================================*/  
#header {
    width: 100%;
    top: 0px;
    left: 0;
    z-index: 1;
    position: relative;         
} 
#header .inside {
    line-height: 58px;
    padding-top:0.3rem;
    transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
} 
#header .logo {
    position: absolute;
    left: 40px;
    top: 3px;
    bottom: 0;
    z-index: 100;
    margin-top: auto;
    margin-bottom: auto;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
}

/*== Rubriken-Navigation T O P M E N U ===*/

#header .inside .topmenu {
    line-height:25px;
    opacity: 1;
	visibility: visible;
	float: right;
    z-index: 1000;
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
  }
#header .inside .topmenu ul {
	  text-align: right;
	  position: static;
    list-style-type:none;  
    margin-bottom:0;
}
#header .inside .topmenu ul li {
  display: inline-block;
  position:relative;
  opacity: 1;
  visibility: visible;
  text-align: left;
  list-style-type: none;
  z-index: 10;
}
#header .inside .topmenu ul li a, #header .mod_langswitcher a {
  /*font-family:'Roboto Condensed';                /* F O N T Family */
  color:rgb(42,42,42);
  font-size: 0.9rem;
  font-weight: normal;
  transition: transform 0.7s ease-in-out 0s;
  }
/************   /*Für den Shopcart beim Shoplink  ***/
/*.topmenu .fa-shopping-cart::before {       
    padding-left: 1.8rem;
 }   
/*.topmenu ul li a.last {padding-left:0.4em;} */     
/*********************************/
  #header .inside .topmenu ul li a, #header .inside .topmenu ul li span,
  #header .inside nav.mainmenu a,  #header .inside nav.mainmenu span
  #header .inside .mod_langswitcher, .subnav a, .subnav span {
  font-family: 'Roboto Condensed', 'PT Sans Narrow', 'Arial Narrow', 'Helvetica Condensed';	
  transition: transform 0.7s ease-in-out 0s;
  }

 .topmenu ul li a, .topmenu ul li span {  
  padding: 0 1rem 0 1.8rem;
  /*border-left: 1px solid rgb(42,42,42);   */
  -webkit-transition: All 0.3s ease; /* Safari */
   transition: All 0.3s ease;
}  

/*=====  SCHRÄGSTRICH vor den Menüpunkten d. Metanavigation ====*/
.topmenu ul li a.second:before, .topmenu ul li a.last:before,
.topmenu ul li span:before, #header .mod_search:before {        
    content: '';
    height: 21px;
    width: 10px;
    background: linear-gradient(112deg, #ffffff 0%,#ffffff 47%,#c1c1c1 47%,#c1c1c1 53%,#ffffff 53%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -9px;   
} 
/****H A M B U R G E R - M E N U E **********/   
#header #nav-open-btn::before {
    background: #57CC64;
    border-radius:3px;
}
/*.topmenu ul li a.first::before {
  content:"";
}  */
.topmenu ul li a.last {
  padding-right:0;
} 
#header .mod_search .search-content {
    background: rgb(224, 224, 224);
   }
input#ctrl_submit_225{
       font-size:1rem;
   }
/*--------------- H A U P T - M E N Ü  mit LANGSWITCHER--------------*/
/*================================================================*/      
  .mainmenu ul li a, body .mainmenu ul ul li a:not(.active):not(.trail),
 .topmenu ul li a, .mod_langswitcher a {
  color:rgb(42,42,42);
  }
.mainmenu {
    opacity: 1;
    visibility: visible;
    float: right;
    overflow: visible !important;
}



nav.mainmenu ul li a {
  padding:4px 12px;   /* Abstände der Items im hauptmenü */
}
nav.mainmenu ul.level_1 li a.first {
	padding-left: 0;
}
 nav.mainmenu ul li a, .mainmenu ul ul li a, nav.subnav ul li a {     
	font-weight:600;
	font-size: 1.2rem;	
  text-transform: none;
	letter-spacing:0.8px;           
	}
nav.mainmenu ul li ul.level_2 li a.a-level_2, nav.subnav ul li a {
    padding: 4px 12px;
    border-bottom: 1px solid darkgrey;       /* anders in: Framework  */
}
nav.subnav ul li a {
     padding: 6px 12px;
     }
.mainmenu ul li a.a-level_1.first {
    padding-left: 15px;
}
.mainmenu .submenu ul li:last-of-type a {  /* eingefügt wegen sonst fehlendem Padding im Submenue */
  padding-right: 15px; 	
}
.mainmenu ul ul {
	width: auto;
	display: none;
	white-space: nowrap;
	border-radius: 0;
	padding: 0;
	position: absolute;
	top: 100%;
	margin-left: 0;
	background: #fff;
	box-shadow: 1px 8px 15px rgba(0,0,0,0.1);

}
/*.mainmenu ul li:hover a, .mainmenu ul li a.trail, .mainmenu ul li a.active {
    color: rgb(215,215,215);} /* offenbar von Styles her? */	

.mainmenu ul ul li {
    float: none;
 	position: relative;
	line-height: 32px;
	min-height: 0;
	display: block;
    min-width: 11.5em;    /* E. S. da sonst Submenue bei Hundeausr zu schmal */
}
body #header .topmenu ul li a:hover, .topmenu ul li span,
body #header .mainmenu ul li ul li a:hover,
.mainmenu ul ul li a.trail,
.mainmenu ul ul li a.active,
.mainmenu ul li ul li a:hover,
body #header .mainmenu ul li a:hover, body #header .mainmenu ul li a.trail,
body #header .mainmenu ul li a.active, nav.subnav ul li a:hover,
nav.subnav ul li a.trail, nav.subnav ul li a.active,
.mod_langswitcher a:hover {
    color: rgb(174,8,8);
}  	

 /*  Framework.css 957 */
.mainmenu ul li.last ul {
    right: -8.8rem;
} 
#header .mod_langswitcher {
    position: relative;
    float: right;
    margin-left: 15px;
    padding-left:20px;
    padding-top: .24rem;
transition: All 0.3s ease;
-webkit-transition: All 0.3s ease;
    }
#header .mod_langswitcher span i {   /* styles.css  Weltkugel, geändert von 5px für mehr Platz E. S. */
    margin-right: 2px;
    font-size: 0.87rem;
    }
#header .mod_langswitcher:before {
    content: '';
    height: 36px;
    width: 10px;
    background: linear-gradient(112deg, #ffffff 0%,#ffffff 47%,#c1c1c1 47%,#c1c1c1 53%,#ffffff 53%,#ffffff 100%);
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -18px;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
}
    /* aus customize.css 589 */
#header .mod_langswitcher a {
    font-family: 'Roboto Condensed', 'Arial Narrow', sans-serif;
    color: rgb(42,42,42);
    padding:4px 0;
}
 /*== Abstand des Submenues bei fixed header etwas erhöhen, da dann beim Hauptmenue line-height kleiner ===*/
/*#top-wrapper.fixed #header .inside nav.mainmenu ul ul{    /* /* Nach Reparatur des Scroll-Shrink des Headers nicht mehr nötig */
   /*margin-top:0.075rem;
    }*/
/************ Ende HAUPT-Navigation ******/
/*== Beim R U N T E R S C R O L L E N  kriegt top-wrapper die Klasse .fixed ===*/
#top-wrapper.fixed #header .inside, /*#top-wrapper.fixed #header .inside .mainmenu, IST redundant, daher UNNÖTIG*/
#top-wrapper.fixed #header .inside .mod_langswitcher{
    line-height: 40px;
    padding-top:0.25rem;
    }
#top-wrapper.fixed #header .inside .mod_langswitcher:before {   /*#top-wrapper.fixed #header .inside .mainmenu, */
    height:21px;
}

#top-wrapper.fixed #header .inside .topmenu {
    line-height:20px;
    }
#top-wrapper.fixed .logo {
    top:0.2rem;
    }

/*==== Breadcrumb ===*/
/*************************/
body.hide_breadcrumb .mod_breadcrumb {
	display: none;
}
.mod_breadcrumb .pagetitle {
    float: left;
    font-weight:normal;
}
.mod_breadcrumb {
  position:absolute;
  top:0;
  width:100%;
  background-repeat: repeat;
  overflow: hidden;
  text-transform: uppercase;
  border-top: 1px solid rgb(230,230,230);
  background-color:rgba(255,255,255,0.6);
  z-index:99;
}
.mod_breadcrumb .mod_breadcrumb_inside ul {
  margin-bottom:0;
  float: right;
}
.mod_breadcrumb ul li {
	display: inline-block;
}
/*.mod_breadcrumb .pagetitle,.mod_breadcrumb .mod_breadcrumb_inside ul li a {
  color:rgb(42,42,42);
}*/
 .mod_breadcrumb .mod_breadcrumb_inside ul li a:hover {
  text-decoration:underline;
}
.mod_breadcrumb ul li.last {
	margin-right: 0;
}
.mod_breadcrumb ul li:after {
	content: ">";                       /* ge�ndert E. S. */
	margin-left: 5px;
}
.mod_breadcrumb ul li.last:after {
	display: none;
}
/*--------------- S T A R T S E I T E ---------------------*/
/*==========================================================*/  
.startpage #introducetext h1, .startseite #einleittext h1{
    margin-top:0;
}
/*====Startseite Messeankündigung ====*/
.startpage #introducetext .ce_image, .startseite #einleittext .ce_image{
    text-align:center;
}
.ann{
    margin:.6em 1.5em 1.8em 1em;
    display:flex;
    flex-direction:row;
    justify-content:center;
    flex-wrap:wrap;
}

.startpage #introducetext .ce_image.messe_bild h6, .startseite #einleittext .ce_image.messe_bild h6{margin-top:0;}
.startpage #introducetext  .visitus,.startseite #einleittext .visitus{
    margin:1.8em 0;
}
.startpage #introducetext .visitus figure.float_above, .startseite #einleittext .visitus figure.float_above {
    text-align:center;
}
.startpage #introducetext .visitus figure, .startseite #einleittext .visitus figure{
    display: flex;
    justify-content: center;
}
.startpage #introducetext  .visitus .image_container img,.startseite #einleittext .visitus .image_container img{
    max-width:710px;height:auto;
}
.startpage #introducetext .messe_bild,.startseite #einleittext .messe_bild{width:405px;}
.startpage #introducetext .flexibel .ce_image .puj, .startseite #einleittext .flexibel .ce_image .puj{width:31%;}
.startpage #introducetext .flexibel .ce_image .juh .startseite #einleittext .flexibel .ce_image .juh{width:22%;}
/*.startpage #introducetext .ce_image.messe_bild .image_container img, .startseite #einleittext .ce_image.messe_bild .image_container img{
  max-width: 695px;
}*/
/*== Artikelbeschreibungen ===*/   
#main #rifle-slings .ce_text, #main #rifle-slings .ce_text li,
#main #covers .ce_text, #main #covers .ce_text li,
#main #hunting-accessories .ce_text, #main #hunting-accessories .ce_text li,
#main #harnesses .ce_text, #main #harnesses .ce_text li,
#main #leads .ce_text, #main #leads .ce_text li,
#main #collars .ce_text, #main #collars .ce_text li,
#main #other .ce_text, #main #other .ce_text li,
#main #protective-covers .ce_text, #main #protective-covers .ce_text li,
#main #binocular-straps .ce_text, #main #binocular-straps .ce_text li,
#main #protective-cases-and-wrist-straps .ce_text, #main #protective-cases-and-wrist-straps .ce_text li,
#main #gewehrgurte .ce_text, #main #gewehrgurte .ce_text li,
#main #futterale .ce_text,  #main #futterale .ce_text li,
#main #jagdzubehoer .ce_text,#main #jagdzubehoer .ce_text li,
#main #geschirre .ce_text,  #main #geschirre .ce_text li,
#main #halsungen .ce_text,#main #halsungen .ce_text li,
#main #leinen .ce_text, #main #leinen .ce_text li,
#main #optikschutz .ce_text, #main #optikschutz .ce_text li,
#main #fernglasgurte .ce_text, #main #fernglasgurte .ce_text li,
#main #trage-und-bauchgurte .ce_text,#main #trage-und-bauchgurte .ce_text li,
#main #tragesysteme .ce_text, #main #tragesysteme .ce_text li,
#main #schutztaschen .ce_text,#main #schutztaschen .ce_text li {
	background:none;
	--max-font: 18;
  --min-font: 14;
  font-size: var(--responsive);
  line-height:1.35;   	
}
#main #individuell-produkte .ce_text,#main #individuell-produkte .ce_text li,
#main #individuell-produkte .ce_table.mtabelle {
    font-size: 1.15rem;
	line-height: 1.35;
}

#main .mod_article.fullwidth.teaser {margin-bottom:2rem;}
/*#main .inside {margin-bottom:2rem;}*/

#main .first_article {
    margin-top: 40px;
    margin-bottom: 40px;
}

/*== Ende GENERELLE FORMATE ===*/
/*== S E I T E N ===*/

/*== Module ===*/
.redfont {color:#cb1414;}
Element {
    font-size: 22px;
    min-height: 0px;
    min-width: 0px;
    line-height: 35px;
    border-width: 0px;
    margin: 0px;
    padding: 5px 10px;
    letter-spacing: 0px;
    left: 20.313px;
    top: 19.913px;
    visibility: visible;
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
    transition: none 0s ease 0s;
} 

/*)()()()()()()()()()() */
/*== REVOLUTION Slider ===*/

#slider {margin:0 auto;max-width:1920px;}
.ce_revolutionslider_text.bold {
    font-weight: normal;
    padding: 5px 7px;
    background: rgb(100,100,100);
    opacity: 0.7;
}
.sl-link {font-family: 'PT Sans', Calibri, sans-serif;    
      color:#fff;
      font-size: 14px;
  }
.tp-caption a {
    color: #fff;font-size:15px;
    text-shadow: none;
}
/*== ENDE REVOLUTION Slider ===*/

.autogrid_wrapper_902 h1 {margin-top:0;}
/*&&&&&&&&&&&&&&&&&&&&&&&&&& */
/*====== Intro - Text =======*/
/* ===========================*/
 /*  Weihnachtsferien  */
.noel, .noel_e {
  margin:1.5em 0;
  padding-right:24%;
  background-image:url("../../files/cto_layout/grafik/navidarbol.png");
  background-size:100% auto;
  background-position: right bottom;
  background-repeat: no-repeat;
  box-sizing:border-box;
  color:firebrick;
  /*height:186px;  */
}
.noel_inner_e{
    padding-top: 2%;
    padding-bottom:0.2%;
}
.noel_inner{
    padding-top: 0.2%;
    padding-bottom:0.2%;
}
.noel_e {      /*  Weihnachtsferien  */
  background-image:url("../../files/cto_layout/grafik/navidarbol.png");
}
.ce_leadertext.version1 {
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	max-width:900px;
} 
.ce_leadertext.version1::after {background:none;margin:0;}
/*======================= */
/*== IMAGE - BAR ===*/
/* ========================*/
/*#main .mod_article.fullwidth.boxed-content {
    margin-top: 0;
    margin-bottom: 2rem;
}*/
#main .mod_article.startart, #main .mod_article.st-test-art {       /* Hiermit größere Abstände zwischen den Artikel der Startseite */
    margin-top:3.5rem;
}
.ce_text_image_bar{     
    background: rgb(230,230,230);
    position: relative;       
 }   
.ce_text_image_bar .text-right {          
    padding: 6% 0 6% 5%;
    margin-left: 50%;	  
 }      
.ce_text_image_bar .text-left {    	  
    padding: 6% 5% 6% 0;
    margin-right: 50%;    
}
#main #text-imagebar-2 .mod_article.fullwidth:not(.boxed-content), #main #text-imagebar .mod_article.fullwidth:not(.boxed-content){
	margin-bottom:1.4rem;
}  

/*======================= */
/*== IMAGE - BOXEN TEASER ===*/
/* ========================*/
.ce_text_imagebox:not(.vcenter) .inside {
    background: none; 
	line-height:1.15;
}     
/*.ce_text_imagebox:hover:not(.vcenter) .inside {
    background:#424950; 
	 opacity:0.44;
} */
.ce_text_imagebox:not(.vcenter) .inside h3{
    margin-top: 0.2rem;
    margin-bottom: 0.6rem;
    }
.ce_text_imagebox:hover:not(.vcenter) a .inside {
    opacity: 1;
    padding-top: 20px;
    padding-bottom: 20px;
}

/*==== Imagebox JAGD  ===*/
.ce_text_imagebox.gruen:hover:not(.vcenter) .inside {
    background:#377415;
}
.ce_text_imagebox.gruen:not(.vcenter) a .inside h3,
.ce_text_imagebox:not(.vcenter).gruen a .inside p {
   color:rgb(10,10,10);                                /* Schwarze Schrift nur in der Jagd-Box*/
} 
/*==== Ende Imagebox JAGD  ===*/
.ce_text_imagebox.oker:hover:not(.vcenter) a .inside {
    background:#a0862a; 
}   
.ce_text_imagebox.rot:hover:not(.vcenter) a .inside {
    background:#7d2121; 
}   
.ce_text_imagebox.blau:hover:not(.vcenter) a .inside {
    background:#365269; 
}    
#imageboxes-898  div.ce_text_imagebox_image .inside h3{
	--max-font: 22;
    --min-font: 16;
    font-size: var(--responsive);
	margin-bottom:0.3rem;
	margin-top:0;
    color:white;
  }  
#imageboxes-3 #autogrid_wrapper_5302 .autogrid,  
#article-1049 #autogrid_wrapper_7942 .autogrid {
	padding-left: 3%;
	padding-right: 3%;
} 
#imageboxes-898 #autogrid_wrapper_5302 .autogrid, #article-1049 #autogrid_wrapper_6572 .autogrid {
  padding-left: 3%;
  padding-right: 3%;
} 
.ce_text_imagebox_link {
    display: block;
    height: 100%;
    width: 100%;
    position: relative;           
}   
/*======================= */
/*== ICON - Boxes  Startseite u. Portalseiten ===*/
/* ========================*/
#main #rubriken, #main #rubrics {
    margin-bottom:5rem;
    padding-left: 40px;
	padding-right: 40px;
}
.ce_iconbox_v2_outside a {
	color:inherit;
}
/*==== Imagebox JAGD  ===*/
.ce_text_imagebox.gruen:hover:not(.vcenter) .inside h3,
.ce_text_imagebox.gruen:hover:not(.vcenter) .inside p {
    color:white;
}
.ce_iconbox_v2 .headline,.ce_iconbox .headline {
    font-size:1.3rem;}

#hundezubehoer .ce_iconbox p {
  font-size:0.95rem;
  }    */
.ce_iconbox:not(.xsmall) .ce_iconbox_outside {
    min-height: 120px;
   }   
.ce_iconbox .image_container {
    width: 120px;  
  }
.ce_iconbox .image_container img {
    max-width: 120px;
    width:100%;
    height:auto;
  }
.startseite .ce_iconbox_v2 h3.headline,
 .st-test .ce_iconbox_v2 h3.headline,
 .startseite .rubrik h3.headline,
 .startpage .rubrik h3.headline   {
   font-family:'PT Sans', 'Roboto', 'Arial ';
	--max-font: 22;
    --min-font: 16;
   font-size: var(--responsive);
    letter-spacing: 0.1px;
    position: relative;
    padding-top: 17px;
    line-height: 1.35;
    margin-bottom: 0.7rem;
    color:#1b8014
  }
.contentwrap.flexibel{
    flex-wrap:wrap;
}
.startseite .rubrik, .startpage .rubrik{
    text-align:center;
}
.startseite .rubrik a, .startpage .rubrik a{
    /*background:none;
    border-color:transparent;*/
    color:#262626;
 }
 .startseite .rubrik a:hover{
    background:none;
    border-color:transparent;
    color:#262626;
    text-decoration:underline;
 }
/*
.just{
    justify-content:space-between;
} */
 /*== Ende ICON - Boxes ===*/

/*  Startseite Bild-Text-Leisten     in Änderung von Styles.css Zeile 945 */
.ce_hyperlink a,
.ce_hyperlink a:hover, a.btn, a.btn:hover {
	background: rgb(100,100,100);
	border-color: rgb(240,9,9);
} 
a.hyperlink_txt .sl-link {
  font-family: 'PT Sans', Calibri, sans-serif;
	color:white;
  font-size:16px;
}

/*--------------- K A T E G O R I E  J A G D ---------------------*/
/*==========================================================*/
#jagdportal .huntintro,#jagdportal-eng .huntintro{
    width:75%;
}
#jagdportal .reallogo,#jagdportal-eng .reallogo{
    width:20%;border:solid 1px darkgrey;padding:0 4px;
}

body.jagd{
	background-image:url("../../files/cto_layout/img/background/jagd-background3.jpg");
  background-repeat:no-repeat;
	-moz-background-size: cover;
  -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position:center center;
    background-attachment:fixed;
}
.jagd #contentwrapper {background:none;}
.jagd #wrapper, .jagd #container{
	background:none;
}


/* ================================*/
/******* Seite Gewehrgurte ********/

.jagd #wrapper, .jagd #container {
  background:none;
}  
/*#introtext-gewehrgurte .ce_text {
	color:rgb(42,42,42);
  font-family: 'PT Sans', Calibri, sans-serif;
    /*font-family: 'PT Sans Narrow', sans-serif;*/       	
  /*line-height: 1.6;
}        */

/*******  BILD - TEXT Elemente mit PANEL  *******/
/*----------------------------------------------*/
/*  Abstand der Bild-Text Zeilen nach unten */
.image_container.float_right, .image_container.float_left {   
    margin-bottom: 2%;
}
/*  Elemente ohne Vorschaubilder */
.einpic{
    margin:1.7rem 0;
}

#panel {
  max-width:1200px;
	margin-bottom: 2%;
	}
/*  Maße der Thumbnails */
#panel ul.thumb {
	list-style:none;
	margin:0;
	padding:0;
	display:flex;flex-direction:row;justify-content:flex-start;    
	}
#panel ul.thumb > * {
	display:inline-block;
	margin-right:1%;
	width:120px;       
  }
  
.stage {width:100%;margin-bottom:1%;} 
.thumbnail {background-color:rgba(255,255,255,0.6);}

/* Horizontale Aufteilung Bilder zu Text */

.ce_text.float_none{float:none;}
.text_ezoom, .ce_produkt {
	clear:left;
	display:flex;flex-direction:row;justify-content: space-between;
	margin:1.7rem 0;
	}
.text_ezoom > :first-child { margin-right:2%;width:64%; }
.text_ezoom > :last-child { width:34%; }
.text_div .image_container.float_left {
    margin-right: 2%;width:64%;
    float: left;	
}
.text_div p {
  margin-top:1.7rem;
}
.text_bild {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
.text_bild .image_container.float_left {
    margin-right: 2%;
    width:49%;
    float: left;	
}
.text_bild .image_container.float_right {
    margin-left: 2%;
    width:49%;
    float: right;	
}
/* Schrift */
/*.text_ezoom .ce_easyzoom, 
.ce_produkt .ce_image,
.text_ezoom .ce_text {	
	font-family: 'PT Sans', Calibri, sans-serif;    
	font-size: 15px;
	line-height: 1.6;
	font-weight: normal;
  }   */
/* Abstand bei der Überschrift H3 weg */
.jagd #gewehrgurte  h3, .jagd #gewehrgurte .text_ezoom h3{
	margin-top:0;
	background:none;
	color:rgb(38,38,38);
	text-indent:2rem;
}
/* breite des großen Bilds und Anordnung der Thumbs links */
.text_ezoom .easyzoom--overlay {width:100%}
.text_ezoom ul.easyzoomthumbnails {
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
}
/*  Abstand nach easyzoom-wrap unten u. Abstand der Thumbnails zueinander */
.text_ezoom .easyzoom-wrap {margin-bottom:1%;}
.text_ezoom ul.easyzoomthumbnails .easyzoom-item {margin-right:1%;}  

/* ================================*/
/******* Seite Jagdzubehör ********/
#jagdzubehoer .ce_gallery .cols_2 .image_container img{
  border:none;
}


/* =================================*/
/*==== Kategorie HUNDEAUSRUESTUNG ==*/
/*==================================*/
body.hund{
	background-image:url("../../files/cto_layout/img/background/hunde-background2.jpg");background-repeat:no-repeat;
	-moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position:center center;
  background-attachment:fixed;
}
.hund #contentwrapper {background:none;}
.hund #wrapper, .hund #container{
	background:none;
}
.deliver_delay{
    color: #b20808;font-weight:600;
}

/*#halsungen figure.skizze, #geschirre figure.skizze {
    margin:0.4rem 0 0 1.2rem;
}  */

/*====== GESCHIRRE U. HALSUNGEN=====*/
#geschirre .ce_text figure, #halsungen .ce_text figure,
#harnesses .ce_text figure, #collars .ce_text figure {
  margin-top:0.5rem;margin-left:1.2rem;font-size:0.8rem;
  } 

/* =================================*/
/*==== Kategorie O P T I K =========*/
/*==================================*/
#headerimage-optik h1 {color:#262626;margin-top:0;}
body.optic{
	background-image:url("../../files/cto_layout/img/background/optik-background3.jpg");background-repeat:no-repeat;
	-moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position:center center;
    background-attachment:fixed;
}
.optic #contentwrapper {background:none;}
.optic #wrapper, .optic #container{
	background:none;
}
 

/* =================================*/
/*==== Kategorie INDUSTRIE ==*/
/*==================================*/
#headerimage_industrie .indust_h1 h1 {
	margin-top: 2em;
}
#headerimage-industrie h1, .headerimage_hunde h1, .headerimage_dogs .inside h1.whiteh1{
  color:white;
  margin-top:0;
  }
#tragesysteme .ce_gallery .image_container img {border:none;}
#tragesysteme .ce_gallery ul { 
  display:flex;
  flex-flow:row nowrap;
  justify-content: space-around;
  }

/*#tragesysteme .ce_gallery  li { /* führt zum Abschneiden der Bilder */
  /*flex:0 0 350px;
  } */
body.industry{
	background-image:url("../../files/cto_layout/img/background/industrie-backgr1.jpg");background-repeat:no-repeat;
	-moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position:center center;
    background-attachment:fixed;
}
.industry #contentwrapper {background:none;}
.industry #wrapper, .industry #container{
	background:none;
}  
#carrying-systems .ce_gallery .col_0 .image_container img,
#carrying-systems .ce_gallery .col_1 .image_container img
 {
  border:none;
  }
/* =================================*/
/*==== Kategorie M E H R =======*/
/*==================================*/	
/*=********* Headbilder *******=======*/ 
         
.mod_article .kopfbild img {
    -webkit-animation: darken 3s ease-in ;
    animation:darken 3s ease-in ; 
    animation-delay: 2s;
    animation-fill-mode:  forwards;           
} 
@-webkit-keyframes darken {
    0%  { -webkit-filter: brightness(1); }
    100% { -webkit-filter: brightness(0.7); }
}
@keyframes darken {
    0%  { filter: brightness(1); }
    100% { filter: brightness(0.6); }
}
h1.mehrtitel {
  position:absolute;
  color:white;
  top:7vw;
  left:23vw;   
  z-index:900;}
.hochkant_video{
  background:transparent;
}
/* =================================*/
/*==== UEBER UNS ==*/

/*.subnav a {
  color:rgb(42,42,42);
  border-bottom: 1px solid darkgrey;
  }*/
  
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*==== SEITEN mit SUBNAVIGATION ==*/
.mitnav {
  display:flex;flex-flow: row wrap;justify-content:space-between;  
}
.mehr .mitnav .ce_leadertext.version1 {
	text-align:left;
  margin:0;
  max-width:43em; 
	flex:3 1 auto;
}
.ce_leadertext.version1 p, .ce_leadertext.version1 ul{
	   color:rgb(42,42,42);
    font-size:1.1em;
    font-style:normal;    
}
.mehr .mitnav .subnav { 	
	flex:0 1 auto;
}		  
/** ++++++++ POSITION: S T I C K Y Subnavigation soll beim Scrollen stehen bleiben +++++++*/
/* W3Schools :
/* The sticky class is added to the header with JS when it reaches its scroll position */
/*.sticky {
  position: fixed;
  top: 518px;
  width: 100%
} */
.stick {position:sticky;top:20px;}
#sidenav, #test_snav {position:sticky;}
/* CSS von W3Bits */
.fixed {
  position:fixed;
	top:10px;
	z-index:9999;
}
/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
/*.sticky + .article {
  padding-top: 102px;
}     */
  
/* =================================*/
/*********** ANSPRECHPARTNER ********/
 
#niggeloh-team .team_div, #e-niggeloh-team .team_div {
  display:flex;
  flex-flow: row nowrap;
  justify-content:space-between;  
  margin-bottom:2em;
}  
#niggeloh-team .team_div figure.image_container, #e-niggeloh-team .team_div figure.image_container {
  flex:0 1 35%;
  margin-right: 1.2em;
  }
#niggeloh-team .team_div .textblock, #e-niggeloh-team .team_div .textblock{
  flex:0 1 75%;
  }
    
/* ================================*/
/******** THERMOFORMING **************/

/*.ce_gallery li.col_0{ margin-bottom: 3%;} */

/*#main #multi-etui.mod_article    {max-width:1100px;}    */
.ce_gallery .thermoexample > ul.cols_4 li {
    width: 21.50%;      
}   
div.ce_gallery > ul.cols_4.flexibel, div.ce_gallery > ul.cols_2.flexibel{
  display:flex;
  flex-direction:row;
  justify-content: space-between;
  list-style-type: none;
  }  
 
#multi-etui div.ce_gallery .image_container,
#weitere-beispiele div.ce_gallery .image_container{
  max-width:400px;
}
#taschen-branding .contentwrap,
#bild-text .contentwrap,
#multi-etui .contentwrap,
#text-bild-strip .contentwrap {
  max-width:1100px;
  margin-left:auto;
  margin-right:auto
}
#bild-text .ce_text, taschen-branding .ce_text {
  background:#e3e3e3;
}
#taschen-branding .ce_text, #videos-261 .mod_article .ce_video {
  margin-bottom:2rem;
}
/*#taschen-branding .image_container */

.ce_gallery .col_0 .image_container img,
.ce_gallery .col_1 .image_container img,
.ce_gallery .col_2 .image_container img,
.ce_gallery .col_3 .image_container img,
.ce_gallery .col_4 .image_container img,
.ce_gallery .col_5 .image_container img {
   border: 1px solid #eee;
}
/*.ce_gallery li.col_0,
.ce_gallery li.col_1,
.ce_gallery li.col_2,
.ce_gallery li.col_3,
.ce_gallery li.col_4,
.ce_gallery li.col_5
{ margin-right: 3%;
}*/
.ce_gallery li.col_last{ 
  margin-right: 0;
}
/* =================================*/
/*********** VIDEOS *****************/
/* ======= Seite Videos =========  */
.videoblock{
  position:relative;
  max-width:100%;
  padding:1rem 0;
  margin-top:0.8rem;
  border-top:2px solid darkgrey;
  border-bottom:2px solid darkgrey;
  }
.videoblock img {
  border-radius:4px;
  }
/*#videos-261 .video, #article-1110 .video {margin-bottom:1.7rem;}  */
#videos-261 .ce_player:not(.first), #videos-261 .ce_video{
  margin-top:1rem;
}

/* =================================*/
/*==== INDIVIDUELL Produkte  ==*/
/*==================================*/
/******   Galerie  *****/
#individuell-produkte .ce_gallery {margin:1.5rem 0;}
#individuell-produkte .ce_gallery.gal_2 > ul {
    overflow:visible;
    display:flex;
    flex-direction:row;
    justify-content: space-between;
    }
#individuell-produkte .ce_gallery.gal_2 > ul li{
    max-width:45%;
}
#individuell-produkte .text_div .textblock {
    width: 40%;
    clear: none;
    display: table;
    border-collapse: separate;
    border-spacing: 3px;
   }
#individuell-produkte .text_div .figure {
    width:auto;max-width:40%;
   }
#individuell-produkte h3:not(.first) {
    margin-top:2.5rem;
}
#individuell-produkte .ce_image:not(.mskizze) .image_container{
    border: 1px solid #eee;
}

/*.ce_gallery.gal1  ul li {list-style:none;display:inline-block;max-width:48%;margin-right:2%;float:left;}
.ce_gallery.gal2  ul li {list-style:none;display:inline-block;max-width:48%;margin-right:2%;}
.ce_gallery.gal3  ul li {list-style:none;display:inline-block;max-width:31.5%;margin-right:2%;}
.ce_gallery.gal2  ul li.col_last, .ce_gallery.gal3  ul li.col_last  {margin-right:0;}
/*.ce_gallery  ul.cols_2 figure {max-width:290px;}*/


/***** Bild-Schatten ****/
/*.ce_image.bild figure.image_container img,
.cols_1 .image_container img,
.cols_3 .image_container img,
.cols_2 .image_container img{
	box-shadow: 3px 3px 6px 0px;
	color: #2d2d2d;
	width: 100%;
	height: auto;
	display: inline;
	margin-top:5px; /*sonst Schatten oben abgeschnitten */
   /*	margin-left:5px;  */


/* Bildausgleich unterschiedlich grosser Bilder in Gallerien */

.bildausgleich1 .col_0 img, .bildausgleich1 .col_1 img{
	padding: 34.5% 0;
}

/* Bildunterschriften */

figcaption.caption{
	margin-left:5px;
}
#individuell-produkte .textblock, #individual-articles .textblock {
  font-size:1.0rem;
  }
#individuell-produkte .text_div .image_container.float_left,
#individual-articles .text_div .image_container.float_left{
  width:50%;
}  
#individuell-produkte .sizetable, #individual-articles .sizetable,
   #individual-articles figure, #individuell-produkte figure{
    margin-top: 0.3em; 
    }
#individuell-produkte .sizetable .zeile, #individual-articles .sizetable .zeile{
    height:auto; 
    }     
#individuell-produkte .ce_text, #individual-articles .ce_text{margin-bottom:1em;}
/* ================================*/
/********** VIDEOS **************/


/* ================================*/
/******** PARTNER **************/  
.rs-columns p.cnthead,.gridlist p.cnthead{
  padding:0 0.3rem;
  line-height: 155%;
  display: block;   
  background-color:#e6e6e6;  
}
.rs-columns p:not(.cnthead), .gridlist p:not(.cnthead){
  line-height:120%;
  }
#partner .textline, #distributors .textline {margin:1.3rem 0;}
.gridlist {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  grid-gap: 1vw;
  align-items: stretch;
  }

/* =================================*/
/*********** IMPRESSUM ********/
#imprint .piccredit {line-height:1.1;margin-bottom:0.4rem;}
/* =====================================*/
/******** AKTUELLES **************/ 

.exhibition .image_container .caption {
  position:relative;
  left: 10px;
	bottom: -8px;       
  }  
.exhibition .image_container.float_right  {
  float:right;
  width:39%;
  }  
.exhibition .text_div p{margin-top:.4rem;}
.exhibition:not(.first){margin-top:2rem;}
.exhibition{hyphens:auto;}

/* ================================*/
/******** KONTAKT-FORMULAR **************/  

 form fieldset legend { 
    width: auto;
    padding-right: 10px;
    padding-left: 10px;
    background: rgb(100,100,100);
    color: #fff;
} 
.submit {
  display: inline-block;
  padding: 15px 20px;
  cursor: pointer;
  transition: all 0.2s ease-out 0s;
  width: auto;
  background: rgb(100,100,100);
	border-color: rgb(240,9,9);
  color: #fff;
  border-radius: 3px;
  font-weight: bold;
  font-size: 0.8rem;
  min-width: 140px;
  text-align: center;
  position: relative;
  -webkit-appearance: none;
  appearance: none;
}  
textarea {height:200px;} 
 
/* =================================*/
/*========= F O O T E R ==============*/
/*==================================*/
#footer, #bottom {background:#747474;}
#footer .inside {
  margin: 0 auto;
  padding-top: 35px;
  padding-right: 40px;
  padding-bottom: 45px;
  padding-left: 40px;
}
#footer p {
  margin-bottom: 10px;
	line-height:1.22rem; 	
}
.foot_block {width:auto;}
#footer .foot_address {
  color: rgba(255,255,255,0.7);
  }   
#footer h6 {
  color: #57CC64;
  font-size:125%;
  }
#footer a {
	transition:all 0.2s ease-out 0s;
	color: rgb(255,255,255);      
}
#footer a:hover {
	opacity: 0.5;
}
#footer .totop {
	position: absolute;
	right: 40px;
	top: 0;
	margin-left: -20px;
}  
#footer .totop:before {
	font-family: "FontAwesome";
	content: '\f102';
	background: rgba(255,255,255,0.1); 
	width: 40px; 
	height: 40px;
	display: block;
	text-align: center;
	line-height: 40px;
	font-size: 21px;
	border-radius: 0 0 3px 3px;
} 
#footer li {
	margin-bottom: 10px;
	list-style-type: none;
}
#footer ul {
	padding: 0;
}
#footer .foot_adress li   {
    margin-bottom: 9px;
}

/**************************************/
/* Tabellenformat */
/*************************************/
#geschirr p.sizethead, #halsungen p.sizethead, #harnesses p.sizethead, #collars p.sizethead{
  margin:1.4rem 0 -1rem 0;
}
/*#geschirr p.sizethead div.sizetable, #halsungen p.sizethead div.sizetable{
  margin-top:0;
} */

.sizetable{width:100%;clear:both;display:table;margin-top:1.3em;border-collapse:separate;border-spacing:3px}
/* Tabellenformat fuer Texttabellen */
.texttable{clear:both;display:table;border-collapse:separate;border-spacing:3px}
/* Tabellenformat fuer kleine Groessntabellen */
.smalltable{display:table;border-collapse:separate;border-spacing:3px}
/*  */
.kopfzeile{height:1.8em;display:table-header-group;table-layout:fixed}
/*  */
.zeile{height:1.8em;display:table-row;table-layout:fixed}
/* Zeile in Texttable */
.zeile2{height:1.4em;display:table-row;table-layout:fixed}
/* Tabellenformat Zelle */
.zelle{min-width:50px;display:table-cell;padding:4px 3px 3px 4px;background-color:rgba(255,255,255,0.7);}
/* Tabellenformat texttable-Zelle */
.zelle2{min-width:30px;display:table-cell;padding:2px}

/*-----------------------------------*/
/* Artikelnummern und Mass -Tabellen */
/*-----------------------------------*/

/****  Abstand oben innerhalb der Zelle entfernen ***/ 
.pic-tab  div:nth-of-type(2) {margin-top:0;}

.masstab {width:100%}
.sizetab table {margin-top:0.4rem;border-collapse:separate;border-spacing: 3px;
}
.sizetab table {font-size: 12px;line-height: 16px;color: #2d2d2d;font-weight: 500;max-width:100%;}
.sizetab  caption {display:none;}
/*.sizetab td{width:8rem;max-width:100%;text-indent:2rem;} */
/*.sizetab  td.col_first {text-indent:1rem;} */
.sizetab h3 {font-size:0.8rem;line-height:1.3rem;margin-bottom:0;margin-top:0;} 
/*.sizetab th.head_0.col_first {width:12%;} */
.tab1 {clear:both;float:left;max-width:49%;margin-right:2%;}
.envelope-3-ce .rs-column.-large-col-3-1.-large-last  {margin-left:0;}
.sizetab table thead th {min-height:1.8rem;font-weight:500;}
.sizetab table tr {min-height:1.5rem;}
.sizetab table td, .sizetab table th {background: #C0C4C1;padding:4px 3px 3px 4px;}
.sizetab td, .sizetab th.head_0, .sizetab th.head_1, .sizetab th.head_2, .sizetab th.head_3, .sizetab th.head_4, .sizetab th.head_5{ text-align: left} /* CE */
/*.sizetab td{padding-left:0.5rem;padding-right:0.5rem;} */ /* CE */
.sizetab table td.col_first {width:56%;  }
div.ce_table.sizetab.block {
	width:100%;
	clear:left; /* falls die beiden Bilder ungleich gross sind */
	overflow-x: visible; /* falls overflow auf Smartphones > scrollen koennen */
}
/*-----------------------------------*/
/*          SOCIAL LINKS             */
/*-----------------------------------*/
.mod_socials {
    position: fixed;
    right: 0;
    z-index: 1000;
    top: 50%;
}

/*********************************************************************************************/
/* ***************************  MEDIA Queries ************************************************/
/*********************************************************************************************/

/* CSS Variablen für Schriftgrößen */
* {  /* Calculation */
  --responsive: calc((var(--min-font) * 1px) + (var(--max-font) - var(--min-font)) * ((100vw - 420px) / (1880 - 420))); /* Ranges from 421px to 1100px */
} 
.nodispl {display:none;}
/* =============================================================================
 * große screens (l / large screens) ____U E B E R  1100 PX  
 * ========================================================================== */
@media screen and (min-width: 1100px) {
   
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
h1 { font-size: 34px;
    font-weight: 700;
    margin-top:1vw;
    margin-bottom:1.2vw;
    color: rgb(38, 38, 38);
}   
h2 { font-size:24px;
  }
h3 {font-size:23px;
}
h4 { font-size:18.5px;font-weight:600
} 
h5 { font-size:18px;font-weight:600;
}
body, body p, .ce_text ul li, .icontext a, div.ce_text ul li  {
  font-size: 18.4px;
  line-height:1.35;
}
.exhibition ul li{
	font-size: 18.4px;
  line-height:1.35;
}

.topmenu ul li a,.topmenu ul li a:hover, .topmenu ul li span,
#top-wrapper.fixed .topmenu ul li a,
#top-wrapper.fixed .topmenu ul li span,#footer,#footer p,#footer a, #footer li{
  font-size: 14px;
}
.mod_breadcrumb {
  line-height:25px;
  font-size: 12px;
  }
.coronatext p{
  --max-font: 20;
  --min-font: 12;
  font-size: var(--responsive);
  margin-top:2em;
}  
.ce_leadertext.version1 p, #einleittext p, #introducetext p { /* Set max and min font sizes */
  font-size: 20px;
  line-height:1.35;
}
.boxtext p{ /* Set max and min font sizes */
  font-size: 16px;   
}
.icontext a{      
  line-height:1.2rem;
}
.mainnavtext{
   font-size: 19px;
}
.image_container .caption{ 
  font-size: 13px;     
}
.rs-columns p.cnthead, .gridlist p.cnthead {
    font-size:15.5px;
}
.rs-columns p:not(.cnthead), .gridlist p:not(.cnthead){
    font-size:13.6px;
}
.startseite .rubrik{
    text-align:center;
    max-width:19%;
}

/*#welctext p { /* Set max and min font sizes 
  --max-font: 17;
  --min-font: 12;
  font-size: var(--responsive);
  line-height:1.35;
}*/    
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/     
  
  #main .mod_article { 
    margin-top:2.8vw;margin-bottom:2.0vw;        
  }
  #nav-open-btn {
    display: none;
    }
  #article-1290 .ce_revolutionslider .smallscr {
    display:none
    } 
  #main .mod_article { 
    margin-top:1.2vw;margin-bottom:1.2vw;
  }
  .text_div p, .ce_text span .nig, .videoblock p{
  --max-font: 18.3;
  --min-font: 12;
  font-size: var(--responsive);
  }
  figcaption{
  --max-font: 14.5;
  --min-font: 12;
  font-size: var(--responsive);
}
 .mid_alone_mob {  
    display: none;  
}
.mid_alone {  
    margin: 2rem 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
 .mobil {
    display:none; 
    } 	 
}     
/* =============================================================================
 * kleine screens (S / small screens) ________901 bis 1099______ PX  
 * ========================================================================== */    
    
@media screen and (min-width: 901px) and (max-width: 1099px) { 
    
body, body p, .ce_text_imagebox:not(.vcenter) .inside {    
     line-height: 1.35;
    }
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
h1 {    /* Set max and min font sizes */
  --max-font: 27;
  --min-font: 20;
    font-size: var(--responsive);
    font-weight: 700;
    margin-top:2vw;
    margin-bottom:2vw;
    color: #262626;
}   
h2 {  /* Set max and min font sizes */
  --max-font: 24;
  --min-font: 18;   
  font-size: var(--responsive);
  }
h3 {   /* Set max and min font sizes */
  --max-font: 23;
  --min-font: 16;
  font-size: var(--responsive);       
}
h4 {   /* Set max and min font sizes */
  --max-font: 22;
  --min-font: 14;
  /*font-family: var(--main-font);*/
  font-size: var(--responsive);
} 
body, body p, .ce_text ul li { /* Set max and min font sizes */
  --max-font: 18.3;
  --min-font: 12;
  font-size: var(--responsive);
  line-height:1.35;
}
nav.mainmenu ul li a, .mainmenu ul ul li a, nav.subnav ul li a{
  font-size: 1.1rem;
 }
.smallfont,.topmenu ul li a,.topmenu ul li a:hover, .topmenu ul li span,
#top-wrapper.fixed .topmenu ul li a,#top-wrapper.fixed .topmenu ul li span,
#header .inside .mod_langswitcher,#footer,#footer p,#footer a{ /* Set max and min font sizes */
  --max-font: 14;
  --min-font: 12;
  font-size: var(--responsive);
}
.ce_leadertext.version1 p{ /* Set max and min font sizes */
  --max-font: 20;
  --min-font: 13;
  font-size: var(--responsive);
}
.boxtext p{ /* Set max and min font sizes */
  --max-font: 17;
  --min-font: 12;
  font-size: var(--responsive);
}
.icontext p{ /* Set max and min font sizes */
  --max-font: 18.3;
  --min-font: 12;
  font-size: var(--responsive);
}
.mainnavtext{ /* Set max and min font sizes */
  --max-font: 19;
  --min-font: 14;
  font-size: var(--responsive);
}
.image_container .caption  { /* Set max and min font sizes */
  --max-font: 13;
  --min-font: 11;
  font-size: var(--responsive);
}
figcaption{
  --max-font: 13.5;
  --min-font: 12;
  font-size: var(--responsive);
}
.rs-columns p.cnthead, .gridlist p.cnthead {
    --max-font: 15.5;
    --min-font: 14;
    font-size: var(--responsive);
}
.rs-columns p:not(.cnthead), .gridlist p:not(.cnthead){
    --max-font: 14;
    --min-font: 12;
    font-size: var(--responsive);
}
/*#welctext p { /* Set max and min font sizes 
  --max-font: 17;
  --min-font: 12;
  font-size: var(--responsive);
  line-height:1.35;
}*/ 
.ce_text_image_bar a.btn {
    min-width: 150px;
  }    
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
.startseite .text_div p {font-size:calc(90% + 0.3vw); line-height: 1.35;}
    #nav-open-btn {
    display: none;
    }
nav.mainmenu ul li a {padding:0 0.4em;   /* kleinere Abstände der Items im hauptmenü */
    letter-spacing:0;
    }
.topmenu ul li a, .topmenu ul li span {
    padding: 0 1vw 0 2.7vw;   /* kleinere Abstände der Items im Metamenue */
    letter-spacing:0;
    }
nav.mainmenu ul li a, .mainmenu ul ul li a, nav.subnav ul li a {
  	letter-spacing:0.8px;           
	}
  nav.mainmenu ul li ul li a, nav.subnav ul li a, nav.testsnav ul li a {
    padding: 3px 12px; 	
    border-bottom: 1px solid darkgrey;       /* anders in: Framework  */
  }  
  .mod_breadcrumb {    
    font-size: 11px;
    line-height:25px;
  }
  .mid_alone {  
    margin: 2rem 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
  .mid_alone_mob {  
    display: none;  
}
	#top .inside, #header .inside, #footer .inside, #bottom .inside,
     body.sidebar #container, #main .mod_article:not(.fullwidth):not(.autogrid):not(.smallwidth),
    .fullwidth.boxed-content .contentwrap, .smallwidth .contentwrap,
    .boxed-content .contentwrap, .autogrid_wrapper.article,
    .ce_bgimage-inside, .ce_text_image_bar .inside,
    .ce_headerimage .ce_headerimage_inside, .mod_breadcrumb_inside {
    padding:0 2%;
    }
	#imageboxes-898  div.ce_text_imagebox_image .inside h3{
  	margin-bottom:0.3rem;
  	margin-top:0;
  }
    .ce_revolutionslider .smallscr {display:none}
    nav.subnav ul li a, nav.testsnav ul li a {
     padding: 4px 11px;
  }       
    #main .mod_article { 
    margin-top:2.8vw;margin-bottom:2.0vw;        
}
  .text_div p, scan .nig, videoblock p{
  --max-font: 17.5;
  --min-font: 12;
  font-size: var(--responsive);
  }
 .startseite .rubrik h3, .startpage .rubrik h3{
     font-family:'PT Sans Narrow', 'Roboto Condensed', 'Arial Narrow';
    --max-font: 22;
    --min-font: 15;
   font-size: var(--responsive);
    color:#1b8014 ;
 }
/* -------------------------------------------------------------------
 * ---------- SEITEN INDUSTRIE ---------------------------------------
  -------------------------------------------------------------------- */
 #tragesysteme .ce_gallery  li {
  flex:0 1 auto;
  }  

/* -------------------------------------------------------------------
 * ---------- ICONBOXES ----------------------------------------------
  -------------------------------------------------------------------- */
.startseite .ce_iconbox_v2 h3.headline, .st-test .ce_iconbox_v2 h3.headline{
   font-family:'PT Sans Narrow', 'Roboto Condensed', 'Arial Narrow';
	--max-font: 20;
    --min-font: 16;
   font-size: var(--responsive);       
    letter-spacing: 0.5px;
    position: relative;
    padding-top: 17px;
    line-height: 1.35;
    margin-bottom: 0.4rem;
  } 
/* -------------------------------------------------------------------- */  
 /* ******** Video Miniatur *******/
  .image_container2{margin-right:0.5vw;
   width:32%; 
} 
.mobil {
    display:none; 
    } 	 
  
}
/* =============================================================================
 * tablets (m / medium screens) ___768 bis 900px  adjust max-width when the menu overlaps the logo
 * ========================================================================== */
@media screen and (min-width: 768px) and (max-width: 1040px) {
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
.startseite .rubrik, .startpage .rubrik{
    text-align:center;
}
#main #rubriken, #main #rubrics{
  margin-bottom: 0;
  margin-top: .4rem;

}
#main #rubriken .flexibel, #main #rubrics .flexibel{
    flex-wrap:wrap;
}

#main #rubriken .rubrik, #main #rubrics .rubrik{
  width:30%;
}
a.btn
{
  display: inline-block;
  padding: 8px 12px;
  margin-bottom: 15px;
  cursor: pointer;
  transition: all 0.2s ease-out 0s;
  width: auto;
  background: rgb(152,152,152);
  border: 2px solid rgb(152,152,152);
    border-top-color: rgb(152, 152, 152);
    border-right-color: rgb(152, 152, 152);
    border-bottom-color: rgb(152, 152, 152);
    border-left-color: rgb(152, 152, 152);
  color: #fff;
  font-weight: bold;
  font-size: 0.7rem;
  min-width: 130px;
  text-align: center !important;
  position: relative;
  position: relative;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.ce_text_image_bar a.btn
{
    min-width: 130px;
}

}
/* =============================================================================
 * tablets (m / medium screens) ___768 bis 900px  adjust max-width when the menu overlaps the logo
 * ========================================================================== */
@media screen and (min-width: 768px) and (max-width: 900px) {
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
h1 {    /* Set max and min font sizes */
  --max-font: 26;
  --min-font: 18;
  font-size: var(--responsive);
  font-weight: 700;
  margin:0 2vw 0;
  color: #262626;
}
h2 {  /* Set max and min font sizes */
  --max-font: 23;
  --min-font: 16;   
  font-size: var(--responsive);
  }
h3 {   /* Set max and min font sizes */
  --max-font: 22;
  --min-font: 15;
  font-size: var(--responsive);       
}
h4 {   /* Set max and min font sizes */
  --max-font: 21;
  --min-font: 13;
  /*font-family: var(--main-font);*/
  font-size: var(--responsive);
} 
body p { /* Set max and min font sizes */
  --max-font: 18;
  --min-font: 12;
  font-size: var(--responsive);
  line-height:1.3;
}
#welctext p { /* Set max and min font sizes */
  --max-font: 18;
  --min-font: 12;
  font-size: var(--responsive);
  line-height:1.35;
}
#einleittext p, #introducetext p { /* Set max and min font sizes */
  --max-font: 18;
  --min-font: 14;
  font-size: var(--responsive);
  line-height:1.35;
}
#revolution-slider-897{
  display:none;
}
.mid_alone {  
    display: none;
}
.smallfont, #header .inside .topmenu ul li a, #header .inside .topmenu ul li a:hover,
#header .inside .topmenu ul li span, #top-wrapper.fixed .topmenu ul li a,
#header .inside .mod_langswitcher, #header .mod_langswitcher a,
#top-wrapper.fixed .topmenu ul li span,
#footer,#footer p,#footer a{ /* Set max and min font sizes */
  --max-font: 14;
  --min-font: 11;
  font-size: var(--responsive);
}
.ce_leadertext.version1 p { /* Set max and min font sizes */
  --max-font: 19;   
  --min-font: 13;
  font-size: var(--responsive);
}
.boxtext p{ /* Set max and min font sizes */
  --max-font: 17;
  --min-font: 12;
  font-size: var(--responsive);
}
.icontext a{ /* Set max and min font sizes */
  --max-font: 14;
  --min-font: 11;
  font-size: var(--responsive);
}
.mainnavtext{ /* Set max and min font sizes */
  --max-font: 20;
  --min-font: 14;
  font-size: var(--responsive);
}
.image_container .caption  { /* Set max and min font sizes */
  --max-font: 12;
  --min-font: 10;
  font-size: var(--responsive);
}
.rs-columns p.cnthead, .gridlist p.cnthead {
    --max-font: 15.5;
    --min-font: 14;
    font-size: var(--responsive);
}
.rs-columns p:not(.cnthead), .gridlist p:not(.cnthead){
    --max-font: 14;
    --min-font: 13;
    font-size: var(--responsive);
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
    #header #nav-open-btn {
    position: absolute;
    z-index: 9;
    cursor: pointer;
    top: 65%;
    display: block;
    right: 30px;
    }     
	#header .mainmenu, body.sidebar #right {
	display: none;
	}
	#header .logo {    
    left: 2vw;
    top: 6px;
	}	
	 #header .inside {
	padding-left: 1.8vw;
	padding-right: 1.8vw;
	}
	 #header .inside .topmenu {margin-right:2vw;}	
    .topmenu ul li a, .topmenu ul li span {
    padding:0 0.5rem 0 0.9rem;   /* kleinere Abstände der Items im Metamenue */
    letter-spacing:0;    
    }
    #header .mod_langswitcher {margin-right:80px;   /* unter 900px Breite soll Sprachwahl dem Hamburger Menu
	Platz machen */
   }
    nav.mainmenu ul li a, nav.mainmenu ul li span,
    nav.mainmenu ul ul li a, nav.mainmenu ul ul li span{      
	  letter-spacing:0.6px;           
	 }
 /*  Einsatz des kleinen Sliders */
    .ce_revolutionslider .smallscr{display:block;}
    .ce_revolutionslider .broadscreen{display:none;}
/* ------------------------------*/  
.mod_breadcrumb{
    padding-top: 0px;
    padding-bottom: 0px;
}
.mod_breadcrumb .pagetitle, .mod_breadcrumb ul li {
	 display: inline-block;
	 line-height: 22px;
   font-size: 10px;
	 margin-right: 5px;
}
#top .inside, #header .inside, #footer .inside, #bottom .inside,
     body.sidebar #container, #main .mod_article:not(.fullwidth):not(.autogrid):not(.smallwidth),
    .fullwidth.boxed-content .contentwrap, .smallwidth .contentwrap,
    .boxed-content .contentwrap, .autogrid_wrapper.article,
    .ce_bgimage-inside, .ce_text_image_bar .inside,
    .ce_headerimage .ce_headerimage_inside, .mod_breadcrumb_inside {
    padding:0 2%;
    }
    .text_div p, scan .nig, videoblock p{
  --max-font: 17.5;
  --min-font: 12;
  font-size: var(--responsive);
  } 
/* -------------------------------------------------------------------
 * ---------- IMAGEBOXES ----------------------------------------------
  -------------------------------------------------------------------- */
#imageboxes-898 #autogrid_wrapper_5302 .autogrid, 
#imageboxes-899 #autogrid_wrapper_7942 .autogrid {
	padding-left: 2%;
	padding-right: 2%;
}  
/* -------------------------------------------------------------------
 * ---------- ICONBOXES ----------------------------------------------
  -------------------------------------------------------------------- */
   .startseite .ce_iconbox_v2 h3.headline, .st-test .ce_iconbox_v2 h3.headline,
   .startseite .rubrik h3{
   font-family:'PT Sans Narrow', 'Roboto Condensed', 'Arial Narrow';
	--max-font: 19;
    --min-font: 15;
   font-size: var(--responsive);       
    letter-spacing: 1px;
    position: relative;
    padding-top: 20px;
    line-height: 1.4;
    margin-bottom: 0.4rem;
  }       
   /* #main .mod_article.teaser.fullwidth, #main .mod_article.icontext {
    padding:0;
    }*/
	#main .mod_article.fullwidth {padding:0 2.6vw;}
    #main .mod_article { 
    margin-top:2.8vw;
    margin-bottom:2.0vw;        
  } 
	.ce_text_image_bar .inside {
	padding: 0 2vw 0 2vw;
  }
.ce_text_image_bar .text-right {
	padding-left: 2vw;}
.ce_text_image_bar a.btn {
    min-width: 120px;
    border-color:rgb(240,9,9);
  } 
.image_container2{margin-right:0.5vw;
   width:33%; 
  } 
  #footer .mod_socials a i{
    height:35px;
    width:35px;
  } 
/* -------------------------------------------------------------------
 * ---------- RECHTE SPALTE (Sidebar) --------------------------------
  -------------------------------------------------------------------- */
  body.sidebar #main {
    overflow: hidden;
    width: 100%;
    }
/* -------------------------------------------------------------------
 * ---------- Seite Vertriebspartner --------------------------------
  -------------------------------------------------------------------- */
  .mobil {
    display:none; 
    } 	
}
/* =============================================================================
 * smart phones  (s / small screens)   ______  bis 767 px
 * ========================================================================== */
@media screen and (min-width:100px) and (max-width: 767px) {
    body, body p, .ce_text_imagebox:not(.vcenter) .inside {    
    line-height:1.3;
    }   
    /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/     
h1 {    /* Set max and min font sizes */
  --max-font: 26;
  --min-font: 18;
  font-size: var(--responsive);
  font-weight: 700;
  margin-top:calc(1.1(var(--responsive)));
  margin-bottom: 2vw;
}
h2 {  /* Set max and min font sizes */
  --max-font: 23;
  --min-font: 16;   
  font-size: var(--responsive);
  }
h3 {   /* Set max and min font sizes */
  --max-font: 19;
  --min-font: 15;
  font-size: var(--responsive);       
}
h4 {   /* Set max and min font sizes */
  --max-font: 21;
  --min-font: 13;
  /*font-family: var(--main-font);*/
  font-size: var(--responsive);
}
h5 {   /* Set max and min font sizes */
  --max-font: 19;
  --min-font: 12;
  /*font-family: var(--main-font);*/
  font-size: var(--responsive);
}
#revolution-slider-897{
  display:none;
}
body p { /* Set max and min font sizes */
 	background:none;
    --max-font: 17;
    --min-font: 14;
    font-size: var(--responsive);
    line-height:1.35;
    hyphens:auto;
}
#welctext p { /* Set max and min font sizes */
  --max-font: 18;
  --min-font: 12;
  font-size: var(--responsive);
  line-height:1.35;
}
#main #rifle-slings .ce_text, #main #rifle-slings .ce_text li,
#main #covers .ce_text, #main #covers .ce_text li,
#main #hunting-accessories .ce_text, #main #hunting-accessories .ce_text li,
#main #harnesses .ce_text, #main #harnesses .ce_text li,
#main #leads .ce_text, #main #leads .ce_text li,
#main #collars .ce_text, #main #collars .ce_text li,
#main #other .ce_text, #main #other .ce_text li,
#main #protective-covers .ce_text, #main #protective-covers .ce_text li,
#main #binocular-straps .ce_text, #main #binocular-straps .ce_text li,
#main #protective-cases-and-wrist-straps .ce_text, #main #protective-cases-and-wrist-straps .ce_text li,
#main #gewehrgurte .ce_text, #main #gewehrgurte .ce_text li,
#main #futterale .ce_text,  #main #futterale .ce_text li,
#main #jagdzubehoer .ce_text,#main #jagdzubehoer .ce_text li,
#main #geschirre .ce_text,  #main #geschirre .ce_text li,
#main #halsungen .ce_text,#main #halsungen .ce_text li,
#main #leinen .ce_text, #main #leinen .ce_text li,
#main #optikschutz .ce_text, #main #optikschutz .ce_text li,
#main #fernglasgurte .ce_text, #main #fernglasgurte .ce_text li,
#main #trage-und-bauchgurte .ce_text,#main #trage-und-bauchgurte .ce_text li,
#main #tragesysteme .ce_text, #main #tragesysteme .ce_text li,
#main #schutztaschen .ce_text,#main #schutztaschen .ce_text li {
	background:none;
	--max-font: 17;
  --min-font: 14;
  font-size: var(--responsive);
  line-height:1.35;
  hyphens:auto;  	
}
#contentwrapper{
    padding-top:63px;
}
.smallfont, #header .inside .topmenu ul li a, #header .inside .topmenu ul li a:hover, #header .inside .topmenu ul li span,
#top-wrapper.fixed .topmenu ul li a,#header .inside .mod_langswitcher, #header .mod_langswitcher a,
#top-wrapper.fixed .topmenu ul li span,
#footer,#footer p,#footer a{ /* Set max and min font sizes */
  --max-font: 14;
  --min-font: 11;
  font-size: var(--responsive);
  line-height:1.3;
}
.ce_leadertext.version1 p { /* Set max and min font sizes */
  --max-font: 18;
  --min-font: 14;
  font-size: var(--responsive);
}
.mid_alone {  
    display: none;
}
.boxtext p{ /* Set max and min font sizes */
  --max-font: 16;
  --min-font: 13;
  font-size: var(--responsive);
}
.icontext a{ /* Set max and min font sizes */
  --max-font: 14;
  --min-font: 11;
  font-size: var(--responsive);
}
#main .mod_article.startart{
    margin-top:.5   em;
}

.mainnavtext{ /* Set max and min font sizes */
  --max-font: 20;
  --min-font: 14;
  font-size: var(--responsive);
}
.gridlist {
  display: grid;
  grid-template-columns: repeat(autofill, minmax(240px, 1fr));
  grid-gap: 1vw;
  align-items: stretch;
  }
.rs-columns p.cnthead, .gridlist p.cnthead {
    --max-font: 15.8;
    --min-font: 13;
    font-size: var(--responsive);
}
.rs-columns p:not(.cnthead), .gridlist p:not(.cnthead){
    --max-font: 15;
    --min-font: 13;
    font-size: var(--responsive);
}
.image_container .caption  { /* Set max and min font sizes */
  --max-font: 14;
  --min-font: 12;
  font-size: var(--responsive);
}
.ce_text figcaption  { /* Set max and min font sizes weiter oben in 1647 schon definiert*/
  --max-font: 14;
  --min-font: 11;
  font-size: var(--responsive);
}   
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*#top-wrapper,
#fix-wrapper {    /* Anweisung zurückgenommen, denn dadurch verschwindet das gefixte Topmenü
	position: relative;
} */
#top-wrapper #header .inside, #top-wrapper.fixed #header .inside {
  	line-height: 60px;
  	min-height: 63px;
}  
    #header {
	  padding-bottom: 0;
	  padding-top: 0;
}   
    #header .inside {
	padding-left: 1.5vw;
	padding-right: 1.5vw;
} 
   #header .logo, #top-wrapper.fixed .logo {
    width: 19vw; left:1.8vw;top:0.4rem;        
}    
    #header #nav-open-btn {    
    position: absolute;
    z-index: 9;
    cursor: pointer;
    top: 65%;
    display: block;
    right: 30px;
}
    #header .mod_langswitcher {margin-right:80px; }  /* unter 900px Breite soll Sprachwahl dem Hamburger Men Platz machen */

    nav.mainmenu ul li a, .mainmenu ul ul li a,
    nav.subnav ul li a, .mod_langswitcher {
    padding:0 0.3em;   /* kleinere Abstände der Items im HAUPTmenü */
    letter-spacing:0;
 }
    .topmenu ul li a, .topmenu ul li span {
    padding:0 0.4rem 0 0.8rem;   /* kleinere Abstände der Items im Metamenue */
    letter-spacing:0.2px;    
 } 
  	#header .inside .topmenu {margin-right:2vw;}
  
/*  Einsatz des kleinen Sliders */
    .ce_revolutionslider .smallscr{display:block;}
    #revolution-slider-897{
    display:none;
} 
/* ------------------------------*/    
    body.sidebar #right  {
     display:none;
    }     
    #main {padding:0 2%;
  }       
    #main .mod_article, #main .mod_article.fullwidth.boxed-content .contentwrap,
    #main .autogrid_wrapper.article, #main .mod_article .ce_parallax .contentwrap,
    #main .mod_article .ce_bgimage .ce_bgimage-inside, 
	#main .mod_article:not(.fullwidth):not(.autogrid):not(.smallwidth),
    #main .mod_article .ce_youtube_background .contentwrap,
    body.sidebar.right #main .mod_article,
    .ce_headerimage .inside {
	 padding-left: 1%;
	 padding-right: 1%;
} 
  #main .autogrid_wrapper.article .mod_article,
  #main .mod_article.fullwidth,
  #main .mod_article.smallwidth {
	padding-left: 0px;
	padding-right: 0px;
}
	#main .mod_article.fullwidth {
	padding:0 2vw;}			/*  ???*/
  .autogrid {
	width: 50%!important;
}  
	.mt-xxl {
	margin-top:60px!important;
} 
	.mb-xxl {
	margin-bottom:60px!important;
}
body.content_page #header {
	border-bottom: 1px solid rgb(240,240,240);
}  
#main .mod_article { 
    margin-top:3vw;
    margin-bottom:1vw;        
}
  body.sidebar #main {
    overflow: hidden;
    width: 100%;
}
    #bottom .inside .left,
    #bottom .inside .right {
	float: none;
}
    #top .inside {
	padding-left: 20px;
	padding-right: 20px;
}
    #bottom .inside {
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
} 
 .text_div p, .ce_text span .nig, .videoblock p{
  --max-font: 17.5;
  --min-font: 12;
  font-size: var(--responsive);
  } 
 /* -------------------------------------------------------------------
 * ---------- IMAGEBOXES ---------------------------------------------
  -------------------------------------------------------------------- */	
 #main .mod_article.teaser.fullwidth {
  padding:0;
    }
.ce_text_imagebox.dark_text:not(.vcenter):before,
.ce_text_imagebox.light_text:not(.vcenter):before {
	display: none;
} 
#imageboxes-898 #autogrid_wrapper_5302 .autogrid, 
#imageboxes-899 #autogrid_wrapper_7942 .autogrid {
	padding-left: 1%;
	padding-right: 1%;
}  
/* -------------------------------------------------------------------
 * ---------- ICONBOXES ----------------------------------------------
  -------------------------------------------------------------------- */
  .startseite .ce_iconbox_v2 h3.headline, .st-test .ce_iconbox_v2 h3.headline, .startseite .rubrik h3{
   font-family:'PT Sans Narrow', 'Roboto Condensed', 'Arial Narrow';
	/*--max-font: 17;
    --min-font: 15;
   font-size: var(--responsive);   */    
    letter-spacing: 0.4px;
    position: relative;
    padding-top: 12px;
    line-height: 1.4;
    margin-bottom: 0.4rem;
  }        
  .ce_iconbox_v2 .content {
    padding-left: 0.7vw;
    padding-right: 0.7vw;
}
#rubriken .autogrid.same-height, .st-test-art .autogrid.same-height{
	float:left;
}
/* -------------------------------------------------------------------
 * ---------- IMAGEBARS ----------------------------------------------
  -------------------------------------------------------------------- */
.ce_text_image_bar .inside {
	padding: 0 1.4vw 0 1.4vw;
}
.ce_text_image_bar .text-left,
.ce_text_image_bar .text-right {
	width: 50%;
	padding: 2.3vw 0 2.3vw 0;
	/*margin: 0;*/
	height: auto!important;
}
.ce_text_image_bar .text-right {
	padding-left: 1.2vw;}
.ce_text_image_bar .image-right{
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  object-position: 50% 50%;
}
#main #rubriken, #main #rubrics{
    margin-bottom: 2rem;
    margin-top: 0;
}

#main #rubriken .flexibel, #main #rubrics .flexibel{
    flex-wrap:wrap;
}
#main #rubriken .rubrik, #main #rubrics .rubrik{
    width:30%;
}
/* Kleine Thumb-Bilder bei Schmalen Viewports */  
#panel ul.thumb {
	width:50vw;
  flex-wrap: wrap;
  height:auto;
	} 
#panel ul.thumb > * {
	display:inline-block;
	margin-right:1%;
	width:100px;
  margin: 0.6em 0;
  }      
 .ce_text_image_bar a.btn {
    min-width: 90px;
  }
/* ------------------------*/
.ce_countup {
	margin-bottom: 30px;
  }
#footer .mod_socials {
	display: block!important;
  } 
  #footer .inside {      
    padding-top: 2.5vw;
    padding-right:2vw;
    padding-bottom: 2.5vw;
    padding-left: 2vw; 
  }
  #footer .mod_socials a i{
    height: 30px;
    width: 30px;
  }
#header .mod_search, .button-link, .mod_socials, .mod_breadcrumb{
	display: none
  } 
.image_container2{margin-right:0.4vw;
   width:40%; 
}  
.desktop {
    display:none;
    } 	 

}
/* =============================================================================
 * smart phones  (s / small screens)   ______  bis 540 px
 * ========================================================================== */
@media only screen and (max-width: 540px) {
  body,h1,h2,h3,h4,p,.ce_leadertext.version1 p,.boxtext p,.icontext,.mainnavtext {
    font-size: calc(var(--min-font) * 1px);
  }
.topmenu ul li a, .topmenu ul li span {
    padding: 0 .4vw 0 2.8vw;   /* kleinere Abstände der Items im Metamenue */
    letter-spacing:0;
    }
.mod_breadcrumb {
	display: none;
}
#revolution-slider-897{
    display:none;
} 
.mid_alone {  
    display: none;
}
.ce_text_image_bar p,.ce_text_image_bar ul{
    background: none;
    --max-font: 17;
    --min-font: 12;
    font-size: var(--responsive);
    line-height: 1.33;
    hyphens: auto;
}
#main #rubriken .flexibel, #main #rubrics .flexibel{
    flex-wrap:wrap;
}
#main #rubriken,  #main #rubrics {
    margin-bottom: 1rem;
    margin-top: -.3rem;
} 
#main #rubriken .rubrik, #main #rubrics .rubrik{
    width:48%;
}
}
 /* ========================================================================== */