/* 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}
/* MediaElement.js, (c) 2010-2014 John Dyer, MIT license */
.mejs-offscreen{clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:polygon(0 0,0 0,0 0,0 0);position:absolute!important;height:1px;width:1px;overflow:hidden}.mejs-container{position:relative;background:#000;font-family:Helvetica,Arial;text-align:left;vertical-align:top;text-indent:0}.mejs-audio{margin-top:18px}.mejs-container:focus{outline:none}.me-plugin{position:absolute}.mejs-embed,.mejs-embed body{width:100%;height:100%;margin:0;padding:0;background:#000;overflow:hidden}.mejs-fullscreen{overflow:hidden!important}.mejs-container-fullscreen{position:fixed;left:0;top:0;right:0;bottom:0;overflow:hidden;z-index:1000}.mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video{width:100%;height:100%}.mejs-clear{clear:both}.mejs-background{position:absolute;top:0;left:0}.mejs-mediaelement{position:absolute;top:0;left:0;width:100%;height:100%}.mejs-poster{position:absolute;top:0;left:0;background-size:contain;background-position:50% 50%;background-repeat:no-repeat}:root .mejs-poster img{display:none}.mejs-poster img{border:0;padding:0;border:0}.mejs-overlay{position:absolute;top:0;left:0}.mejs-overlay-play{cursor:pointer}.mejs-overlay-button{position:absolute;top:50%;left:50%;width:100px;height:100px;margin:-50px 0 0 -50px;background:url("../../assets/jquery/mediaelement/2.21.2/images/bigplay.svg") no-repeat}.no-svg .mejs-overlay-button{background-image:url("../../assets/jquery/mediaelement/2.21.2/images/bigplay.png")}.mejs-overlay:hover .mejs-overlay-button{background-position:0 -100px}.mejs-overlay-loading{position:absolute;top:50%;left:50%;width:80px;height:80px;margin:-40px 0 0 -40px;background:#333;background:url("../../assets/jquery/mediaelement/2.21.2/images/background.png");background:rgba(0,0,0,.9);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(50,50,50,.9)),to(rgba(0,0,0,.9)));background:-webkit-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:-moz-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:-o-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:-ms-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:linear-gradient(rgba(50,50,50,.9),rgba(0,0,0,.9))}.mejs-overlay-loading span{display:block;width:80px;height:80px;background:url("../../assets/jquery/mediaelement/2.21.2/images/loading.gif") 50% 50% no-repeat}.mejs-container .mejs-controls{position:absolute;list-style-type:none;margin:0;padding:0;bottom:0;left:0;background:url("../../assets/jquery/mediaelement/2.21.2/images/background.png");background:rgba(0,0,0,.7);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(50,50,50,.7)),to(rgba(0,0,0,.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-moz-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-o-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-ms-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:linear-gradient(rgba(50,50,50,.7),rgba(0,0,0,.7));height:30px;width:100%}.mejs-container .mejs-controls div{list-style-type:none;background-image:none;display:block;float:left;margin:0;padding:0;width:26px;height:26px;font-size:11px;line-height:11px;font-family:Helvetica,Arial;border:0}.mejs-controls .mejs-button button{cursor:pointer;display:block;font-size:0;line-height:0;text-decoration:none;margin:7px 5px;padding:0;position:absolute;height:16px;width:16px;border:0;background:url("../../assets/jquery/mediaelement/2.21.2/images/controls.svg") no-repeat}.no-svg .mejs-controls .mejs-button button{background-image:url("../../assets/jquery/mediaelement/2.21.2/images/controls.png")}.mejs-controls .mejs-button button:focus{outline:dotted 1px #999}.mejs-container .mejs-controls .mejs-time{color:#fff;display:block;height:17px;width:auto;padding:10px 3px 0 3px;overflow:hidden;text-align:center;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}.mejs-container .mejs-controls .mejs-time a{color:#fff;font-size:11px;line-height:12px;display:block;float:left;margin:1px 2px 0 0;width:auto}.mejs-controls .mejs-play button{background-position:0 0}.mejs-controls .mejs-pause button{background-position:0 -16px}.mejs-controls .mejs-stop button{background-position:-112px 0}.mejs-controls div.mejs-time-rail{direction:ltr;width:200px;padding-top:5px}.mejs-controls .mejs-time-rail span,.mejs-controls .mejs-time-rail a{display:block;position:absolute;width:180px;height:10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;cursor:pointer}.mejs-controls .mejs-time-rail .mejs-time-total{margin:5px;background:#333;background:rgba(50,50,50,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(30,30,30,.8)),to(rgba(60,60,60,.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-moz-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-o-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-ms-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:linear-gradient(rgba(30,30,30,.8),rgba(60,60,60,.8))}.mejs-controls .mejs-time-rail .mejs-time-buffering{width:100%;background-image:-o-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:15px 15px;-moz-background-size:15px 15px;-o-background-size:15px 15px;background-size:15px 15px;-webkit-animation:buffering-stripes 2s linear infinite;-moz-animation:buffering-stripes 2s linear infinite;-ms-animation:buffering-stripes 2s linear infinite;-o-animation:buffering-stripes 2s linear infinite;animation:buffering-stripes 2s linear infinite}@-webkit-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@-moz-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@-ms-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@-o-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}.mejs-controls .mejs-time-rail .mejs-time-loaded{background:#3caac8;background:rgba(60,170,200,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(44,124,145,.8)),to(rgba(78,183,212,.8)));background:-webkit-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:-moz-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:-o-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:-ms-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:linear-gradient(rgba(44,124,145,.8),rgba(78,183,212,.8));width:0}.mejs-controls .mejs-time-rail .mejs-time-current{background:#fff;background:rgba(255,255,255,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,.9)),to(rgba(200,200,200,.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-moz-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-o-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-ms-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:linear-gradient(rgba(255,255,255,.9),rgba(200,200,200,.8));width:0}.mejs-controls .mejs-time-rail .mejs-time-handle{display:none;position:absolute;margin:0;width:10px;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;border:solid 2px #333;top:-2px;text-align:center}.mejs-controls .mejs-time-rail .mejs-time-float{position:absolute;display:none;background:#eee;width:36px;height:17px;border:solid 1px #333;top:-26px;margin-left:-18px;text-align:center;color:#111}.mejs-controls .mejs-time-rail .mejs-time-float-current{margin:2px;width:30px;display:block;text-align:center;left:0}.mejs-controls .mejs-time-rail .mejs-time-float-corner{position:absolute;display:block;width:0;height:0;line-height:0;border:solid 5px #eee;border-color:#eee transparent transparent transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:15px;left:13px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float{width:48px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current{width:44px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner{left:18px}.mejs-controls .mejs-fullscreen-button button{background-position:-32px 0}.mejs-controls .mejs-unfullscreen button{background-position:-32px -16px}.mejs-controls .mejs-mute button{background-position:-16px -16px}.mejs-controls .mejs-unmute button{background-position:-16px 0}.mejs-controls .mejs-volume-button{position:relative}.mejs-controls .mejs-volume-button .mejs-volume-slider{display:none;height:115px;width:25px;background:url("../../assets/jquery/mediaelement/2.21.2/images/background.png");background:rgba(50,50,50,.7);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:-115px;left:0;z-index:1;position:absolute;margin:0}.mejs-controls .mejs-volume-button:hover{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total{position:absolute;left:11px;top:8px;width:2px;height:100px;background:#ddd;background:rgba(255,255,255,.5);margin:0}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current{position:absolute;left:11px;top:8px;width:2px;height:100px;background:#ddd;background:rgba(255,255,255,.9);margin:0}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle{position:absolute;left:4px;top:-3px;width:16px;height:6px;background:#ddd;background:rgba(255,255,255,.9);cursor:N-resize;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;margin:0}.mejs-controls a.mejs-horizontal-volume-slider{height:26px;width:56px;position:relative;display:block;float:left;vertical-align:middle}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{position:absolute;left:0;top:11px;width:50px;height:8px;margin:0;padding:0;font-size:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#333;background:rgba(50,50,50,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(30,30,30,.8)),to(rgba(60,60,60,.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-moz-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-o-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-ms-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:linear-gradient(rgba(30,30,30,.8),rgba(60,60,60,.8))}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{position:absolute;left:0;top:11px;width:50px;height:8px;margin:0;padding:0;font-size:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#fff;background:rgba(255,255,255,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,.9)),to(rgba(200,200,200,.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-moz-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-o-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-ms-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:linear-gradient(rgba(255,255,255,.9),rgba(200,200,200,.8))}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle{display:none}.mejs-controls .mejs-captions-button{position:relative}.mejs-controls .mejs-captions-button button{background-position:-48px 0}.mejs-controls .mejs-captions-button .mejs-captions-selector{visibility:hidden;position:absolute;bottom:26px;right:-51px;width:85px;height:100px;background:url("../../assets/jquery/mediaelement/2.21.2/images/background.png");background:rgba(50,50,50,.7);border:solid 1px transparent;padding:10px 10px 0 10px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mejs-controls .mejs-captions-button:hover .mejs-captions-selector{visibility:visible}.mejs-controls .mejs-captions-button .mejs-captions-selector ul{margin:0;padding:0;display:block;list-style-type:none!important;overflow:hidden}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li{margin:0 0 6px 0;padding:0;list-style-type:none!important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label{width:55px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:10px}.mejs-controls .mejs-captions-button .mejs-captions-translations{font-size:10px;margin:0 0 5px 0}.mejs-chapters{position:absolute;top:0;left:0;-xborder-right:solid 1px #fff;width:10000px;z-index:1}.mejs-chapters .mejs-chapter{position:absolute;float:left;background:#222;background:rgba(0,0,0,.7);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(50,50,50,.7)),to(rgba(0,0,0,.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-moz-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-o-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-ms-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:linear-gradient(rgba(50,50,50,.7),rgba(0,0,0,.7));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000);overflow:hidden;border:0}.mejs-chapters .mejs-chapter .mejs-chapter-block{font-size:11px;color:#fff;padding:5px;display:block;border-right:solid 1px #333;border-bottom:solid 1px #333;cursor:pointer}.mejs-chapters .mejs-chapter .mejs-chapter-block-last{border-right:none}.mejs-chapters .mejs-chapter .mejs-chapter-block:hover{background:#666;background:rgba(102,102,102,.7);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(102,102,102,.7)),to(rgba(50,50,50,.6)));background:-webkit-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:-moz-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:-o-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:-ms-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:linear-gradient(rgba(102,102,102,.7),rgba(50,50,50,.6));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232)}.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title{font-size:12px;font-weight:700;display:block;white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px 0;line-height:12px}.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan{font-size:12px;line-height:12px;margin:3px 0 4px 0;display:block;white-space:nowrap;text-overflow:ellipsis}.mejs-captions-layer{position:absolute;bottom:0;left:0;text-align:center;line-height:20px;font-size:16px;color:#fff}.mejs-captions-layer a{color:#fff;text-decoration:underline}.mejs-captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs-captions-position{position:absolute;width:100%;bottom:15px;left:0}.mejs-captions-position-hover{bottom:35px}.mejs-captions-text{padding:3px 5px;background:url("../../assets/jquery/mediaelement/2.21.2/images/background.png");background:rgba(20,20,20,.5);white-space:pre-wrap}.me-cannotplay a{color:#fff;font-weight:700}.me-cannotplay span{padding:15px;display:block}.mejs-controls .mejs-loop-off button{background-position:-64px -16px}.mejs-controls .mejs-loop-on button{background-position:-64px 0}.mejs-controls .mejs-backlight-off button{background-position:-80px -16px}.mejs-controls .mejs-backlight-on button{background-position:-80px 0}.mejs-controls .mejs-picturecontrols-button{background-position:-96px 0}.mejs-contextmenu{position:absolute;width:150px;padding:10px;border-radius:4px;top:0;left:0;background:#fff;border:solid 1px #999;z-index:1001}.mejs-contextmenu .mejs-contextmenu-separator{height:1px;font-size:0;margin:5px 6px;background:#333}.mejs-contextmenu .mejs-contextmenu-item{font-family:Helvetica,Arial;font-size:12px;padding:4px 6px;cursor:pointer;color:#333}.mejs-contextmenu .mejs-contextmenu-item:hover{background:#2c7c91;color:#fff}.mejs-controls .mejs-sourcechooser-button{position:relative}.mejs-controls .mejs-sourcechooser-button button{background-position:-128px 0}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector{visibility:hidden;position:absolute;bottom:26px;right:-10px;width:130px;height:100px;background:url("../../assets/jquery/mediaelement/2.21.2/images/background.png");background:rgba(50,50,50,.7);border:solid 1px transparent;padding:10px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul{margin:0;padding:0;display:block;list-style-type:none!important;overflow:hidden}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li{margin:0 0 6px 0;padding:0;list-style-type:none!important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label{width:100px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:10px}.mejs-postroll-layer{position:absolute;bottom:0;left:0;width:100%;height:100%;background:url("../../assets/jquery/mediaelement/2.21.2/images/background.png");background:rgba(50,50,50,.7);z-index:1000;overflow:hidden}.mejs-postroll-layer-content{width:100%;height:100%}.mejs-postroll-close{position:absolute;right:0;top:0;background:url("../../assets/jquery/mediaelement/2.21.2/images/background.png");background:rgba(50,50,50,.7);color:#fff;padding:4px;z-index:100;cursor:pointer}div.mejs-speed-button{width:46px!important;position:relative}.mejs-controls .mejs-button.mejs-speed-button button{background:0 0;width:36px;font-size:11px;line-height:normal;color:#fff}.mejs-controls .mejs-speed-button .mejs-speed-selector{display:none;position:absolute;top:-100px;left:-10px;width:60px;height:100px;background:url("../../assets/jquery/mediaelement/2.21.2/images/background.png");background:rgba(50,50,50,.7);border:solid 1px transparent;padding:0;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mejs-controls .mejs-speed-button:hover>.mejs-speed-selector{display:block}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected{color:#21f8f8}.mejs-controls .mejs-speed-button .mejs-speed-selector ul{margin:0;padding:0;display:block;list-style-type:none!important;overflow:hidden}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li{margin:0 0 6px 0;padding:0 10px;list-style-type:none!important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px;display:none}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label{width:60px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:11.5px;color:#fff;margin-left:5px;cursor:pointer}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover{background-color:#c8c8c8!important;background-color:rgba(255,255,255,.4)!important}.mejs-controls .mejs-button.mejs-jump-forward-button{background:url("../../assets/jquery/mediaelement/2.21.2/images/jumpforward.png") no-repeat;background-position:3px 3px}.mejs-controls .mejs-button.mejs-jump-forward-button button{background:0 0;font-size:9px;line-height:normal;color:#fff}.mejs-controls .mejs-button.mejs-skip-back-button{background:url("../../assets/jquery/mediaelement/2.21.2/images/skipback.png") no-repeat;background-position:3px 3px}.mejs-controls .mejs-button.mejs-skip-back-button button{background:0 0;font-size:9px;line-height:normal;color:#fff}
/* ColorBox, (c) 2011 Jack Moore, MIT license */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url("../../assets/jquery/colorbox/1.6.1/images/loading.gif") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/*Niggeloh Hunde-Ausruestung_de */
/*726 Lightbox
/*948 Videoblock

/*-------------------------------------------------------*/
/* Allgemeines Layout (container, wrapper, main) */
/*-------------------------------------------------------*/
/* 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  */
}
html{
	overflow-y:scroll;
	overflow-x:hidden; 
	position: relative;	
	-webkit-tap-highlight-color: #0788ca;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}
*, *:before, *:after {
  box-sizing: inherit;
}
body {
	font: 100%/120% 'Merriweather Sans', Helvetica, Sans-Serif;
	font-weight:normal;
	color:#303030;	
	margin: 0px !important;
	padding: 0px !important;
}
#container{
	max-width: 900px;
	padding-right:0;
    flex-grow: 1;
}
#wrapper {
	position:relative;	
	padding-right:0;
	padding-left:0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
