/* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */ legend{width:100%;display:block;font-weight:bold;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:transparent}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} /* Contao Open Source CMS, (c) 2005-2015 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:normal}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:bold}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} /* allgemeine Definition */ .sc { margin-left:0 !important; margin-right:0 !important; padding-left:0 !important; clear:none !important; } .sc-first { clear: both !important; } .sc-last { } .sc-clear { clear:left; } .sc-rowspan > * { margin: 0!important; padding: 0!important; } /* 2-spaltig */ .sc2 { width:49.5%;padding-right:1%;float:left;display:inline; } .sc2-first { clear:left; } .sc2-last { padding-right:0; } /* 3-spaltig */ .sc3 { width:32.3%;padding-right:1%;float:left;display:inline; } .sc3-first { clear:left; } .sc3-last { padding-right:1.1%; } .sc3-2 { width:65.6%;padding-right:1%;float:left;display:inline; } .sc3-2-first { clear:left; } .sc3-2-last { padding-right:1.1%; } /* 4-spaltig */ .sc4 { width:24%;padding-right:1%;float:left;display:inline; } .sc4-first { clear:left; } .sc4-last { } .sc4-2 { width:49%;padding-right:1%;float:left;display:inline; } .sc4-2-first { clear:left; } .sc4-2-last { } .sc4-3 { width:74%;padding-right:1%;float:left;display:inline; } .sc4-3-first { clear:left; } .sc4-3-last { } /* 5-spaltig */ .sc5 { width:19%;padding-right:1%;float:left;display:inline; } .sc5-first { clear:left; } .sc5-last { } .sc5-2 { width:39%;padding-right:1%;float:left;display:inline; } .sc5-2-first { clear:left; } .sc5-2-last { } .sc5-3 { width:59%;padding-right:1%;float:left;display:inline; } .sc5-3-first { clear:left; } .sc5-3-last { } .sc5-4 { width:79%;padding-right:1%;float:left;display:inline; } .sc5-4-first { clear:left; } .sc5-4-last { } /* MediaElement.js, (c) 2010-2014 John Dyer, MIT license */ .mejs-offscreen{position:absolute !important;top:-10000px;left:-10000px;overflow:hidden;width:1px;height:1px}.mejs-container{position:relative;background:#000;font-family:Helvetica,Arial;text-align:left;vertical-align:top;text-indent:0}.mejs-audio{margin-top:18px}.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.16.4/images/bigplay.svg") no-repeat}.no-svg .mejs-overlay-button{background-image:url("../../assets/jquery/mediaelement/2.16.4/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.16.4/images/background.png");background:rgba(0,0,0,0.9);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(50,50,50,0.9)),to(rgba(0,0,0,0.9)));background:-webkit-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:-moz-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:-o-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:-ms-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:linear-gradient(rgba(50,50,50,0.9),rgba(0,0,0,0.9))}.mejs-overlay-loading span{display:block;width:80px;height:80px;background:transparent url("../../assets/jquery/mediaelement/2.16.4/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.16.4/images/background.png");background:rgba(0,0,0,0.7);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(50,50,50,0.7)),to(rgba(0,0,0,0.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-moz-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-o-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-ms-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:linear-gradient(rgba(50,50,50,0.7),rgba(0,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:transparent url("../../assets/jquery/mediaelement/2.16.4/images/controls.svg") no-repeat}.no-svg .mejs-controls .mejs-button button{background-image:url("../../assets/jquery/mediaelement/2.16.4/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,0.8);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(30,30,30,0.8)),to(rgba(60,60,60,0.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-moz-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-o-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-ms-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:linear-gradient(rgba(30,30,30,0.8),rgba(60,60,60,0.8))}.mejs-controls .mejs-time-rail .mejs-time-buffering{width:100%;background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.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{from{background-position:0 0}to{background-position:30px 0}}@-moz-keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}@-ms-keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}@-o-keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}@keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}.mejs-controls .mejs-time-rail .mejs-time-loaded{background:#3caac8;background:rgba(60,170,200,0.8);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(44,124,145,0.8)),to(rgba(78,183,212,0.8)));background:-webkit-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:-moz-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:-o-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:-ms-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:linear-gradient(rgba(44,124,145,0.8),rgba(78,183,212,0.8));width:0}.mejs-controls .mejs-time-rail .mejs-time-current{background:#fff;background:rgba(255,255,255,0.8);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,0.9)),to(rgba(200,200,200,0.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-moz-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-o-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-ms-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:linear-gradient(rgba(255,255,255,0.9),rgba(200,200,200,0.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.16.4/images/background.png");background:rgba(50,50,50,0.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,0.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,0.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,0.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,0.8);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(30,30,30,0.8)),to(rgba(60,60,60,0.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-moz-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-o-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-ms-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:linear-gradient(rgba(30,30,30,0.8),rgba(60,60,60,0.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,0.8);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,0.9)),to(rgba(200,200,200,0.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-moz-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-o-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-ms-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:linear-gradient(rgba(255,255,255,0.9),rgba(200,200,200,0.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.16.4/images/background.png");background:rgba(50,50,50,0.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 .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,0.7);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(50,50,50,0.7)),to(rgba(0,0,0,0.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-moz-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-o-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-ms-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:linear-gradient(rgba(50,50,50,0.7),rgba(0,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:0}.mejs-chapters .mejs-chapter .mejs-chapter-block:hover{background:#666;background:rgba(102,102,102,0.7);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(102,102,102,0.7)),to(rgba(50,50,50,0.6)));background:-webkit-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:-moz-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:-o-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:-ms-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:linear-gradient(rgba(102,102,102,0.7),rgba(50,50,50,0.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:bold;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:normal}.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.16.4/images/background.png");background:rgba(20,20,20,0.5);white-space:pre-wrap}.me-cannotplay a{color:#fff;font-weight:bold}.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.16.4/images/background.png");background:rgba(50,50,50,0.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.16.4/images/background.png");background:rgba(50,50,50,0.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.16.4/images/background.png");background:rgba(50,50,50,0.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:transparent;width:36px;font-size:11px;line-height:normal;color:#fff}.mejs-controls .mejs-speed-button .mejs-speed-selector{visibility:hidden;position:absolute;top:-100px;left:-10px;width:60px;height:100px;background:url("../../assets/jquery/mediaelement/2.16.4/images/background.png");background:rgba(50,50,50,0.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{visibility:visible}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected{color:rgba(33,248,248,1)}.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:white;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-skip-back-button{background:transparent url("../../assets/jquery/mediaelement/2.16.4/images/skipback.png") no-repeat;background-position:3px 3px}.mejs-controls .mejs-button.mejs-skip-back-button button{background:transparent;font-size:9px;line-height:normal;color:#fff} /* Contao Open Source CMS, (C) 2005-2013 Leo Feyer, LGPL license */ body,form{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%}.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#footer{clear:both} #main .inside{min-height:1px}.ce_gallery ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery li{float:left}.ce_gallery li.col_first{clear:left}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline}.custom{display:block}#container:after,.custom:after{content:".";display:block;clear:both;visibility:hidden} /*Procore-Web-Specials*/ .pr-specials-table { max-width:420px; } * {margin:0; padding:0; outline:none; border:0;} html{ height:100%; } html.start{ height:auto; } body{ font-family: 'Open Sans', sans-serif; font-weight:400; font-size:13px; -webkit-text-size-adjust: 100%; height:100%; min-height: 100vh; } body.ie8{ font-family: 'open_sansregular', sans-serif; } body.clear{background:white;} html, #container{ min-height: 100%; } input[type=search],input[type=submit], input[type=text], textarea,select { -webkit-appearance: none; -webkit-border-radius: 0; -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } .ce_form.tableless input.checkbox { width: auto; display: inline; } .ce_form.tableless .checkbox_container label { display: inline; } /*BGColor*/ body,teaser,#footer,#header{background:black;} .clear #main .inside, .clear #container, .clear .compareItems {margin:0;padding:0;} /*.mod_article.block{overflow:visible;}*/ /*headlines*/ h1,h2,h3,h4,h5,h6{margin-top:0;} .ie8 h1, .ie8 h2, .ie8 h3, .ie8 h4, .ie8 h5, .ie8 h6, .ie8 .einspalter #main .inside .mod_navigation li a, .ie8 .einspalter #main .inside .mod_navigation li span {font-family: 'open_sansbold', sans-serif;} h2 span, h2, .h2{font-size:18px;font-weight:700;text-transform:uppercase;line-height:21px;} .ie8 h2 span, .ie8 h2, .ie8 .h2 {font-family: 'open_sansbold', sans-serif;} .ie7 #header a{color:inherit;} .ie7 #footer a{color:inherit;} .textcontent.image h2{margin-top:20px;} .textcontent.image .headlinecontainer h2{margin-top:0px;} h3 span, h3, .h3{font-size:16px;font-weight:700;text-transform:uppercase;line-height:19px;margin-bottom:8px;} .ie8 h3 span, .ie8 h3, ie8 .h3{font-family: 'open_sansbold', sans-serif;} ul{margin:0;} li{list-style:none;} .ce_text li, .ce_accordion li { list-style:disc outside; margin:0 0 12px 17px; padding-left:5px; } .newsfooter .current, .newsfooter a:hover{ color:white; } span.image{ position:relative; display: block; line-height:0; } #reifendruckfinder input[type="number"]{ background-color: #333333; border: 1px solid #333333; border-top-color: black; border-right-color: black; border-bottom-color: black; border-left-color: black; box-shadow: #000000 0 2px 1px 0; color: white; height:40px; margin: 0; width: 40%; padding: 0 0.8rem; outline: none; } /*Absatz,Listen ... */ p, li, a, span { font-size: 13px; line-height: 160%; font-weight:400; } /*FullsizeBGImage CSS variante*/ .fullsize_content span.bgimage{ height:100%; position:fixed; width:100%; z-index:-1; } /*Intro*/ .intro.nomargin{padding-right:23px;} .intro, .image.ce_text {margin-bottom:20px;} .intro .textcontent p { font-size:16px; line-height:22px; color:black; } a{text-decoration:none;color:inherit;} .ce_text a, .accordion a, .mod_search .head span.url,a.routelink, a.maillink{color:#009de0;text-decoration:underline;} .ce_text a:hover, .accordion a:hover, .mod_search .head span.url:hover{text-decoration:none;} .ce_page_teaser a, .ce_text figure a{text-decoration:none;color:inherit;} .ce_text table, .ce_accordion table, .newsteaser table { border-top:1px solid silver; border-left:1px solid silver; border-collapse:collapse; font-size:12px; margin-top:25px; width:100% !important; } .ce_text table td,.ce_accordion table td,.ce_text table th,.ce_accordion table th,.newsteaser table td,.newsteaser table th { border-bottom:1px solid silver; border-right:1px solid silver; padding:3px 6px; vertical-align:center; text-align:left; } .ce_text table th, .ce_accordion table th, .newsteaser table th { font-weight:bold; background:#FFF; } .ce_text table tr:nth-child(odd), .ce_accordion table tr:nth-child(odd), .newsteaser table tr:nth-child(odd) { background: #F2F2F2; } .ce_text table tr:nth-child(even), .ce_accordion table tr:nth-child(even), .newsteaser table tr:nth-child(even) { background: white; } /*width 960px*/ .einspalter #main .inside,.content_inside,.zweispalter .content, .main_custom,ul.news_slideshow_pictures .inside, #header .inside,.footer_inside, .grayblock_inside{max-width:960px;} /*margin 0 auto*/ .grayblock_inside,.content_inside,.zweispalter .content,ul.news_slideshow_pictures .inside,#header .inside,.footer_inside{margin:0 auto;} /*float left*/ .faq .accordion > div,.left,.chooselang ul.level_1,.header_top .mod_navigation li,.header_bottom .mod_customnav li,.footer_bottom_bottom .mod_sitemap li,.footer_bottom_top .mod_sitemap li,.mod_sitemap ul.level_1 li.submenu,#left,.zweispalter #main,.newsfooter .pagination li,.newsfooter .pagination p,.newspagination,.header_top, .matrix .blockContent,.generals,.mod_newsreader .mod_schwalbedatenbank_show li.new .newsreader .ui-accordion-content,.newsreader .ui-accordion-content,.blockContentLeft, .blockContentRight,ul.headColumns,.scrollto li,.bannerlist li,.banner,.chooselang .level_1 .submenu,.header_top .mod_navigation,.captionholder span.captioncontent,.mod_newsschwalbeReader .nomargin .textcontent.image, div.back span,.paginate li,div.back, .paginate,.readerheader,.zitat .textcontent,.mod_newsreader #intro,ul.tabs li,.page_navigation a,.pager, .page_navigation,#video_sidebar ul.content,#video_sidebar,.mod_videolist .videocontent,.mod_videolist,.einspalter #main .inside .mod_navigation li{ float:left; } /*Height 100%*/ .fullsize_content,.navigation,ul.news_slideshow_pictures .inside, #main .inside,#header .inside{ height:100%; } /*Width 100%*/ .grayblock,.schlauchTabelle,.scooter-reader span.icon,.mod_newsreader .mod_schwalbedatenbank_show li.schwalbe_odd,.mod_newsreader .mod_schwalbedatenbank_show li.schwalbe_even,.footer_bottom_bottom, .footer_bottom_bottom .mod_sitemap ul,.footer_bottom_top, .footer_bottom_top .mod_sitemap ul,.pager, .page_navigation,.accordion,.accContent,.newscontent,.fullsize_content,.faq .ce_accordion table,.readerheader,.teaserholder,#wrapper,.compareItems >table,.compareItems table tbody,.compareItems table thead {width:100%;} #header .mod_customnav li span, #header .mod_customnav li.active span.active,#header .mod_customnav li a:hover,#header .mod_customnav li.trail a,#header .mod_navigation li.active span.active,#header .mod_navigation li a:hover,#header .mod_navigation li.trail a{color:white;} /*Left Right*/ .right{float:right;} .absolute{position:absolute;} .left_holder{position:relative;} /*Header*/ #header{ border-bottom:1px solid whiteSmoke; /*height:65px;*/ color:#b4b4b4; font-weight:400; line-height:190%; position:relative; z-index:3000001; } /*Header Top*/ .header_top { display: table; float: none; height: 40px; table-layout: fixed; width: 100%; } .ukheader { display: table-row; height: 100%; text-align: right; width: 100%; } .ukheader .row { display: table-cell; vertical-align: middle; width: 100%; } /*Header Bottom*/ /*.left.navigation{width:815px;} */ /*.navigation{width:800px;}*/ .header_top .mod_navigation li a,.header_top .mod_navigation li span { display: block; line-height: 1; } .header_top .mod_navigation li{ position:relative; z-index:20; } /*Logo*/ .mod_logo { position:absolute; z-index:60; } /*Logospacer*/ .logo{width:112px;height:100%;margin-right:33px;} .header_top .mod_navigation li{width:150px;margin-right:12px;} .header_top .mod_navigation li,.header_bottom .mod_navigation li,.header_bottom .mod_customnav li,.footer_bottom_bottom .mod_sitemap li,.footer_bottom_top .mod_sitemap li{ margin-right:53px; text-transform:uppercase; } .header_top .mod_navigation li{ margin-right: 95px; width: auto; } .header_bottom .mod_customnav li.last { margin-right:0; } .header_bottom .mod_customnav { clear:both; } /*Wrapper*/ #wrapper { /*min-height: 100%; height: auto !important; */ /*margin: 0 auto -350px;*/ overflow:hidden; position:relative; } /*.zweispalter #wrapper{ margin-bottom:-350px; } */ /*fix landingpages*/ /*#wrapper{ min-width: 1280px; }*/ .layout2016 #wrapper{ min-width: 0; min-height:100%; } .start.layout2016 #wrapper{ min-height: 680px; } .start #wrapper { min-height:680px; } .footer_inside{ min-width:960px; } .layout2016 .footer_inside{ min-width:0; } .start .slicknav_menu{ width:100%; position:absolute; } /*Container*/ #container{position:relative;padding:0 20px 80px;} .start #container{position:relative;padding-bottom:0px;z-index:0;} /*Main*/ /*#main .inside{margin-bottom:50px;}*/ .einspalter.start #main .inside{margin-bottom:0;padding-bottom: 80px;} /*Main Custom*/ .main_custom{margin:407px auto 0;position:relative;z-index:1000;} /*teaser*/ .g3{width:32.5333%;margin:0 1%.2 12px 0;} .g3.last{margin-right:0;} .main_custom .teaser{position:relative;height:auto;} .nomargin img{margin-left:23px;} /*Slideshow*/ /*FullsizeContent*/ .fullsize_content, .slider_content{ position:absolute; left:0; top:0; z-index:0; } .fullsize_content{ position:fixed; } /*Capionhead*/ .captionholder span { display:block; padding:0 px; } .captionholder span.h1, .captionholder span.h2 { font-size: 42px; font-weight: 800; letter-spacing: 0.03em; line-height: 1em; text-transform: uppercase; margin-bottom:20px; width:9 0vw; white-space:pre-line; } .caption span.captioncontent{ padding: 0; left:-500%; position:absolute; } .active .caption span.captionholder { -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -ms-transition-duration: 2s; -o-transition-duration: 2s; transition-duration: 2s; } .caption span.captionholder { -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -ms-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; } .captionholder span.slidermore { display:inline-block; font-size: 23px; font-weight: 600; line-height: 37px; margin-left: 8px; } /*Teasertext*/ .teasertext { color:white; font-weight:700; height:272px; left:0; padding:20px; top:0; width:272px; text-transform:uppercase; line-height:130%; font-size: 14px; letter-spacing: 0.08em; } .ie8 .teasertext { font-family: 'open_sansbold', sans-serif; } /*Ende Startseite*/ /*Layout Zweispalter*/ /*Left*/ #left .mod_navigation li, #left .mod_articleList li{color:silver;text-transform:uppercase;} #left .mod_navigation li.trail,#left .mod_navigation li.active,#left .mod_navigation li:hover, #left .mod_articleList li:hover{color:white;} #left .mod_navigation li span,#left .mod_navigation li a, #left .mod_articleList li a{padding:15px 0;display:block;border-top:1px solid silver;} #left .mod_navigation li.first span, #left .mod_navigation li.first a{ border-top:none; padding-top:0; } /*ScrolltoTop*/ #hb-gotop { background: url("/files/schwalbe/layout/images/scrollarrow.jpg") no-repeat scroll center center #19191b; bottom: 10px; cursor: pointer; height: 15px; padding: 10px; position: fixed; right: 91px; text-align: center; width: 15px; z-index: 1000; opacity:0.6; display:none; } #hb-gotop:hover{opacity:1;} /*Kalender*/ .mod_calendarExt h1{font-weight:normal;text-transform:uppercase;font-size:14px;color:silver;} .mod_calendarExt,#left tbody,#left thead{width:165px;display:table;} .days a{display:block;} .days, .days a{text-align:center;font-size:10px;text-align:center;} .days{border-right:1px solid black;border-top:1px solid black;padding:5px 3px;background:white;color:#333;} .days.active{background:#009de0;color:white;} .day{background:silver;font-size:11px;font-weight:normal;} /*.day .label { color:white; font-weight:300; padding:3px 0; text-align:center; text-transform:uppercase; width:21px; }*/ .day .label { color: #FFFFFF; font-weight: 300; padding: 5px 3px; text-align: center; text-transform: uppercase; width: 14%; font-size:9px; } .en .day .label, .nl .day .label,.fr .day .label,.it .day .label{ padding:5px 2px; } tr.day{ width:165px; } .days.col_last{border-right:0;} .month{color:silver;} .head.next,.head.prev { width:10px; } .head.prev{padding:0 5px 0 0; text-align:right;} .head.next{ text-align:left;display:inline;width:12px !important;text-align:right;} .month .head.current{width:100%;} .current span{} .month .head{font-weight:normal;text-transform:uppercase;font-size:14px;padding-bottom:3px;} /*Layout Einspalter*/ /*Zwischenseite*/ .einspalter #main .inside .mod_navigation { background-color: black; padding: 30px; } .einspalter #main .inside .mod_navigation li { float: left; width: 33%; margin-bottom: 10px; } .einspalter #main .inside .mod_navigation li a,.einspalter #main .inside .mod_navigation li span,.einspalter #main .inside .ce_page_list li > *{ color:white; text-transform:uppercase; /*font-size:52px; font-weight:700; display:inline-block; line-height:56px; text-shadow:rgba(0, 0, 0, 0.8) 1px 1px 2px;*/ -moz-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .ie8 .einspalter #main .inside .mod_navigation li a, .ie8 .einspalter #main .inside .mod_navigation li span{ font-family: 'open_sansbold', sans-serif; } .einspalter #main .inside .ce_page_list li > *:hover,.einspalter #main .inside .mod_navigation li:hover a,.einspalter #main .inside .mod_navigation li:hover span,.einspalter #main .inside .mod_navigation li.active span{color:#009DDF;} span.arrows { display:inline-block; font-size:32px; margin-left:10px; padding-bottom:0px; position:relative; top:-5px; } /*Layout Zweispalter*/ .zweispalter.suche .whitenomargin{position:relative;} /*Layout News*/ .newsteaser { color: #333333; display: block; height: 156px; margin:0; width: 65%; } .mod_newslist .newsteaser { height:auto; } .mod_newslist .newsteaser .teaserctnt,.einspalter article.layout_latest > a .newscontent .newsteaser .teaserctnt{ margin:25px; } .ce_download, .layout_latest{ opacity:1; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .ce_download > span{ /*float:none; */ } .ce_download:hover, .layout_latest:hover{ opacity:0.9; } .layout_latest a{display:block;} .news .mod_newslist .layout_latest a{ display:table; table-layout:fixed; width:100%; } .newsteaser span{display:block;} .zweispalter .layout_latest{background:white;margin-bottom:12px;width:100%;display:inline-block;} .zweispalter .layout_latest.last{ margin-bottom:0; } .newscontent{ display:table-row; } .event .newscontent{ padding:0; height:auto; width:100%; display:block; } .event .newscontent > span { display: block; padding: 20px; } /*Headlinecontainer*/ .headlinecontainer{margin-bottom:15px;} .headlinecontainer,.headlinecontainer >span{display:block;} .headlinecontainer >span{line-height:115%;} .headlinecontainer p{margin:0;} span.back,#haendlercontainer input.submit{ background-color:black; color:white; margin-top:10px; padding:5px 18px; position:absolute; text-transform:uppercase; } .mod_article span.back { background-color:black; color:white; margin-top:40px; padding:5px 18px; position:relative; text-transform:uppercase; display:block; float:left; } .einspalter article.layout_latest { display:block; } .zubehoer.einspalter article.layout_latest.teaser{ padding:20px; width:auto; } .zubehoer.einspalter article.layout_latest.teaser .newscontent{ display: table; table-layout: fixed; width: 100%; } .zubehoer.einspalter article.layout_latest.teaser .newscontent > span{ display:table-row; } .zubehoer.einspalter article.layout_latest.teaser .newscontent > span > *{ display:table-cell; float:none; vertical-align:middle; } .einspalter article.layout_latest > a{ display: table; table-layout: fixed; width: 100%; } .einspalter article.layout_latest > a .newscontent > * { display: table-cell; float:none; vertical-align:top; } /*.zweispalter article.layout_latest > a .newscontent > .newsteaser { padding: 20px; vertical-align:middle; }*/ .newsfooter span.back { margin:3px 0; background:none; position:relative; padding:0; text-transform:none; float:left; } span.more { display: inline-block; font-weight: 700; margin-left: 5px; } .featured span.more {} .image_container{position:relative;line-height:0;display:block;} .image_container.right { /* min-height:210px; */ /* width:250px; */ } .image_container.right .imageholder{} .main_right h3, .main_right h3, .ce_page_teaser h1,.ce_page_teaser .h1,.mod_videolist .description h1, .mod_newsreader h1, .mod_newsreader .newstitle{font-size:18px;font-weight:700;text-transform:uppercase;} .ie8 .main_right h3, .ie8 .ce_page_teaser h1, .ie8 .ce_page_teaser .h1, .ie8 .mod_videolist .description h1, .ie8 .mod_newsreader h1, .ie8 .mod_newsreader .newstitle{font-family: 'open_sansbold', sans-serif;} .mod_newsschwalbeReader h2, .main_right h3, form h2 span { margin-bottom:3px; } form .headline { border-bottom:2px solid silver; margin-bottom:30px; } form .widget { margin-bottom: 20px; } .readercontent .ce_text h1{ margin-bottom:10px; } .featured .newsteaser { width: auto; height: auto; } /*Produktreader*/ .mod_newsreader{ position:relative; } .mod_newsreader .ce_wrap { clear: both; display: table; /* max-width: 910px; */ table-layout: fixed; width: 100%; } .mod_newsreader #teaser.ce_wrap { display:block; width:auto; } .mod_newsreader #teaser.ce_wrap > .row{ display:table; table-layout:fixed; width:100%; } .mod_newsreader #intro { padding-top:25px; position:relative; float:none; } .mod_newsreader #intro ul { margin:0; } .mod_newsreader #intro ul li { list-style:none; margin-left:0; } .mod_newsreader h1 { line-height: 1.2em; margin-bottom: 20px; } .ie8 .mod_newsreader h1 { line-height: 1.2em; margin-bottom: 20px; font-family: 'open_sansbold', sans-serif; } /*Newsslider Gallery*/ .mod_newsschwalbeReader{background:white;} .mod_newsschwalbeReader .nomargin .textcontent.image{ width: 405px; } .mod_newsschwalbeReader .ce_text.nomargin{ margin-right:-20px; } .socialButtons{float:right; display:table; table-layout:fixed; width:auto; } .image_container.float_right{ margin-left:20px; } .readercontent .image_container.float_right { } /*Newsreader*/ .h1, h1 { font-family:'Open Sans'; font-size:21px; font-weight:700; margin:0px; text-transform:uppercase; line-height:24px; } .ie8 .h1, .ie8 h1 { font-family: 'open_sansbold', sans-serif; } .mod_newsschwalbeReader .headlinecontainer.ce_headline, .ce_headline{ margin-bottom:20px; } .accContent{ display:none; max-height:696px; } .schwalbe_odd .togglerhead li { } /*Newsreaderfooter*/ .newsfooter,.mod_eventreaderExt .ce_text{ margin:20px; } .newsfooter{ background-color:black; display:block; height:30px; margin:3px 0; padding:10px 25px; color:silver; clear:both; } .zweispalter.suche .whitenomargin,.zweispalter.suche .white{ } .newsfooter .pagination ul{float:right;} .newsfooter .pagination li span, .newsfooter .pagination li a, .newsfooter .pagination p{ font-size:11px; } .mod_newslist .newsfooter{ padding:15px 30px 5px; } .mod_newsschwalbeReader .ce_text.einklinker{ margin:20px 0px 20px 30px; } .newsfooter .pagination li{ margin-left:10px; } .newsfooter .pagination li.next a, .newsfooter .pagination li.previous a { color: black; display: block; text-indent: 6px; width: 20px; } .newsfooter .pagination li.next a:before, .newsfooter .pagination li.previous a:before { color: white; content: ">>"; display: block; font-size: 11px; line-height: 3px; padding: 9px 0 0; } .newsfooter .pagination li.previous a:before {content: "<<";} /*Newscontent*/ span.info{ line-height:150% !important; } .mod_eventreaderExt .layout_full,.mod_newsreader .layout_full > .block, .mod_newsreader .ce_wrap { background:white; margin-bottom:12px; padding:25px; position:relative; } /*Events*/ .mod_eventlistExt .empty{ background:white; padding:12px; min-height:300px; } .mod_eventreaderExt .layout_full{ padding:0; margin-bottom:3px; } /*FAQ*/ .faq-technik #left .mod_navigation li.first span,.faq-technik #left .mod_navigation li.first a{border-top:none;} .faq-technik #left .mod_navigation li.last span, .faq-technik #left .mod_navigation li.last a{border-bottom:none !important;} /*Akkordion*/ .ce_accordion{background:whiteSmoke;padding:0,margin:0;} .faq .ce_accordion{background:white;padding:0;margin-bottom:3px;} .accordion > div{margin:15px 15px 20px;} .faq .accordion > div {margin:12px 45px 12px 20px;} .toggler{display:block;text-transform:uppercase;cursor:pointer;font-size:16px;background:url("/files/schwalbe/layout/images/toogler_inactive.png") no-repeat scroll 98% 50% white;padding:10px 35px 10px 10px;} .faq .toggler{text-transform:none;padding:12px 45px 12px 20px; background-position: 94% 50%;} .toggler.ui-accordion-header-active{color:#004489;background:url("/files/schwalbe/layout/images/toogler_active.png") no-repeat scroll 98% 50% white;} .faq .toggler.ui-accordion-header-active{background-position: 94% 50%;} .akkordeon h2 {border-bottom:1px solid black;margin:20px 0 0;padding-bottom:10px;} /*Akk Video*/ .accordion .sc2.sc-first{ width:55%; } .accordion .sc2.sc-last { float:right; margin-left:18px !important; padding-left:15px !important; width:38%; border-left: 1px dotted silver; } .accordion .sc2 .ce_image {padding-left:15px;} .readercontent .sc2-last .ce_image,.sc2 .ce_image, .sc3 .ce_image {margin-bottom:12px;} .ce_accordion .text.image{ width:60%; } .ce_accordion .caption{ font-size:12px; margin-top:3px; display:block; } .ce_accordion .image_container.float_right { border-left-color:silver; border-left-style:dotted; border-left-width:1px; margin-bottom:35px; padding-left:20px; } /*Videomodul*/ .mod_videolist{ background:white; padding:12px; display:table-row; float:none; } .mod_videolist > *{ float:none !important; display:table-cell; vertical-align:top; } .white{ margin-bottom:12px; } .whitenomargin, .white{ background:white; float:none; } .white .ce_accordion,.whitenomargin .ce_accordion, .mod_search .layout_latest{ margin-bottom:0; border-bottom:1px solid silver; } .white .ce_accordion:last-child,.whitenomargin .ce_accordion:last-child{ border-bottom:none; } .mod_videolist li.lastitem-odd{} #videocontent{ position:relative;min-height:465px;width:65%; } #videoloader{background:white;margin-bottom:12px;} .mod_videolist .videocontent{margin:0;float:none !important;width:100%;} .mod_videolist #videoloader{ margin:12px; } .mod_videolist #videoloader iframe{ max-width:100%; } /*video section*/ /*Sidebar*/ #video_sidebar { float: none; padding: 12px 12px 12px 0; } #video_sidebar li img{ width:100%; height:auto; } #video_sidebar li.layout_latest{} #video_sidebar .layout_latest .image_container { margin-bottom:3px; overflow:hidden; } #video_sidebar h2, #video_sidebar .h2 { color:#666; display:block; font-size:12px; font-weight:700; line-height:1.5; margin-top:0; padding-top:0; } .ie8 #video_sidebar h2, .ie8 #video_sidebar .h2 { font-family: 'open_sansbold', sans-serif; } .mod_videolist .description{padding: 10px 20px 0 0;} .mod_videolist .description h1 { line-height:1.2; margin-bottom:15px; } #video_sidebar ul.content { min-height: 0; padding: 0; width: 100%; } .pager, .page_navigation{ position:relative; } .page_navigation a.next_link { float:right; text-align:right; } #paging_container{} #paging_container .content{} #paging_container .info_text{} .page_navigation a{ display:block; padding:2px 0px 2px; text-transform:uppercase; } .page_navigation a span { background-color:black; color:white; display:inline-block !important; float:none; height:24px; text-align:center; width:24px; font-size:16px; margin-left:5px; } .page_navigation a span.prev{ margin-left:0px; margin-right:5px; } ul.tabs { margin-top:-28px; position:absolute; right:0; top:0; } ul.tabs li a { background-color: white; color: #333333; display: block; font-weight: bold; margin-left: 1px; padding: 3px 8px 2px; text-align: center; width: 112px; border-bottom:none; text-transform:uppercase; font-size:15px; } ul.tabs li a.selected{ border-bottom:1px solid white; } .no_more,.page_navigation a.first_link,.page_navigation a.last_link,.page_navigation a.page_link,.page_navigation span{display:none !important;} /* ///// Main //// */ /*Banner*/ .banner{width:100%;margin-bottom:100px;overflow:hidden;} .bannerlist li{ overflow:hidden; position:relative; } .bannerlist li img{ width:100%; height:auto; } .bannerlist li.g1{ width:100%; } .bannerlist li.g2{ width:48.2%; margin-right:0.8%; } .bannerlist li.g3{ width:32.6667%; margin-right:0.8%; } .bannerlist li.banner_text{ background:black; } .bannerlist li.banner_text .h2 { color:white; display:block; font-size:36px; line-height:42px; margin-bottom:5px; width:auto; } .bannerlist li.banner_text span.banner_comment{ display:block; position:static; margin:0; padding:0; } .bannerlist li.banner_text span.banner_comment span { display:inline-block; font-size:15px; line-height:24px; } .bannerlist li.banner_text a { display:block; height:100%; width:100%; } .bannerlist li.banner_text span.bannercontent { display:block; padding:20px; position:absolute; bottom:0; } span.banner_comment { color:white; font-size:21px; font-weight:700; left:12px; line-height:26px; position:absolute; text-shadow:rgba(0, 0, 0, 0.8) 1px 0 5px; top:11px; } .ie8 span.banner_comment { font-family: 'open_sansbold', sans-serif; } .bannerlist li:last-of-type{ margin:0; } /* ////////////////////////////////Footer///////////////////////////////////// */ #footer{font-size:12px;line-height:190%;border-top:1px solid whiteSmoke;color:silver;padding:0 20px 20px;position:relative;z-index:1;} #footer a{color:silver; font-size:11px} .footer,.push{height: 350px;clear:both;} .push{ /*display:none;*/ } .footer{ height:auto; } .start .footer, .start .push{height: 350px;clear:none;} /*hide pages in sitemap*/ #footer .hidden{display:none;} /*Facebooklink*/ a.fb{display:block;margin-top:25px;float:right;} a.fb img{width:20px;} /*Footer Zweispalter*/ .zweispalter .footer, .zweispalter .push{clear:both;} .footer_inside{padding-top:50px;display:table; table-layout:fixed; width:100%;} .footer_bottom{margin-top:20px;} .footer_bottom_bottom{margin-top:15px;} .footer_bottom_bottom .mod_sitemap ul.level_1 li a,.footer_bottom_bottom .mod_sitemap li,.footer_bottom_bottom .mod_sitemap li a.level_1{text-transform:none;} .footer p,.footer_bottom_bottom .mod_sitemap ul.level_1 li a,.footer_bottom_top .mod_sitemap ul.level_1 li a{font-size:11px;} .footer p {line-height: 188%;margin-bottom: 22px;} /*Sitemap*/ .footer_top .mod_sitemap{margin-bottom:55px;} .mod_sitemap ul.level_1 li.submenu{margin-right:35px;width:auto;max-width:214px;} .mod_sitemap ul.level_1 li a, .mod_sitemap ul.level_1 li span{text-transform:uppercase;font-size:11px;display:block;} .mod_sitemap ul.level_2{margin-top:10px;} .mod_sitemap ul.level_2 li {font-weight: 400;margin-bottom: 2px;} .mod_sitemap ul.level_2 li.submenu{float:none;} .mod_sitemap ul.level_2 li a, .mod_sitemap ul.level_2 li span{text-transform:none;display:block;line-height:1;font-size:11px;line-height:21px;} /*Sitemap Sprachanpassungen*/ body.it .footer_bottom_top .mod_sitemap li{margin-right:50px;} body.nl .footer_bottom_top .mod_sitemap li{ margin-right:40px; } /*Produktreader*/ span.video, span.database, span.features{ background:url("/files/schwalbe/layout/images/Icon_play.jpg") no-repeat scroll 0 0 transparent; text-indent:-9999px; width:36px; height:36px; display:block; } .newstitle { left: 40px; position: absolute; text-shadow: 0 0 15px white; text-transform: uppercase; top: 43px; z-index: 20; } .gallholder > div > .rg-image-wrapper{ margin-top:51px; } span.icon{ width:20px; height:20px; background:url("/files/schwalbe/layout/images/arrow_down_black.png") no-repeat scroll center center transparent; position:absolute; right:0; top:0; padding-right:0px; } .scrollto span.press { background: transparent url("/files/schwalbe/layout/images/pokal.jpg") no-repeat scroll 0 0; display: block; height: 36px; width: 36px; background-size:36px; } span.ui-state-active.icon{ background:url("/files/schwalbe/layout/images/arrow_close_black.png") no-repeat scroll center center transparent; } .scrollto span.teaser{background:url("/files/schwalbe/layout/images/Icon_tool.jpg") no-repeat scroll 0 0 transparent;width:36px;height:36px;display:block;} ul.headColumns { background: none repeat scroll 0 0 black; border-bottom: 1px solid white; color: white; padding: 3px 0 5px; width: 100%; } ul.headColumns li { margin-left:70px; width:130px; } ul.headColumns{ display:table-row; } .mod_schwalbedatenbank_show h1, #teaser h1 { margin-bottom:10px; font-size:14px; margin-top:20px; } #teaser h1 { margin-top:0; margin-bottom:20px; } .mod_schwalbedatenbank_show h1:first-child{ margin-top:0; } .blockContent:nth-child(2n+0){} .blockContentLeft, .blockContentRight{ width:200px; margin-bottom:10px; } .blockContentLeft{ font-weight:bold; } .blockContentRight{ margin-left:10px; width:300px; } .generals .blockContent{ clear:both; margin: 10px 15px; } .chrome ul.tabs{ margin-top:-30px; } .ajaxloader { background:url("/files/schwalbe/layout/images/ajax-loader.gif") no-repeat scroll 0 0 transparent; height:24px; left:47%; position:absolute; top:29%; width:24px; } .mod_videolist #videoloader{ position:relative; } .newsreader .ui-accordion-content { background: none repeat scroll 0 0 white; border-top: 1px solid white; /* margin-left: -15px;*/ margin-top: 0; padding: 0; float:none; display:block; } .mod_newsreader .mod_schwalbedatenbank_show li.new .newsreader .ui-accordion-content{ background: none repeat scroll 0 0 #EFEFEF; border-top: 1px solid white; margin-left: -15px; margin-top: 5px; padding: 15px 70px 50px; width: 782px; } .ce_download, .ce_download span{ display:block; float:none; } .ce_download, .ce_download span{ display:block; } .infocenter .ce_download span.headlinecontainer { clear:both; float:left; width:65%; } .infocenter .ce_download span.downloadtext{ width:65%;} .ce_download span.mime,.ce_download span.size{display:inline-block;} .ce_download span.mime { margin-right: 10px; position: relative; top: 4px; } .star0, .star1, .star2, .star3, .star4, .star5, .star6, .quader1,.star2, .quader2, .quader3, .quader4, .quader5, .quader6{ display:block; height:20px; width:200px; } .blockContentFULL.blau { margin-bottom: 10px; max-width: 100px; width: 65%; } .blockContentFULL.spaceAfter.blau{ margin-bottom:15px; text-transform:uppercase; line-height:16px; max-width:none; width:100%; } .blockContentFULL > span{ background-size:contain; } .quader0-00 { background:url("/files/schwalbe/layout/images/quader0-00.png") no-repeat; } .quader0-50 { background:url("/files/schwalbe/layout/images/quader0-50.png") no-repeat; } .quader1-00 { background:url("/files/schwalbe/layout/images/quader1-00.png") no-repeat; } .quader1-50 { background:url("/files/schwalbe/layout/images/quader1-50.png") no-repeat; } .quader2-00 { background:url("/files/schwalbe/layout/images/quader2-00.png") no-repeat; } .quader2-50 { background:url("/files/schwalbe/layout/images/quader2-50.png") no-repeat; } .quader3-00 { background:url("/files/schwalbe/layout/images/quader3-00.png") no-repeat; } .quader3-50 { background:url("/files/schwalbe/layout/images/quader3-50.png") scroll no-repeat 0 0 transparent; } .quader4-00 { background:url("/files/schwalbe/layout/images/quader4-00.png") no-repeat; } .quader4-50 { background:url("/files/schwalbe/layout/images/quader4-50.png") no-repeat; } .quader5-00 { background:url("/files/schwalbe/layout/images/quader5-00.png") no-repeat; } .quader5-50 { background:url("/files/schwalbe/layout/images/quader5-50.png") no-repeat; } .quader6-00 { background:url("/files/schwalbe/layout/images/quader6-00.png") no-repeat; } .quader6-50 { background:url("/files/schwalbe/layout/images/quader6-50.png") no-repeat; } .quader7-00 { background:url("/files/schwalbe/layout/images/quader7-00.png") no-repeat; } .blockContentFULL { margin-bottom:0px; } .blockContentFULL span{ display:block; height:20px; } .border-top{ border-top:1px solid silver; padding-top:10px; } .outerFade { width:100%; z-index:10; } .scooter-reader .mod_newsreader .mod_schwalbedatenbank_show li.schwalbe_even, .scooter-reader .mod_newsreader .mod_schwalbedatenbank_show li.schwalbe_odd{ padding:0; height:auto; } .mod_newsreader .mod_schwalbedatenbank_show li.schwalbe_odd{ background-color:whiteSmoke; } .mod_newsreader .mod_schwalbedatenbank_show li.schwalbe_even:hover .outerFade, .mod_newsreader .mod_schwalbedatenbank_show li.schwalbe_odd:hover{ /*background-color:#009de0; color:white;*/ cursor:pointer; } .mod_newsreader .mod_schwalbedatenbank_show li.new { width:100%; } .mod_newsreader .mod_schwalbedatenbank_show li.new::before { background: transparent url("/files/schwalbe/layout/images/flagleft.jpg") no-repeat scroll 0 0; content: ""; display: block; height: 26px; left: -13px; position: absolute; top: 0; width: 12px; } .mod_newsreader .mod_schwalbedatenbank_show li.new.schwalbe_odd { background:whiteSmoke; } .generals { background: none repeat scroll 0 0 #EFEFEF; border-bottom: 3px solid silver; /*margin-left: 15px;*/ /* padding-left: 74px; */ width: 100%; } .generals > *{ } .matrixholder { background:whitesmoke; border-bottom-color:white; border-bottom-style:solid; border-bottom-width:1px; clear:both; display:block; float:left; padding:20px; table-layout:fixed; } .matrixholder > div.row { display:table; table-layout:fixed; width:100%; } .matrix { display:table-row; } .matrix .blockContent { border-right-color:silver; border-right-style:dotted; border-right-width:1px; display:table-cell; float:none; height:70px; width:auto; padding-left:3%; } .matrix .blockContent:first-child{ padding-left:0; } /*.fr .matrix .blockContent, .it .matrix .blockContent{margin-right:30px;} .fr .matrix .blockContent.speed, .it .matrix .blockContent.speed {width:170px;} .fr .matrix .blockContent.protection {width:235px;} .it .matrix .blockContent.protection{width:245px;} */ .matrix .blockContent:last-child { border: medium none; margin: 0; } .layout_full{clear:both;} .paginate li.next,.paginate li.previous,span.laquo{background:black; color:white;} div.back, .paginate { background-color:white; } .paginate{margin-left:80px;} .paginate li span,.paginate li a, div.back span{ display:block; font-size:15px; font-weight:600; padding:5px 10px; text-transform:uppercase; } div.back a{padding:0;} .price{font-weight:700;font-size:16px;margin-top:30px;} .scrollto li{margin-right:12px;} .scrolllinks{margin:25px 0 0;float:left;} .ie8 .price{ font-family: 'open_sansbold', sans-serif; } .zitat .textcontent { font-style:italic; font-weight:400; width:47.5%; } .bigview { background: url("/files/schwalbe/layout/images/Lupe.png") no-repeat scroll 0 0 transparent; display: block; height: 40px; margin: 5px 0 0 5px; width: 40px; position:absolute; right:10px; bottom:0; } .float_left{ margin-right:20px; } /*Pageteaser Detailseite*/ .ce_page_teaser{ margin-bottom:15px; width:100%; position:relative; } .ce_page_teaser a{ display:block; } .zweispalter .ce_page_teaser{width:auto;float:left;} .zweispalter .ce_page_teaser .more {display:none} .ce_page_teaser .more { background-color:black; color:white; padding:5px 10px; position:relative; font-weight:400; float:right; } /*last item*/ .zweispalter .mod_newslist .layout_latest.last { margin-bottom: 3px;} /*Unternehmen*/ .zweispalter.standart #main{ padding-bottom:0; max-width:698px; min-height:158px; } .whitenomargin, .white{ padding:20px; } .ce_hyperlink > .white { padding:20px; } /*Columns*/ .standart #main .inside { float:left; margin:0; } .standart .ce_gallery.sc2-last, .standart .sc2-last.ce_gallery { /*margin-bottom:-30px;*/ /*border-left:1px dotted silver;*/ } .float_below{ margin-top:25px; } .ce_downloads{clear:both;} .presse .ce_downloads{margin-top:0;} .ce_downloads li{margin-bottom:5px;} .presse .ce_downloads li, .presse .sc2-last .ce_download{margin-bottom:20px;} .ce_downloads h3 { font-size:18px; font-weight:600; text-transform:uppercase; border-bottom:1px dotted silver; padding-bottom:8px; } .presse .ce_downloads h1{margin-bottom:15px;} .presse .ce_downloads img {max-width:100%;} span.size{display:inline;margin-top:3px;} .float_left{ float:left; } .textcontent table{width:100%;} .teaserholder{ display:inline-block; } .ce_gallery ul{ /*margin-bottom:-12px;*/ } .lightbox4wardContentInside .sc3{ width:36%; margin-right:25px !important; } .lightbox4wardContentInside .sc3-first, .lightbox4wardContentInside .sc2-first{ width:20%; } .lightbox4wardContentInside .sc3-last{ width:36%; margin-right:0 !important; padding-right:0 !important; } .lightbox4wardContentInside .sc2-first{ width:20% !important; margin-right:25px !important; } .lightbox4wardContentInside .sc2-last{ width:70%; margin-right:0 !important; padding-right:0 !important; float:left; } .lightbox4wardContentInside .ce_gallery li.col_last{ margin-bottom:12px; } #mbCenter{ padding-bottom:10px; } .unternehmen #mbCenter{ padding-bottom:5px; } #mbCloseLink { display:block; position:relative; right:10px; } #mbContainer{ } #mbImage{ overflow:auto; padding:12px; } .unternehmen #mbImage{ padding:0; } /*Produkt Features*/ .einspalter.produkt-features #container{float:none;max-width:960px; margin:0 auto; position:relative;min-height:450px;padding-bottom:80px;} .produkt-features .ce_page_teaser { float:left; height:141px; margin-bottom:12px; margin-right:12px; width:182px; } .produkt-features .ce_page_teaser a:hover { -webkit-opacity:0.7; -moz-opacity:0.7; -ms-opacity:0.7; -o-opacity:0.7; opacity:0.7; } .produkt-features #main .inside{width:980px;} .produkt-features .float_left{margin:0;} .produkt-features-content #main .inside{} .produkt-features-content #main .inside .mod_article{ background:white; padding:20px; float:left; margin-bottom:80px; } .produkt-features-content #main .sc3-first{ width:20%; padding:0; } .produkt-features-content #main .sc-count1{ width:43%; padding:0; margin:0 20px !important } .produkt-features-content #main .sc3-last{padding:0;} .produkt-features-content .back{display:none;} .caption { font-size:12px; margin: 0 0 5px; line-height:16px; padding:0 20px; } .ce_gallery .caption, .imagecontainer .caption, .image_container .caption { left: 0; position: relative; top: auto; padding:0; } .ce_text ul { margin:12px 0; } .ce_text ul li { margin-left:20px; list-style:disc outside; } .ce_gallery ul li{ margin-left:0; list-style:none; padding:0; margin:0 1% 1% 0; } .mod_newslist .newscontent > *, .einspalter article.layout_latest > a .newscontent > *{ display:table-cell; vertical-align:middle; float:none; } .mod_newslist .newscontent > .image_container.right,.einspalter article.layout_latest > a .newscontent > .image_container.right { display: table-cell; height: 100%; width: auto; } .mod_newslist .newscontent > .image_container.right img, .einspalter article.layout_latest > a .newscontent > .image_container.right img{ width:auto; max-width:none; height:100%; opacity:0; } .mod_newslist li.featured .newscontent > *{ display:block; } .mod_newslist li.featured .newsteaser{ padding: 15px 20px 20px; } .mod_newsschwalbeReader .sc-first .ce_gallery ul li { clear: none; float: left; width: 49%; } .ce_gallery ul li .image_container{ margin:0; } .ce_gallery ul li .image_container img{ width:100%; height:auto; } select,input.text{ border:1px solid; } .mod_search form{ display:table; table-layout:fixed; width:100%; } .mod_search .formbody{ display:table-row; } .mod_search .formbody > *{} .mod_search input.text, input.submit{ border:none; box-shadow:none; border-radius:0; background-image:none; } .mod_search input.text { width: 75%; background:transparent; border:1px solid rgba(255,255,255,0.3); margin-right:5px; color:white; } .mod_search .formbody > input{ display:table-cell; vertical-align:top; padding:10px; /*width:auto;*/ float:left; } .mod_search input.submit { background: #333 none repeat scroll 0 0; border: 1px solid #333; color: white; width: 24%; text-transform:uppercase; } .mod_search input.submit:hover { background-color:#009de0; } .mod_search .head,.mod_search .head span.url{ display:block; } .mod_search .head span.h3{ display:inline-block; font-weight:bold; } .mod_search span.head{ margin-bottom:12px; } .mod_search span.highlight{ color:#009de0; } .mod_search .layout_latest:hover{ background:transparent; } .mod_search{ /*min-height:350px;*/ } .cluster div{ color:#fff !important; } #haendlercontainer label { display:block; margin-bottom:5px; } input#postleitzahl{ width:250px; display:block; } .black .icheckbox_minimal{ background-color:white; } .black ul.dataitems > li{ border-bottom:1px solid rgba(255,255,255,0.2); } .black ul.datalist > li, .black ul.headColumns li{ padding:10px 0 15px; } .reifenliste > h1{ margin:0 20px 20px; padding-top:20px; } #haendlercontainer fieldset { /*color:#333333;*/ font-size:13px; margin-bottom:15px; margin-right:2%; } #haendlercontainer fieldset.left{ float:left; } #haendlercontainer fieldset.clear { font-size:inherit; height:auto; line-height:inherit; margin-right:0; } #haendlercontainer select{ margin:0; width: 100%; } .suche .newsfooter{ position:absolute; bottom:-55px; left:0; width:691px; } .mod_search p.header { font-size:12px; margin-bottom:30px; margin-top:10px; } .mod_search .layout_latest { padding:20px 0px 20px; } .mod_search .searchcontent{ padding:0 10px; display:block; } .mod_search .layout_latest.last{ margin-bottom:0px; border:none; } .layout_latest.teaser .newsteaser{height:auto;} /* /////////////////////////////// PRoduktvergleich ////////////////////// */ .compareItems{ /*margin-top:100px;*/ background:white; padding:12px; } .compareItems table{border-collapse:collapse;} .compareItems table thead th{text-align:left;} .compareItems table thead th { background-color:silver; border-right:1px solid white; padding:5px 10px; text-align:left; } .compareItems table tbody tr td { border:1px solid silver; padding:5px 10px; } .compareItems table .groesse,.compareItems table .compound, .compareItems table .ausfuehrung,.compareItems table .farbe {width:10%;} .compareItems table .skin, .compareItems table .gewicht{width:8%;} .compareItems table .maximallast{width:9%;} .compareItems table .druck{width:13%;} form.print { float: right; margin: 0 0 20px; opacity: 0.8; } form.print:hover{opacity:1;} .mod_newsschwalbeReader{ padding: 20px; display:block; } .mod_newsschwalbeReader .readercontent{ display:table; table-layout:fixed; width:100%; } .mod_newsschwalbeReader .readercontent .row{ display:table-row; } .fullsize.ce_image{ margin: -20px -20px 20px; } .textcontainer.float_right{ float:left; } .textcontainer.float_left{ float:right; } .pressereader .mod_newsschwalbeReader .ce_text.sc2-first{ margin-bottom:15px; display:table-cell; vertical-align:top; float:none; padding-right:5%; } .mod_newsschwalbeReader .ce_text.image{ display:table; table-layout:fixed; width:100%; } .mod_newsschwalbeReader .ce_text.image > .row{ display:table-row; } .mod_newsschwalbeReader .ce_text.image > .row > *{ display:table-cell; vertical-align:top; } .mod_newsschwalbeReader .ce_text.image > .row > .float_right{ width:100%; float:none; } .news.newsreader .mod_newsschwalbeReader .ce_text.image > .row,.specials .ce_text.image > .row{ display: table; table-layout:fixed; width:100%; } .news.newsreader .mod_newsschwalbeReader .ce_text.image > .row > .float_right{ display: table-row; } .news.newsreader .mod_newsschwalbeReader .ce_text.image > .row > .float_right > *{ vertical-align:top; } .news.newsreader .mod_newsschwalbeReader .ce_text.image > .row > .float_right > .imagecontainer,.specials .ce_text.image > .row > .float_right > .imagecontainer{ display: table-cell; width: 40%; } .news.newsreader .mod_newsschwalbeReader .ce_text.image > .row > .float_right > .imagecontainer img, .specials .ce_text.image > .row > .float_right > .imagecontainer img{ width:100%; height:auto; } .mod_newsschwalbeReader .headlinecontainer,.mod_newsschwalbeReader .intro.ce_text,.mod_newsschwalbeReader .sc2 .intro.ce_text, #videoloader .headlinecontainer{margin-bottom:0;} .mod_newsschwalbeReader .sc2 .ce_text{margin-bottom:15px;} .mod_newsschwalbeReader .ce_text table { margin-top:0; border:none; font-size:13px; } .mod_newsschwalbeReader .ce_text table tr:nth-child(2n+1) { background:none; } .mod_newsschwalbeReader .ce_text table td{ border:none; padding-left:0; } .layout_latest.teaser:last-child{ margin-bottom:0; margin:0; } .einspalter #main{ float:none; max-width:960px; margin:0 auto; } /*Columnset*/ .sc2-last{width:30%;float:right;} #main .inside.sc2-first, .sc2-first{width:65%;} #main .inside .white .ce_gallery.sc2-last ul, #main .inside .white .sc2-last.ce_gallery ul,#main .inside .whitenomargin .ce_gallery.sc2-last ul{ float:right; } .main_right .ce_gallery ul { margin: 20px 20px 20px 0; } #main .inside.sc2-first, .sc2-first, .main_right, .sc2-last{} .ce_gallery li, .zweispalter.standart #main .main_right .ce_gallery ul li, #main .inside .white .ce_image.sc2-last .image_container{ margin-bottom:12px; } .ce_gallery li:last-child{ margin-bottom:0; } #main .inside .white .ce_gallery.sc2-last li.col_last, #main .inside .whitenomargin .ce_gallery.sc2-last li.col_last{clear:both;} .sc2-last .image_container img, .sc3-last .image_container img{max-width:100%;height:auto;} .ce_form.tableless .explanation{margin-bottom:30px;} .ce_form.tableless label { display:block; /* float:left; width:135px; */ margin-bottom:5px; } .ce_form.tableless select{ border:1px solid silver; font-size:12px; clear:both; } label.countryselect { font-weight:bold; } .ce_form.tableless .submit_container input.submit:disabled, .ce_form.tableless .submit_container input.submit[disabled]{ background-color: #DDD; color:#AAA; } span.mandatory{color:#004488; font-size:11px; margin-left:5px;} .kontakt #main .mainholder > .row > .sc2-first{ padding-right:40px; } .ce_form.tableless input, .ce_form.tableless select.countryselect,.ce_form.tableless textarea { display:block; border:1px solid silver; box-shadow:none; border-radius:0 !important; padding:3px; font-size:12px; } .ce_form.tableless .submit_container input.submit{ padding:5px 20px 5px; color:white; background:black; border:none; width:auto; float:right; margin:20px 25px 0 0; text-transform:uppercase; } .ce_form.tableless input.upload{ width:421px; } .ce_form.tableless textarea { min-height:200px; max-height:200px; min-width:100%; max-width:100%; } .ce_form.tableless input.submit { float:right; width:120px; background:#004488; text-transform:uppercase; color:white; border:none; } .ce_form.tableless input.radio { float:left; margin-right:5px; margin-top:3px; width:auto; } .ce_form.tableless .radio_container{padding-left:2px; } .ce_form.tableless .radio_container label{ width:auto; margin-right:15px; float:left; } legend{margin-bottom:5px;} /*stickyfloat */ .einspalter .wrap{display:table;width:100%;} .nojs.einspalter #container{padding-bottom:0; min-height:635px !important;} .js.einspalter #container{padding-bottom:80px;} .transition200 .duration,.transition200 .delay{ visibility:hidden; } .transition200{ transition:100ms; -webkit-transition:100ms; -o-transition:100ms; } #container,.content_inside, #left{position:relative;} #left.menu2, .menu2{ position:relative; left:0px; max-width:165px;} #left.menu2 > *, .menu2 > *{ background-color:rgba(0, 0, 0, 0.6); color:#FFF; padding:20px 15px 0 18px; } .ie #left.menu2, .ie .menu2{ background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); /* IE6 & 7 */ zoom: 1; } .ie10 #left.menu2, .ie10 .menu2{ background: rgba(0,0,0,0.6); } #left .mod_articleList li:first-child a{ border-top:none;padding-top:0;} .einspalter .mod_newsreader{padding-bottom:80px;} /* /////////////////////////////////Compare Data Scooter ////////////////////////*/ .scooter-reader .blockContentLeft, .scooter-reader .blockContentRight{width:186px;} .mod_schwalbedatenbank_show ul.togglerhead{padding-top:2px;} li.input { width:50px; margin:0; padding-right:0; padding-left:20px; display:block; height:20px; } .scooter-reader .mod_schwalbedatenbank_show li ul li.input {height:auto;} /*hide Checkboxes*/ .scooter-reader .input{} .scooter-reader .generals { margin-left: 0px;} .scooter-reader span.icon{ background:url("/files/schwalbe/layout/images/arrow_down_black.png") no-repeat scroll 98% center transparent; } /* //////////////////////////////// Header /////////////////////////////////// */ /*Dropdown Language Header*/ nav.lang { position:absolute; right:0; top:21px; text-transform:uppercase; z-index:10000; } nav.lang ul ul { display:none;background:black;} nav.lang ul li:hover > ul {display:block;} nav.lang ul { display:inline-table; list-style:none; padding:0 30px; position:relative; background:black; z-index:100; } nav.lang ul::after { clear:both; content:''; display:block; } nav.lang ul li {float:left;} nav.lang ul li:hover {} nav.lang ul li:hover a {color:#B4B4B4;} nav.lang ul li a,nav.lang ul li span { color:#757575; display:block; padding:3px 0px; text-decoration:none; text-align:right; } nav.lang ul ul { padding:0; position:relative; top:100%; float:left; padding-right:30px; padding-bottom:15px; } nav.lang ul ul li { float:none; position:relative; text-align:left; } nav.lang ul ul li a, nav.lang ul ul li span { color:#B4B4B4; padding:0px 0px; font-size:11px; text-align:left; text-transform:none; } nav.lang ul ul ul { left:100%; position:relative; top:0; } #mbTitle{ position:relative; left:10px; } nav.lang ul li.headbottom a,nav.lang ul li.headbottom span{ margin-bottom:6px; display:block; margin-right:-20px; color:#B4B4B4; position:relative; z-index:9999999999; } a.headline{cursor:pointer;} nav.lang ul ul li span, nav.lang ul li.headbottom a:hover, nav.lang ul li.headbottom span, nav.lang ul li.headbottom:hover a.headline:hover, nav.lang ul li.headbottom ul:hover li.marginbottom{color:white;} .marginbottom{margin-bottom:8px;} /*Anpassungen Sprachen*/ /*it*/ body.it .header_top .mod_navigation li{margin-right:105px} body.it .header_bottom .mod_customnav li{margin-right:35px;} /*en*/ body.en .header_top .mod_navigation li{margin-right:93px;} /*nl*/ body.nl .header_bottom .mod_customnav li{margin-right:40px;} body.nl .header_top .mod_navigation li{margin-right:100px;} /*fr*/ body.fr .header_top .mod_navigation li{margin-right:75px;} body.fr .header_bottom .mod_customnav li, body.fr.mobile .header_bottom .mod_customnav li{margin-right:32px;} body.mobile .header_bottom .mod_customnav li{margin-right:50px;} body.nl.mobile .header_bottom .mod_customnav li{margin-right:45px;} body.it.mobile .header_bottom .mod_customnav li{margin-right:41px;} /* ////////////////////////////////Schläuche Intro///////////////////////////////////// */ /*Table*/ .ce_text.tablenoborder table{margin:0;border:none;} .ce_text.tablenoborder table td,.ce_text.tablenoborder table th{border:none;} .ce_text.tablenoborder table tr:nth-child(odd){background:none;} /* //// Iframe ///// */ iframe html{background:white;} /* ////////////////////////////////Tabelle Schläuche///////////////////////////////////// */ .suchergebnisse{overflow:visible;} .abstand_eins {padding-bottom:100px;padding-top:6px;} .abstand_zwei {margin-bottom:-6px !important;padding-top:29px !important;} .abstand_drei {margin-top:2px !important;padding-top:28px !important;} .abstand_vier {margin-top:53px !important;padding-top:31px !important;} .schlauchTabelle thead{background:black;color:white;} .schlauchTabelle thead th{border-right:1px solid white;font-weight:normal;padding:4px 10px;text-align:left;} .schlauchTabelle thead th.last{border:none;} .schlauchTabelle .tableRow{} .schlauchTabelle .tableRow.even{background:whiteSmoke;} .schlauchTabelle .tableRow td{padding:4px 10px;} .schlauchTabelle .tableRow td.info{position:relative;width:85px;cursor:pointer;} .schlauchTabelle .tableRow td.info .infoBox{position:absolute;right:0;text-align:right;} .firefox .schlauchTabelle .tableRow td.info .infoBox{position:absolute;right:30px;text-align:right;} .schlauchTabelle .tableRow td.info .infoBox span{font-size:11px;} .schlauchTabelle .tableRow td.info .infoBox span.info{margin-right:12px;} .schlauchTabelle .tableRow td.info .infoBox .infobutton{background:black; color:white; padding:3px 20px;} .schlauchTabelle .tableRow td.info .infoBox .hiddenContent{position:relative;display:none;z-index:1000;} .schlauchTabelle .tableRow td.info .infoBox:hover .hiddenContent{display:block;background:black;color:white;padding:6px;width:280px;right:0;} .mod_schwalbeschlaueche_filter h3.border-top{border-top:1px solid silver;padding-top:20px;} /*.mod_schwalbeschlaueche_filter .searchButton{margin:15px 0 20px;}*/ .schlauchTabelle td .bez {display:block; width:50px; text-align:center; color:#fff} .schlauchTabelle td.AV .bez {background-color:#85B916} .schlauchTabelle td.DV .bez {background-color:#F29733} .schlauchTabelle td.RV .bez {background-color:#80CFF0} .schlauchTabelle td.SV.laenge_40 .bez {background-color:#E2001A} .schlauchTabelle td.SV.laenge_50 .bez {background-color:#7F5EB3} .schlauchTabelle td.SV.laenge_60 .bez {background-color:#F29733} .schlauchTabelle td.SV.laenge_80 .bez {background-color:#fff; color:#000} /* ////////////////////////////////Compare///////////////////////////////////// */ /*Comparefooter*/ .grayblock{ background:silver; position:fixed; z-index:10000; display:none; border-top:2px solid white; bottom:0; } /*.grayblock .link a { display:block; float:left; font-size:13px; font-weight:600; padding-top:8px; } */ .grayblock .link a { float:left; font-size:13px; font-weight:600; padding-top:45px; display:block; background: url("/files/schwalbe/layout/images/compare.png") no-repeat scroll 0 0 transparent; float: left; height: 30px; margin-top: -34px; width: 165px; text-indent:115px; width:165px; } .grayblock_inside{padding:5px 0 0 20px;} .grayblock.show{display:block;} .grayblock,.grayblock_inside{height:50px;} .grayblock_inside .reseter, .grayblock_inside .counter{float:right;clear:right;margin-right:20px;font-size:11px;} /*.compareImage{ display:block; background: url("/files/schwalbe/layout/images/compare.png") no-repeat scroll 0 0 transparent; float: left; height: 72px; margin-right: 10px; margin-top: -34px; width: 113px; }*/ .grayblock_inside .reseter { display:block; font-size:14px; font-weight:700; margin-right:47px; margin-top:10px; cursor:pointer; } .ie8 .grayblock_inside .reseter { font-family: 'open_sansbold', sans-serif; } .searchOutputContent{ margin-top:20px; } .searchOutputContent > p{ margin-bottom:30px; } .searchContents p{ margin:0; } .searchContents{ border-bottom:1px solid gray; padding:20px 0 20px; } .searchContents h3{ font-weight:400; } .fonfax, .mailweb{display:block;margin:3px 0;} span.type { display:inline-block; margin:0 3px 0 1px; text-transform:uppercase; } .searchButton{float:right;} #haendlercontainer input.submit{position:relative;} /*Last Selector*/ li.last{margin:0;} .mod_eventreaderExt .bigview, .unternehmen .sc2-first .bigview {display:none;} .leading{font-weight:bold;} .compareItems tr:nth-child(odd){background:whiteSmoke;} .reset { float: left; margin-left: 30px; } fieldset legend{border-bottom:2px solid silver;padding-bottom:25px;margin-bottom:25px;width:430px;font-size:14px;} .ce_form.tableless .explanation{clear:both;} .mod_newsschwalbeReader .fullsize.ce_image .caption { background-color:rgba(0, 0, 0, 0.8); color:white; font-size:12px; font-weight:lighter; line-height:16px; margin:-50px 0 5px; padding:15px; position:relative; z-index:1; } /*UK HEader*/ li.headbottom ul li.lang-gb{ display:none; } .en-gb #header, .gb #header{ height:auto; } .en-gb #header .inside, .gb #header .inside{ height:69%; } .ukheader ul { float: right; vertical-align: middle; } .ukheader li { text-align:right; float:left; margin-right:50px; text-transform:uppercase; word-spacing:3px; padding:15px 0 0; } .ukheader li a{display:block;} .ukheader li a:hover{color:white;} .ukheader li .active{ color:white; } .logoholder{position:relative;display:block; height:100%;width:100%;} .logoholder .uk { bottom:95px; color:white; font-size:10px; left:9px; letter-spacing:0.05em; position:absolute; text-transform:uppercase; z-index:10; } .uksocial li a{margin-right:5px;} .en-gb nav.lang{top:20px;} /*Reifensuche*/ form span.notice { clear: both; display: inline-block; font-size: 12px; margin-top: 15px; } .mod_schwalbereifensuche_filter form{ border-top:1px solid silver; border-bottom:1px solid silver; padding:25px 0 10px; position:relative; float:left; width:100%; overflow:hidden; } .breadcrumb_search { display:inline-block; padding-top:20px; margin-bottom:-15px; } .breadcrumb_search li{float:left;font-weight:600;} .breadcrumb_search li:after{content:'/';margin-right:3px;margin-left:3px;} .breadcrumb_search li:last-child:after{content:'';margin-right:0; margin-left:0;} .mod_schwalbereifensuche_filter .column.submitcol { position: relative; width: auto; float:right } .submitcol .submitButton.submit { position:relative; } .submitcol .submitButton.submit a{ background:black; color:white; padding:6.5px 10px; display:block; line-height:1; } .submitcol input.submit{background:black;color:white;margin-bottom:0;} .mod_schwalbereifensuche_filter .column{ display:table; table-layout:fixed; width:100%; margin-bottom:13px; position:relative; } .mod_schwalbereifensuche_filter fieldset.row{ display:table-row; } .mod_schwalbereifensuche_filter fieldset.row select{ width:100%; } /* .firefox .mod_schwalbereifensuche_filter fieldset.row select{height:22px;} */ .mod_schwalbereifensuche_filter fieldset.row select.last{ } .mod_schwalbereifensuche_filter fieldset.row1{} .mod_schwalbereifensuche_filter fieldset.row2{margin-bottom:0;} .mod_schwalbereifensuche_filter fieldset.row3{} select{} .mod_schwalbereifensuche_filter fieldset.row input.submit{float:none;margin-top:12px;margin-left:0;} .whitenomargin h1{ margin-bottom:10px; font-size:18px; } #charsLeft.red{ color:red; } #charsLeft{ display:block; margin-top:1em; -moz-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } fieldset.row div label { display:block; font-weight:bold; margin-bottom:3px; text-transform:uppercase; color:inherit; } .reifenliste a{ /*color:#004488;*/ color:#009de0; } .black .reifenliste .outerFade span.icon{ top:0; height:80px; width:80px; cursor:pointer; } .reifenliste a:hover{ text-decoration:underline; } .reifensuche .wrap{ margin-top: 66px; display: table; } .reifensuche #wrapper{ overflow-x:hidden; } .reifenvergleich .wrap{ max-width:960px; } .reifenvergleich #main { float:right; margin-left:0; width:748px; } .reifenvergleich .whitenomargin li ul li:first-child > *{ display:none; } .einspalter.zweispalter .icheckbox_minimal, .einspalter.zweispalter .iradio_minimal{ left:15px; top:10px; } /*Newsletter hinzugefuegt: 29.11.2013*/ /*Newsletter*/ .newsletter .ce_form.tableless input, .newsletter .ce_form.tableless select.countryselect, .newsletter .ce_form.tableless textarea { width:100%; } .newsletter .ce_form .ce_text{ margin-bottom:20px; } .newsletter .ce_form .ce_text ul li{ margin-bottom:0; } .newsletter fieldset{margin-bottom:20px;} .newsletter fieldset.last{margin-bottom:0px;} .newsletter #main .inside{ width:100%; } p.error,span.error{color:#88141a;} .newsletter .ce_form.tableless .explanation{ margin-bottom:0; } .mod_schwalbenewsletter_show .label { display:inline-block; font-weight:600; margin-right:10px; width:110px; } .mod_schwalbenewsletter_show .showDetails{ margin-bottom:10px; } /*TTA Anmeldung*/ form.tta .headline{ border:none; } .ce_form.tableless .tta fieldset{ margin-bottom:20px; } .ce_form.tableless .tta input, .ce_form.tableless .tta legend{ width:100%; } .ce_form.tableless .tta textarea{ min-width:100%; max-width:100%; } .ce_form.tableless .tta input.upload{ width:690px; } .ce_form.tableless .tta .radio_container{padding:0;} .ce_form.tableless .tta .radio_container .radio{width:20px;} .ce_form.tableless .tta .radio_container label { float:none; margin:0 0 5px 10px; width:100%; } .einspalter.zweispalter .submitcol input.submit{ clear:both; } fieldset > span { display:block; } .einspalter.zweispalter #main .inside{ width:750px; } .fr.einspalter.zweispalter .blockContent.speed, .it.einspalter.zweispalter .blockContent.speed{ width:130px; } .fr.einspalter.zweispalter .blockContent.protection, .it.einspalter.zweispalter .blockContent.protection{ width:120px; } .fr.einspalter.zweispalter .matrix .blockContent:last-child, .it.einspalter.zweispalter .matrix .blockContent:last-child { margin-right:0; width:100px; } .fr.einspalter.zweispalter .blockContent.grip, .it.einspalter.zweispalter .blockContent.grip{ width:155px; } .fr .blockContent.protection .blockContentFULL.spaceAfter.blau, .it .blockContent.protection .blockContentFULL.spaceAfter.blau{ width:140px; } /*Team and Riders hinzugefügt 13012014*/ #teams-riders .ce_article_list li { float: left; margin-bottom: 4%; margin-right: 4%; overflow: hidden; position: relative; width: 21%; } #teams-riders .ce_article_list li .image_container .caption { background: none repeat scroll 0 0 rgba(4, 51, 101, 0.8); color: #FFFFFF; height: 0; padding: 0; margin:0; width: 100%; z-index: 1; display:block; left:0; -moz-transition: height 0.2s ease-in-out; -o-transition: height 0.2s ease-in-out; -ms-transition: height 0.2s ease-in-out; -webkit-transition: height 0.2s ease-in-out; transition: height 0.2s ease-in-out; top:auto; } #teams-riders .ce_article_list li:hover .image_container .caption { height: 100%; padding:0; } #teams-riders .ce_article_list li .image_container{ display:block; } #teams-riders .ce_article_list li .image_container .caption { bottom: 0; opacity:0; font-size: 15px; font-weight: 600; left: 0; position: absolute; text-align: center; text-transform: uppercase; width: 100%; display:block; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #teams-riders .ce_article_list li:hover .image_container .caption { height: 100%; opacity:1; } #teams-riders .ce_article_list li .image_container .caption span.table{ display:table; table-layout:fixed; width:100%; height:100%; } #teams-riders .ce_article_list li .image_container .caption span.table .row > * { display: table-cell; padding: 10px; vertical-align: middle; } #teams-riders h1 { color: #FFFFFF; font-family: 'Open Sans'; font-size: 40px; font-weight: 800; line-height: 36px; margin-bottom: 35px; text-transform: uppercase; } .clear .bx-wrapper .bx-caption { background-color:rgba(80, 80, 80, 0.74902); background-position:initial initial; background-repeat:initial initial; bottom:0; left:0; position:absolute; width:100%; } .clear .bx-wrapper .bx-caption span { color:#FFFFFF; display:block; font-family:'Open Sans'; font-size:12px; padding:10px 20px 10px 10px; text-align:right; width:93%; } .clear.teams .ce_text,.clear.teams .ce_table,.clear.teams .ce_headline { margin:20px auto 25px; width:93%; } .clear.teams .ce_headline{ line-height:26px; } .clear .ce_table table{ width:100%; border-collapse:collapse; } .clear .ce_table table td.col_first { font-weight: 700; width:16%; } .clear .ce_table table td { padding: 5px 15px 8px 0; } .clear .bxslider li{height:620px; overflow:hidden;} .clear .bxslider img{ line-height:0; } .clear .bx-controls { height: 60px; margin-top: -30px; position: absolute; top: 50%; width: 100%; z-index: 20000; } .clear .bx-controls a{ position:absolute; height: 115px; width:78px; display:block; text-indent:-9999px; -webkit-opacity:0.3; -moz-opacity:0.3; -ms-opacity:0.3; -o-opacity:0.3; opacity:0.3; -moz-transition:opacity 0.2s ease-in-out; -o-transition:opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .clear .bx-controls a:hover{ -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; opacity:1; } .clear .bx-prev{left:20px;background:url("/files/schwalbe/layout/images/nav_neu_prev.png")} .clear .bx-next{right:20px;background:url("/files/schwalbe/layout/images/nav_neu_next.png");} .clear .bx-wrapper{ position:relative; } .clear.teams #wrapper{ max-width:960px; overflow:hidden; margin:0; } .ce_form.tableless .tta input.checkbox{ width:auto; display:inline-block; float:left; margin:4px 15px 0 0 ; } .form #left.menu2, .form .menu2{ display:none; } .newsfooter.mod_articlenav{ margin-top:-10px; } /* Sonderformartierung für TTA-Bestell-Formular */ .tta-reifenset #anmeldung-tubeless-seminar .image_container { position:absolute; right:0; top:0px; overflow:hidden; width:375px; } .tta-reifenset #anmeldung-tubeless-seminar .ce_form.tableless .tta input, .tta-reifenset #anmeldung-tubeless-seminar .ce_form.tableless .tta legend { width: 80%; } .tta-reifenset #anmeldung-tubeless-seminar .ce_form.tableless .submit_container input.submit { width:auto; } /* Ergänzung für Checkboxen Händlersuche: Händler und Automaten */ #haendlercontainer fieldset div { float:left; padding-right:20px; } #haendlercontainer fieldset div input, #haendlercontainer fieldset div label { float:left; } /*New-Flag 2018 Detailseite*/ .mod_newsreader .newsflagholder { background-position:0 10px; height: 30px; left: 0; /*position: absolute;*/ position:relative; /* top: 20px; */ /* top:-56px; */ display:block; width: 100px; z-index: 1; background: url("/files/schwalbe/layout/images/newflag2019.png") no-repeat scroll 0 12px transparent; } /*New-Flag 2018 Übersicht*/ #applications .newsholder { background: url("/files/schwalbe/layout/images/newflag2019.png") no-repeat scroll 0 12px transparent; position:absolute; } /*BuM Anmeldeform*/ .bum .wrap, .zweispalter.bum .content{ /*width:748px;*/ } .bum .wrap{ margin-top:50px; } .zweispalter.bum #main{ float:none; } .bum #wrapper{ margin: 0 auto; } .bum #container{ padding:0; } .bummheader{ display:table; width:100%; } .bummheader > div { display: table; padding: 0; width: 100%; } .bummheader > div > span { margin:20px; } .bummlogo.right,.schwalbelogo.left{ display:block; height: 127px; width:129px; } .schwalbelogo.left{ background: url("/files/schwalbe/layout/images/schwalbelogo.jpg") no-repeat scroll 0 0 transparent; margin-right:0; } .bummlogo.right{ background: url("/files/schwalbe/layout/images/bummlogo.jpg") no-repeat scroll 0 0 transparent; margin-left:0; } .bum .ce_form.tableless label { } label.terminselect{ font-weight:700; margin-bottom: 5px; } .ce_form.tableless label.short { display: inline-block; margin-right: 10px; margin-bottom:0; } .bum .ce_form.tableless input.short { display: inline-block; margin-bottom: 20px; width: 50px; } .bum .ce_form.tableless label.short.alignright { width: 85px; } .bum .ce_form.tableless .zimmer.left{ margin-right:30px; } /*Acc Banner*/ .main_right .ce_gallery li{ width:100%; } .main_right .ce_gallery li img{ width:100%; height:auto; } .accordion .ce_gallery li { clear: none; list-style-type: none; margin: 0; padding: 0; } .accordion .ce_gallery.banner li { margin: 0 10px 0 0; } .accordion .ce_gallery.banner li.col_last, .accordion .banner { margin:0; } .accordion .banner { border-top: 1px dotted rgba(0, 0, 0, 0.4); margin-top: 20px; padding: 20px 0 5px; width: 99.8%; } .accordion .ce_gallery.banner li .bigview{ display:none; } .accordion .ce_gallery.banner li span.image{ line-height:0; width:220px; height:150px; } .accordion .ce_gallery.banner li span.image > img{ max-width:100%; height:auto; } /*faq container 2015*/ .ce_accordion img{ max-width:100%; height:auto; } .mod_faqpage.faq .accordion > div { margin: 0; width: 100%; float:none; } .faq .ce_accordion .above, .faq .ce_accordion .below{ width: 100%; } .faq .ce_accordion .below{ margin-top:25px; } /*.faq .accordion > div > .accholder { clear: both; display: block; padding: 0; } */ .faq .accordion > div > .accholder { clear: both; display: table; table-layout:fixed; width:100%; padding: 0; } .mod_faqpage.faq .sc2.sc-first, .mod_faqreader.faq .sc2.sc-first { display: inline-block; float: none; padding-right: 25px; vertical-align: top; width: 390px; } .mod_faqpage.faq .sc2.sc-last, .mod_faqreader.faq .sc2.sc-last { border-left: 1px dotted silver; display: inline-block; float: none; padding-left: 25px; } .mod_faqpage.faq .ce_accordion .accordion .sc2.sc-last > .imagecontainer, .mod_faqpage.faq .sc2.sc-last,.mod_faqreader.faq .ce_accordion .accordion .sc2.sc-last > .imagecontainer, .mod_faqreader.faq .sc2.sc-last { width: 250px; } .caption p:last-of-type, .faq .ce_accordion li:last-of-type{ margin-bottom:0; } .answer p:last-of-type{ margin-bottom:0; } .answer a{ color:#004488; text-decoration:underline; } .video { margin-bottom:20px; line-height:0; } .video iframe { max-width: 100%; } .right .video iframe { height: auto; } .above { margin-bottom:20px; } .below{ margin-top:20px; } .below .faq_gallery { border-top: 1px dotted gray; padding-top: 20px; clear: both; } .below .faq_gallery ul { display: inline-block; margin-bottom: -10px; width:100%; } .faq_gallery ul li { list-style-type:none; overflow:hidden; } .faq_gallery ul li .imagecontainer{ /*height:150px;*/ overflow:hidden; } .below .faq_gallery ul li { float:left; margin:0 10px 10px 0; padding:0; } .right .faq_gallery ul li { margin:0 0 10px 0; } .below .faq_gallery ul li:last-of-type,.below .faq_gallery ul li.galitem.two.odd, .below .faq_gallery ul li.galitem.three.even { /* margin-right:0; */ } .below .faq_gallery ul li.galitem.first.three.even,.below .faq_gallery ul li.galitem.first.two.odd{ margin-right:10px; } .below .faq_gallery ul li.galitem.two{ } .faq_gallery ul li .imagecontainer{ position:relative; } .ce_accordion .faq_gallery ul li .imagecontainer img{ width:100%; height:auto; } .below .faq_gallery ul li .imagecontainer .caption{ } .below .faq_gallery ul li.galitem.three { width: 229px; } .below .faq_gallery ul li.galitem.three .imagecontainer{ } .faq_gallery ul li .caption{ margin:10px 0 0; } /* ############ FAQ TABELLEN ############*/ .tabellen-faq { float:left; width: 100%; height:auto; text-align:left; } .tabelle-faq { border-collapse:collapse; } .tabelle-faq-groessenbezeichnungen { float:left; width: 650px; height:auto; text-align:left; } .tabelle-faq-reifenmasse-felgenmaulweite { float:left; width: 650px; height:auto; text-align:left; } .tabelle-faq-reifenmasse-felgenmaulweite tr:nth-child(2) td:nth-child(1) { border-left: 2px solid #FFF; } .tabelle-faq-reifenmasse-felgenmaulweite tr:nth-child(1n+1) { text-align: center; } .tabelle-faq-reifenmasse-rahmen { float:left; width: 650px; height:auto; text-align:left; } .tabelle-faq td:nth-child(1) { background-color:#c6c7c8; padding-left:5px; color:#000; font-weight:bold; width:50px; } .tabelle-faq tr,.tabelle-faq td:nth-child(n+2) { background-color:#eceded; padding-left:5px; color:#000; /*font-weight:bold;*/ } .tabelle-faq td:nth-child(n+2){ border:2px solid #FFF; } .tabelle-faq tr:nth-child(2) { border-top: 2px solid #c6c7c8; } .tabelle-faq tr td.first { background-color:#000; padding-left:5px; text-align:left; color:#FFF; font-weight:bold; border-top: none!important; } .tabelle-faq tr .border { border-bottom:#000 solid; } .tabelle-faq-groessenbezeichnungen td{ border-bottom: 2px solid #FFF; } .galitem.even { clear: left; } .ce_image{ margin-bottom:20px; } .ce_image img { height:auto; max-width:100%; } .fullsize.ce_image img{ max-width:100.1%; } .mod_article .fullsize.ce_image { margin:0 -25px 25px; } .news.newsreader .mod_article .mod_newsschwalbeReader .row .fullsize.ce_image:first-of-type { margin-top:-25px; } .news.newsreader .mod_article .mod_newsschwalbeReader .row .fullsize.ce_image:last-of-type { margin-bottom:-25px; margin-top:20px; } .mod_article > .ce_image:first-of-type { margin-bottom:20px; } /* Bitte keine eigenmächtigen Änderungen im Hauptstylesheet! Danke! */ /*############ FAQ TABELLEN ENDE ############*/ .faq .socialButtons{ display:block; float:none; margin-top:20px; clear:both; } .faq .socialButtons span { display: table-cell; padding-right: 10px; vertical-align: middle; } .faq .socialButtons img{ max-width:none; width:21px; } /*messe*/ #main .inside #header-bild.white{ padding-bottom:0; padding-top:0; } #header-bild{ position:relative; } #header-bild .fullsize.ce_image{ margin-bottom:0; } #header-bild .fullsize.ce_image > *{ line-height:0; } #header-bild .line{ position:absolute; bottom:20px; left:20px; z-index:3; } #header-bild .line p{ background: none repeat scroll 0 0 white; display: table; font-size: 21px; font-weight: 700; padding: 5px 10px; text-transform: uppercase; margin-bottom:5px; } .messeanmeldung form .headline { border: medium none; } .messeanmeldung .ce_form.tableless label, .messeanmeldung .ce_form.tableless input, .messeanmeldung .ce_form.tableless select.countryselect, .messeanmeldung .ce_form.tableless textarea{ display:inline-block; margin-bottom:15px; width:548px; } .messeanmeldung .ce_form.tableless label{ width:130px; vertical-align:middle; margin:0 } .messeanmeldung .ce_form.tableless .submit_container input.submit{ margin-right:18px; } .messeanmeldung .ce_form.tableless fieldset{ border-bottom:1px solid silver; margin-bottom:40px; padding-bottom:20px; } .messeanmeldung .ce_form.tableless fieldset:last-of-type{ border:none; margin:0; padding:0; } .messeanmeldung .ce_form.tableless .row_last.explanation{ float: left; margin-bottom: 0; margin-top: 15px; clear:none; margin-left: 130px; } .messeanmeldung .ce_form.tableless .row_29.explanation p{ margin-bottom:0; font-size:12px; } .messeanmeldung .ce_form.tableless .row_29.explanation p:last-of-type{ margin:0; } .sc-clear { clear:both; } /* Bewertungsmatrix 2016 */ .mod_newsreader .ce_wrap .legende div { float:left; font-weight:bold; width:109px; } .mod_newsreader .ce_wrap .legende div.rolling {padding-left:139px;} .mod_newsreader .ce_wrap .legende div.grip2 {width:111px;} .awardlist,.awardlist li.row { display: table; table-layout: fixed; width: 100%; } .awardlist li.row ul { display: table; table-layout: fixed; width: 100%; } .awardlist .row li { /* float: left; margin-right: 2%; width: 23.5%;*/ } .awardlist .row li { clear: both; display: inline-block; float: none; margin-bottom: 20px; padding-bottom: 20px; width: 100%; } .awardlist .row li > * { display: block; float: none; vertical-align: middle; } .awardlist .row li.last { padding:0; margin:0; border:none; } .awardlist .row li.margetop { margin-top:30px !important; } .awardlist .row li.close { margin-right:0; } .awardlist .row li .image_container.text { float:left; margin-bottom: 10px; width: 150px; line-height:0; } .awardlist .row li .image_container.text{ margin-bottom:10px; } .awardlist .row li img{ max-width:100%; height:auto; } .awardlist .row li .testtext{ float:none; margin-left:150px; padding-left:60px; } .awardlist .row li .testname { font-size: 16px; font-weight: 600; margin-bottom:10px; display:block; } .awardlist .row li .text > *{ font-size:12px; line-height:185%; } .awardlist .row li .text > p:last-of-type{ margin-bottom:0; } /*fb*/ .fancybox-overlay{ z-index:3000001; } .fancybox-wrap,#fancybox-thumbs{ z-index:3000002; } .fancybox-type-inline .fancybox-skin { background: white none repeat scroll 0 0; border-radius: 0; color: #444; position: relative; text-shadow: none; } .fancybox-lock body { overflow: visible !important; } .headermedia{ margin-bottom:20px; } .featurecontent .columns { display: table; table-layout: fixed; width: 100%; margin-bottom:0; } .featurecontent .columns.intro{ margin-top:20px; } .featurecontent .columns > *{ } .featurecontent .columns > .left{ } .featurecontent .columns > .main{ width: 48%; float:left; } .featurecontent .columns > .main.nosidebar{ width:100%; } .featurecontent .columns > .main ul{ margin-bottom:20px; } .featurecontent .columns > .main ul:last-of-type{ margin-bottom:0px; } .featurecontent .columns > .right, .featurecontent .columns > .left{ width: 45%; } .featurecontent .columns > .right{ float:right; } .featurecontent .columns > .left { float: left; margin-right: 5%; } .featurecontent .sidebarimage li{ margin-bottom:10px; } .featurecontent{} .teaserholder.box { position: relative; } .teaserholder.box.bgimage { width:100%; display:block; } .teaserholder.box > div { clear: both; display: table; height: 100%; padding: 10px; table-layout: fixed; } .teaserholder.box > div{ padding:0; position:relative; } .teaserholder.box .bgimage{ line-height:0; display:block; position:absolute; left:0; top:0; width:100%; } .teaserholder.box .bgimage.notext { padding: 0; position: relative; } .teaserholder.box .bgimage .img{ display:none; } .teaserholder.box .bgimage.notext a{ line-height:0; display:block; width:100%; height:100%; } .teaserholder.box .textbox { height: 100%; left: 0; position: relative; position: absolute; width:100%; height:100%; top: 0; z-index: 100; float:none; } .notright.teaserholder.box .textbox { position: relative; } .notright .bgimagebox { display: none; } .teaserholder.box > div { padding: 0; position: relative; } .teaserholder > * .ce_page_teaser .more.lupe { background: url("/files/schwalbe/layout/images/Lupe.png") no-repeat scroll 50% 50% black; text-indent: -999px; width: 20px; background-size: 20px auto; } .teaserholder.box .textbox > .holder { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; color: white; height: calc(100% - 20px); width: 45%; float:left; margin:10px; } .holder.table.nobgcolor > .row > .txtcontent, .holder.table.bgcolorbox > .row > .txtcontent{ background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; } .teaserholder.box .textbox > .holder.bgcolorbox{ margin:1%; height:96.5%; } .teaserholder.box .textbox > .holder.bgcolorbox{} .teaserholder.box .textbox > .holder.nobox{ background:transparent; } .teaserholder.box .textbox.right > .holder{ float:right; clear:both; } .teaserholder.box .textbox > .holder > .txtcontent { padding: 20px; float:left; } .footermedia,.headermedia{ clear:both; } .teaserholder.box .textbox > .holder.dark{ color:#333; } .teaserholder.box.regular.light{ color:white; } .featurecontent > div{ margin-bottom: 30px; } .regular.light .featurecontent .columns > .main { float: left; margin: 30px 0 30px 30px; width: 48%; } .regular .featurecontent > div { margin:0; } .teaserholder span.link { clear:both; display:block; float:left; margin-top:20px; padding:8px 30px; text-transform:uppercase; background:rgba(255,255,255,0.6); } .teaserholder.box .textbox.right span.link { float:left; clear:both; } .redText{ -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } .answer { display: table-row; } .accordion .answer > *{ display:table-cell; vertical-align:top; } .accordion .answer > .sc2.sc-first{ width:auto; max-width:100%; } .accordion .answer > .sc2.sc-first > div{ max-width:100%; overflow:auto; } .accordion .answer .sc2.sc-last{ float:none; } .st-content{ display:none; } .downloadimage img{ max-width:100%; height:auto; } .downloaditem{ margin-bottom:20px; display:block; float:right; clear:both; width:100%; } .downloaditem.kataloge{ margin:0; } .kataloge .ce_download > span{ display:table; table-layout:fixed; width:100%; } .kataloge .ce_download .downloadholder{ display:table-row; } .kataloge .ce_download .downloadholder > *{ display:table-cell; vertical-align:top; } .kataloge .ce_download .downloadholder > .downloadimage { clear: both; } .kataloge .ce_download .downloadholder > .downloadimage img{ margin:0; float:right; } /*css2016*/ .zweispalter .mod_banner{ display:table; table-layout:fixed; width:100%; } .bannerlist{ display:table-row; } #productfilter #main .mod_article.first{ display:table; table-layout:fixed; width:100%; } #productfilter #main .layout_latest{ width:100%; } .zweispalter.filter #main {margin-bottom:-11px;} .zweispalter.filter .content, .mod_newsreader{ padding:0; margin:0 auto; position:relative;min-height:450px; display:table-row; } .containerholder{ position:relative; max-width:960px; margin:100px auto 0; width:100%; } .twocolumn .containerholder > *{ width:100%; clear:both; } .zweispalter #main .wrap > .content{ display:table-row; float:none; } #applications li { /* float: left; margin: 0; width: 33.3333%; margin-bottom:1%;*/ } #applications li > a { background: white none repeat scroll 0 0; } .zweispalter .wrap > .content > #left, .zweispalter .wrap > .content > #main{ display:table-cell; vertical-align:top; float:none; width:100%; } .zweispalter .wrap > .content > #main{ width:auto; } .twocolumn .containerholder > .wrap{ display:table; table-layout:fixed; width:100%; position:relative; } .zweispalter .wrap > .content > #main > .inside > *{ } .zweispalter .wrap > .content > #left{ width:24%; padding:0 1% 0 0; float:left; max-width:none; } .zweispalter .wrap > .content > #main{ max-width:none; width:75%; float:left } .bannerlist li a, .bannerlist li a span{ display:block; } .mainholder { display: table; table-layout: fixed; width: 100%; } #main .mainholder > .row > *{ display:table-cell; vertical-align:top; float:none; } #main .mainholder > .row > .sc2-last{ width:auto; } .artholder{ display:table; table-layout:fixed; width:100%; } .features .artholder{ max-width:620px; margin:0 auto; } .fancybox-inner > .artholder{ background:white; } .fancybox-inner > .artholder > *{ padding:20px 20px 0 20px; overflow:auto; margin: 0 20px 0 0; padding-right:0; } .fancybox-inner > .artholder > .ce_gallery{ padding:0; } .artholder .mod_newslist{ } .ce_gallery .flexslider li.col_first{ clear:none; } .ce_gallery .flexslider li{ margin-bottom:0; } .fancybox-inner > *{ opacity:0; } .fancybox-inner .ce_gallery{ width:100%; } .teams .ce_table table td.col_first { font-weight: 700; width: 16%; } .teams .ce_text, .teams .ce_table, .teams .ce_headline { margin: 20px auto 25px; width: 93%; } .teams .ce_table table { border-collapse: collapse; width: 100%; } .teams .ce_table table td { padding: 5px 15px 8px 0; } .nopadding{ padding:0; } .flex-direction-nav a { display: block; height: 115px; opacity: 0.3; position: absolute; text-indent: -9999px; transition: opacity 0.2s ease-in-out 0s; width: 78px; } .flex-prev { background: rgba(0, 0, 0, 0) url("/files/schwalbe/layout/images/nav_neu_prev.png") repeat scroll 0 0; } .flex-next { background: rgba(0, 0, 0, 0) url("/files/schwalbe/layout/images/nav_neu_next.png") repeat scroll 0 0; } .readercontent > .fullsize.ce_image.block:first-of-type{ margin: -25px -25px 25px; } .gallholder{ margin:25px; } .gallholder > div{ position:relative; } .ce_wrap.galleryslider{ padding:0; } .ce_wrap.galleryslider .gallholder{ } .rg-thumbs{ margin:25px; } .scrolllinks span.video{ margin:0; } img{ max-width:100%; height:auto; } /**/ .mod_newsreader .layout_full #database.mod_schwalbedatenbank_show.block{ display:table; table-layout:fixed; width:100%; padding:0; } .mod_newsreader .layout_full #database.mod_schwalbedatenbank_show.block > .inner{ padding:20px 20px 25px 20px; } .mod_newsreader .layout_full #database.mod_schwalbedatenbank_show.block{ } ul.dataitems { display:table; table-layout:fixed; width:100%; } ul.headColumns { clear: both; display: table-row; float: none; width: 100%; } ul.headColumns li{ margin:0; width:25%; } ul.headColumns li:first-child{ width:10%; } ul.datalist{ clear: both; display:table; table-layout:fixed; width:100%; } ul.datalist > li,ul.headColumns li { display: table-cell; width: 25%; vertical-align:middle; } .black .outerFade span.icon{ top:20px; } ul.datalist > li.input { text-align: center; width: 10%; padding: 0; } ul.datalist > li.input > *{ margin:0 auto; } .tableheadline{ display:table; table-layout:fixed; width:100%; } .blockContentLeft{ margin-left:10%; } .ce_page_teaser > a, .ce_page_teaser > span { display:table; table-layout:fixed; width:100%; } .teaserholder { display:table-row; } .teaserholder > *{ float:none; display:table-cell; vertical-align:top; } .teaserholder > .image_container{ width:auto; } .teaserholder > .text{ width:85%; padding-left:2%; } .mejs-mediaelement > *{ width:100%; height:100%; } fieldset.row div{ display:table-cell; width:20%; padding-right:1.8%; max-width:100px; } ul.dataitems li.schwalbe_odd, ul.dataitems li.schwalbe_even { background-color:#F5F5F5; width:100%; -webkit-transition:0.2s; clear:both; display:table; height:22px; margin:0; padding:4px 0 0; transition:0.2s; position:relative; } ul.dataitems li.schwalbe_even{background-color:white;} .row{ display: table-row; } .submitcol .row > *{ display:table-cell; vertical-align:top; } .submitcol .row > input.submitButton{ margin-right:5px; } #map{ max-width:100% !important; min-width:100% !important; margin-bottom:30px; } span.before{ visibility:hidden !important; opacity:0 !important; width:0 !important; height:0 !important; display:none; } #sidr{ display:none; } #container #left > *{ position:relative; } #sidr #left{ float:none; width:100%; left:auto; max-width:none; } #left{ z-index:0; } #sidr #left.menu2 > *, #sidr .menu2 > * { background: none; padding: 0; } .closer { background:rgba(0,0,0,0.2); border: 1px solid; cursor: pointer; display: inline-block; padding: 10px 20px; text-align: center; text-transform: uppercase; -moz-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; top:0; } .closer:hover { background:black; } .js.zweispalter a#openfilter.filter { background: rgba(0, 0, 0, 0.8) url("/files/schwalbe/layout/images/filter-icon.png") no-repeat scroll 50% 50%; color: white; display: none; height: 60px; padding: 0; position: fixed; right: 0; text-indent: -99999px; transition: right 0.2s ease 0s; width: 60px; z-index: 1300000; background-size:26px; top:50%; } .no-js.zweispalter #openfilter { display:none; } body{ /*right:auto !important; left:0 !important;*/ } #sidr #filtercontainer .onerow label.empty-filter{ opacity:0.3; } select option:disabled { display:none; } select option[disabled="disabled"] { display:none; } li.g3{ margin:0 1%0 0; } iframe { width: 100%; } .start .wrap { position: relative; margin-top: 350px; top:0; } .slider_content{ height: 100%; top:93px; width: 100%; min-height:100%; } .start .fullsize_content{ margin-top: -30vh; } .start .main_custom{ margin:0 auto; } .caption span.captionholder { display: table; margin: 0 auto; max-width: 980px; padding: 0; position: relative; table-layout: fixed; width: 100%; } .fancybox-inner > .artholder .compareItems table { display: table; overflow: scroll; table-layout: fixed; width: auto; min-width:560px; } #fancy_print { background: transparent url("/files/schwalbe/layout/images/print.jpg") no-repeat scroll 0 0; display: block; float: none; height: 20px; margin: 5px 0 0 20px; opacity: 0.8; position: relative; width: 20px; } .mobile #fancy_print { } form.print{ display:none; } #matrix.ce_wrap{ display:block; width:auto; } .ce_hyperlink > *{ padding:0; } .intro .headlinecontainer{ } .kontakt .mainholder{ padding:20px; width:auto; } .tabholder{ overflow-x:auto; } .ce_youtube.block .videoholder { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0 !important; } .ce_youtube.block .videoholder iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .slicknav_menu{ position:fixed; z-index:999999 !important; } .closerholder { border-bottom: 1px solid rgba(255, 255, 255, 0.6); margin: 0 20px; padding: 70px 0 40px; } .mod_newsreader .ce_wrap.presse, .ce_wrap.mtbmatrix{ padding:0; } .mod_newsreader .ce_wrap.presse{ } .ce_wrap.mtbmatrix .row > div, .mod_newsreader .ce_wrap.presse .row > div{ margin:20px; } .ce_wrap.mtbmatrix .row > div img{ width:100%; height:auto; } .specials .ce_gallery li{ clear:none; width:32.3333%; } .specials .ce_text.image > .row > .float_right{ float:none; } .specials .ce_text.image > .row > .float_right > .imagecontainer{ float:right; } .specials .textcontent.image { display: table-cell; } #productfilter .g4 .image_container{ text-align:center; padding:10px; } #productfilter .g4 .image_container img{ max-width:100%; } .answer > .div > .div{ max-width:100% !important; } .faq .ce_accordion table { margin-bottom:25px; margin-top:35px; overflow:auto; } .faq .ce_accordion table tbody{ } form{ position:relative; } .fancybox-inner .teaserholder { } .holder.table{ display:table; table-layout:fixed; width:100%; height:100%; } .holder.table > .row > .txtcontent{ display:table-cell; vertical-align:bottom; } .holder.table.nobgcolor > .row > .txtcontent,.holder.table.bgcolorbox > .row > .txtcontent{ padding:20px; } .holder.table.bgcolorbox > .row > .txtcontent{ } .bgimagebox { display:block; line-height:0; width:100%; } option.hidden{ display:none; } #anmeldung-bum-haendlerschulung select{ width:100%; } .schwalbe-en-gb .slider_content.home{ /*top:149px;*/ } .riders > .artholder > .ce_text{ margin-bottom:10px; } .riders > .artholder > .ce_text.last,.riders > .artholder > .ce_text.last p{ margin-bottom:0; } .riders h3{ font-size: 15px; color:#009ddf; } .riders h1.first.last{ margin:0; } .white { margin-bottom: 3px; } /*start update 2017*/ .accHolder{ position:relative; z-index:20000; display:none; } .accHolder section{ } .accHolder .accordion > div { background: black none repeat scroll 0 0; color: white; padding: 0; margin:0; } .accHolder .accordion > div a,.accordion > div span{ color: white; text-decoration:none; } .accHolder section .toggler{ background:black; color:white; } .accHolder .accholder li{ margin:0; border-bottom:1px solid rgba(255,255,255,0.3); } .accHolder .accholder li > a, .accHolder .accholder li > span{ color: #fff; display: block; font-size: 14px; padding: 10px 20px; text-decoration: none; } .accHolder .accholder{ background: rgba(255, 255, 255, 0.25) none repeat scroll 0 0; } .accHolder section .toggler.ui-state-active{ background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0; } .accHolder .accholder > li{ border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding:0; list-style-type:none; } .accHolder section { border-top: 1px solid white; } .header_top .mod_navigation{ display:table; table-layout:fixed; width:100%; } .header_top .mod_navigation > ul{ } .header_top .mod_navigation > ul.level_1{ display:table-row; } .header_bottom .mod_navigation > ul.level_1 >li{ margin-right:10px; display:table-cell; float:none; } header .left.navigation { float: none; margin-left: 150px; display:table; } .header_bottom .mod_navigation > ul > li.last{ margin-right:0px; } .start #footer{ } /*New Header 2017*/ header > .inside{ position:static; } .header_bottom .mod_navigation{ display:block; overflow:visible; } header nav { position: static; width: 100%; } /* first stage */ header nav > ul { position: static; width: 100%; margin: 0 auto; padding: 0; text-align: center; } header nav a, header nav span { display: block; color: #fff; text-decoration: none; } header nav li { display: inline-block; color: #fff; list-style: none; transition: 0.5s; } header nav > ul > li > a, header nav > ul > li > span { padding: 15px 12px; border-bottom:2px solid transparent; cursor:pointer; } .h2toggle{ cursor:pointer; } .h2toggle > i{ display:inline-block; width:10px; } header nav > ul > li:hover > span, header nav > ul > li:hover > a, header nav > ul > li.active > span, header nav > ul > li.trail > a { border-bottom:2px solid white; } header .accordion-toggle{ } header .accordion-toggle.ui-accordion-header-active{ color:white; } header .accordion-toggle:after, header nav ul.level_1 > li.submenu > a:after,header nav ul.level_1 > li.submenu > span:after { position: relative; float: right; content: ''; margin-left: 10px; margin-top: 8px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; border-bottom: 5px solid transparent; } header .accordion-toggle:after{ float:none; display:inline-block; top:2.5px; position:relative; } header .accordion-toggle.ui-accordion-header-active:after,header nav ul.level_1 > li.submenu:hover > a:after,header nav ul.level_1 > li.submenu:hover > span:after { margin-top: 2px; border-top: 5px solid transparent; border-bottom: 5px solid #fff; } header .accordion-toggle.ui-accordion-header-active:after{ margin-top:0; top:-2.5px; position:relative; } header nav > ul > li:hover { } /* second stage (the mega-menu) */ header nav ul.megamenu { position: absolute; width: 100%; top:100%; left: 0; background: rgba(0,0,0,1); text-align: left; z-index: 1; visibility:hidden; -moz-transition-property: visibility; -moz-transition-duration: 0.5s; -webkit-transition-property: visibility; -webkit-transition-duration: 0.5s; transition-property: visibility; transition-duration: 0.5s; } header nav ul li ul.megamenu.visible { visibility: visible; display:block; } header nav ul li ul.megamenu.hidden { visibility: hidden; display:none; } header nav ul.megamenu > .inner{ /*opacity:0; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out;*/ } header nav ul li:hover ul.megamenu > .inner { } header .mod_navigation:hover .pageoverlay{ } /* third stage (child-menus in the mega-menu) */ header nav .column { display: inline-block; padding-right: 60px; vertical-align: top; } header nav .column:last-child { margin-right: 0; } header nav .column ul { margin-bottom: 40px; } header nav .megamenu li { display: block; } header nav .megamenu li a,header nav .megamenu li > span { margin-top: 10px; transition: 0.5s; color: #fff; } header nav .megamenu li a:hover { color: #4096ee; } header nav .megamenu h4 { margin-bottom: 15px; color: #000; text-transform: uppercase; } .header_bottom .mod_navigation > ul.level_1 > li{ position:static; } header nav ul.megamenu > .inner { display: table; margin: 0 auto; max-width: 960px; padding: 40px 0 40px; table-layout: fixed; width: 100%; } header nav ul.megamenu > .inner > ul{ margin-left:175px; } header nav ul.megamenu > .inner li > a,header nav ul.megamenu > .inner li > span{ font-size:1em; padding:5px 0; display:block } .header_bottom .mod_navigation li .inner ul{ float:left; } .header_bottom.mod_navigation li .inner ul li{ float:none; margin:0; } .pageoverlay { background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0; height: 100%; left: 0; position: fixed; top: 0; width: 100%; display:none; z-index:3000000; } .header_bottom .mod_navigation li .inner ul.level_3 { padding: 0px 0 15px 8px; } header nav ul.megamenu > .inner ul.level_3 li > a, header nav ul.megamenu > .inner ul.level_3 li > span{ margin-top:3px; } .header_bottom .mod_navigation li .inner ul.level_3 li{ font-size: 12px; text-transform: none; } article.layout_latest { background: white none repeat scroll 0 0; display: inline-block; margin-bottom: 12px; width: 100%; } /*styled select*/ /* remove standard-styles */ select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border:none; border-radius: 0; font-size: 1em; width: 100% } /* styling */ select, input.text, input.styledText { width:100%; border: 1px solid silver; background-position: right; background-repeat: no-repeat; padding:5px; height:auto; } select:hover { box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); } select:focus, input:focus{ outline:none; border:1px solid rgba(255,255,255,0.8); background:#333; } .white select:focus, .white input:focus{ background:white; } /* hide browser-styling (arrow) in IE10 */ select::-ms-expand { display:none; } .lt-ie10 select { background-image: none; } .black select { /* irrelevante Eigenschaften gekürzt */ border:none; border: 1px solid black; box-shadow: 0 2px 1px 0 rgba(0,0,0,1); background-color:#333; color:white; } .black select option { background:#222; border:none; border-top:1px solid #444; padding:.3em 1em .3em 1em; } .black select, .black{ color:white; } .black select, .black input.text, input.styledText { background-color: black; border: 1px solid rgba(255, 255, 255, 0.3); box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 1); color: white; height:40px; } .mod_schwalbereifensuche_filter select{ min-width:155px; } .black{ background:black; } .mod_schwalbereifensuche_filter { padding: 20px; } .mod_schwalbereifensuche_filter select.selected label:after{ content: '>'; } .black ul.dataitems li.schwalbe_odd, .black ul.dataitems li.schwalbe_even{ background:transparent; } .black .headColumns{ background:#f5f5f5; color:black; } .black span.icon{ background: transparent url("/files/schwalbe/layout/images/arrow_down_white.png") no-repeat scroll center center; height: 20px; padding-right: 0; position: absolute; right: 0; top: 0; width: 20px; } .newsreader .dataitems .ui-accordion-content { background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0; } .black .generals, .black .matrixholder{ background:transparent; } .black .toggler,.black .ce_accordion { background-color:black; } .black .ce_accordion { background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .black .ce_accordion:last-of-type { border:none; } .panes > div { height: 23vw; max-height: 550px; min-height:250px; } .filter.zweispalter .wrap > .content > #main,.filter.zweispalter .wrap > .content > #left{ width:100%; float:none; display:block; } #left.menu2 > *, .menu2 > *{ background:transparent; padding:0; } #productfilter .mod_schwalbedatenbank_filter { display:table; table-layout:fixed; width:100%; background:black; } #productfilter .mod_schwalbedatenbank_filter form{ display:table-row; overflow:visible; } #productfilter .mod_schwalbedatenbank_filter form > fieldset { background: black none repeat scroll 0 0; display: table-cell; /*float: none;*/ position: relative; width: 20%; } .cont{ background: black none repeat scroll 0 0; display: none; position: absolute; width: auto; z-index: 30000; -webkit-transform: translate3d(0,0,0); min-width:200px; } #sidr .mod_schwalbedatenbank_filter form > fieldset .cont, #sidr .mod_schwalbeschlaueche_filter form > fieldset .cont{ position: relative; background:none; } #productfilter .cont label{ margin:5px; } .zweispalter .wrap > .content > #main,.zweispalter .wrap > .content > #left,.zweispalter.filter .content{ position:static; } #container #productfilter #left > *{ overflow:visible; } #productfilter #filtercontainer .h2toggle { margin: 0; padding: 15px 10px; } .zweispalter .wrap > .content > #left{ margin-bottom:8px; } .sidr form{ margin:0; } #productfilter #filtercontainer fieldset.onerow{ padding:10px 10px 8px; border-bottom:1px solid rgba(255,255,255,0.2); } #productfilter #filtercontainer fieldset.regular fieldset.regular{ border-bottom: 1px solid rgba(255, 255, 255, 0.2); } #productfilter #filtercontainer fieldset.regular fieldset.regular > .label, #productfilter #filtercontainer fieldset.regular fieldset.standart > h4{ padding: 10px 10px 8px; } #productfilter #filtercontainer fieldset.regular.select{ padding:10px; } .zweispalter .wrap > .content > #left{ } #sidr fieldset{ padding:10px 10px 8px; border-bottom:1px solid rgba(255,255,255,0.2); } .breadcrumb_filter{ padding:3px 10px; background:white; margin:5px 0; color:#333; } .tooltip { width:300px; display:none; bottom:0; margin-bottom:40px; right:20px; background:white; position:fixed; max-width:250px; min-height:1em; padding: 20px; background: #FFFFFF; border: transparent solid 4px; box-shadow:10px 10px 10px rgba(0,0,0,0.2); } .tooltip:after { content: ""; position: absolute; bottom: -20px; left: 60%; border-style: solid; border-width: 20px 20px 0; border-color: #FFFFFF transparent; display: block; width: 0; z-index: 1; } .tooltip:before { content: ""; position: absolute; bottom: -19.5px; left: calc(60% - 3px) ; border-style: solid; border-width: 18px 18px 0; border-color: transparent transparent; display: block; width: 0; z-index: 0; } .stick { position:fixed; bottom:0px; margin-bottom: 0px !important; } .tooltip .content{ position:relative; } #productfilter form > fieldset{ float:left; } .breadcrumb_filter.fixed { position: fixed; top:0; left:0; width: 100%; margin:0; padding:0; background:none; z-index:200000000; } .breadcrumb_filter.fixed > .inner{ margin: 5px 0; padding: 10px; background:white; margin: 0 auto; max-width: 940px; position: relative; width: 100%; z-index:20000; } .blue{ color:#009de0; } .tooltipclose { font-size: 14px; font-weight: bold; padding: 10px; position: absolute; right: 0; top: 0; } .tooltip .resetter,.tooltipclose{ cursor:pointer; } .sidr { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; box-shadow: none; } .sidr > .inner { background: #333 none repeat scroll 0 0; box-shadow: 0 0 5px 5px #222 inset; position: relative; top: 35%; } .sidr .closerholder{ margin:0; padding:0; } .sidr .closer { background:none; cursor: pointer; display: block; padding: 15px 20px; text-align: left; text-transform: uppercase; top: 0; border:none; transition: color 0.2s ease-in-out 0s; border-top:1px solid rgba(255,255,255,0.4); } .sidr .rightholder .filterreset{ text-align:left; } .sidr #filtercontainer h3{ padding: 20px; } #sidr fieldset { padding:0; } #sidr #filtercontainer .label { border: medium none; padding: 10px 20px; } #sidr #filtercontainer fieldset.onerow{ padding:10px 20px; } #filtercontainer .cont select{ margin: 20px; max-width: 220px; } #openfilter.preselected{ background-color:#009de0; } .filter.zweispalter .wrap > .content > #left { display: table; table-layout: fixed; width: 100%; } .filter.zweispalter #container #productfilter #left > * { background: black none repeat scroll 0 0; display: table-cell; overflow: visible; vertical-align: middle; } .filter.zweispalter #container #productfilter #left > .rightholder{ width:200px; } .mod_schwalbedatenbank_filter > div{ display:table; table-layout:fixed; width:100%; } .rightholder .filterreset,.mod_schwalbeschlaueche_filter .searchButton input{ display: block; padding: 16px 20px; text-transform:uppercase; background:#333; color:gray; text-align:center; cursor:pointer; border:none; line-height:160%; font-size:1em; } .rightholder .filterreset:hover, .preselected .rightholder .filterreset,.mod_schwalbeschlaueche_filter .searchButton input:hover,.preselected .rightholder .closer { background-color:#009de0; color:white; } #productfilter .closerholder{ display:none; } .sidr .sidrcontent { display: table; table-layout: fixed; } .sidr #left { display: table-row; } .sidr #left > div.mod_schwalbedatenbank_filter, .sidr #left > div.mod_schwalbeschlaueche_filter { display: table-footer-group; } .sidr #left > div.rightholder { display: table-footer-group; } .mod_schwalbeschlaueche_filter .rightholder { float: right; } .mod_schwalbeschlaueche_filter .rightholder > * { display: table-cell; float: none; height: 100%; vertical-align: top; } .schlaeuche.filterreset{} .mod_search input.text{} .accwrapper .accordion-content {display: none;} .accwrapper .accordion-content.default {display: block;} .accwrapper .accordion-toggle { border-bottom:1px dotted gray; cursor:pointer; margin-bottom:0; padding-bottom:20px; } header .accwrapper .accordion-toggle { border:none; margin:0; padding:0; background:none; } header .accwrapper .accordion-toggle {} .accwrapper .accordion-toggle:last-of-type { border:none; } .black input[type="text"]:focus, .black input[type="password"]:focus, .black input[type="date"]:focus,.black input[type="datetime"]:focus, .black input[type="email"]:focus, input[type="number"]:focus,.black input[type="search"]:focus, input[type="tel"]:focus,.black input[type="time"]:focus, input[type="url"]:focus,.black input:focus:not([type]),.black textarea:focus{ background:#333; } .mod_haematen_suchmaske{ padding:30px; } .mod_schwalbereifensuche_filter { padding: 0; width: 100%; } .headerholder{ display:table-row; } .headerholder > * { display: inline-block; } .headerholder > .filterbuttons.rightholder{ float:right; } .headerholder > .filterbuttons > * { background: #333 none repeat scroll 0 0; border: medium none; color: gray; cursor: pointer; float: left; font-size: 0.8em; line-height: 160%; margin: 0 0 20px 10px; min-width: 165px; padding: 15px 20px; text-align: center; text-transform: uppercase; vertical-align: middle; } .mod_schwalbereifensuche_filter > .inner{ padding:30px; display: table; table-layout: fixed; } .filterbtn.bgblue, .mod_search input.submit.bgblue{ background:#009de0; color:white; } .filterbtn.inactive{ cursor:default; pointer-events:none; } .mod_schwalbereifensuche_filter .column.submitcol { display:none; } #filtercontainer fieldset.produktlinie > h3{ padding:10px; } #productfilter .mod_schwalbedatenbank_filter form > fieldset.checked { background: black url("/files/schwalbe/layout/images/check.png") no-repeat scroll 100% 50%; background-size:15px; } #sidr #filtercontainer > fieldset.checked { background: black url("/files/schwalbe/layout/images/check.png") no-repeat scroll 90% 1.8em; background-size:15px; } .main_right .ce_image { margin: 20px; } .main_right .ce_image span.image{ margin-bottom: 10px; } .computer.filter #container{ min-height:1030px; } .mod_haematen_suchmaske { padding: 30px; } .mod_haematen_suchmaske .formholder{ display:table; width:100%; table-layout:fixed; } .mod_haematen_suchmaske .formholder > .row > *{ float:left; } .mod_haematen_suchmaske .formholder > .row > .mapholder{ float:right; width:50%; } .mod_haematen_suchmaske .formholder > .row > form{ width:45%; } .mod_haematen_suchmaske .headlinecontainer { border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin-bottom: 30px; padding-bottom: 20px; } .mapholder{ height:500px; width:100%; } .mapholder > *{ height:100%; width:100%; } #haendlercontainer input.submit { background: #1f99d6 none repeat scroll 0 0; display: block; padding: 14px; position: relative; text-transform: uppercase; font-size: 1em; margin-right: 1px; margin-top: 15px; } #store-search-results .panel .accordion-content{ padding-bottom:15px; } #store-search-results .panel{ border-bottom:1px solid rgba(255,255,255,0.3); } #store-search-results .panel p.contact{ margin:0; } #store-search-results .panel:last-of-type{ border:none; } #store-search-results .toggler{ padding-left:0; } #store-search-results .toggler.ui-accordion-header-active{ color:#009de0; } #haendlercontainer fieldset div { margin-top: 10px; } .legende-wrapper{ height: 66px; float: left; width: 50%; display: block; font-size: 11px; margin-top: 10px; } .legende-wrapper .legende-label{ float: left; margin-top: 13px; margin-left: 13px; } .legende-wrapper img{ float: left; } .sc4-2.sc-first .textcontent { padding-right:20px; } .sc4-2.sc-last .textcontent { padding-left:20px; } #reifendruckfinder { padding: 20px; } #reifendruckfinder .artholder{ display:table; table-layout:fixed; width:100%; } #reifendruckfinder .artholder > div.table{ display: table; } #reifendruckfinder .artholder > div > div{ display:table-row; } #reifendruckfinder .artholder > div.headlinecontainer { display: table; width: calc(100% + 40px); background: url("/files/schwalbe/layout/images/pressurefinder/header.jpg") no-repeat scroll 0% 0% transparent; background-size: auto auto; background-size: contain; height: 150px; margin: -20px -20px 0 -20px; box-sizing: border-box; } #reifendruckfinder .artholder > div.headlinecontainer > *{ } .mod_sitemap .level_3{ padding-left:10px; } .mtbleft,.mtbright{ display:table-cell; width:40%; vertical-align:top; } .mtbright{ width:60%; } #reifendruckfinder.black select, #reifendruckfinder.black label { background-color:#333333; border:1px solid black; box-shadow:#000000 0 2px 1px 0; color:white; } #reifendruckfinder select, #reifendruckfinder.black label { padding:0.8rem; width:160px; line-height:0.8rem; } #reifendruckfinder.black select { border-color:#333333; margin:0; width:40%; padding:0 0.8rem; outline:none; } #reifendruckfinder fieldset{ display:table; table-layout:fixed; width:auto; } #reifendruckfinder .fieldrow{ margin:15px 0 20px; display:block; } #reifendruckfinder .fieldrow > *{ display:inline-block; vertical-align:top; } #reifendruckfinder .fieldrow > label { background:transparent; border:1px solid rgba(255, 255, 255, 0.3); margin-right:2%; width:49%; position:relative; } .fieldbutton > input[type="submit"]{ background:#333333; width:100%; color:white; border:none; padding:10px 0; } #reifendruckfinder .fieldbutton > input[type="submit"]{ font-weight:800; font-size:0.8rem; } .mtbright { position: relative; vertical-align: top; } .mtbright .holder{ padding-top:15%; } #mtbresults { position: relative; width: 100%; } #mtbresults pre{ display:none; } .outputbox{ width:100%; } .outputbox > * { text-align: center; width: 50%; float: right; text-indent: 48px; } .outputbox > * > .inner { display: block; color:#009de0; margin: 0 10%; position: relative; text-align: center; text-indent: 0; } .outputbox > * > .inner > .borderhelper { border: 1px solid #009de0; display: block; padding: 0.5rem 0; } .outputbox > .front > .inner { left: -25px; } .outputbox > .rear > .inner { right: -25px; } .notifactionbox { bottom: -6rem; box-sizing: border-box; padding: 0 20px; position: relative; text-align: right; width: 100%; } #bggrafik { height: 100%; padding: 0; position: relative; width: auto; margin-top:-50px; } #bggrafik > img{ margin-bottom:2.5rem; } .outputbox > .front { float: left; text-indent: -48px; } .fieldbutton > input[type="submit"].active{ background: #009de0; } .outputbox > .front > .inner::before, .outputbox > .rear > .inner::before { background: transparent url("/files/schwalbe/layout/images/arrpneu.png") no-repeat scroll 50% 0 / 25px auto; content: ""; display: block; height: 25px; top: 0; } .mtbright .headlinecontainer { color: #009de0; margin-bottom: 3.5rem; text-align: center; } #bggrafik .headlinecontainer{ opacity:0; } .mtbright .holder{ margin:30px; } .bumm-haendlerseminar select:focus{ color:white; } .mod_newscategories .toggler{ padding:0; } .togglerImage,.togglertext{ display:inline-block; vertical-align:middle; } .togglerImage{ width: 80px; height:100%; } span.togglertext{ padding-left:2rem; font-weight:600; } .mod_newscategories span.toggler { display: block; text-transform: uppercase; cursor: pointer; font-size: 16px; } .mod_newscategories .table{ display:table; table-layout:fixed; width:85%; } .mod_newscategories .more { background-color: black; color: white; padding: 5px 10px; position: relative; font-weight: 400; float: right; } .teaserholder > .text > .textholder{ padding-left:80px; } .ce_text.center{ text-align:center; } .ce_text.center{ text-align:center; } .ce_text.center > .row{ display:table; width:100%; } .ce_text.center .imagecontainer{ margin-bottom:2rem; } /* ############# SPECIAL TUBELESS TECHNOLOGY 2018 ##############*/ .tubeless-techno .whitenomargin, .tubeless-techno .white{ padding: 0!important; } .tubeless-techno .row { width: 90%; display: block; margin: 0 auto; } .tubeless-techno .ce_text .row { width: 100%; display: block; margin: 0 auto; } .tubeless-techno .mod_article{ margin-bottom: 30px; padding-bottom: 50px!important; } .tubeless-techno .inside ul li{ list-style: square; } .tubeless-techno .image_container { text-align: center; } .tubeless-techno .ce_text { max-width: 665px; width: 90%; margin: 0 auto; text-align: center; position: relative; } .tubeless-techno .sixsixtyfive .artholder { max-width: 665px!important; width: 90%!important; margin: 0 auto; position: relative; } .tubeless-techno .narrow { max-width: 525px; width: 90%; margin: 0 auto; text-align: left; position: relative; } .tubeless-techno .text-left{ text-align: left!important; } .tubeless-techno .ce_text h1, .tubeless-techno h1.ce_headline{ letter-spacing: 5px; font-size: 23px; text-align: center; margin: 35px 0; } .tubeless-techno .ce_text h4, .tubeless-techno h4.ce_headline{ font-size: 1em!important; font-weight: bold; text-transform: uppercase; text-align: center; margin-top: 35px; } .tubeless-techno .menudiv { width:100%; max-width: 665px; text-align: center; margin: 0 auto; } .tubeless-techno ul.tubeless-menu { display: inline-block; text-align: center; } .tubeless-techno ul.tubeless-menu li { float: left; list-style-type: none; text-transform: uppercase; padding: 5px; } .tubeless-techno ul.tubeless-menu li a { display: block; color: black; text-decoration: none; font-weight: bold; } .tubeless-techno ul.tubeless-menu li a:hover { text-decoration: underline; } .tubeless-techno .plusicon { width: 30px; float: left; position: relative; } .tubeless-techno .plustext { text-align: left; position: relative; margin-left: 50px; } .tubeless-techno .easy-icon { position: relative; width: 95px; float: left; margin-right: 30px; } .tubeless-techno .microskin-reifen { display: inline-block; position: relative; } .tubeless-techno .tubeless-dimensions { width: 95%; max-width: 530px; margin: 0 auto; } .tubeless-techno .fifty { width: 45%; float: left; margin-right: 5%; } .tubeless-techno .fifty-last { width: 45%; float: left; } .tubeless-techno .hundred { width: 95%; clear: left; } .tubeless-techno .nomargin { margin-bottom: 0!important; } .tubeless-techno .sc5-4 { width: 59%!important; } .tubeless-techno .sc5 { width: 39%!important; } .tubeless-techno #tubeless-tabelle { max-width: 885px!important; width: 95%; margin: 0 auto; } .tubeless-techno .tubeless-table { width: 100%; overflow: visible; } .tubeless-techno .tubeless-table td, .tubeless-techno .tubeless-table tr { vertical-align: middle; background: none; } .tubeless-techno .tubeless-table tr:nth-child(2n+1) { background: none; } .tubeless-techno .tubeless-table td:nth-child(odd) { background-color: #F2F2F2; } .tubeless-techno .tubeless-table td:nth-child(1) { width: 15%; } .tubeless-techno .tubeless-table td:nth-child(2) { width: 35%; } .tubeless-techno .tubeless-table td:nth-child(6) { width: 10%; } .tubeless-techno .tubeless-table td:nth-child(3), .tubeless-techno .tubeless-table td:nth-child(4), .tubeless-techno .tubeless-table td:nth-child(5) { text-align: center; padding: 5px 5px; width: 25%; min-width: 120px!important; } .tubeless-techno .tubeless-table td img { text-align: center; } .tubeless-techno .tubeless-table tr.erklaerung td { text-align: left!important; } .tubeless-techno .tubeless-table tr.kopfzeile td { background: #000!important; color: #FFF; font-weight: bold; } .tubeless-techno .tubeless-table .legende { vertical-align: top; position: absolute; margin-left: 2px; margin-top: -4px; text-anchor: end; font-size: 9px; } .tubeless-techno .erklaerdot { width: 10px; float: left; padding-top: 1px; margin-right: 3px; position: relative; } .tubeless-techno .tabledot { width: 20px; } .tubeless-techno .mod_article.last.white{ background: none; } .tubeless-techno .mod_article.first.white{ background: white; } .tubeless-techn #tools { padding-bottom: 0!important; } #applications li.g4.black > a{ background:black; color:white; } .teaser.g3.sliderteaser.last{ height:312px; } .teaser.g3.teaserslider.last *{ height:100%; } .teaserslider .flex-direction-nav{ display:none; } .teaserslider .flex-control-nav{ bottom:0; z-index:10; } fieldset.hidden{ display:none; } .sc5-2 img { width:100%; } #haendlercontainer fieldset, #haendlercontainer fieldset > *{ width:100%; } #haendlercontainer .left div input[type=checkbox] { position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0; } #haendlercontainer .left div input[type=checkbox] + label { padding-left:30px; height:25px; display:inline-block; line-height:25px; background-repeat:no-repeat; background-position: 0 0; vertical-align:middle; cursor:pointer; } #haendlercontainer .left div input[type=checkbox]:checked + label { background-position: 0 -25px; } #haendlercontainer .left div label { background-image:url("https://www.schwalbe.com/system/modules/haematen/assets/checkbox.png"); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #teaser .ce_page_teaser { float: left; width: 18%; margin: 0 1% 2%; } #teaser .teaserholder > .text{ display:none; } #productfilter .mod_schwalbedatenbank_filter form > fieldset { float: none; vertical-align: middle; width: auto; display: inline-block; vertical-align: middle; padding:0 10px 0 0; } .notright.teaserholder.box .logo { width: 120px; margin-bottom: 2rem; } .teaserholder.box > div { clear: both; display: table; height: 100%; padding: 10px; table-layout: fixed; } .teaserholder.box .textbox.right > .holder.bgcolorbox { height: 100%; width: 100%; margin: 0; background: transparent; box-sizing: border-box; } .teaserholder.box .textbox.right .row { display: table-row; } .teaserholder.box .textbox.right > .holder.table > .row > .txtcontent { display: table-cell; vertical-align: bottom; padding:0; } .teaserholder.box .textbox.right .txtcontent .holder { padding: 20px; float:none; clear:none; margin: 10px; } .teaserholder.box .textbox.right .txtcontent .holder { padding: 20px; float: none; clear: none; margin: 10px; background: rgba(0,0,0,0.5); } .teaserholder.box .textbox.right > .holder.table > .row > .txtcontent { background: transparent; } #filtercontainer h3.title{ display: inline-block; vertical-align: middle; width: 80px; margin-left: 20px; font-weight: 700; letter-spacing: 0.08rem; } #sidr #filtercontainer h3.title{ display:none; } .js.zweispalter a#openfilter.filter { background: rgba(0, 0, 0, 0.8); color: white; display: none; position: relative; right: auto; text-indent: 0; transition: right 0.2s ease 0s; width: auto; z-index: 1300000; height: auto; padding: 12px 20px 10px 10px; background: rgba(255,255,255,0.2); margin-bottom: 20px; } .js.zweispalter a#openfilter.filter > *{ display:inline-block; vertical-align:middle; } .js.zweispalter a#openfilter.filter > img{ height:30px; width:auto; } #sidr{ background: rgba(0,0,0,0.9); } .sidr > .inner{ background:transparent; top: 170px; } .fancybox-inner .ce_image{ margin:0; } .start .fancybox-close { width: 50px; height: 50px; top: 3%; right: 2%; margin: 0; background-image:none; } .responsiveimage{ display:block; width:100%; height:auto; line-height:0; } .start .fancybox-type-inline .fancybox-skin{ background:black; } .start .fancybox-wrap{ top:0 !important; bottom:auto !important; } .start .fancybox-inner { height: auto !important; } .sternchen { font-size:11px; display:inline-block; padding-top:7px; } .cookiebar__button, .cookiebar__button:hover { background-color:#009de0; } #mehr-infos .row { display:block; } input[type="number"] { -moz-appearance: textfield; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #reifendruckfinder select.error,#reifendruckfinder input.error{ border-color:red; } /**/ .pressurefinder .ce_headline.black, .pressurefinder .ce_headline.black > *{ font-weight: 700; font-size: 1.5rem; line-height: 1.3; letter-spacing: 0.2rem; margin-bottom: 0; } .pressurefinder .ce_headline.black{ padding: 50px 140px; } .creme{ color:#DBC9AD; } #erklaerung .artholder{ max-width:680px; margin:0 auto; } #erklaerung .sc2 { width:48%; margin-top: 35px; } #erklaerung .sc2 .textcontainer h1 { background: black; color: white; padding: 5px 16px; font-size: 16px; display: block; text-align: center; width: 100%; } #erklaerung .sc2 .textcontainer .textcontent > *{ font-size:17px; } #erklaerung h1, #erklaerung-kopie h1 { letter-spacing: 0.17rem; } #erklaerung-kopie p { margin-bottom: 25px; } .pressurefinder #intro, .pressurefinder #reifendruckfinder, .pressurefinder #erklaerung{ margin-bottom: 40px; } strong{ font-weight:800; } .pressurefinder .mod_article{ margin-bottom:1rem; } .pressurefinder .mod_article.white { padding: 50px 140px; } .pressurefinder .tooltipster-sidetip .tooltipster-box{ background: black; border: 3px solid #009de0; border-radius: 0px; } .pressurefinder .tooltipster-sidetip .tooltipster-content{ padding:18px 15px; } .pressurefinder .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border, .pressurefinder .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{ border-right-color:#009de0; } .tooltipstered{ position:absolute; top:0; right:0; padding:5px 10px; color:#009de0; font-weight:800; } .outputbox > * > .inner > .borderhelper { border: 2px solid #009de0; display: block; padding: 0; line-height: 3.5rem; font-size: 1.3rem; font-weight: 800; color: white; } .outputbox > .front > .inner > .borderhelper:before { line-height: 1.8rem; content: 'Front'; display: block; background: #009de0; text-transform: uppercase; font-weight: 800; color: white; padding: 5px; font-size: 1rem; } .outputbox > .rear > .inner > .borderhelper:before { line-height: 1.8rem; content: 'Rear'; display: block; background: #009de0; text-transform: uppercase; font-weight: 800; color: white; padding: 5px; font-size: 1rem; } .outputbox > * > .inner > .borderhelper{ padding:0; } #bggrafik .headlinecontainer{ margin:0; } #bggrafik .innerholder{ position: absolute; width: 100%; height: auto; box-sizing: border-box; } #container.productSelector:after, .custom:after {height:auto;} #filtercontainer { font-size: 13px; color:white; } li.g4 span.newsholder{ position:absolute; z-index:10; width:100%; height:100%; background:transparent; } /*Filter*/ /*Input*/ .computer #filtercontainer .label:hover span.radio,.computer #filtercontainer .label:hover span.checkbox, .computer .onerow span.labeltxt:hover,.computer .selected span.radio, .selected span.checkbox{background:#009de0;} input.styled,#filtercontainer fieldset.onerow {border:none;} li.g4,span.radio, span.checkbox,#filtercontainer .onerow label.empty-filter, #filtercontainer .onerow label{float: left;} input.styled { cursor: pointer; display: block; left: 0; position: absolute; z-index: 1; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; filter:alpha(opacity = 0); outline:0; } /*Fake input*/ span.radio, span.checkbox { border: 1px solid silver; display: block; margin: 0 10px 0 0; clear: left; height: 12px; padding: 0; width: 12px; cursor:pointer; position:absolute; z-index:0; } #filtercontainer label { position:relative; z-index:20; padding-left:20px; top:-2px; display:block; width:auto; } #filtercontainer .onerow label{ position:static; padding-left:0; top:auto; } #filtercontainer .onerow span.radio, #filtercontainer .onerow span.checkbox { position:static; } /*Fieldset*/ #filtercontainer fieldset { /* border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 5px 15px 3px 5px; position:relative; margin: 0;*/ } #filtercontainer fieldset.first{ border-bottom: 1px solid rgba(255, 255, 255, 0.6); margin-bottom:8px; padding-bottom:8px; padding-top: 0; } .ie #filtercontainer fieldset.first{ border-bottom: 1px solid gray; } #filtercontainer fieldset:first-child { border-top: 0 none; padding-top:0; } #filtercontainer fieldset.onerow.first{ padding-top:15px; } #filtercontainer fieldset.last { /* border-bottom: 1px solid silver; margin-bottom: 8px !important; padding-bottom: 8px;*/ } #filtercontainer .onerow label.empty-filter{ position:relative; z-index:-1; color:white; } #filtercontainer .onerow label.empty-filter, #filtercontainer .onerow label { display: inline-block; height: 14px; margin: 5px 9px 10px 0; width: 15px; position:relative; } #filtercontainer .onerow label.hideAll,.onerow label.hideAll.empty-filter{display:none !important;} #filtercontainer .onerow label.empty-filter span.checkbox{color:white;border:1px solid rgba(255,255,255,0.2);} .onerow span.labeltxt:hover{ border:1px solid silver; width:12px; height:12px; } /*Label Normal*/ #filtercontainer .label { display: block; line-height: 14px; margin: 0; padding:10px; position: relative; z-index:0; border-bottom:1px solid rgba(255,255,255,0.2); } .ie #filtercontainer .reset { background: none repeat scroll 0 0 transparent; display: none; position: absolute; z-index:30000; color: white; right: 0; text-align: center; top: 0; } #filtercontainer .label.selected {cursor:pointer;} #filtercontainer label{cursor:pointer;} #filtercontainer .label.empty-filter{display: none;} .labeltxt { display: block; height: 15px; left: 0; line-height: 1; position: absolute; text-indent: -9999px; top: 0; width: 15px; z-index: 20; } /*Headlines*/ #filtercontainer h4, #filtercontainer h3 { font-size: 12px; font-weight: 400; letter-spacing: 0.03em; text-transform: uppercase; line-height:150%; margin:0; } /*Select*/ select{ display:block; margin-bottom:20px; width:160px; margin-top:15px; } #filtercontainer select.first{margin-top:20px;} /*Reset*/ /*#filtercontainer .reset { background: none repeat scroll 0 0 transparent; display: none; position: absolute; color: white; right: 0; text-align: center; top: 0; }*/ #filtercontainer .reset { background: none repeat scroll 0 0 transparent; display: none; position: absolute; color: white; right: 10px; text-align: center; top: 10px; z-index:2000; } #filtercontainer .onerow .reset{ top:0; } #filtercontainer .show-reset { display: block; text-indent: 0; width: 15px; height:15px; line-height:17px; } #filtercontainer .show-reset:before { content: "X"; } #filtercontainer .onerow .reset { float: right; position: relative; right: 0; clear:both; } /*Produkte*/ ul#applications { width:100% !important; } .ie8 ul#applications{ position:relative; } /*items*/ li.g4 { display: inline-block; float: left; height: auto; margin: 0 1% 1% 0; overflow: hidden; position: relative; width: 32.6666667%; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-opacity: 1; filter:alpha(opacity = 1); } li.g4:hover { -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; -webkit-opacity: 0.9; filter:alpha(opacity = 0.9); } li.g4 span, li.g4 a {display: block;height: 100%;} .h2toggle > i{ margin-left:5px; } .g4 .image_container { height:210px; } .g4 img { max-width: 100%; width: 100%; display:none; } .g4 .title { /* background-color:#CCCCCC; */ background-position:initial initial; background-repeat:initial initial; /* color:#009DE0; */ font-size:12px; font-weight:600; height:25px; padding:6px 0 0; text-align:center; text-transform:uppercase; position:relative; bottom:0; } /*Selected Fakeinput*/ .selected span.radio, .selected span.checkbox { background: none repeat scroll 0 0 #009DE0; } #filtercontainer h3, .event.layout_latest, .zweispalter .event.layout_latest.last{ /*margin-bottom:12px;*/ } @font-face { font-family: 'open_sansbold'; src: url("../../files/schwalbe/layout/fonts/opensans_bold_macroman/OpenSans-Bold-webfont.eot"); src: url("../../files/schwalbe/layout/fonts/opensans_bold_macroman/OpenSans-Bold-webfont.eot?#iefix") format('embedded-opentype'), url("../../files/schwalbe/layout/fonts/opensans_bold_macroman/OpenSans-Bold-webfont.woff") format('woff'), url("../../files/schwalbe/layout/fonts/opensans_bold_macroman/OpenSans-Bold-webfont.ttf") format('truetype'), url("../../files/schwalbe/layout/fonts/opensans_bold_macroman/OpenSans-Bold-webfont.svg#open_sansbold") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansextrabold'; src: url("../../files/schwalbe/layout/fonts/opensans_extrabold_macroman/OpenSans-ExtraBold-webfont.eot"); src: url("../../files/schwalbe/layout/fonts/opensans_extrabold_macroman/OpenSans-ExtraBold-webfont.eot?#iefix") format('embedded-opentype'), url("../../files/schwalbe/layout/fonts/opensans_extrabold_macroman/OpenSans-ExtraBold-webfont.woff") format('woff'), url("../../files/schwalbe/layout/fonts/opensans_extrabold_macroman/OpenSans-ExtraBold-webfont.ttf") format('truetype'), url("../../files/schwalbe/layout/fonts/opensans_extrabold_macroman/OpenSans-ExtraBold-webfont.svg#open_sansextrabold") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansregular'; src: url("../../files/schwalbe/layout/fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot"); src: url("../../files/schwalbe/layout/fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot?#iefix") format('embedded-opentype'), url("../../files/schwalbe/layout/fonts/opensans_regular_macroman/OpenSans-Regular-webfont.woff") format('woff'), url("../../files/schwalbe/layout/fonts/opensans_regular_macroman/OpenSans-Regular-webfont.ttf") format('truetype'), url("../../files/schwalbe/layout/fonts/opensans_regular_macroman/OpenSans-Regular-webfont.svg#open_sansregular") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanssemibold'; src: url("../../files/schwalbe/layout/fonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.eot"); src: url("../../files/schwalbe/layout/fonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.eot?#iefix") format('embedded-opentype'), url("../../files/schwalbe/layout/fonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.woff") format('woff'), url("../../files/schwalbe/layout/fonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.ttf") format('truetype'), url("../../files/schwalbe/layout/fonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.svg#open_sanssemibold") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanslight'; src: url("../../files/schwalbe/layout/fonts/opensans_light_macroman/OpenSans-Light-webfont.eot"); src: url("../../files/schwalbe/layout/fonts/opensans_light_macroman/OpenSans-Light-webfont.eot?#iefix") format('embedded-opentype'), url("../../files/schwalbe/layout/fonts/opensans_light_macroman/OpenSans-Light-webfont.woff") format('woff'), url("../../files/schwalbe/layout/fonts/opensans_light_macroman/OpenSans-Light-webfont.ttf") format('truetype'), url("../../files/schwalbe/layout/fonts/opensans_light_macroman/OpenSans-Light-webfont.svg#open_sanslight") format('svg'); font-weight: normal; font-style: normal; } .slicknav_btn,.slicknav_nav .slicknav_item{cursor:pointer}.slicknav_menu,.slicknav_menu *{box-sizing:border-box}.slicknav_btn{position:relative;z-index:200;display:block;vertical-align:middle;float:right;padding:10px 20px;line-height:1.125em;top:20px;right:20px}.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{margin-top:4px}.slicknav_menu .slicknav_menutxt{display:block;line-height:1.188em;float:left}.slicknav_menu .slicknav_icon{float:none;width:20px;height:20px;margin:20px;display:block}.slicknav_menu .slicknav_icon:before{background:0 0;width:20px;height:20px;display:block;content:"";position:absolute}.slicknav_menu .slicknav_no-text{margin:0}.slicknav_menu .slicknav_icon-bar{display:block;width:20px;height:2px}.slicknav_menu:after,.slicknav_menu:before{content:" ";display:table}.slicknav_menu:after{clear:both}.slicknav_nav ul{display:block}.slicknav_nav ul>li{display:block;border-bottom:1px solid rgba(255,255,255,.3)}.slicknav_nav ul>li:last-of-type{border-bottom:1px solid rgba(255,255,255,0)}.slicknav_open>a{background:rgba(255,255,255,.3)}.slicknav_nav .slicknav_arrow{font-size:.8em;margin:0 0 0 .4em}.slicknav_nav .slicknav_item a{display:inline}.slicknav_nav .slicknav_row,.slicknav_nav a{display:block}.slicknav_nav .slicknav_parent-link a{display:inline}.slicknav_menu{background:#000;font-size:16px;border-bottom:1px solid #f5f5f5;color:#b4b4b4;font-weight:400;min-height:70px;line-height:190%;position:relative;z-index:1;}.slicknav_menu .left.logo{position:relative;left:20px}.slicknav_menu .left.logo>.mod_logo{width:80px}.slicknav_menu .left.logo>.mod_logo img{max-width:100%;height:auto}.slicknav_menu .slicknav_menutxt{color:#fff;font-weight:700;text-shadow:0 1px 3px #000}.slicknav_menu .slicknav_icon-bar{background-color:#fff}.slicknav_btn{margin:0;text-decoration:none;background-color:transparent}.slicknav_nav,.slicknav_nav ul{list-style:none;overflow:hidden;margin:0}.slicknav_nav{clear:both;color:#fff;padding:80px 0 0;font-size:.875em}.slicknav_nav ul{padding:0}.slicknav_nav .slicknav_row:hover,.slicknav_nav .trail>a,.slicknav_nav li.active span.active{background:rgba(255,255,255,.2);color:#fff}.slicknav_nav .trail>a{background:rgba(255,255,255,.3)}.slicknav_nav .slicknav_open ul,.slicknav_open ul li a:hover{background:rgba(255,255,255,.2)}.slicknav_nav a,.slicknav_nav li.active>span.active,.slicknav_nav li.empty>span{padding:10px 20px;display:block;text-decoration:none;color:#fff;font-size:14px;}.slicknav_nav .slicknav_txtnode{margin-left:15px}.slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a{padding:0;margin:0}.slicknav_brand{float:left;color:#fff;font-size:18px;line-height:30px;padding:7px 12px;height:44px} /*IPAD Portrait*/ @media all and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { html,body.mobile, .mobile #container{min-height: 100%;height:100%;} .mobile.einspalter #wrapper{margin-bottom:-700px;} .mobile .bannerlist li:last-child{margin-right:0;} } /*IOS Portrait*/ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) { .mobile.einspalter .footer,.mobile.einspalter .push {clear:both;float:left;width:100%;} .mobile.einspalter .push{height:10px;} } .slicknav_menu, .responsivenav { display:none; } @media screen and (max-width: 1000px) { .breadcrumb_filter.fixed > .inner { margin: 0 20px; width: auto; } } @media screen and (min-width: 980px) { .stuck { padding:0; margin: 0; position: fixed; top: 0; width: 100%; z-index:300000; max-width:960px; box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.2); } .stuck > .inner{ margin:3px 10px; } } @media all and (max-height: 900px){ .fancybox-close{ margin-top:0; right:-40px; } } @media screen and (max-width: 980px) { .notright .bgimagebox { display: block; } .teaserholder.box > div { background: none !important; background-color: black; } .teaserholder.box > div { padding: 0; } .teaserholder.box .textbox > .holder.bgcolorbox { width: 100%; margin: 0; } .holder.table.nobgcolor > .row > .txtcontent, .holder.table.bgcolorbox > .row > .txtcontent{ background:rgba(0,0,0,1) !important; } #reifendruckfinder .fieldrow > label{ margin-right:2%; width:40%; } .pressurefinder .mod_article.white, .pressurefinder .ce_headline.black{ padding: 20px; } #erklaerung .sc2 .textcontainer h1 { background: black; color: white; padding: 5px; font-size: 16px; display: block; text-align: center; width: 100%; } .fancybox-close{ right:0; top:-40px; } #haendlercontainer{ padding-right:30px; } .stuck { padding:0; margin: 0; left:0; position: fixed; top: 0; width: 100%; z-index:300000; background:transparent; } .stuck > .inner{ background:white; margin:0 20px 0 21px; padding:5px 20px; box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.2); } } .tablet #header{ display:none; } .tablet .slicknav_menu { display:block; } .tablet .slider_content{ top: 70px; } .tablet .slider_content, .bxslider li{ } @media screen and (max-width: 980px) { /* #menu is the original menu */ #header { display:none; } .logoholder .uk{ display:none; } .slicknav_menu { display:block; } .slider_content{ top: 70px; } .schwalbe-en-gb .slider_content.home { top: 70px; } .bgimagebox{ display:none; } .teaserholder.box .textbox{ position:relative; } #reifendruckfinder .fieldrow > label, #reifendruckfinder .fieldrow > select, #reifendruckfinder .fieldrow > input[type="number"] { box-sizing: border-box; display: block; margin: 0 0 10px; padding: 10px; width: 100%; } } @media screen and (min-width: 750px) { .gallholder > div > .rg-image-wrapper{ width: 60%; } .mod_newsreader #intro { margin-left:63%; } .gallholder > div > .rg-image-wrapper{ min-height:400px; } } @media screen and (max-width: 850px){ .mod_haematen_suchmaske .formholder > .row > form{ display:block; float:none; width:100%; } .mod_haematen_suchmaske .formholder > .row > .mapholder{ display:block; margin-bottom:20px; float:none; width:100%; } .mapholder { height: calc(100vw / 1.5); } } @media screen and (max-width: 750px) and (min-width: 680px) { .gallholder > div > .rg-image-wrapper{ width:50%; } .blockContentFULL.spaceAfter.blau{ font-size:11px; } } @media screen and (min-width: 680px){ .gallholder > div > .rg-image-wrapper{ float: left; margin-right: 3%; } } @media screen and (max-width: 680px) and (min-width: 580px){ .redText { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } #teams-riders .ce_article_list li:nth-child(3n) { margin-right:0; } #teams-riders .ce_article_list li:nth-child(3n) { margin-right:0; } } @media screen and (max-width: 760px) { .mtbright .holder { padding-bottom: 7rem; } .sixsixtyfive .text-left { text-align: center!important; } .tubeless-techno .sc5 { width: 90%!important; } .mobilesmall { width: 60%; margin: 0 auto; } .mod_newsreader .newsflagholder { top:0; } } @media screen and (max-width: 760px) and (orientation: landscape) { .sixsixtyfive .text-left { text-align: left!important; } } @media screen and (max-width: 680px) { #teaser .ce_page_teaser { float: left; width: 31.33333%; } .mtbright{ display:table-footer-group; } .mtbleft{ display:table-header-group; } #bggrafik{ margin-top:50px; } .mtbright .holder{ padding-top:0; } #bggrafik .innerholder{ position:relative; } #mtbresults{ bottom:0; position:relative; margin-top:50px; } .teaserholder.box .textbox > .holder.nobox{ background: rgba(0, 0, 0, 0.95) none repeat scroll 0 0; } .mod_newslist .newscontent > *, .einspalter article.layout_latest > a .newscontent > * { display: table-footer-group; float: none; vertical-align: middle; } .mod_newslist .newscontent > .image_container.right, .einspalter article.layout_latest > a .newscontent > .image_container.right{ display: table-header-group; } .twocolumn .containerholder{ /*margin-top:0;*/ } .mod_search input.text { margin: 0 auto 20px; width: 100%; } .mod_search input.submit { width:100%; } .newsfooter .pagination li{ display:none; } .newsfooter .pagination li.next,.newsfooter .pagination li.previous{ display:block; } #hb-gotop{ right:10px; } .specials .ce_text.image > .row > .float_right > .imagecontainer{ display:block; float:none; width:100%; margin-left:0; } .specials .ce_text.image > .row > .float_right > .imagecontainer .image_container.float_right{ margin-left:0; margin-bottom:20px; } #teams-riders .ce_article_list li { margin-bottom: 2%; margin-right: 2%; width: 32%; } .onecolumn .tableheadline{ display:none; } .matrix .blockContent { float: left; margin-bottom: 20px; padding: 0 3%; } ul.datalist{ padding:10px 0; } .onecolumn ul.datalist > li { display: block; margin-bottom: 5px; width: auto; } .onecolumn ul.datalist > li.input{ display: table-cell; } .zweispalter ul.datalist > li.input, .einspalter ul.datalist > li.input { padding-top: 5px; vertical-align: top; width: 15%; } span.icon{ right: 15px; top: 15px; } } @media screen and (max-width: 980px) and (min-width: 680px) { .datalist li{ width:auto; } .mod_schwalbedatenbank_show .datalist li.etro{ width:40%; } } @media screen and (max-width: 680px) and (min-width: 490px) { .matrix .blockContent { width: 28%; } .matrix .blockContent:nth-child(3){ border-right:none; } .matrix .blockContent:nth-child(4){ padding-left:0; } } @media screen and (max-width: 870px) { .footer_inside{ padding-top:0; } #footer .right{ padding:0; } .schlaeuche #openfilter{ display:block; } .uksocial li{ float:left; } #footer .right{ width:auto; float:none; padding-top:20px; } .zweispalter .wrap > .content.regular > #left,#header,#footer .left { display:none; } .zweispalter .wrap > .content.regular > #main{ width:100%; } a.fb { display: block; float: none; margin-top: 25px; } .content.regular .artholder .ce_gallery li{ margin:0 1% 1% 0; } .downloaditem img, .content.regular .artholder .ce_gallery ul{ margin:20px 0; } .sc2 .ce_image .image{ /*height:120px;*/ overflow:hidden; margin-bottom:10px; } .sc2 .ce_image{ /*float:left; margin-right:2%; width:31%;*/ } .newsreader .sc2 .ce_image .image{ /*height:120px;*/ overflow:hidden; margin-bottom:10px; } .js.zweispalter a#openfilter.filter{ display:table; } .main_right .ce_gallery ul{ } #main .inside .white .ce_gallery.sc2-last li.col_last, #main .inside .whitenomargin .ce_gallery.sc2-last li.col_last,.ce_gallery li.col_first, .main_right .ce_gallery li,#main .inside .white .ce_gallery.sc2-last ul, #main .inside .white .sc2-last.ce_gallery ul, .zweispalter.standart #main .main_right .ce_gallery ul li, #main .inside .whitenomargin .ce_gallery.sc2-last ul{ float:left; clear:none; } } @media all and (min-width:875px){ li.g4:nth-child(3n):not([style*="display: none"]) { margin-right: 0; } } /*media*/ @media all and (max-width: 875px) and (min-width:770px){ .zweispalter .wrap > .content > #left { width:30%; } .zweispalter .wrap > .content > #main { width:69%; } } @media all and (max-width:875px) and (min-width:480px){ li.g4{ width: 49.5%; } li.g4:nth-child(2n):not([style*="display: none"]) { margin-right: 0; } } @media all and (max-width: 770px){ /* .fancybox-close{ right:0; top:0; } .fancybox-inner{ height:auto !important; } .fancybox-inner .teaserholder.box > div,.fancybox-type-inline .fancybox-skin{ background:none !important; } .fancybox-inner .bgimagebox{ display:block; } */ .zubehoer.einspalter article.layout_latest.teaser .newscontent > span > *{ display:block; } .zweispalter .wrap > .content.filter > #left,.zweispalter .wrap > .content.filter > #main{ float:none; } .zweispalter .wrap > .content.filter > #left{ display:none; } .newstitle{ position:relative; left:0; top:0; margin:20px 0 20px 25px; } .teaserholder.box .textbox > .holder{ width:auto; } .zubehoer.zweispalter article.layout_latest.teaser .newscontent > span > *{ display:block; padding:0; } .generals{ } .blockContentLeft, .blockContentRight{ width:auto; float:none; margin:0; } .generals .blockContent{ margin-bottom:10px; } .layout_latest > a{ display:table; table-layout:fixed; width:100%; } .image_container.right{ float:none; display:block; width:100%; text-align:center; } .image_container.right > img{ max-width:100%; margin-bottom:20px; } .zweispalter article.layout_latest > a .newscontent > *{ display:table-header-group; } .zweispalter article.layout_latest > a .newscontent > .newsteaser{ display:table-footer-group; } .zweispalter article.layout_latest > a .newscontent > .newsteaser > span{ padding:0 20px 20px; } .newsteaser { display: block; float: none; height: auto; margin: 0; padding: 20px; width: auto; } .schlauchTabelle .tableRow td.bezeichnung{ width:10%; } .firefox .schlauchTabelle .tableRow td.info .infoBox{ right:0; } .schlauchTabelle .tableHead{ font-size:12px; } .teaserholder > .text { padding-left: 3%; width: 70%; } } @media screen and (max-width: 610px) { .fancybox-skin{ padding:5px !important; } .regular.light .featurecontent .columns > .main{ width:auto; } span.before{ visibility:visible !important; opacity:1 !important; width:auto !important; height:auto !important; display:block; font-weight:700; margin-bottom:3px; } .schlauchTabelle .tableHead{ display:none } .schlauchTabelle .tableRow{ display:block; padding:15px; } .schlauchTabelle .tableRow td{ display:block; padding:0 0 15px 0; } .schlauchTabelle .tableRow td.bezeichnung { display: table-cell; } .schlauchTabelle .tableRow td.info{ border: 1px solid gray; display: table; left: 0; table-layout: fixed; width: 100%; border-right: none; border-bottom:none; } .schlauchTabelle .tableRow td.info .infoBox span.info { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid gray; display: table-cell; margin-right: 0; padding: 3px 5px; border-top:none; border-left:none; } .schlauchTabelle .tableRow td.info .infoBox{ position:relative !important; text-align:left !important; display: table-row; } .schlauchTabelle .tableRow td.info .infoBox .infobutton{ display:block; width:auto; border:1px solid black; } .schlauchTabelle .tableRow td.info .infoBox .hiddenContent{ display: inline-table; table-layout: fixed; width: 100%; background:white; } .schlauchTabelle .tableRow td.info .infoBox:hover .hiddenContent{ display:inline-table;background:white;color:inherit;padding:inherit;width:100%;right:auto; } .zweispalter ul.datalist > li { display: block; margin-bottom: 5px; width: auto; } .zweispalter ul.datalist > li.input { display:table-cell; } .zweispalter .tableheadline{ display:none; } } @media screen and (max-width: 870px) and (min-width: 581px){ .mod_newsschwalbeReader .ce_text.sc2-first,.newsreader .mod_newsschwalbeReader .ce_text.image > .row > .float_right{ width:68%; } .mod_newsschwalbeReader .ce_gallery.sc2-last li{ /*width:32%;*/ } .content.regular .artholder .mod_newsschwalbeReader .ce_gallery.sc2-last ul{ margin:0; } .content.regular .artholder .ce_gallery.sc2-last ul li{ margin-bottom: 12px; float:none; } } @media screen and (max-width: 580px) and (min-width: 490px){ #video_sidebar li.layout_latest { float: left; height: 190px; margin: 0 2% 2% 0; width: 49%; } #video_sidebar li.layout_latest:nth-child(2n) { margin-right:0; } #teams-riders .ce_article_list li { width: 48%; } #teams-riders .ce_article_list li:nth-child(2n) { margin-right:0; } } @media screen and (max-width: 580px) and (min-width: 480px){ li.g4 { height: 220px; } #productfilter .g4 .image_container { background-size: auto 90% !important; } .g4 .image_container { height: 75%; } } @media screen and (max-height: 580px){ } @media screen and (max-width: 580px){ .start.layout2016 #wrapper{ margin-bottom:0 !important; min-height:360px; } .start.js.einspalter #container { padding: 0; } .slider_content, .bxslider li { max-height: none; height: calc(360px - 70px) !important; } .sc4-2, .sc3 { display: block; float: none; padding-right: 0; width: auto; } .sc4-2{ margin-bottom:40px; } .sc4-2.sc-first .textcontent , .sc4-2.sc-last .textcontent { padding: 0; } .accHolder{ display:block; } .fullsize_content{ display:none; } .start .push { display: none; } /*.start .content{ min-height:350px; } .start .content > #main, .start .push{ display:none; }*/ .start .g3 { width: 33.3333%; float: left; clear: none; } .einspalter.start #main .inside { padding: 0; } .einspalter #main .inside .mod_navigation li { float: none; width: auto; } /*.start #container{ display:none !important; }*/ .start #wrapper{ min-height:680px; } .awardlist .row li{ width:100%; margin-right:0; margin-bottom:20px; text-align:center; } .awardlist .row li .image_container img{ max-width:190px; } .redText { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } .accordion .answer > .sc2.sc-first { display: block; width: 100%; } .faq .accordion > div{ margin-right:20px; } .faq .accordion .sc-last .imagecontainer { clear: both; display: block; } .faq .ce_accordion table { display: block; clear:both; margin-top: 0; overflow: auto; } .accordion .answer .sc2.sc-last { display: block; float: none; width: 100%; margin:20px 0 0 0 !important; border:none; padding:0 !important; } .featurecontent .columns > *{ float:none; width:100%; } .featurecontent .columns > .right{ float:none; width:100% } .featurecontent .columns > .main { float:none; width:100% } .mod_videolist.videoholder > *{ display:block; width:100%; } #videocontent{ width:100%; } #video-liste-produkte{ margin:2%; } .infocenter .ce_download span.headlinecontainer{ width:100%; } .kataloge .ce_download .downloadholder > *{ display:block; vertical-align:top; } .kataloge .ce_download .downloadholder > .downloadimage { margin-top:20px; } .teams .ce_table table td { display: block; width: 100% ; padding:0; } .teams .ce_table table td.col_first { margin-bottom: 5px; width: 100%; } .teams .ce_table table tr { display:block; margin-bottom:10px; } .flex-direction-nav a { background-repeat: no-repeat; background-size: contain !important; height: 50px; width: 30px; } #main .mainholder > .row > * { display:table-header-group; } #main .mainholder > .row > .main_right.sc2-last { width:100%; display:table-footer-group; } #main .mainholder > .row > .main_right.sc2-last .ce_gallery > ul{ margin: 20px; } #main .mainholder > .row > .main_right.sc2-last .ce_gallery > ul > li { margin: 0 1.5% 1% 0; width: 31.8333%; } #main .mainholder > .row > .main_right.sc2-last .ce_gallery > ul > li .caption{ display:none; } li.g3{ margin:0; clear:both; width:100%; text-align:center; margin-bottom:1%; } .banner{ display:none; } .einspalter.newsreader #main .inside{ } fieldset.row div { display: block; max-width: none; padding-right: 0; width: 100%; } .mod_haematen_suchmaske select,input#postleitzahl,#haendlercontainer fieldset{ width:100%; } input#postleitzahl{ margin-bottom:10px; } #haendlercontainer fieldset div { clear: both; margin-top: 10px; width: 100%; } #haendlercontainer fieldset{ margin:0; } .toggler{ font-size:14px; font-weight:600; } #map{ max-width:100%; } .teaserholder > .text{ width:60%; padding-left:5%; } .rg-thumbs{ display:none; } .main_right,.sc2-last,.sc-first{ float:none; clear:both; width:auto; } .pressereader .mod_newsschwalbeReader .ce_text.sc2-first, .newsreader .mod_newsschwalbeReader .ce_text.sc2-first,.newsreader .mod_newsschwalbeReader .ce_text.image > .row > .float_right,.newsreader .mod_newsschwalbeReader .ce_text.image > .row > *,.news.newsreader .mod_newsschwalbeReader .ce_text.image > .row > .float_right > .imagecontainer{ width:100%; display:block; } .image_container.float_right{ margin-left:0; } .image_container img,.downloaditem img, .mod_newsschwalbeReader .ce_gallery.sc2-last li img,.sc2 .ce_image, .content.regular .artholder .ce_gallery li img{ max-width:none; width:100%; height:auto; } .mod_newsschwalbeReader .ce_gallery.sc2-last li, .content.regular .artholder .ce_gallery li{ width:49%; margin:0 1% 1% 0; float:left; } .slider_content { max-height: 60vh; } .bx-wrapper .bx-viewport { max-height: 60vh !important; } .bxslider li { max-height: 100%; } } @media screen and (max-width: 490px){ #video_sidebar li.layout_latest { float: left; height: auto; margin: 0 0 2% 0; width: 100%; } #video_sidebar ul.content{ margin:0; } #teams-riders .ce_article_list li { width: 100%; margin-right:0%; } .ce_page_teaser{ margin-bottom:25px; } #teaser .ce_page_teaser { float: left; width: 48%; margin-bottom:2%; } .ce_page_teaser .more{ float:none; } .ce_page_teaser .teaserholder > .text,.ce_page_teaser .teaserholder > .image_container{ display:block; width:100%; padding:0; } .teaserholder > .image_container{ display:table-header-group; text-align:center; margin:0 auto; max-width:185px; } .teaserholder > .text{ display:table-footer-group; text-align:center; } .teaserholder > .text .headlinecontainer{ margin:20px 0 10px; } #teaser h1{ text-align:center; } #teaser .teaserholder > .text .headlinecontainer > *{ margin:0; } li.g4,.mod_newsschwalbeReader .ce_gallery.sc2-last li, .content.regular .artholder .ce_gallery li{ width: 100%; margin-right:0; } .newsfooter .pagination p,.newsfooter .pagination li.last{ display:none; } .einspalter.newsreader #main .inside{ } .captionholder span.h1, .captionholder span.h2 { font-size:32px; width:260px; } .legende-wrapper { width:100%; margin-top:0; } } @media screen and (max-width: 490px) and (min-width: 390px) { .matrix .blockContent { width:45%; } .matrix .blockContent:nth-child(2n){ border-right:none; } .matrix .blockContent:nth-child(2n + 1){ padding-left:0; } } @media screen and (max-width: 390px){ #teaser .ce_page_teaser { float: left; width: 100%; margin:0; margin-bottom:2%; } h2 span, h2, .h2{ font-size:16px; } .matrix .blockContent { width:100%; border:none; padding:0; } .start.layout2016 #wrapper{ margin-bottom:0 !important; min-height:300px; } .start .wrap { margin-top: 300px; } .slider_content, .bxslider li { max-height: none; height: calc(300px - 70px) !important; } .slider_content .captionholder span.h1, .slider_content .captionholder span.h2 { font-size: 23px; width: 90vw; } .bx-controls.bx-has-pager{ display:none; } .caption { position: absolute; left: 0; top: 70px; width: 100%; box-sizing: border-box; } .bx-wrapper img{ width:64vw !important; } }