/*=======================*/
/***F O N T S  ***/
/*========================*/
/* merriweather-sans-regular - latin */
@font-face {
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url("../../files/hunde_1/fonts/merriweather-sans-v21-latin-regular.woff2") format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url("../../files/hunde_1/fonts/merriweather-sans-v21-latin-regular.woff") format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* merriweather-sans-600 - latin */
@font-face {
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url("../../files/hunde_1/fonts/merriweather-sans-v21-latin-600.woff2") format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url("../../files/hunde_1/fonts/merriweather-sans-v21-latin-600.woff") format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* merriweather-sans-700 - latin */
@font-face {
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url("../../files/hunde_1/fonts/merriweather-sans-v21-latin-700.woff2") format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url("../../files/hunde_1/fonts/merriweather-sans-v21-latin-700.woff") format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* merriweather-sans-italic - latin */
@font-face {
  font-family: 'Merriweather Sans';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url("../../files/hunde_1/fonts/merriweather-sans-v21-latin-italic.woff2") format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url("../../files/hunde_1/fonts/merriweather-sans-v21-latin-italic.woff") format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
    font-family: 'serpentine_dboloblique';
    src: url("../../files/hunde_1/fonts/Serpentine D-Bol-Oblique-S017036D.eot") format('eot'),
         url("../../files/hunde_1/fonts/Serpentine D-Bol-Oblique-S017036D.woff") format('woff');
    font-weight: normal;
    font-style: normal;
}
/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url("../../files/hunde_1/fonts/fontawesome-webfont.eot?v=4.3.0");src:url("../../files/hunde_1/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format('embedded-opentype'),url("../../files/hunde_1/fonts/fontawesome-webfont.woff2?v=4.3.0") format('woff2'),url("../../files/hunde_1/fonts/fontawesome-webfont.woff?v=4.3.0") format('woff'),url("../../files/hunde_1/fonts/fontawesome-webfont.ttf?v=4.3.0") format('truetype'),url("../../files/hunde_1/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0)}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-instagram:before{content:"\f16d"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-facebook-square:before{content:"\f082"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-home:before{content:"\f015"}
/* End Symbols of Font Awesome */ 
@font-face {
    font-family: 'ethno';
    src: url("../../files/hunde_1/fonts/ethnocentric_rg_it-webfont.woff2") format('woff2'),
         url("../../files/hunde_1/fonts/ethnocentric_rg_it-webfont.woff") format('woff'),
		 url("../../files/hunde_1/fonts/ethnocentric rg it.ttf") format('ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'edicons';
	src:url("../../files/hunde_1/fonts/edicons.eot");
	src:url("../../files/hunde_1/fonts/edicons.eot#iefix") format('eot'),
		url("../../files/hunde_1/fonts/edicons.ttf") format('truetype'),
		url("../../files/hunde_1/fonts/edicons.woff") format('woff'),
		url("../../files/hunde_1/fonts/edicons.svg") format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'harico';
	src:url("../../files/hunde_1/fonts/harico-handwriting.oft") format('otf');
    src:url("../../files/hunde_1/fonts/harico-handwriting.woff2") format('woff2');
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
	font-family: 'edicons';	
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/*-----------------------------------*/
/* ICONS     23.11.16  */
/*-----------------------------------*/
.icon-mail:before {
	content:"\2709";font: 18px/1 "rocksolid-icons";position: relative;margin-right:0.6em;display:inline-block;
}
.icon-fax:before {
	content:"\e078";font: 18px/1 "rocksolid-icons";position: relative;margin-right:0.6em;display:inline-block;
}
.icon-phone300:before {
	content:"\e900";font: 16px/1 "edicons";position: relative;display:inline-block;margin-right:0.6rem;margin-left:1rem;
}
.icon-youtube:before {
	content:"\e96c";
	font: 16px/1 "edicons";
	position: relative;
	margin-right:0.6rem;
	display:inline-block;
}
.icon-faceb:before {
	content:"\e966";font: 16px/1 "edicons";position: relative;display:inline-block;
}
.icon-home3:before {
	content:"\e901";font: 16px/1 "edicons"; margin-right:0.6em;display:inline-block;
}

.h_ultra:after {content:" ULTRA";font: 1.6rem/1 "ethno"; margin-left:0.3rem;display:inline-block;}

/*-----------------------------------*/
/*    Allgemeine Klassen             */
/*-----------------------------------*/
.center {text-align:center;}
.serpentine {
	font-family: 'serpentine_dboloblique','Merriweather Sans' ;
	letter-spacing:0.03rem;font-size:1.2rem;
}
.neu {color:darkgreen;}
.ethno {font-family: 'ethno';
	letter-spacing:0.03rem;
	font-size:1.2rem;}
.hyphenate {
	-ms-word-break: break-all;
	word-break: break-all;
/* Non standard for webkit*/
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto
}  
.fett {font-weight:700;  }
.last {
	border-right: none
}
.flexcol   {
    display:flex;
    flex-flow:column wrap;
    align-content:space-between;
  }
.flexibel   {
  display:flex;
  flex-direction:row;
  justify-content: space-between;
  }
.madein {
	margin-left:-2rem;margin-top:1.2rem;
} 
#main .ban{margin:1.5rem 0;}
#main .inside .ban p{margin-bottom:0;}
#main .inside .ban .flelem {max-width:48%;}
.caption {
	font-size: 0.7em;
}
.padding {padding: 0 3%;}
.video {
	margin-bottom:0.8em;
}
.grey-bg {background:#788383;padding:1rem 1.2rem;color:#f3f3f3;}
.clear {
	clear: both;
}
.clearleft {
	clear: left;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
/* Schriftformat */
.halbfett {
	font-weight: 600
}
.distance {margin-top:140px;}
.normfont {font:100%/120% 'Merriweather Sans', Helvetica, Sans-Serif;}
/*--------------------------------------------------*/
/* HEADINGS, LINKS u. sonstige ELEMENT-SELEKTOREN    */
/*------------------------------------------------- */
h1 	{
	margin-bottom:1.7rem;
	display:inline-block;
	padding-right:2%;padding-left:2%;	
	font-size:1.5rem;
	line-height:1.6rem;
	font-weight:600;
	width:100%;
	letter-spacing:1px;
	letter-spacing:0.03rem;
	}	
h2  { margin:1.5rem 0 8px;padding:0;font-size:1.2rem;
	color:#9b2116;font-weight:600} 

h4 {
	margin:0 0 10px;font-size:1rem;font-weight:500;
	}
#main h2, .headl2 {
	font-weight: 500; 
	margin: 0 0 0.9em;
	padding-left: 0em;
	border-bottom:1px solid #656969;
	color:#7c1910;
}
#wrapper #main #aktuelles h1,

#wrapper #main #aktuelles h2 {
	margin-top:0;
	}
#wrapper #main #aktuelles h4, #wrapper #main #kontakt h4 {
	margin-top:2.9rem;
	font-size: 1.155rem;
  line-height: 1.5rem;
  font-weight:500;
	}
#wrapper #main #aktuelles ul {
	padding:0 0 0 1.4rem;
	list-style:disc outside none;
	font-size:0.9rem;
	}
	/*#wrapper #main #aktuelles ul  li{display:inline-block;
	}*/
#main h5 {
	font-size: 0.76rem;
	font-weight: 500; 
	margin: 0 0 0.9em;
	padding-left: 0em;
}	
	
ul {list-style:none outside none;padding:0;margin:0;}
	
/**** LINKS *****/

a,a:link,a:hover{text-decoration:none;background:transparent;color:inherit;cursor:pointer}
/*  */
a:hover,a:active{outline: none;text-decoration:underline;}
/* a:hover{color:#2166b8;outline: none} */
/*  */
a img {
	border:none;outline: none
	}
/*-----------------------------------*/
/*     H E A D - B E R E I C H */
/*-----------------------------------*/
#header{
	text-align:center;
	font-size:0.76rem;	
	position:relative;	
	}

/*------METANAVIGATION LEISTE -------*/
#metawrap { 
	background:#788383;color:#f7f7f7;	
}	
#meta-bar {
    max-width:900px;
    margin: 0 auto;
	padding: 0 2%;
	}
/*.mnav {display:inline-block;}*/

.social {float:left;
	padding:0.6rem 0 0 0;	
	}
nav#meta{	
	position:relative;
	margin:0 auto;
	text-align:right;	
	}
/* Metanavigation Elemente */
nav#meta ul li{
	right:1.2em;
	top:0;margin:0;
	display:inline-block;
	padding:0.9rem 0;
	text-align:right;
	line-height:118%;
	list-style-type:none;}
/* Metanavigation Hyperlinks */
nav#meta a, nav#meta span{
	margin:0;
	text-decoration:none;
	padding:0 0.9rem;
	border-left: 1px solid #212121;}
/* Metanavigation Hyperlinks */
nav#meta a:hover, nav#metanav a:focus{
	text-decoration:underline;color: white;
	}
/*nav#meta ul li:before {content:"\a0 \a0  | \a0 "}*/
nav#meta ul li a.first {border:0;}
/* C.E. #meta .first span{}
	border:none; /* bei der Impressumseite ist sonst links ein Strich neben den Link */

/*---------------------------------*/
/* LOGO-BAR und Claim und Shop-Link*/
	
/*---------------------------------*/	
#top-bar { 	
	position:relative;	
}
.topdaten {
	max-width:900px;
	width:100%;
	position:relative;
	padding:1% .5%;	
	margin:0 auto;	
	/*height:6.5rem;*/
	display: flex;
	flex-direction: row;
	justify-content: space-between; 	
}
/****** W3 Schools zur vertikalen Zentrierung *****/
.center {
    line-height: 200px;
    height: 200px;
    border: 3px solid green;
    text-align: center;
}

/* If the text has multiple lines, add the following: */
.center p {
    line-height: 1.5;
    display: inline-block;
    vertical-align: middle;
}
/*  Ende W3 Schools ****************/

/* Logo u Metanavigation */	
#top-bar .vertcenter{
	width:40%;
	display: flex;
    flex-direction: column;
    justify-content: center;
}
#top-bar .claim {		
	padding:0;
	text-align:left;	
	width:100%;	
	font-variant:small-caps;
	font-weight:500;
	font-family:'Merriweather Sans',sans-serif;
	
}
/*.ce_image.top.block {overflow:visible;}*/
#top-bar .top.shop  {
	position: relative;	
	width:86px;
	height:auto;
	margin:0;	
	}  	

/*************************************************/
/* MAINNAVIGATION im Header */
/*************************************************/

nav#mainnav.sticky{
	position: fixed;
	top:0;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
}
/* --- Mobile --- */

nav#mainnav a, nav#mainnav span{
	line-height: 1.3rem;
	padding: 0.6rem 0.5rem;
}
nav#mainnav {    
	width:100%;
	position:relative;
	background-color: #d50404;
	font-size:1rem;
	z-index:99;
	overflow:visible;
}
nav#mainnav ul.level_1 {	
	max-width:900px;
	display:flex;
	flex-direction: row;
	justify-content: space-between;	
	list-style-type:none;
	margin:0 auto;	
	padding:0 1.3rem;	
  }  
nav#mainnav ul li {
	display:inline-block;
	width: auto;
	margin:0;
 } 
nav#mainnav a, nav#mainnav  span {
	color:#ebebeb;
	display:inline-block;	
	text-decoration:none;
	padding: 0.6rem 0.5rem;	
	font-weight: normal;
 }   
nav#mainnav .trail, nav#mainnav .active {
	color:#212121;
	background:#fa2d2d;
 }  
nav#mainnav a:hover, nav#mainnav a:focus {
	color:#212121;	
	background:#fa2d2d;
 }   
/*********************************/
/* C O N T A I N E R */
/*********************************/ 
#container {
	position:relative;	
	max-width: 65rem;
	margin-top:0.8rem;
	margin-bottom:1.8rem;
	margin-right:auto;margin-left:auto;	
}
/*********************************/
/* Main - Bereich */
/*********************************/
/***** Allgemein *****/
#main {
	float:none;
	max-width:900px;
	margin:0 auto;
	}
#main .inside {
	top: 0px;            
	width:100%;	
	font-size: 1rem;
	line-height: 1.2;
	font-weight: normal;	
	overflow:hidden;
}
#main .inside  p{
	margin-top:0;margin-bottom: 0.3em;
}
#main .inside #datenschutz p{
	line-height:1.4;
    padding:0 2em;
    margin-bottom:0.3em;
    font-size:16px;
}
/********* HEADBILDER  *********/
#main .pagehead {	
	display:block;
	margin:0 0 1rem;	
	max-width:1040px;width:100%;
	height:auto;
	position:relative;
	} 
#main h1	{
	margin:0;
	position:absolute;
	top:3rem;
	font-size:1.6rem;line-height:2.6;letter-spacing:.03rem;
	color:#fff;font-weight:600;
	padding-right:2%;
	background:rgba(36, 38, 38, .7);
	}
#main h1.ce_headline.headbild {	
	display: inherit;
    position:relative;
	top:62%;
	width:100%;
	color: #fff;
	background-color: rgba(38,38,38, 0.5);	
}
#main .kat h1 {top:54%;}	

#main .h1-wrap{
	background-size: cover;
	padding-top:28.846%;
	}
#main #aktuelles .h1-wrap{
	background-size: cover;
	padding-top:24.846%;
	}

/****  Headbackgroundbilder der diversen Produkt-Seiten ***/ 	
.gesch	{background: url("../../files/hunde_1/head/head-gesch.jpg") center center no-repeat;}
.hals {background: url("../../files/hunde_1/head/head-hals.jpg") center center no-repeat;}
.leine {background: url("../../files/hunde_1/head/head-leine.jpg") center center no-repeat;}
.sonst {background: url("../../files/hunde_1/head/head-sonstige.jpg") center center no-repeat;}
.kat {background: url("../../files/hunde_1/head/head-kat.jpg") center center no-repeat;}
.aktuell {background: url("../../files/hunde_1/head/head-iwa-24.jpg") center center no-repeat;}
.sustain {background: url("../../files/hunde_1/head/head-sustain.jpg") center center no-repeat;}
#katalog .ce_text {margin-top:2.9rem;}
/*#main .danke h1*/ 


/********************************/


#main a, #main a:link {
    color: rgb(0,105,105);
    text-decoration: underline;
}

.fullwidth #main .inside {
	padding:3% 3% 3% 7%;
}
/*** Standardseiten: Abstand der Artikel zum Header ****/
/*  Ist schon bei Container geregelt ****/
/*#geschirre, #halsungen, #leinen, #ausruestung {
	margin-top:1.8rem;	
} */

/*********************************/
/*       Main - Startseite       */
/*********************************/ 

/* Banner - Hinweis Weihnachtsferien*/
.noel {      /*  Weihnachtsferien  */
  hyphens: auto;
  margin:1.5em 0;
  padding: 1% 21% 1% 0%;
  background-image:url("../../files/hunde_1/startseite/starline-noel.jpg");
  background-position: right bottom;
  background-size:100%;
  background-repeat: no-repeat;
  box-sizing:border-box;
  height:160px;
}
.flex-item:nth-child(1) {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 8%;
    -ms-flex: 0 1 8%;
    flex: 0 1 8%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }
.flex-item:nth-child(2) {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 2 1 auto;
    -ms-flex: 2 1 auto;
    flex: 2 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }
.flex-item:nth-child(3) {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 8%;
    -ms-flex: 0 1 8%;
    flex: 0 1 8%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }
.noel img {height:35px;}
/* Ende Index-Feld - Hinweis Weihnachtsferien  */

/*******   Messe-Ankündigung **********/
#startseite .ce_image.ban .image_container{
    text-align:center;
    } 
.home-banner {
    font-size:0.9rem;
    text-align: center;
    margin-bottom: 1.4rem;
}
/*******   Ende Messe-Ankündigung **********/

.starttext_wrap {overflow:auto;width:100%; }
.starttext {	
	padding:0.6rem 0;	
	line-height:150%;
	border-top:3px solid #788383;
	border-bottom:3px solid #788383;		
	}

 /* --- Big Screen (Standard) --- */
 
.teasbox{
	width: 29.5%;
	max-width: 29.5%;
}
.claim_bauteil {
	clear:both;
	margin:2rem 0 0 0;
	background:transparent;}	
.frontwirbel {overflow:hidden;}
.bauteil {  
	clear:both;  	
}

.bauteil h3 {
	border-bottom:1px solid #383838;
	color:#7c1910;}
.bauteil p{
	padding:0.7rem 0.7rem;
	font-size:0.9rem;
	background:#788383;	
	color:#f7f8f8;	
	}	

#main .fronttiles  {margin-top:2rem;}
#main .fronttiles a:link {text-decoration:none;}
#main .front_teaser{
    margin-top:2rem;
    display:grid;
    grid-template-columns: 29.5% 29.5% 29.5% ;
    grid-template-rows: 16vh auto;
    row-gap:.4rem;
    column-gap: 5.75%;
}
@media (min-width: 900px) and (orientation: landscape) {
#main .front_teaser{
    display:grid;
    grid-template-columns: 29.5% 29.5% 29.5% ;
    grid-template-rows: auto auto;
    row-gap:.4rem;
    column-gap: 5.75%;
}
}
.front_note_box{
    font-variant: small-caps;
    color: #f3f3f3;
    letter-spacing: 0.1rem;
    margin-bottom: 0.5rem;
    background: #788383;
    padding: 7% 3%;
}
.front_pic_box{
    font-variant: small-caps;
    color: #f3f3f3;
    letter-spacing: 0.1rem;
    margin-bottom: 0.5rem;
    background: #788383;
    padding: 5% 3%;
    text-align:center;
}
.plak-1, .plak-2, .plak-3 { 	
	display:block;
	max-width:323px;
	width:100%;
	height:323px;max-height:323px;	
}
.plak-2, .plak-3  {  
	margin-left:2rem;
}
.plak-1{  
	background:url("../../files/hunde_1/bilder/anton-fol.jpg");
	background-size:cover;
}
.plak-2{  
	background:url("../../files/hunde_1/bilder/hals-indiv.jpg");	
	background-size:cover;
	}
.plak-3{  
	background:url("../../files/hunde_1/bilder/anton-fol.jpg");	
	background-size:cover;
	}
.teasbox {
	display:block;
	max-width:29.5%;
	position:relative;
	text-align:center;	
	float:left;
}
.teas-line {
    line-height:3rem;
}
/*.teasimg {   }*/
.over  {
	position: relative;
    width: 100%;    
    font-variant:small-caps ;
    color: #f3f3f3;
	letter-spacing: 0.1rem;
    margin-bottom:0.5rem;
    background: #788383;
    padding: 7% 3%;
}
.over img {
	max-width: 100%;
	height: auto;
}
.teasbox a .over span.serpentine {font-size:1.9rem;text-transform: capitalize;}
.teasbox a .over span.ethno {font-size:1.6rem;font-variant:normal;}
.teasbox .teasgrip{
    font-size: 1.8rem;
    font-variant: normal;
    line-height: 1.7;
}

 /*-----------------------------------*/
/* Text-Elemente mit Bild     08.11.  */
/*------------------------------------*/
.pic_text {float:left;display:block;}
.ce_text.pic_text figure.image_container {
	box-shadow: 3px 3px 6px 0px;
    color: #2d2d2d;
    width: 48%;
    height: auto;
    margin-right:2%;
	padding-bottom:2%;
	display: inline; 	
}
.ce_text.pic_text ul {
	padding-left: 1.6em;
    list-style-position: outside;
}
.ce_image.bild  figure.image_container{
   max-width:100%;
}
.ce_image.bild  figure.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;
}
/* zwei Bilder nebeneinander */
figure.image_container{
	margin:0;
	padding:0;
}
ul.cols_2, ul.cols_3{
	padding:0;
}
/*----- Artikelboxen umgesetzt mit Inhaltselement HTML  ----*/ 
.stat_logo {float:right;margin-top:5rem;width:20%;}

/*=====================*/
/* Main - Themenseiten */
/*=====================*/
/** Überschriften mit Follow-Signet  **/
.sign_headline{
    margin-top:1.5rem;
}

/** Produktbeschreibung  **/
.ce_text.descr {margin-top:1.3rem;}
.descr ul, .description ul {padding-left:1.6em;list-style-position:outside;}
.descr ul li, .descr p {
	margin-bottom:.4rem;
	position:relative;
	font-size:0.92rem;
	line-height:1.2rem;
}
/*.fa {color:red;} */  /*wird anders gestaltet */
.description ul li, .description p {
	margin-bottom:.4rem;position:relative;
	font-size:0.84rem;line-height:1.2rem;
}
.descr ul li::before {
	content: "\e95c";
    font: 14px/1 "edicons";
    margin-right: 0.6em;
    display: inline-block;position:absolute;
    left: -1.5em;
}
#main span.shoplink::after {
	content: "\e90d";
    font: 160%/180% "edicons";
    margin-left: 0.6em;
    display: inline-block;
    left: 9rem;	color:white;
}

#main p.toshop a{color:white;font-weight:600;text-decoration:none;}
#main p.toshop {
	text-align:center;
	width:100%;
	padding:0 3%;
	background:#c80633;
	line-height:1.8rem;
}
#main .ce_text.toshop {
	float:right;
	width:48%;
	margin-top:1.8rem;
	}
/******   Lightbox  *****/
.cboxIframe {
    background:#3c3c3c;}
#cboxLoadedContent {
    border: 5px solid #000;
	background:#3c3c3c;
}

/******   Galerie  *****/
.ce_gallery {margin-top:1.5rem;}

.ce_gallery.gal1  ul li {list-style:none;max-width:48%;margin-right:2%;margin-bottom:.3em;float:left;}

.ce_gallery.gal2  ul li {list-style:none;display:inline-block;max-width:48%;margin-right:2%;}
.ce_gallery.gal2.follight ul li:nth-last-child(-n+1) {display:none;}
.ce_gallery.gal2.lichtbl ul li:nth-last-child(-n+2) {display:none;}
.ce_gallery.gal2.deluxe ul li:nth-last-child(-n+2) {display:none;}
.ce_gallery.gal3.folspplus ul li:nth-last-child(-n+4) {display:none;}
.ce_gallery.gal3.folstart ul li:nth-last-child(-n+3) {display:none;}
.ce_gallery.gal2.htrail ul li:nth-last-child(-n+2) {display:none;}
.ce_gallery.gal2.hstar ul li:nth-last-child(-n+2){display:none;}
/*.ce_gallery.gal2.fash ul li:nth-last-child(-n+4) {display:none;}*/
.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 {overflow:visible;}
/*.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;
	margin-top:.2em;
}

/*------------------------*/
/* Text-Elemente mit Bild */
/*------------------------*/

.ce_image.bild {
	float:left;
	max-width:48.9%;
	margin-right:2%;	
}
.ce_text.aside {
	float:left; /*etwas mehr platz zwischen Bild und Text */
	max-width:48.4%;
	margin-top:0.3rem; /* Text etwas nach unten */
}
div.ce_gallery.gal2.clearleft.block{
	width: 100%; /* dies ist das nachfolgende Element, sonst schiebt sich Kontent von oben hinein */
}

.ce_image.bild.block figure.image_container{ /* Hack damit der Schatten zu sehen ist, wirkt aber wahrsch auch auf andere Boxen */
	margin-right:5px;
	padding-right: 5px;
}
#main .ein_bild_block{
margin-top:3.5rem;
}
#main .ein_bild_block h2{
	margin-top:0;
}
.ce_text.prod_text{
	width:100%;
}

#main .ce_text.toshop{
	float: left;
	margin-top: 5px;
	margin-bottom: 1rem;
	width: 49%;
}

/*-----------------------------------*/
/* 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 {background: #D2D9D9;}
.sizetab  {font-size:0.75rem;max-width:100%;}
.sizetab  caption {display:none;}
.sizetab table, .image_container2{
    margin-top:1vh; 
}

/*.sizetab td{width:8rem;max-width:100%;text-indent:2rem;} */
/*.sizetab  td.col_first {text-indent:1rem;} */
.sizetab h3, .videoblock h3 {
	margin-bottom:0;
	margin-top:1rem;
    color:rgb(48,48,48)
	} 
/*.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 td, .sizetab th{line-height: 1.7;text-align: left; } /* CE */
/*.sizetab td{padding-left:0.5rem;padding-right:0.5rem;} */ /* CE */

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 */
}
.table-video div.ce_table.sizetab.snack.block {
	width:49%;
	/*clear:left; /* falls die beiden Bilder ungleich gross sind */
	overflow-x: visible; /* falls overflow auf Smartphones > scrollen koennen */
    flex:1 1 auto;
}
/* Tabellen 1/2 Seitenbreite */

 .halfwidthtable, #table_290, #table_306, #table_313, #table_326, #table_420, #table_423,
 #table_276, #table_441, #table_448, #table_457, #table_466, #table_468,
 #table_529, #table_523, #table_557, #table_563, #table_566, #table_602,
#table_611, #table_618,  #table_659, #table_667, #table_668, #table_671,#table_707,#table_710  {
	width: 49%;
	padding:1%;
}
#table_656{
    width: 78%;
	padding:1%;
}

/* Tabellen 2/3 Seitenbreite */

.twowidthtable, #table_185, #table_131, #table_238, #table_433, #table_427,#table_431,#table_460,#table_608, #table_734, #table_735{
	width: 66%;
	padding:1%;
}

/* Tabellen 100% Seitenbreite */

#table_417, #table_631, #table_632, #table_680{
	width: 99%;
    padding:1%;
}

/* Mindestbreite schmale Tabellen */

.halfwidthtable, #table_275, #table_276,#table_197,#table_211, #table_441, #table_290, #table_306,
#table_313, #table_326, #table_420, #table_423, #table_466, #table_468, #table_523,
#table_557, #table_563, #table_566, #table_602, #table_608, #table_631, #table_632, #table_656,#table_707{
	min-width:25em; 
}

/* Mindestbreite mittlere Tabellen */

.twowidthtable, #table_457, #table_433, #table_427, #table_185, #table_131, #table_230, #table_238,
#table_460, #table_529, #table_659, #table_734, #table_735{
	min-width:35em;
}
/* Mindestbreite breite Tabellen */
#table_431{ 
	min-width:45em;
}
/* Mindestbreite sehr breite Tabellen */

/*#table_417{ /* führt zum Scrollbalken unter 560 px Breite */
/*	min-width:50em;
} */
/* --- Spaltenbreite bei Maßtabellen mit 4 bis 6 Spalten --- */
.fivecols .head_0,.fivecols .head_3 {width:12%;
}
.sixcols .head_0,.sixcols .head_3{width:12%;
}
.sixcols .head_1,.sixcols .head_2{width:16%;
}
.sixcols .head_4,.sixcols .head_5 {width:22%;
}
.fourcols .head_0, .fourcols .head_2{
    width:14%;
}
.fourcols .head_1 {
    width:20%;
}

/* --- Maßtabellen Länge u. Schrift bei kleinen Screens kleiner --- */



/*--------------------------*/
/* Icons fuer die Shoplinks */
/*--------------------------*/

/* --- in den Artikeltabellen --- */

#main .sizetab td a{
	text-decoration: none;
	text-align:right;
	color: #000;
}
.shopcart::after{
    content: " \e90d";
	font: 1rem/1 "edicons";
	color: #d33;
}
#main .sizetab a::after, #main a.artikel-shoplink::after{
	content: " \e90d";
	font: 1rem/1 "edicons";
	color: #d33;
}

#main .sizetab a.noshopcart::after{
    content: " ";
}
.sizetab .s_full
/* --- im Produkt-Text --- */

#main a.artikel-shoplink:link, #main a.artikel-intern-link:link{
	color: rgb(0,105,105);
}

a.artikel-shoplink, a.artikel-intern-link{
	white-space: nowrap;
}

/*a.artikel-shoplink::after{
	content: " \e90d";
	font: 1rem/1 "edicons";
	color: #d33;
	/* Hack damit Underline nicht unter Icon weitergeht. geht bei Firefox und Chrome aber nicht IE
	text-decoration: none;
	display: inline-block; 
	padding-left:5px; 
	*/
/*}  */

a.artikel-intern-link::after{
	content: "";
}

/*-----------------------------*/
/* Artikel-Beschreibungs-Liste */
/*-----------------------------*/

div.ce_text.prod_text.descr.block ul{
	padding-left:22px; /*etwas nach links geschoben */
}
/*-----------------------------*/
/*          VIDEOBLOCK */
/*-----------------------------*/
/*=== Videos und Maßtabelle als Grid =====*/
/*.table-video   {
    display:grid;
    grid-gap: 10px;
    grid-template-columns:66% 1fr;
	grid-template-rows:1fr 1fr 1fr;
}
.table-video .sizetab.sixcols{
	grid-column: 1 / 2;
	grid-row: 1 / 4;
}
.follow_video{
	grid-column: 2 / 3;
	grid-row: 1 / 2;
}
.walk_video{
	grid-column: 2 / 3;
	grid-row: 2 / 3;
}
.quad_video{
	grid-column: 2 / 3;
	grid-row: 3 / 4;
}
/* Ende Videos und Maßtabelle als Grid */

.videoblock img {
    border-radius: 4px;
}
.videoblock.onevideo{
    text-align:center;
}
.table-video   {
    display:flex;
    flex-flow: row wrap;
    justify-content:space-between;
}
.table-video .twotables  {
    width: 49%;
}

.table-video .twotables .ce_table.sizetab.block{
    width: 100%;
}
.table-video .ce_table.sizetab.follow.block {
    flex: 0 1 58%;    
    overflow-x: visible;	
}
#table_230{
	padding: 1%;
}
.table-video .videoblock {
    max-width: 50%;
    overflow-x: visible;
}
.videoblock {
    flex:0 1 auto;
}







/******* Obsolet  ****/
.articlebox {float:left;width:100%;margin-top:2rem;overflow:hidden;}
.thumb_left, .thumb_left2, .thumb_right {
	float:left;
	max-width:28%;	
	}
.thumb_left2 {clear:left;}
.thumb_left, .thumb_left2{margin-right:2%;}
.articlebox img {box-shadow: 3px 3px 6px 0px rgba(101,105,105,0.85);
}
.description {float:left;width:40%;}
.sizetable {clear:both;font-size:0.75rem;max-width:70%;}


/*********************************/
/* AKTUELLES */
/*********************************/ 
#aktuelles .exhibition {margin-top:2rem;}
.exhibition .image_container {
	max-width: 42%;
}
#aktuelles h2{
	border-bottom: none;
}

#aktuelles p{
	font-size: 0.9rem;
}
/*********************************/
/* Rechte Seite */
/*********************************/ 
#right .inside {
	top: 2em;            
	width:100%;
	font-size: 1.0em;
	line-height: 1.2em;
	font-weight: normal;
	margin-left:0;
	padding:0 0 0.5em 0;
	text-align:left;	
	/*font:0.9em/1.1em Roboto,sans-serif;font-weight:normal;*/
}

#right  h3{font:0.95em/1.1em 'Roboto Condensed',sans-serif;font-weight:normal;
}
.sidewidget {
	clear:both;
	background:#efefef;
	border-bottom:2px solid #e4ad19;
	border-right:1px solid #e4ad19;	
	margin: 1em 0 2em 0;  
	min-height:5em;
	padding:3%;
	width:99%;		
	/*-webkit-box-shadow: 2px 2px 5px #32633E;
	-moz-box-shadow: 2px 2px 5px #32633E;
	box-shadow:2px 2px 5px #32633E;*/   	
}
#right .aktuell {
	background:#efefef;
	border-bottom:2px solid #e4ad19;
	border-right:1px solid #e4ad19;	
	margin: 0 0 2em 0;  
	min-height:5em;
	padding:3%;
	width:99%;		
}	
/*---------------------*/
/*    Youtube Video */
/*---------------------*/

/* --- eine Spalte --- */

.yt-video, yt-video iframe{
  width: 97.5vw;
  height: 54.8vw;
  max-width: 890px; 
  max-height: 500px; 
  box-shadow: 3px 3px 6px 0px;
  margin: 2px 8px 40px 2px;
}
.dogvideo{
    margin-bottom: 3.6rem;
}

/*-------------------------------------------*/
/* Google Map (Standard ist grosses Display) */
/*-------------------------------------------*/

#anfahrt iframe{
	box-shadow: 3px 3px 6px 0px;
	color: #2d2d2d; 
	margin: 3px 9px 9px 3px;
	width: 99%;
	margin-top:1rem;
}

@media (pointer: coarse){  /* auf Tabets und Smartphones */
	#anfahrt iframe{
		margin: 3px 12% 9px 0;
		width: 88%;
	}
}

/*******************/
/*  Kontaktformular */
/*******************/
/*.ce_form {float:left;} */
#main #kontakt h1{
    position:relative;
    margin-top:2rem;
}

#kontakt {padding:0 13px;}
#kontakt .ce_form{
    margin:0 auto;
  /*box-shadow:0 8px 6px rgba(68, 68, 85, 0.3);   */ 
    line-height:1.1em;
    width:100%;
	max-width: 45rem;
	padding-right:2%;
  } 
p.error{
	color:red;
}  
#kontakt .widget {			/*Block-Formatierung der Formular-Zeilen   */
	display:block;	
	margin:0.8em 0 0.4em 0;
	cursor:pointer;
	width:100%
}
#kontakt .row_first{
    margin-bottom:0.5rem;
}
#kontakt .widget.widget-checkbox {         /* Checkbox   */
    width:100%;
    margin:0 0 1.2rem 0;
}

#kontakt label#lbl_8_0  {
    width: 84%;
}
#kontakt input { 							/*Breite der Inputs   */
  width:67%;display:inline-block;
  } 
#kontakt .ce_form label  { 
	width:32%;
	display:inline-block;	
	white-space: nowrap;  /*Breite der Label bzw. Abstand zu d Eingabefeldern   */
  } 
#kontakt input.captcha {width:6em;}
#kontakt input[type=text], #kontakt input[type=email], #kontakt input[type=tel], #kontakt textarea {
  padding:0.25em;
  box-shadow:inset -6px 6px 12px rgba(170, 170, 185, 0.3);
  border:1px solid #c1c2c3;
  margin-bottom: 0.5em;  
  }
#kontakt .message  {
  display:inline-block;vertical-align:top;
  }
#kontakt textarea { 
  width:67%;	
}
#kontakt  .widget-checkbox input  {margin-left:0.1em;width:1.2em; box-shadow:inset -2px 2px 3px rgba(170, 170, 185, 0.3);}
/*#kontakt  .widget-checkbox label { margin-left:0;}  */
#kontakt  .widget.widget-textarea{
	vertical-align: top;
}
#kontakt input[type=submit] {
  margin-top:1em;font-size:1em;
  text-align:center;
  width:6em;
  }
#kontakt  .submit{float:right;}
main p.error {margin-bottom:0.25em;padding:1em;background:#ffc0cb;color:2d2d2d;}   
/*********************************/
/* Google Map */
/*********************************/ 
#googlemap {clear:both;}   

/***********  Media-Box Untertitel *************/ 
#mbTitle, #mbPrevLink, #mbNextLink, #mbCloseLink {
    display: inline;
    color: #fff;
    font-weight: bold;
    line-height: 30px;
    font-size: 12px;
}
#mbImage {
	padding:0;
}
/**********************************/
/* Sitemap */
/********************************/
/* Sitemap Schriftgröße */
.mod_sitemap{margin:16px 20px 0 20px;}
/* Sitemap Alle Hauptseiten */
.mod_sitemap .sibling { font-size:1em;line-height:1.5em; font-weight:600; }
/* Sitemap Erste Ebene der Seitenstruktur */
.mod_sitemap ul.level_1 {margin-left:3em;line-height:0.94em;letter-spacing:0.03em;}
/*.mod_sitemap ul li {margin-left:4em;line-height:1.5em;font-weight:600;letter-spacing:0.03em;}*/
/* Sitemap Zweite Ebene der Seitenstruktur */
.mod_sitemap ul.level_2{margin-left:1.7em;font-size:1.05em;line-height:1.5em;font-weight:normal;}
/* Sitemap Seitenlayout */
.mod_sitemap .level_2 .first{margin-top:.9em;}
/* Sitemap Link Format */
#sitemap ul a{
	text-decoration:underline;
	font-family: Roboto,Arial,sans-serif;
	line-height: 2.5rem;
	}
/* Sitemap Seitenlayout */
.mod_sitemap a:hover, .mod_sitemap a:focus{line-height:1.5em;text-decoration:underline;color:#e4ad19;}

/*#right .sideteaser{width:297px;text-align:center;background-color:#fff;font-size:0.85em;}*/
/*********************************/
/*   Footer   */
/*********************************/ 
#footer{
	left:0;top:0;
	font-size:0.76rem;
	position:relative;
	padding:0.7rem 0 1.1rem 0;
	background:#788383;
	padding-left:3000px; margin-left:-3000px;
	padding-right:3000px; margin-right:-3000px;
}
	
/* Gleichverteilung der Footer-Bloecke */
#footer div.inside{
	max-width: 900px;	
	color:#f7f7f7;
	margin-right:auto;margin-left:auto;	
	display:flex;flex-direction: row;justify-content: space-between;
	}
/* Gleichverteilung der Footer-Blöcke */
#footer .fblock {	
	display:inline-block; /*display:inline;*/
	vertical-align:top;
	width:180px;	
	}
#footer .fblock4 {	
	display:inline-block; 
	vertical-align:top;width:140px;	
	}	
#footer .fblock .social-links i {font-size:larger;}  
/* Footer Schriftfarbe bei Hover */
#footer a:hover,#footer a:focus{text-decoration:underline;}

/* Menüpunkte gestalten */
#footer a{display:block;outline:0}
/* Listenformatierung */
#footer ul li{margin:8px 0 0;list-style-type:none}
/* Aktiven Menüpunkt hervorheben */
#footer .fblock span.active,#footer .fblock .trail{
	text-decoration:underline;color:#f7f7f7}
/* Letterspacing bei d Ueberschrift */
#footer .wide{letter-spacing:.2em}
/*  */
#footer p{margin:0;padding:0}
/********************************************/
/*======  Tanias Mobile Navigation =========*/
/*------------------------------------------*/
#meta-bar  .nav-toggler {        
   /*color:white;*/
   margin-top:9px;
}
#meta-bar   .nav-toggler__button {
   border-radius:3px;
   font:  600 .9rem/130% 'Merriweather Sans', Arial, Sans-Serif; 
   outline: none;
   padding: 0.25rem;
}

nav.nav_mobile  {
    display: none;
  }
nav.nav_mobile  {
    border:none;
    width: 50%;
    float:left;
    position:absolute;
	margin-top:-12vw;
    z-index:3;
    background:#d50404;
  }
nav.nav_mobile  ul li {
	text-align:left;
	border-bottom:1px solid white;
  }
nav.nav_mobile ul li:last {
  border-bottom:none;
  }
nav.nav_mobile ul li:hover  {
    background-color: #FA2020;
  }
nav.nav_mobile ul li a{  
	color:white;
}
nav.nav_mobile ul li a, nav.nav_mobile ul li span {    
    display:block;
	padding: 13px 17px;   	
  }
nav.nav_mobile ul li span {	 
	color:#212121;
}	
nav.nav_mobile ul li ul li a {
    padding-left: 30px;
  }
nav.nav_mobile .level_2 {
    position:static;
  }

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

.nodispl {display:none;}
/* =============================================================================
 * große screens (l / large screens) ____U E B E R  900 PX  
 * ========================================================================== */
@media screen and (min-width: 900px) {
   
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
#top-bar .logo {
    max-width: 290px;
    margin-top: 0.5rem;
    text-align: left;
    height: auto;
    background-color: rgba(255, 255, 255, 0.8);
}
#top-bar h1.claim{
	--max-font: 19;
    --min-font: 14;
    font-size: var(--responsive);
    line-height:1.25;
	font-weight:normal;
}
#top-bar .hund	{width:9%;}
#top-bar .hund figure{	
	position:relative;
	width:100%;
	margin-right:3%;
	top:50%;
	transform:translateY(-50%);
	}
nav#mainnav a, nav#mainnav span{
	font-size:1rem;line-height:1.3rem;
	}
#main h1 	{
	margin-bottom:1.7rem;
	display:inline-block;
	padding-right:2%;padding-left:2%;	
	font-size:1.5rem;
	line-height:1.6;
	font-weight:600;
	width:100%;
	letter-spacing:1px;
	letter-spacing:0.03rem;
	}	
#main h2,.headl2  { margin:2rem 0 8px;
	padding:0;font-size:1.2rem;
	color:#9b2116;font-weight:600;
	} 
#main h3, .sizetab h3  {
	font-size:1.1rem;	
	line-height:1.3;
	margin-top:1.5rem;
	font-weight:400;
	}  	
#main h4 {
    margin:1.2em 0 1.2em 0;
    font-size:19px;
	} 
h5 { font-size:17.4px;font-weight:500;
	}
body p  {
  font-size: 17.4px;
  line-height:1.35;
}

.mod_breadcrumb {
  line-height:25px;
  font-size: 12px;
  } 
#wrapper.inside{ 
		max-width:900px;
		margin-left:auto;
		margin-right:auto;
	}  
#main .inside, #footer .inside{ 
		padding:0;
	}
#main h1.ce_headline{
	width:100%;
	/* top: 3rem; */
	color: #fff;
	background-color: rgba(38,38,38, 0.5);
}	
#aktuelles p, #aktuelles li{
	font-size:.9rem;
	line-height:1.35;
}
#nachhaltigkeit .ce_text p{
    margin-top: 2rem;
    padding: 0 2em;
    line-height:1.4;
}
 /* Klassen für Tabellen mit Fullwidth bei Small Screens */
div.ce_table.sizetab.fashion_half, div.ce_table.sizetab.deluxe_half{
    display:block;
    }
}

/* =============================================================================
 * 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) { 
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/ 
#top-bar .logo {
	max-width:35%;
}
#top-bar h1.claim{
  --max-font: 18;
  --min-font: 14;
  font-size: var(--responsive);
  line-height:1.22;
  font-weight:normal;
}
#top-bar .top.claim{
	display:block;	
	}
#top-bar .hund	{width:9%;}
#top-bar .hund figure{	
	position:relative;
	width:100%;
	margin-right:3%;
	top:50%;
	transform:translateY(-50%);
	}	
#top-bar .ce_image.shop {
    margin: 0;
    height: auto;
	width:10%;
}    
nav#mainnav a, nav#mainnav span{
  --max-font: 20;
  --min-font: 13;   
  font-size: var(--responsive);
	}
#main h1 {    /* Set max and min font sizes */
  --max-font: 26;
  --min-font: 17;       
  font-size: var(--responsive);
  font-weight: 700;
  margin-top:calc(1.1(var(--responsive)));
  margin-bottom:calc(0.9(var(--responsive)));
}
#main h2, .headl2 {  /* Set max and min font sizes */
  --max-font: 23;
  --min-font: 16;   
  font-size: var(--responsive);
  }
#main h3, .sizetab h3 {   /* Set max and min font sizes */
  --max-font: 22;
  --min-font: 15;
  font-size: var(--responsive);   
  font-weight:500;
  margin-top:1.2rem;
}
#main h4 {   /* Set max and min font sizes */
  --max-font: 21;
  --min-font: 13;
  /*font-family: var(--main-font);*/
  font-size: var(--responsive);
} 
body, p, #cookieChoiceInfo span { /* Set max and min font sizes */
  --max-font: 18;
  --min-font: 12;
  font-size: var(--responsive);
  line-height:1.3;
}
#slides span{
	font-size: 1.6vw;
	line-height:2.5vw;
	padding:2%;
  }
#main {padding:0 1.5%;}

.starttext p{ /* Set max and min font sizes */
  --max-font: 16;
  --min-font: 12;
  font-size: var(--responsive);
  line-height:1.5;
}
.teasbox{ 
  width:31.5%;
  max-width:31.5%;
}
.ce_text h3{
	white-space: normal;
	height:2.5rem;
	}
.bauteil p, #cookieChoiceInfo span{ /* Set max and min font sizes */
  --max-font: 16;
  --min-font: 12;
  font-size: var(--responsive);
  line-height:1.3;
}
.teasbox div.over {
  --max-font: 24;
  --min-font: 16;
  font-size: var(--responsive);/* CE 28.11. */
  padding:7% 3% 0 3%;/* rechts und links nur minimales padding damit es nicht an den Rand kommt */
  line-height: 4vw;
  height:12vw;
 }   
.teasbox a .over span.serpentine, .teasbox a .over span.ethno{ /* Set max and min font sizes */
  --max-font: 24;
  --min-font: 18;
  font-size: var(--responsive);
  line-height:1.3;
  text-transform: capitalize;
}
.teasbox .over img{
	max-width:96%;
	height:auto;
	}  
.descr ul li, .descr p { /* Set max and min font sizes */
  --max-font: 17;
  --min-font: 12;
  font-size: var(--responsive);
  line-height:1.2;
}
#main .pagehead h1.ce_headline{
	display: inherit;
    position:relative;
	font-size:1.2rem;
	width:100%; 
	line-height: 1.52rem;
	padding-top:0.5rem;
	padding-bottom:0.5rem;
	}

#main #leinen h1.ce_headline{ top: 0;}
#main #geschirre h1.ce_headline{ top: 0;}
#main #halsungen h1.ce_headline{ top: 0;}
#main #sonstige-ausruestung h1.ce_headline, #main .sonst h1{ top: 0;}

#aktuelles p{
  --max-font: 16;
  --min-font: 12;
  font-size: var(--responsive);
  line-height:1.2;
}
#footer,#footer p,#footer a{ /* Set max and min font sizes */
  --max-font: 14;
  --min-font: 11;
  font-size: var(--responsive);
}
#footer .fblock4{
	white-space: nowrap;
	flex: 3;
	}
#footer .fblock{
	flex: 3;
	}
#footer div.fblock:first-of-type{
	flex: 2;
	padding-left:2%;
	}
.image_container .caption  { /* Set max and min font sizes */
  --max-font: 12;
  --min-font: 10;
  font-size: var(--responsive);
}
.sizetab  {font-size:0.72rem;max-width:100%;}
}

/* Klassen für Tabellen mit Fullwidth bei Small Screens */
/*div.ce_table.sizetab.fashion_half, div.ce_table.sizetab.deluxe_half{
    display:none;
    } */
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/


/* =============================================================================
 * smart phones  (s / small screens)   ______ 600 bis 767 px
 * ========================================================================== */
@media screen and (min-width:600px) and (max-width: 767px) {  
    body, body p, .ce_text_imagebox:not(.vcenter) .inside {    
    line-height:1.3;
    }   
    /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/ 
#top-bar .logo {
	max-width:35%;
}
#top-bar .top.claim{
	display:block;	
	}	
#top-bar h1.claim{
  --max-font: 16;
  --min-font: 13;
  font-size: var(--responsive);
  line-height:1.2;
  font-weight:normal;
 } 	
#top-bar .hund	{width:9%;}
#top-bar .hund figure{	
	position:relative;
	width:100%;
	top:50%;
	transform:translateY(-50%);
	}
#top-bar .ce_image.shop {
    margin: 0;
    height: auto;
	width:10%;
}   
nav#mainnav a, nav#mainnav span{
  --max-font: 28;
  --min-font: 13;   
  font-size: var(--responsive);
	}    
#main h1 {    /* Set max and min font sizes */
  --max-font: 26;
  --min-font: 17;       
  font-size: var(--responsive);
  font-weight: 700;
  margin-top:calc(1.1(var(--responsive)));
  margin-bottom:calc(0.9(var(--responsive)));
}
#main h2, .headl2 {  /* Set max and min font sizes */
  --max-font: 23;
  --min-font: 16;   
  font-size: var(--responsive);
  }
#main h3, .sizetab h3 {   /* Set max and min font sizes */
  --max-font: 19;
  --min-font: 15;
  font-size: var(--responsive);  
  font-weight:500;
  margin-top:1.2rem;
}
#main 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);
}
body, p, #cookieChoiceInfo span { /* Set max and min font sizes */
  --max-font: 16;
  --min-font: 12;
  font-size: var(--responsive);
  line-height:1.3;
}
#slides span{ /* Set max and min font sizes */
  --max-font: 17;
  --min-font: 12;
  font-size: var(--responsive);
  line-height:1.3;
  }
#main {padding:0 1.5%;}

.starttext p{ /* Set max and min font sizes */
  --max-font: 15;
  --min-font: 12;
  font-size: var(--responsive);
  line-height:1.5;
}
.claim_bauteil { /* Set max and min font sizes */
  --max-font: 16;
  --min-font: 12;
  font-size: var(--responsive);
  line-height:1.35;
}
.bauteil p, #cookieChoiceInfo span{ /* Set max and min font sizes */
  --max-font: 16;
  --min-font: 12;
  font-size: var(--responsive);
  line-height:1.3;
}
.teasbox div.over {
  --max-font: 23;
  --min-font: 15;
  font-size: var(--responsive);/* CE 28.11. */
  padding:7% 3% 0 3%;/* rechts und links nur minimales padding damit es nicht an den Rand kommt */
  line-height:1.3;
  height:12vw;
 }   
.teasbox a .over span.serpentine, .teasbox a .over span.ethno{ /* Set max and min font sizes */
  --max-font: 23;
  --min-font: 16;
  font-size: var(--responsive);
  text-transform: capitalize;
}
.descr ul li, .descr p { /* Set max and min font sizes */
  --max-font: 16;
  --min-font: 12;
  font-size: var(--responsive);
  line-height:1.2;
}   
.home-banner {font-size:1vw;line-height:1.14vw;}
#main .pagehead h1.ce_headline{	
	--max-font: 24;
    --min-font: 14;
    font-size: var(--responsive);
	width:100%; 
	line-height: 1.52;
	padding-top:0.5rem;
	padding-bottom:0.5rem;
	}
#main #leinen h1.ce_headline{ top: 0;}
#main #geschirre h1.ce_headline{ top: 0;}
#main #halsungen h1.ce_headline{ top: 0;}
#main #sonstige-ausruestung h1.ce_headline, #main .sonst h1{ top: 0;}

.image_container .caption  { /* Set max and min font sizes */
  --max-font: 12;
  --min-font: 10;
  font-size: var(--responsive);
}
.halfwidthtable  {
	width: 60%;
	padding:1%;
}
div.ce_table.sizetab.fashion_half{
    width: 99%;
	padding:0 1%;
    display:block;
    }
.ce_table.sizetab.l_longtab,.l_longtab, .deluxe_half{
   display:none;
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
} 
/* =============================================================================
 * M O B I L E   N A V I G A T I O N (s / small screens)   ______ bis 700 px
 * ========================================================================== */
@media screen  and (max-width: 700px) {  
#meta-bar{
	display:flex;
	flex-direction:row;
	justify-content:flex-end;
}
#top-bar h1.claim{
  --max-font: 15;
  --min-font: 13;
  font-size: var(--responsive);
  line-height:1.2;
  font-weight:normal;
 }
nav#meta{	
	position:relative;	
	text-align:right;	
	margin-right:1%;
}
.nav_mobile {
    display:block;
  }
nav.nav_mobile ul li a, nav.nav_mobile ul li span{  
	--max-font: 18;
	--min-font: 13;
	font-size: var(--responsive);
}
#mainnav {
	display:none;
}
div.ce_table.sizetab.fashion_half,div.ce_table.sizetab.deluxe_long{
    width: 99%;
	padding:0 1%;
    display:block;
    }
.halfwidthtable  {
	width: 60%;
	padding:1%;
}
.ce_table.sizetab.l_longtab,.l_longtab,div.ce_table.sizetab.deluxe_half {
   display:none;
}
.sizetab  {
    font-size:0.65rem;
    max-width:100%;
    }
 #footer{	
	padding:0.7rem ;
 } 
} 
/* =============================================================================
 * smart phones  (s / small screens)   ______ 500 bis 599 px
 * ========================================================================== */
@media screen  and (max-width: 599px) {  
#top-bar .logo {
	max-width:35%;
}
#top-bar .hund	{width:9%;}
#top-bar .hund figure{	
	position:relative;
	width:100%;
	top:50%;
	transform:translateY(-50%);
	}
#top-bar h1.claim{
  --max-font: 15;
  --min-font: 13;
  font-size: var(--responsive);
  line-height:1.2;
  font-weight:normal;
 }	

#top-bar .ce_image.shop {
    margin: 0;
    height: auto;
	width:10%;
}
nav#meta a, nav#meta span, #meta-bar .nav-toggler__button {
  --max-font: 17;
  --min-font: 11;
  font-size: var(--responsive);
}
nav#mainnav a, nav#mainnav span{
  --max-font: 18;
  --min-font: 13;
  font-size: var(--responsive);
	}
h1 {    /* Set max and min font sizes */
  --max-font: 20;
  --min-font: 13;       
  font-size: var(--responsive);
  font-weight: 700;
  margin-top:calc(1.1(var(--responsive)));
  margin-bottom:calc(0.9(var(--responsive)));
}
h2 {  /* Set max and min font sizes */
  --max-font: 18;
  --min-font: 13;   
  font-size: var(--responsive);
  font-weight:500;
  }
h3 {   /* Set max and min font sizes */
  --max-font: 17;
  --min-font: 12;
  font-size: var(--responsive);       
}
h4 {   /* Set max and min font sizes */
  --max-font: 16;
  --min-font: 12;
  /*font-family: var(--main-font);*/
  font-size: var(--responsive);
} 
body, p  { /* Set max and min font sizes */
  --max-font: 15;
  --min-font: 12;
  font-size: var(--responsive);
  line-height:1.3;
}
#slides span{ /* Set max and min font sizes */
  --max-font: 15;
  --min-font: 12;
  font-size: var(--responsive);
  line-height:1.2;
  }
#main {padding:0 1.5%;}

.starttext p{
	width:90%;
	margin:0 5%;
	--max-font: 15;
    --min-font: 12;
    font-size: var(--responsive);
    line-height:1.5;
	}
.home-banner img{
	width:90%;
	margin-right:10%;
	}
.bauteil p, #cookieChoiceInfo span{ /* Set max and min font sizes */
  --max-font: 15;
  --min-font: 12;
  font-size: var(--responsive);
  line-height:1.3;
}
.teasbox div.over {
  --max-font: 20;
  --min-font: 14;
  font-size: var(--responsive);/* CE 28.11. */
  padding:7% 3% 0 3%;/* rechts und links nur minimales padding damit es nicht an den Rand kommt */
  height:12vw;
  line-height:1.3;
 }  
.teasbox a .over span.serpentine, .teasbox a .over span.ethno{ /* Set max and min font sizes */
  --max-font: 22;
  --min-font: 14;
  font-size: var(--responsive);
  line-height:1.3;
  text-transform: capitalize;
}
.descr ul li, .descr p { /* Set max and min font sizes */
  --max-font: 17;
  --min-font: 12;
  font-size: var(--responsive);
  line-height:1.2;
}	
.claim_bauteil{font-size:2vw;}
.serpentine {font-size: 2.3vw;}
#main .pagehead h1.ce_headline{	
	--max-font: 22;
    --min-font: 14;
    font-size: var(--responsive);
	width:100%; 
	line-height: 1.52;
	padding-top:0.3rem;
	padding-bottom:0.3rem;
	}
.sizetab { /* Set max and min font sizes */
  --max-font: 15;
  --min-font: 10;
  font-size: var(--responsive);
  line-height:1.2;
}
 .halfwidthtable, #table_290, #table_306, #table_313, #table_326, #table_420, #table_423,
#table_460, #table_276, #table_441, #table_448, #table_457, #table_466, #table_468,
 #table_529, #table_523, #table_557, #table_563, #table_566, #table_602,
#table_611, #table_618,  #table_659, #table_667, #table_668, #table_671,#table_710  {
	width: 60%;
	padding:1%;
}
div.ce_table.sizetab.fashion_half table,div.ce_table.sizetab.deluxe_half table{
    width: 80%;
	padding:0 1%;
    display:block;
    }
.ce_table.sizetab.l_longtab,.l_longtab, div.ce_table.sizetab.deluxe_long{
   display:none;
}
div.ce_table.sizetab.deluxe_half{
    width:80%;
}

}
/* =============================================================================
 * smart phones  (s / small screens)   ______ bis 500 px
 * ========================================================================== */
@media (max-width: 500px){
#top-bar .logo {
	width:35%;
}
#top-bar .ce_image.shop {
    margin: 0;
    height: auto;
	width:10%;
}
nav#meta a, nav#meta span, #meta-bar .nav-toggler__button {
  --max-font: 16;
  --min-font: 11;
  font-size: var(--responsive);
}
nav#meta a, nav#meta span{
	padding:0 0.4rem;
	}
nav#mainnav a, nav#mainnav span{
  --max-font: 18;
  --min-font: 13;   
  font-size: var(--responsive);
	}
h1 {    /* Set max and min font sizes */
  --max-font: 20;
  --min-font: 13;       
  font-size: var(--responsive);
  font-weight: 700;
  margin-top:calc(1.1(var(--responsive)));
  margin-bottom:calc(0.9(var(--responsive)));
}
h2 {  /* Set max and min font sizes */
  --max-font: 18;
  --min-font: 13;   
  font-size: var(--responsive);
  }
h3 {   /* Set max and min font sizes */
  --max-font: 17;
  --min-font: 12;
  font-size: var(--responsive);       
}
h4, .cboxTitle {   /* Set max and min font sizes */
  --max-font: 16;
  --min-font: 12;
  /*font-family: var(--main-font);*/
  font-size: var(--responsive);
} 
body, p  { /* Set max and min font sizes */
  --max-font: 14;
  --min-font: 12;
  font-size: var(--responsive);
  line-height:1.3;
}
#slides span{ /* Set max and min font sizes */
  --max-font: 14;
  --min-font: 12;
  font-size: var(--responsive);
  line-height:1.2;
  }
#main {padding:0 1.5%;}

.starttext{
	width:90%;
	margin:0 5%;
	font-size:2.5vw;
	}
.home-banner img{
	width:90%;
	margin-right:10%;
	}
.bauteil p, #cookieChoiceInfo span{ /* Set max and min font sizes */
  --max-font: 15;
  --min-font: 12;
  font-size: var(--responsive);
  line-height:1.3;
}
.teasbox div.over {
  --max-font: 20;
  --min-font: 14;
  font-size: var(--responsive);/* CE 28.11. */
  padding:7% 3% 0 3%;/* rechts und links nur minimales padding damit es nicht an den Rand kommt */
  height:12vw;
  line-height:1.3;
 }  
.teasbox a .over span.serpentine, .teasbox a .over span.ethno{ /* Set max and min font sizes */
  --max-font: 22;
  --min-font: 14;
  font-size: var(--responsive);
  line-height:1.3;
  text-transform: capitalize;
}
.descr ul li, .descr p { /* Set max and min font sizes */
  --max-font: 17;
  --min-font: 12;
  font-size: var(--responsive);
  line-height:1.2;
}
.claim_bauteil{font-size:2vw;}
.serpentine {font-size: 2.3vw;}
nav#mainnav ul.level_1{
	padding-left: 1.3em;
	display: flex;
	}
.top.claim{ display: inherit; width:40%;}
.top.claim p{ display: none;}
.sizetab { /* Set max and min font sizes */
  --max-font: 15;
  --min-font: 10;
  font-size: var(--responsive);
  line-height:1.2;
}
 .halfwidthtable, #table_290, #table_306, #table_313, #table_326, #table_420, #table_423,
#table_460, #table_276, #table_441, #table_448, #table_457, #table_466, #table_468,
 #table_529, #table_523, #table_557, #table_563, #table_566, #table_602,
#table_611, #table_618,  #table_659, #table_667, #table_668, #table_671,#table_710  {
	width: 60%;
	padding:1%;
}
div.ce_table.sizetab.fashion_half table,div.ce_table.sizetab.deluxe_half table{
    width: 99%;
	padding:0 1%;
    display:block;
    }
.l_longtab, .deluxe_long{
   display:none;
}
.ce_table.sizetab.l_longtab{
    display:none;
}

}


/*******************************************/
/* 48. COOKIE Note gem Webagentur Meerbusch*/
/*******************************************/
#cookieChoiceInfo{
   z-index:1000;
  text-align:center;
  border:1px solid #111;
  border-radius:5px;
  position:fixed;
  width:300px;     
  overflow:auto; 
  -webkit-animation: fadeInRight ease-in 1;
    -moz-animation: fadeInRight ease-in 1;
    animation: fadeInRight ease-in 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 1);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 1);
  } 
#cookieChoiceInfo span {  font-size:12px;}
#cookieChoiceInfo a{
  box-sizing:border-box;
  padding:4px 13px;
  color:#e4e4e3;
  margin:5px;display:block;
  clear:both;
  background:#19731c;
  border:2px solid transparent;border-radius:5px;
  letter-spacing:2px;
  font-size:12px;
  font-weight:500;
  text-decoration:none ;
  text-transform: uppercase;
  }       
#cookieChoiceInfo a:hover{
  font-weight:400;
  color:#fff;background:#007506;text-decoration:none;outline:0
  }
/* END COOKIE Hint */


/* ****** .nav-toggler *******/
@media screen and (min-width: 701px) {
  .nav-toggler {
    display: none;
  }
}

	
/**************************************************/
/* S O C I A L - M E D I A  L I N K S an d. Seite */
/**************************Sind z. Zt. im Footer***/ 
/*.mod_socials {
    position: fixed;
    right: 0;
    z-index: 1000;
    top: 199px;
} 
.mod_socials .social-icons i {
    padding: 10px 5px;
    width: 2.5vw;
    text-align: center;
    font-size: 1.5vw;
    color: rgb(255,255,255);
}  
.mod_socials a {
    display: block;
}
.mod_socials i.fa-facebook {
    background: rgb(67,96,152);
}
.mod_socials i.fa-youtube {
    background: rgb(220,33,48);
}
.mod_socials i.fa-instagram {
    background: rgb(167,124,98);
}*/