/* 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%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}@media(max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}#main .inside{min-height:1px}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.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;height:0;clear:both;visibility:hidden} .rs-columns { clear: both; display: inline-block; width: 100%; } .rs-column { float: left; width: 100%; margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: left; } .rs-column.-large-last { margin-right: -5px; } .rs-column.-large-first-row { margin-top: 0; } .rs-column.-large-col-1-1 { width: 100%; } .rs-column.-large-col-2-1 { width: 46.15385%; } .rs-column.-large-col-2-2 { width: 100%; } .rs-column.-large-col-3-1 { width: 28.20513%; } .rs-column.-large-col-3-2 { width: 64.10256%; } .rs-column.-large-col-3-3 { width: 100%; } .rs-column.-large-col-4-1 { width: 19.23077%; } .rs-column.-large-col-4-2 { width: 46.15385%; } .rs-column.-large-col-4-3 { width: 73.07692%; } .rs-column.-large-col-4-4 { width: 100%; } .rs-column.-large-col-5-1 { width: 13.84615%; } .rs-column.-large-col-5-2 { width: 35.38462%; } .rs-column.-large-col-5-3 { width: 56.92308%; } .rs-column.-large-col-5-4 { width: 78.46154%; } .rs-column.-large-col-5-5 { width: 100%; } .rs-column.-large-col-6-1 { width: 10.25641%; } .rs-column.-large-col-6-2 { width: 28.20513%; } .rs-column.-large-col-6-3 { width: 46.15385%; } .rs-column.-large-col-6-4 { width: 64.10256%; } .rs-column.-large-col-6-5 { width: 82.05128%; } .rs-column.-large-col-6-6 { width: 100%; } @media screen and (max-width: 900px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: none; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: left; } .rs-column.-medium-last { margin-right: -5px; } .rs-column.-medium-first-row { margin-top: 0; } .rs-column.-medium-col-1-1 { width: 100%; } .rs-column.-medium-col-2-1 { width: 46.15385%; } .rs-column.-medium-col-2-2 { width: 100%; } .rs-column.-medium-col-3-1 { width: 28.20513%; } .rs-column.-medium-col-3-2 { width: 64.10256%; } .rs-column.-medium-col-3-3 { width: 100%; } .rs-column.-medium-col-4-1 { width: 19.23077%; } .rs-column.-medium-col-4-2 { width: 46.15385%; } .rs-column.-medium-col-4-3 { width: 73.07692%; } .rs-column.-medium-col-4-4 { width: 100%; } .rs-column.-medium-col-5-1 { width: 13.84615%; } .rs-column.-medium-col-5-2 { width: 35.38462%; } .rs-column.-medium-col-5-3 { width: 56.92308%; } .rs-column.-medium-col-5-4 { width: 78.46154%; } .rs-column.-medium-col-5-5 { width: 100%; } .rs-column.-medium-col-6-1 { width: 10.25641%; } .rs-column.-medium-col-6-2 { width: 28.20513%; } .rs-column.-medium-col-6-3 { width: 46.15385%; } .rs-column.-medium-col-6-4 { width: 64.10256%; } .rs-column.-medium-col-6-5 { width: 82.05128%; } .rs-column.-medium-col-6-6 { width: 100%; } } @media screen and (max-width: 599px) { .rs-column { margin-right: 7.69231%; } .rs-column.-medium-first { clear: none; } .rs-column.-medium-last { margin-right: 7.69231%; } .rs-column.-medium-first-row { margin-top: 7.69231%; } .rs-column.-small-first { clear: left; } .rs-column.-small-last { margin-right: -5px; } .rs-column.-small-first-row { margin-top: 0; } .rs-column.-small-col-1-1 { width: 100%; } .rs-column.-small-col-2-1 { width: 46.15385%; } .rs-column.-small-col-2-2 { width: 100%; } .rs-column.-small-col-3-1 { width: 28.20513%; } .rs-column.-small-col-3-2 { width: 64.10256%; } .rs-column.-small-col-3-3 { width: 100%; } .rs-column.-small-col-4-1 { width: 19.23077%; } .rs-column.-small-col-4-2 { width: 46.15385%; } .rs-column.-small-col-4-3 { width: 73.07692%; } .rs-column.-small-col-4-4 { width: 100%; } .rs-column.-small-col-5-1 { width: 13.84615%; } .rs-column.-small-col-5-2 { width: 35.38462%; } .rs-column.-small-col-5-3 { width: 56.92308%; } .rs-column.-small-col-5-4 { width: 78.46154%; } .rs-column.-small-col-5-5 { width: 100%; } .rs-column.-small-col-6-1 { width: 10.25641%; } .rs-column.-small-col-6-2 { width: 28.20513%; } .rs-column.-small-col-6-3 { width: 46.15385%; } .rs-column.-small-col-6-4 { width: 64.10256%; } .rs-column.-small-col-6-5 { width: 82.05128%; } .rs-column.-small-col-6-6 { width: 100%; } } /* MediaElement.js 2.11.3, (c) 2010-2013 John Dyer , MIT license */ .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-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-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}.mejs-poster img{border:0;padding:0;border:0;display:block}.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.11.3/images/bigplay.svg") no-repeat}.no-svg .mejs-overlay-button{background-image:url("../../assets/jquery/mediaelement/2.11.3/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.11.3/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.11.3/images/loading.gif") 50% 50% no-repeat}.mejs-container .mejs-controls{position:absolute;background:0;list-style-type:none;margin:0;padding:0;bottom:0;left:0;background:url("../../assets/jquery/mediaelement/2.11.3/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;background:0;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.11.3/images/controls.svg") no-repeat}.no-svg .mejs-controls .mejs-button button{background-image:url("../../assets/jquery/mediaelement/2.11.3/images/controls.png")}.mejs-controls .mejs-button button:focus{outline:solid 1px yellow}.mejs-container .mejs-controls .mejs-time{color:#fff;display:block;height:17px;width:auto;padding:8px 3px 0 3px;overflow:hidden;text-align:center;padding:auto 4px;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}.mejs-container .mejs-controls .mejs-time span{font-size:11px;color:#fff;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{width:200px;padding-top:5px}.mejs-controls .mejs-time-rail span{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{width:0;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-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.11.3/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 div.mejs-horizontal-volume-slider{height:26px;width:60px;position:relative}.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:-10px;width:130px;height:100px;background:url("../../assets/jquery/mediaelement/2.11.3/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-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:100px;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:22px;font-size:12px;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:45px}.mejs-captions-text{padding:3px 5px;background:url("../../assets/jquery/mediaelement/2.11.3/images/background.png");background:rgba(20,20,20,0.8)}.mejs-clear{clear:both}.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.11.3/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(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(background.png);background:rgba(50,50,50,0.7);color:#fff;padding:4px;z-index:100;cursor:pointer} /* mediaboxAdvanced v1.4.6, (c) 2007-2010 John Einselen , MIT-style license */ #mbOverlay{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#000;cursor:pointer}#mbOverlay.mbOverlayFF{background:transparent url("../../assets/mootools/mediabox/1.4.6/images/80.png") repeat}#mbOverlay.mbOverlayIE{position:absolute}#mbCenter{position:absolute;z-index:9999;left:50%;overflow:hidden;background-color:#000;-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.50);-khtml-box-shadow:0 5px 20px rgba(0,0,0,0.50);-moz-box-shadow:0 5px 20px rgba(0,0,0,0.50);box-shadow:0 5px 20px rgba(0,0,0,0.50);-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=180,Color='#000000')}#mbCenter.mbLoading{background:#000 url("../../assets/mootools/mediabox/1.4.6/images/loading.gif") no-repeat center;-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#mbImage{position:relative;left:0;top:0;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:left;background-position:center center;background-repeat:no-repeat;padding:10px}#mbBottom{min-height:20px;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#999;text-align:left;padding:0 10px 10px}#mbTitle,#mbPrevLink,#mbNextLink,#mbCloseLink{display:inline;color:#fff;font-weight:bold;line-height:20px;font-size:12px}#mbNumber{display:inline;color:#999;line-height:14px;font-size:10px;margin:auto 10px}#mbCaption{display:block;color:#999;line-height:14px;font-size:10px}#mbPrevLink,#mbNextLink,#mbCloseLink{float:right;outline:0;margin:0 0 0 10px;font-weight:normal}#mbPrevLink b,#mbNextLink b,#mbCloseLink b{color:#eee;font-weight:bold;text-decoration:underline}#mbPrevLink big,#mbNextLink big,#mbCloseLink big{color:#eee;font-size:16px;line-height:14px;font-weight:bold}#mbBottom a,#mbBottom a:link,#mbBottom a:visited{text-decoration:none;color:#ddd}#mbBottom a:hover,#mbBottom a:active{text-decoration:underline;color:#fff}#mbError{position:relative;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:center;border:10px solid #700;padding:10px 10px 10px;margin:20px;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#mbError a,#mbError a:link,#mbError a:visited,#mbError a:hover,#mbError a:active{color:#d00;font-weight:bold;text-decoration:underline} /* #c9d400 grün #005681 blau */ *{margin:0;padding:0;list-style:none;text-decoration:none} h1,h2,h3{font-family: "din-condensed-web",sans-serif;text-transform:uppercase} body{min-width:1024px;margin-bottom:0 !important} textarea{resize: vertical} .hidden { display:none !important; } #debug, #footer label, #footer #f1 br, #details .layout_latest .image_container, #main.page19 .gmnoprint, #main.page19 .gm-style div div div div div div img, #main.page19 .gm-style div.gm-style-iw .routinglink, #main.page19 #halloquerformat label span, #main.page19 #halloquerformat #f4 br{display:none !important} #entscheidungqf.mobile, #referenzdetails .description .more.mobile{display:none} #header{text-transform:uppercase;font-family: "din-condensed-web",sans-serif;background:#fff;font-size:28px;height:120px} #header #main_nav{max-width:1220px} #header li{float:left} #header a, #header span{display:block;color:#005681;padding:0 20px} #header #querformat_logo{float:right} #header #querformat_logo a{padding:0} #header .mod_navigation{margin:45px 0 0 10px} #header span,#header a.trail,#header a:hover, #layout_sidebar li a:hover,#layout_sidebar li span,#layout_sidebar li a.trail{color:#c9d400 !important} #layout_sidebar li a,#layout_sidebar li span{margin:5px 0;display:inline-block;color:#fff;background-color:#005681;padding:10px 20px 10px 40px;-moz-transform:rotate(-2deg); /* Firefox 3.6 Firefox 4 */ -webkit-transform:rotate(-2deg); /* Safari */ -o-transform:rotate(-2deg); /* Opera */ -ms-transform:rotate(-2deg); /* IE9 */ transform:rotate(-2deg); /* W3C */ -moz-box-shadow:2px 2px 6px #333;-webkit-box-shadow: 2px 2px 6px #333;box-shadow:2px 2px 6px #333} #layout_sidebar{margin-left:-10px;width:260px;position: absolute;left: 0px;top: 40px;font-size:28px;text-transform:uppercase;font-family: "din-condensed-web",sans-serif} #header .mod_navigation a.last{padding-bottom:10px} @media all and (max-width: 1250px){ #header a, #header span{padding:0 5px 0 20px;font-size:26px} #header #querformat_logo a img{width:290px;margin-right:10px} } #left{position:absolute;margin:0;left:0;top:0;z-index:9} #left .block{overflow:inherit} #footer {border-top:15px #fff solid;background-color:#005681;font-size:18px;font-family:"jaf-bernino-sans-condensed",sans-serif} #footer #inside{margin:60px 0 0 293px;position:relative;max-width:907px} #footer .ico{float:right;margin-right:15px;width:32px;height:32px} #footer .ico a{text-indent:-10000px;display:block;width:32px;height:32px} #footer .ico.facebook a{background:url(../../files/layout/social_media_icons_fb.png)} #footer .ico.twitter a{background:url(../../files/layout/social_media_icons_tw.png)} #footer .ico.google a{background:url(../../files/layout/social_media_icons_gp.png)} #footer .ico.youtube a{background:url(../../files/layout/social_media_icons_yt.png)} #footer .ico.share a{background:url(../../files/layout/social_media_icons_share.png)} #footer .ico.facebook:hover a{background:url(../../files/layout/social_media_icons_fb_aktiv.png)} #footer .ico.twitter:hover a{background:url(../../files/layout/social_media_icons_tw_aktiv.png)} #footer .ico.google:hover a{background:url(../../files/layout/social_media_icons_gp_aktiv.png)} #footer .ico.youtube:hover a{background:url(../../files/layout/social_media_icons_yt_aktiv.png)} #footer .ico.share:hover a{background:url(../../files/layout/social_media_icons_share_aktiv.png)} #footer h2{margin-bottom:30px;color:#fff;font-size:112px;line-height:90px} #footer #bottom, #footer #bottom a{color:#fff;font-weight:400 !important;background-color:#c9d400;font-weight:bold;font-size:16px} #footer #bottom{padding:10px 0 10px 7px;clear:left;text-align:left} #footer #bottom p{max-width:900px;padding-left:295px} #footer #bottom .ce_hyperlink{position:absolute;left:30px;margin-top:-22px} #footer #socials{float:right;left:670px} #footer .left a:hover{border-bottom:2px #c9d400 solid;display:inline-block} #footer .left, #footer .right{width:510px;margin-left:7px;float:left;color:#fff;margin-bottom:70px} #footer .left{width:315px;margin-left:7px;padding-right:50px} #footer .explanation{margin:0 0 10px 0 } #footer input, #footer textarea{margin-right:30px;width:240px;border:none;outline:0;border-bottom:1px #fff solid;background-color:#005681;color:#fff;font-family:"jaf-bernino-sans-condensed",sans-serif;float:left} #footer textarea{clear:left;margin:50px 30px 0 0;border:none;width:510px;line-height:30px;background:url(../../files/layout/bg_textfeld_footer.png) local} .ie #footer textarea{background:url(../../files/layout/bg_textfeld_footer.png)} #footer input:focus, #footer textarea:focus{border-color:#c9d400;color:#c9d400} #footer input:focus{background:none !important} #footer #ctrl_2, #footer #ctrl_4, #footer textarea{margin-right:0} #footer input.submit{border:none;width:500px;text-align:left;margin-top:20px} #footer input.submit:hover{color:#c9d400;cursor:pointer} #footer .confirmation{color:#c9d400;font-size:35px;font-family: "din-condensed-web",sans-serif} #footer #anchor_top a{z-index:99;text-indent:-200px;background-image:url(../../files/layout/btn_nachoben_inaktiv.png);display:block;width:89px; position:fixed; left:25px; bottom:25px;height:89px } #footer #anchor_top a:hover{background-image:url(../../files/layout/btn_nachoben_aktiv.png)} #footer #anchor_back a, #footer #anchor_back_news a{z-index:99;text-indent:-200px;background-image:url(../../files/layout/btn_zurueck_inaktiv.png);display:block;width:89px; position:fixed; left:25px; bottom:125px;height:89px } #footer #anchor_back a:hover, #footer #anchor_back_news a:hover{background-image:url(../../files/layout/btn_zurueck_aktiv.png)} .fixed {position: fixed !important} /* fixed nach scrollen oder standardmäßig im IE */ #footer #layout_footer{background-color:#005681} #footer .left p a{border-bottom:none !important} #main h1{color:#005681;font-size:95px;letter-spacing:-1px;padding-left:300px;padding-top:15px} #main h2{color:#ffffff;font-size:50px;line-height:50px;padding-left:300px} /* AGENTUR - FAKTEN */ #main.page12 h1, #main.page12 h2{padding-left:120px;padding-top:0} #main.page12 h2{color:#c9d400} #main.page12 h1{padding-top:15px;line-height:90px} #agentur-fakten{background:url(../../files/layout/bg_kreis_grau.jpg);padding:25px 20px 50px;padding-left:180px} #agentur-fakten h1, #agentur-fakten h2{max-width:900px;padding-right:20px} .card{position: relative;overflow:hidden;color:#fff;font-family:"jaf-bernino-sans-condensed",sans-serif;float:left} .card .tr-flip {-webkit-transition: all 0.75s;-webkit-transform-style: preserve-3d;-moz-transition: all 0.75s;-moz-transform-style: preserve-3d;transition: all 0.75s;transform-style: preserve-3d} .card:hover .tr-flip { -webkit-transform: rotate3d(0,1,0,180deg); -moz-transform: rotate3d(0,1,0,180deg); -o-transform: rotate3d(0,1,0,180deg); -ms-transform: rotate3d(0,1,0,180deg); transform: rotate3d(0,1,0,180deg)} .card .backSide, .card .frontSide-img{position: absolute;top: 0; left: 0;text-align:center;-webkit-border-radius: 50%;border-radius: 50%;-moz-border-radius:50%;-khtml-border-radius:50%;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;border:2px #fff solid;z-index:2} .card .frontSide-img{color:#c9d400;font-size:2px} .ie .card:hover .frontSide-img{display:none !important} .card .backSide {background:#005681;-webkit-transform: rotate3d(0,1,0,-180deg);-moz-transform: rotate3d(0,1,0,-180deg);-o-transform: rotate3d(0,1,0,-180deg);-ms-transform: rotate3d(0,1,0,-180deg);transform: rotate3d(0,1,0,-180deg)} .ie .card .backSide, .ie .card:hover .tr-flip{-webkit-transform: none;-moz-transform: none;-o-transform: none;-ms-transform: none;transform: none} /* 400 Kunden */ .card .backSide.vierhundertkunden{width: 210px; height:190px;padding:50px 40px;font-size:22px} .card.vierhundertkunden{width: 294px; height: 294px;margin-top:300px} .card .frontSide-img.vierhundertkunden {width: 290px; height:290px;background: url(../../files/agentur_fakten/7_kompetenzen.png) #c9d400 no-repeat center center} /* 2002 Startschuss */ .card .backSide.zweitausendzweistartschuss{width: 180px; height:140px;padding:40px 20px;font-size:18px} .card.zweitausendzweistartschuss{width: 224px; height: 224px;margin-top:160px;margin-left:-69px} .card .frontSide-img.zweitausendzweistartschuss {width: 220px; height:220px;padding:0;z-index:2;background: url(../../files/agentur_fakten/2002_startschuss.png) #c9d400 no-repeat center center} /* 11 Querköpfe */ .card .backSide.elfquerkoepfe{width: 180px; height:120px;padding:50px 20px 50px 20px;font-size:18px} .card.elfquerkoepfe{width: 224px; height: 224px;margin-top:370px;margin-left:-148px} .card .frontSide-img.elfquerkoepfe{width: 220px; height:220px;padding:0;z-index:2;background: url(../../files/agentur_fakten/15_querkoepfe.png) #c9d400 no-repeat center center} /* 3 Chefs */ .card .backSide.dreichefs{width: 210px; height:170px;padding:60px 40px;font-size:22px} .card.dreichefs{width: 294px; height: 294px;margin-top:300px;margin-left:-4px} .card .frontSide-img.dreichefs{width: 290px; height:290px;background: url(../../files/agentur_fakten/3_chefs.png) #c9d400 no-repeat center center} /* 1111 Bäume */ .card .backSide.baeume{width: 210px; height:150px;padding:50px 40px 90px 40px;font-size:20px} .card.baeume{width: 294px; height: 294px;margin-top:85px;margin-left:-95px} .card .frontSide-img.baeume{width: 290px; height:290px;background: url(../../files/agentur_fakten/1111_baeume.png) #c9d400 no-repeat center center} /* 70 Kilmeter */ .card .backSide.kilometer{width: 180px; height:120px;padding:45px 20px 55px;font-size:17px} .card.kilometer{width: 224px; height: 224px;margin-top:370px;margin-left:-198px} .card .frontSide-img.kilometer{width: 220px; height:220px;padding:0;z-index:2;background: url(../../files/agentur_fakten/70_kilometer.png) #c9d400 no-repeat center center} .card .backSide a {color:#c9d400} .card .backSide a:hover {color:#fff} @media all and (max-width: 1250px){ .card.baeume{margin-top:-571px;margin-left:427px} .card.kilometer{margin-top:-516px;margin-left:18px} #main.page12 h2{margin-bottom:60px} } /* AGENTUR - Team */ /* jeder Mitarbeiter bekommt 843px */ #agentur-team{height:14243px} #team_intro{background:url(../../files/layout/bg_qf_logo.gif) left top;border-bottom:40px #fff solid} #team_intro p{margin-left:310px;margin-top:44px;margin-right:20px;padding:30px 25px;background-color:#fff;max-width:840px;text-transform:uppercase;font-family: "din-condensed-web",sans-serif;font-size:30px;line-height:38px;color:#005681} #team_intro p a{font-size:40px;color:#c9d400} #team_intro p a:hover{color:#005681} #main.page13 h1{padding-top:36px;line-height:90px} #main.page13 .blue .ce_text, #main.page13 .green .ce_text, #main.page13 .gray .ce_text{background-color:#fff} #main.page13 .blue .ce_text p, #main.page13 .green .ce_text p, #main.page13 .gray .ce_text p{height:228px;text-align:center;margin-left:300px;max-width:820px;padding:90px 20px 0 0;font-family: "din-condensed-web",sans-serif;font-size:40px;color:#005681} #main.page13 .blue h2, #main.page13 .gray h2 {padding-left:600px;color:#c9d400;font-weight:normal;font-size:70px;line-height:74px;padding-right:20px} #main.page13 .gray h2{color:#fff} #main.page13 .green h2{color:#005681;font-weight:normal;font-size:70px;line-height:60px;padding-right:20px} #main.page13 .blue h3, #main.page13 .green h3, #main.page13 .gray h3 {color:#fff;font-weight:normal;font-size:35px;line-height:35px;margin-top:10px;} #main.page13 .gray h3 {color:#c9d400} #main.page13 .blue h3, #main.page13 .gray h3 {padding-left:600px} #main.page13 .green h3 { padding-left: 300px; } #main.page13 .blue, #main.page13 .green, #main.page13 .gray{padding-top:80px;position:absolute;left:0;right:0} #main.page13 .blue{background-color:#005681} #main.page13 .green{background-color:#c9d400} #main.page13 .gray{background:url(../../files/layout/bg_kreis_dunkelgrau.jpg)} #main.page13 .gray h3 {max-width:600px;padding-right:20px} #main.page13 #wirsuchendich h3{margin-top:20px} #main.page13 .personenintro{height:445px;overflow:hidden} #main.page13 .team_fixed{position:fixed;top:0} #main.page13 #matthiasmesserer.team_fixed{top:-797px} #main.page13 #ellenbrenner.team_fixed{top:-1640px} #main.page13 #sonjapoth.team_fixed{top:-2483px} #main.page13 #tatjanabreitenbuecher.team_fixed{top:-3326px} #main.page13 #danielburgbacher.team_fixed{top:-4169px} #main.page13 #anjaurban.team_fixed{top:-5012px} #main.page13 #nadinehein.team_fixed{top:-5855px} #main.page13 #jenniferconrad.team_fixed{top:-6698px} #main.page13 #susanneherrmann.team_fixed{top:-7541px} /*#main.page13 #annekelly.team_fixed{top:-8384px}*/ #main.page13 #enricoschiller.team_fixed{top:-9227px} #main.page13 #dominikspeh.team_fixed{top:-10070px}/* 843 */ #main.page13 #jochenwojtas.team_fixed{top:-10913px} #main.page13 #larissaschulte.team_fixed{top:-8384px} /*#main.page13 #danielburgbacher.team_fixed{top:-10913px}*/ /* 843 px pro Mitarbeiter */ #stephankurz{background:url(../../files/agentur_team/stephan_kurz.png) no-repeat 150px 36px} #matthiasmesserer{margin-top:797px;background:url(../../files/agentur_team/matthias_messerer.png) no-repeat 700px 35px} #ellenbrenner{margin-top:1640px;background:url(../../files/agentur_team/ellen_brenner.png) no-repeat 150px 47px} #sonjapoth{margin-top:2483px;background:url(../../files/agentur_team/sonja_poth.png) no-repeat 650px 55px} #tatjanabreitenbuecher{margin-top:3326px;background:url(../../files/agentur_team/tatjana_breitenbuecher.png) no-repeat 120px 35px} /*#juttazielosko{margin-top:4169px;background:url(../../files/agentur_team/jutta_zielosko.png) no-repeat 730px 30px}*/ #danielburgbacher{margin-top:4169px;background:url(../../files/agentur_team/daniel_burgbacher.png) no-repeat 700px 50px} #anjaurban{margin-top:5012px;background:url(../../files/agentur_team/anja_urban.png) no-repeat 150px 35px} #nadinehein{margin-top:5855px;background:url(../../files/agentur_team/nadine_hein.png) no-repeat 650px 25px} #jenniferconrad{margin-top:6698px;background:url(../../files/agentur_team/jennifer_conrad.png) no-repeat 40px 25px} #susanneherrmann{margin-top:7541px;background:url(../../files/agentur_team/susanne_herrmann.png) no-repeat 720px 35px} /*#annekelly{margin-top:8384px;background:url(../../files/agentur_team/anne_kellyparmee.png) no-repeat 110px 35px}*/ #enricoschiller{margin-top:9227px;background:url(../../files/agentur_team/enrico_schiller.png) no-repeat 600px 30px} #dominikspeh{margin-top:10070px;background:url(../../files/agentur_team/dominik_speh.png) no-repeat 80px 50px} #jochenwojtas{margin-top:10913px;background:url(../../files/agentur_team/jochen_woitas.png) no-repeat 565px 33px} #larissaschulte{margin-top:8384px;background:url(../../files/agentur_team/larissa_schulte.png) no-repeat 20px 50px} /*11856*/ #wirsuchendich{margin-top:12900px;position:absolute;top:520px}/* +843 */ #wirsuchendich .personenintro{height:480px !important;background:url(../../files/agentur_team/wir_suchen_dich_gross.png) no-repeat 190px 0} #main.page13 #wirsuchendich .ce_text{padding-bottom:150px} #main.page13 #wirsuchendich .ce_text a{line-height:56px;padding:0 80px;background:url(../../files/layout/btn_submit.png) no-repeat left top;display:inline-block;color:#005681} #main.page13 #wirsuchendich .ce_text a:hover{background-image:url(../../files/layout/btn_submit_hover.png);color:#c9d400} @media all and (max-width: 1250px){ #main.page13 .blue h2, #main.page13 .gray h2, #main.page13 .green h2, #main.page13 .blue h3, #main.page13 .green h3, #main.page13 .gray h3{max-width:380px} #main.page13 h2{font-size:77px} #matthiasmesserer{background-position:580px 35px} #ellenbrenner{background-position:100px 40px !important} #sonjapoth{background-position:595px 55px} #juttazielosko{background-position:620px 30px} #susanneherrmann{background-position:600px 35px} #nadinehein{background-position:460px 25px} #enricoschiller{background-position:500px 30px} #dominikspeh{background-position:100px 30px} #danielburgbacher{background-position:500px 30px} #jochenwojtas{background-position:505px 33px} #larissaschulte{background-position:20px 30px} #main.page13 .personenintro{height:400px !important} #wirsuchendich .personenintro{background-image:url(../../files/agentur_team/wir_suchen_dich.png);background-position:220px 20px} #main.page13 .blue .ce_text p, #main.page13 .green .ce_text p, #main.page13 .gray .ce_text p{height:268px;padding-top:50px;font-size:25px} #main.page13 #wirsuchendich h2{font-size:60px} #wirsuchendich{margin-top:12913px}/* 11013px */ } /* AGENTUR - 5 Gründe */ #main.page16{background:url(../../files/agentur_fuenf_gruende/aktiv_bg.png) #dbdadb repeat-x left top fixed} #main.page16 .inside{background:url(../../files/agentur_fuenf_gruende/header.jpg) no-repeat left top} #agentur-id-5-gute-gruende{padding:25px 20px 50px 295px;background:url(../../files/agentur_fuenf_gruende/qf_website_agentur_5_gruende_bg.png) no-repeat left 413px} #agentur-id-5-gute-gruende #page_header{color:#fff} #agentur-id-5-gute-gruende #page_header h1{line-height:75px;color:#fff;padding-left:0;height:425px;max-width:900px;font-size:75px} #agentur-id-5-gute-gruende #page_header p{font-family:"din-condensed-web",sans-serif;font-size:40px;line-height:40px;text-transform:uppercase;margin:40px 0 140px 0} #agentur-id-5-gute-gruende #grund_1 p, #agentur-id-5-gute-gruende #grund_2 p, #agentur-id-5-gute-gruende #grund_3 p, #agentur-id-5-gute-gruende #grund_4 p, #agentur-id-5-gute-gruende #grund_5 p{width:370px;color:#858585;padding:10px 0 0 50px;font-family:Georgia, "Times New Roman", Times, serif;font-size:20px;line-height:35px} #agentur-id-5-gute-gruende h3{font-size:50px;color:#858585} #agentur-id-5-gute-gruende #grund_1{background:url(../../files/agentur_fuenf_gruende/grund_1.png) left top no-repeat;margin:0 0 0 -25px;padding:65px 0 0 110px} #agentur-id-5-gute-gruende #grund_2{background:url(../../files/agentur_fuenf_gruende/grund_2.png) left top no-repeat;margin:135px 0 0 320px;padding:65px 0 0 110px} #agentur-id-5-gute-gruende #grund_3{background:url(../../files/agentur_fuenf_gruende/grund_3.png) left top no-repeat;margin:85px 0 0 -25px;padding:65px 0 0 110px} #agentur-id-5-gute-gruende #grund_4{background:url(../../files/agentur_fuenf_gruende/grund_4.png) left top no-repeat;margin:220px 0 0 -25px;padding:65px 0 0 110px} #agentur-id-5-gute-gruende #grund_5{background:url(../../files/agentur_fuenf_gruende/grund_5.png) left top no-repeat;margin:135px 0 0 315px;padding:65px 0 0 110px} #agentur-id-5-gute-gruende #grund_1.aktiv{background-image:url(../../files/agentur_fuenf_gruende/grund_1_aktiv.png)} #agentur-id-5-gute-gruende #grund_2.aktiv{background-image:url(../../files/agentur_fuenf_gruende/grund_2_aktiv.png)} #agentur-id-5-gute-gruende #grund_3.aktiv{background-image:url(../../files/agentur_fuenf_gruende/grund_3_aktiv.png)} #agentur-id-5-gute-gruende #grund_4.aktiv{background-image:url(../../files/agentur_fuenf_gruende/grund_4_aktiv.png)} #agentur-id-5-gute-gruende #grund_5.aktiv{background-image:url(../../files/agentur_fuenf_gruende/grund_5_aktiv.png)} #agentur-id-5-gute-gruende .aktiv p, #agentur-id-5-gute-gruende .aktiv h3{color:#005681 !important} #agentur-id-5-gute-gruende #entscheidungqf{width:727px;height:239px;margin-top:287px;background-image:url(../../files/agentur_fuenf_gruende/querformat_entscheidung.jpg);margin-bottom:100px} #agentur-id-5-gute-gruende #entscheidungqf.aktiv{background-image:url(../../files/agentur_fuenf_gruende/querformat_entscheidung_aktiv.jpg)} #agentur-id-5-gute-gruende #entscheidungqf p{color:#858585;padding:35px;line-height:35px;font-size:35px;font-family:"din-condensed-web",sans-serif;-moz-transform:rotate(-2deg); /* Firefox 3.6 Firefox 4 */ -webkit-transform:rotate(-2deg); /* Safari */ -o-transform:rotate(-2deg); /* Opera */ -ms-transform:rotate(-2deg); /* IE9 */ transform:rotate(-2deg); /* W3C */} #agentur-id-5-gute-gruende #entscheidungqf p a{color:#fff} #agentur-id-5-gute-gruende #entscheidungqf p a:hover{color:#005681} @media all and (max-width: 1250px){ #agentur-id-5-gute-gruende #grund_1, #agentur-id-5-gute-gruende #grund_2, #agentur-id-5-gute-gruende #grund_3, #agentur-id-5-gute-gruende #grund_4, #agentur-id-5-gute-gruende #grund_5{margin:50px 0 0 -25px} #agentur-id-5-gute-gruende #grund_1 p, #agentur-id-5-gute-gruende #grund_2 p, #agentur-id-5-gute-gruende #grund_3 p, #agentur-id-5-gute-gruende #grund_4 p, #agentur-id-5-gute-gruende #grund_5 p{margin-bottom:40px} #agentur-id-5-gute-gruende{background-image:url(../../files/agentur_fuenf_gruende/qf_website_agentur_5_gruende_bg2.png)} #main.page16.mobil{background:#fff url(../../files/agentur_fuenf_gruende/qf_website_agentur_5_gruende_bg3.png) no-repeat left 413px} } /* AGENTUR - Kompetenzen */ #main.page15{background:url(../../files/layout/bg_kachel.jpg)} #main.page15 h1{color:#005681;line-height:90px;margin-top:30px;padding:0 0 70px 0} #main.page15 #headline{padding:0 0 0 300px;height:458px;background:url(../../files/agentur_kompetenzen/komp_background_1.jpg) no-repeat left top} #main.page15 #headline ul:hover a{color:#999} #main.page15 #headline ul:hover li:hover a{color:#005681} #main.page15 #headline li{margin-bottom:20px;padding-bottom:8px;float:left;display:block} #main.page15 #headline li:hover{background:url(../../files/agentur_kompetenzen/navigation_kreis.png) no-repeat center 45px} #main.page15 #headline a{-webkit-transition: all 0.25s;-moz-transition: all 0.25s;-o-transition: all 0.25s;transition: all 0.25s;float:left;padding-bottom:20px;text-transform:uppercase;font-family:"din-condensed-web",sans-serif;color:#005681;display:block;border-bottom:1px #005681 solid;padding-right:15px;font-size:26px} #main.page15 .ce_accordion{background-color:#fff;border-top:1px #c0c0c0 solid} #main.page15 .noborder{border-top:none !important} #main.page15 .ce_accordion .accordion{background:url(../../files/layout/bg_kachel.jpg);padding:20px 0 300px 20px} #main.page15 .ce_accordion .accordion h2{padding-left:0} #main.page15 .ce_accordion .toggler{padding:0 0 50px;cursor:pointer;padding-left:300px} #main.page15 .ce_accordion .toggler p{max-width:900px;font-family:Georgia, "Times New Roman", Times, serif;font-size:22px;line-height:35px;padding:30px 0;width:90%;color:#005681} #main.page15 .ce_accordion .toggler h5, #main.page15 .ce_accordion .toggler h4{text-transform:uppercase;font-family:"din-condensed-web",sans-serif} #main.page15 .ce_accordion .toggler h5{font-size:30px;color:#c9d400} #main.page15 .ce_accordion .toggler h4{height:58px;overflow:hidden} #main.page15 .ce_accordion .toggler h4 span{font-size:55px;color:#005681;line-height:70px;float:left} #main.page15 .ce_accordion .toggler h4 span:after{content: url("../../files/layout/btn_akkord_down.png");float:right;margin:4px 0 0 30px} #main.page15 .ce_accordion .toggler:hover h4 span:after{content: url("../../files/layout/btn_akkord_down_hover.png")} #main.page15 .ce_accordion .toggler:hover h4 span{color:#c9d400} #main.page15 .ce_accordion .toggler.active h4 span:after{content: url("../../files/layout/btn_akkord_up.png") !important} #main.page15 #konzeption, #main.page15 #kundenkontakt, #main.page15 #beratung, #main.page15 #text, #main.page15 #produktion, #main.page15 #programmierung, #main.page15 #design{height:70px;display:block} #main.page15 .kompetenz{height:100px} #main.page15 .kompetenz.img1{background:url(../../files/agentur_kompetenzen/komp_background_2.jpg) left top no-repeat} #main.page15 .kompetenz.img2{background:url(../../files/agentur_kompetenzen/komp_background_3.jpg) left top no-repeat} #main.page15 .kompetenz.img3{background:url(../../files/agentur_kompetenzen/komp_background_4.jpg) left top no-repeat} #main.page15 .kompetenz.img4{background:url(../../files/agentur_kompetenzen/komp_background_5.jpg) left top no-repeat} #main.page15 .kompetenz.img5{background:url(../../files/agentur_kompetenzen/komp_background_6.jpg) left top no-repeat} #main.page15 .kompetenz.img6{background:url(../../files/agentur_kompetenzen/komp_background_7.jpg) left top no-repeat} #main.page15 .kompetenz.img7{background:url(../../files/agentur_kompetenzen/komp_background_8.jpg) left top no-repeat;height:300px} @media all and (max-width: 1250px){ #main.page15 #headline a{font-size:27px} } #main.page15 .ce_accordion .ce_text.block {padding:20px 0;width:355px; float:left;margin-left:280px;margin-right:10px} #main.page15 .ce_accordion .ce_text.block p {min-height:605px;background:url(../../files/agentur_kompetenzen/text_bg.jpg) repeat-y left top;padding:20px 20px 20px 280px;padding:25px 20px;font-size: 19px; line-height: 30px; color: #005881; font-family:"jaf-bernino-sans-condensed",sans-serif; } #main.page15 .ce_accordion .ce_gallery.block { padding:20px 0 20px 0} /* AGENTUR - Philosophie */ #main.page14{padding-top:25px;background:#1d1d1d url(../../files/agentur_philosophie/philosophie_background.jpg) no-repeat left top} #main.page14 h1{font-size:90px;line-height:85px;color:#fff;padding-left:300px;max-width:900px} #main.page14 h2{font-size:90px;line-height:85px;color:#c9d400;padding-left:300px} #main.page14 #fliesstext{background-color:#fff;margin-top:372px;padding-left:300px} #main.page14 #fliesstext .ce_text{width:90%;text-align:justify;color:#0b5a81;font-family:"jaf-bernino-sans-condensed",sans-serif;font-size:40px;line-height:60px;padding:110px 0} #main.page14 #fliesstext p{max-width:900px} #main.page14 #wichtigeres{background:url(../../files/layout/bg_kreis_grau.jpg) left top;padding:62px 0;height:224px;overflow:hidden} #main.page14 #wichtigeres h2{font-size:100px;line-height:100px;color:#0b5a81;max-width:900px} #main.page14 #nochzeit .image_container{margin-left:450px;margin-top:-165px;position:absolute} #main.page14 #nochzeit{color:#0b5a81;padding:120px 0 250px 300px;font-family:"din-condensed-web",sans-serif;font-size:40px;line-height:50px} #main.page14 #nochzeit h3{font-size:80px;line-height:60px;color:#c9d400;display:table-cell;border-left:5px #c9d400 solid;vertical-align:bottom;padding:500px 20px 0 30px} #main.page14 #fliesstext a{color:#c9d400; font-weight:bold} #main.page14 #fliesstext a:hover{color:#005681} #main.page14 .ce_image.mobile{display:none} @media all and (max-width: 1250px){ #main.page14 #wichtigeres{height:auto} } /* REFERENZEN - Übersicht */ #main.page11, #main.page24, #main.page26, #main.page28, #main.page30{background:url(../../files/referenzen/background_image.png)} #referenzuebericht{padding:40px 0 100px 300px;min-width:390px;max-width:960px} .raster1,.raster2,.raster3, #referenzuebericht .ref-left, #referenzuebericht .ref img{float:left} .raster2{width:239px; /*height:480px;*/ } .raster1{width:478px; /*height:480px;*/ } @media (max-width:600px) { .raster1,.raster2{height:auto;} } #referenzuebericht .ref-right{float:right} #referenzuebericht .ref .hover{z-index:2;padding:8px 8px 8px 15px;position:absolute;display:block;background:rgba(255,255,255,0.8);opacity:0;-webkit-transition: all 0.25s;-moz-transition: all 0.25s;-o-transition: all 0.25s;transition: all 0.25s} #referenzuebericht .ref{border:9px #fff solid;margin:0 15px 15px 0;position:relative;} #referenzuebericht .ref span{max-width:180px;word-wrap:break-word;font-size:26px;line-height:26px;color:#005681;text-transform:uppercase;font-family:"din-condensed-web",sans-serif;position:absolute;bottom:21px} #referenzuebericht .ref span b{background:url(../../files/referenzen/details_link.png) no-repeat left 9px;padding:12px 0 0 35px;font-size:18px;line-height:19px;display:block;font-family:"jaf-bernino-sans-condensed",sans-serif} #referenzuebericht .ref:hover .hover{opacity:1} #referenzuebericht .ref-klein .hover{width:190px;height:191px} #referenzuebericht .ref-klein img{width:206px;height:207px} #referenzuebericht .ref-quer .hover{width:430px;height:191px} #referenzuebericht .ref-quer span{max-width:360px} .ie8 #referenzuebericht .ref span{display:none;background-color:#fff} .ie8 #referenzuebericht .ref:hover span{display:block} #referenzuebericht .ref-hoch .hover{width:191px;height:430px} #loadmoreajaxloader{max-width:900px;margin-top:30px;height:100px;padding:20px 0 100px 300px;text-transform:uppercase;text-align:center;font-size:40px;color:#005681;font-family:"din-condensed-web",sans-serif} #loadmoreajaxloader span{color:#c9d400} #loadmoreajaxloader img{margin-top:20px} #referenzuebericht .ref .auszeichnung{z-index:1;position:absolute;margin-top:0px;width:97px !important;height:126px !important;} #referenzuebericht .ref.ref-quer .auszeichnung{/*margin-left: -430px*/ left:0px;} #referenzuebericht .ref.ref-hoch .auszeichnung, #referenzuebericht .ref.ref-klein .auszeichnung{/* margin-left: -190px*/ left:0px;} /* REFERENZEN - Kundenspezifische Übersicht */ #main.page30 .mod_newslist{display:none} #referenzuebericht h1, #referenzuebericht h2{padding-left:0;color:#005681;max-width:900px !important} #main.page30 #referenzen-kundenspezifisch{padding-bottom:200px} #main.page30 #referenzuebericht h1{line-height:90px;padding-top:0;margin-bottom:65px} #main.page30 #referenzuebericht h2{text-indent:5px} #main.page30 #referenzuebericht .ref-klein img{width:400px;height:400px} #main.page30 #referenzuebericht .ref-klein .hover{width:400px;height:400px} #main.page30 #referenzuebericht .ref-klein .hover span{font-size:40px;line-height:30px} #main.page30 #referenzuebericht .ref-klein .hover span b{font-size:20px;line-height:30px;padding-top:7px} #main.page30 #referenzuebericht .ref-klein.placeholder{width:400px;height:311px;text-align:center;font-weight:bold;font-family:"din-condensed-web",sans-serif;background-color:#005681;font-size:58px;line-height:58px;padding:95px 8px 8px;text-transform:uppercase;color:#fff} #main.page30 #referenzuebericht .ref-klein.placeholder b{text-transform:none;font-size:34px;display:block;margin-top:30px} #main.page30 #referenzuebericht{max-width:900px} @media all and (max-width: 1250px){ #main.page30 #referenzuebericht .ref-klein img{width:330px;height:330px} #main.page30 #referenzuebericht .ref-klein .hover{width:330px;height:330px} #main.page30 #referenzuebericht .ref-klein.placeholder{padding:40px 20px 0 20px;font-size:50px;line-height:50px;width:290px;height:290px} #main.page30 #referenzuebericht .ref-klein.placeholder p, #main.page30 #referenzuebericht .ref-klein.placeholder b{font-weight:normal} #main.page30 #referenzuebericht .ref-klein.placeholder b{line-height:40px} #main.page30 #referenzuebericht .ref-klein.placeholder b a{color:#fff} #referenzuebericht{padding-left:280px} } /* REFERENZEN - Details */ #main.page25 .mod_newslist, #main.page27 .mod_newslist, #main.page29 .mod_newslist{display:none} #referenzdetails .slideshow{background:url(../../files/layout/bg_kreis_grau.jpg) repeat left top;padding:37px 20px 30px 300px} #referenzdetails .slideshow .rslides1_tabs{float:right;text-align:right;margin-top:-20px} #referenzdetails .slideshow .rslides1_tabs li{float:left} #referenzdetails .slideshow .rslides{margin-bottom:70px} #referenzdetails .slideshow .slideshow_container{max-width:900px} #referenzdetails .slideshow .slideshow_container .auszeichnung{position:absolute;z-index:100;margin:-1px 0 0 10px} #referenzdetails .slideshow .rslides1_tabs li a{color:#005681;display:block;cursor:pointer;border:4px #fff solid;background-color:#005681;width:17px;height:17px;margin-left:4px} #referenzdetails .slideshow .rslides1_tabs li.rslides_here a{background-color:#c9d400;color:#c9d400} #referenzdetails .description{max-width:900px} #referenzdetails h1{max-width:715px !important;padding:0 10px 0 8px;margin-top:-63px;font-size:60px;line-height:70px;color:#c9d400} #referenzdetails h2{padding:0 20px 60px 8px;clear:left;font-size:90px;line-height:90px;color:#005681} #referenzdetails h1, #referenzdetails h2{display:block;float:left;max-width:800px;background-color:#fff} #referenzdetails .description .text{padding:0 330px 0 11px;clear:left;font-family:"jaf-bernino-sans-condensed",sans-serif;font-size:19px;line-height:27px;color:#005681} #referenzdetails .description .text p{max-width:470px} #referenzdetails .description .text p a{color:#c9d400;font-weight:bold} #referenzdetails .description .text p a:hover{color:#005681} #referenzdetails .description .more{float:right;clear:left;margin-bottom:140px;margin-right:20px} #referenzdetails .slide_down, #referenzdetails .slide_up{float:left;width:270px} /* cicle animation */ #referenzdetails .ch-grid div.li {width: 285px;height: 285px;display: inline-block}/* 364 */ #referenzdetails .ch-thumb {background-image:url(../../files/layout/cicle_ref.png);padding:0 25px;width: 251px /* 332 */;height: 296px /* 382 */;-webkit-transform-origin: 90% 30%;-moz-transform-origin: 90% 30%;-o-transform-origin: 90% 30%;-ms-transform-origin: 90% 30%;transform-origin: 90% 30%;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;z-index: 11} .ie8 #referenzdetails .ch-thumb {background-image:url(../../files/layout/cicle_ref_ie.png)} #referenzdetails .ch-thumb p{width:267px /* 382 */;height:302px /* 380 */} #referenzdetails .ch-item:after {top: 32%;left: 92%;z-index:12;box-shadow: 0 0 1px rgba(255,255,255,0.9)} #referenzdetails .ch-info {width:100%;height:100%} #referenzdetails .ch-info img{top:200px;position:absolute;margin-left:-26px} #referenzdetails .cicle2{text-align:center;width:285px;height:285px;font-family:"din-condensed-web",sans-serif;display:table-cell;vertical-align:middle;background:url(../../files/layout/btn_submit_2.png) #005681 no-repeat center 212px;-webkit-border-radius: 50%;border-radius: 50%;-moz-border-radius:50%;-khtml-border-radius:50%;color:#fff;font-size:20px;line-height:25px} #referenzdetails .cicle2:hover{background-image:url(../../files/layout/btn_submit_hover_2.png)} #referenzdetails .cicle2 span{text-transform:uppercase;font-size:45px;display:block;margin-bottom:15px} #referenzdetails .description, #referenzdetails .weiterereferenzen, #main #nochfragen{padding:0 0 0 300px} #referenzdetails .weiterereferenzen{clear:both;background-color:#dcdcdc} #referenzdetails .weiterereferenzen .col{float:left;width:239px;font-family:"din-condensed-web",sans-serif} #referenzdetails .weiterereferenzen .middle{margin:0 15px} #referenzdetails .weiterereferenzen{padding-top:110px;padding-bottom:110px} #referenzdetails .weiterereferenzen .infotext{font-weight:bold;font-size:65px;line-height:65px;color:#fff;text-transform:uppercase;padding-right:20px} #referenzdetails .weiterereferenzen .infotext strong{display:block;color:#005681} #referenzdetails .weiterereferenzen .col:first-child{width:380px;margin-bottom:100px} #referenzdetails .weiterereferenzen .col div{width:224px;height:224px;border:8px #fff solid;margin-bottom:15px} #referenzdetails .weiterereferenzen .slide{height:750px;overflow:hidden} #referenzdetails .weiterereferenzen #qf_slidedown, #referenzdetails .weiterereferenzen #qf_slideup{cursor:pointer;display:inline-block;height:36px;width:51px;position:absolute} #referenzdetails .weiterereferenzen #qf_slidedown{margin:765px 0 0 -185px;background:url(../../files/layout/btn_scroll_bottom_2.png)} #referenzdetails .weiterereferenzen #qf_slideup{margin:-50px 0 0 -170px;background:url(../../files/layout/btn_scroll_top_2.png)} #referenzdetails .weiterereferenzen #qf_slidedown:hover{background:url(../../files/layout/btn_scroll_bottom.png)} #referenzdetails .weiterereferenzen #qf_slideup:hover{background:url(../../files/layout/btn_scroll_top.png)} #referenzdetails .weiterereferenzen a{display:block;width:224px;height:224px;color:#005681;font-size:30px;line-height:30px} #referenzdetails .weiterereferenzen a span{-webkit-transition: all 0.25s;-moz-transition: all 0.25s;transition: all 0.25s;opacity:0;padding:8px;width:208px;height:208px;display:table-cell;vertical-align:bottom;margin-top:-228px;background-color:rgba(255,255,255,0.8)} #referenzdetails .weiterereferenzen a:hover span{opacity:1} #main #nochfragen h1, #main #nochfragen h2{padding:0} #main #nochfragen h1{color:#c9d400;margin-bottom:10px;font-size:90px} #main #nochfragen h2{color:#005681;margin:40px 0;font-size:40px} #main #nochfragen p{max-width:900px;font-family:Georgia, "Times New Roman", Times, serif;font-size:25px;line-height:35px;color:#005681} #main #nochfragen{margin:140px 0} #main #nochfragen .tel_icon, #main #nochfragen .mail_icon{margin-bottom:15px;padding-left:70px;display:block;font-family:"din-condensed-web",sans-serif;font-size:40px;color:#c9d400;line-height:55px} #main #nochfragen .tel_icon{background:url(../../files/layout/tel_icon.png) no-repeat left top} #main #nochfragen .mail_icon{background:url(../../files/layout/mail_icon.png) no-repeat left top} #main #nochfragen .mail_icon:hover{color:#005681;background-image:url(../../files/layout/mail_icon_hover.png)} #main #nochfragen .tel_icon a{color:#c9d400} #referenzdetails .weiterereferenzen #qf_slideup{margin-left:-285px} #referenzdetails .weiterereferenzen #qf_slidedown{margin-left:-285px} #main.page30 #referenzuebericht .ref span{max-width:300px} @media all and (max-width: 1250px){ #referenzdetails h1{max-width:500px !important;font-size:40px;line-height:40px;padding-top:15px;padding-bottom:10px} #referenzdetails .weiterereferenzen #qf_slideup{margin-left:-170px} #referenzdetails .weiterereferenzen #qf_slidedown{margin-left:-180px} #referenzdetails .slideshow #slider_1{display:block} #referenzdetails .slideshow #slider_0{display:none} #referenzdetails .weiterereferenzen .col:first-child{width:100%} #referenzdetails h2{font-size:80px;line-height:80px} #referenzdetails .ch-item a img{display:none} } /* REFERENZEN - Kunden */ #main.page11 #background-image{padding-left:20px} #main.page11 #background-image .ce_text{background:url(../../files/referenzen/background_line.png) no-repeat 680px bottom} #main.page11 #background-image h1{font-size:60px;line-height:60px;float:left;width:383px;padding-top:48px} #main.page11 #background-image h2{border-bottom:9px #c9d400 solid;font-size:30px;line-height:30px;float:left;width:380px;padding:50px 0 50px 0;color:#005681} #main.page11 #background-image .ce_text{margin-bottom:90px} #main.page11 #background-image #grayscale{margin-left:300px;margin-bottom:60px;max-width:900px} #main.page11 #background-image #grayscale .grayscale .image_container{text-align:center;border-width:25px 20px;border-color:#fff;border-style:solid;display:table-cell;vertical-align:middle;height:80px;width:140px} #main.page11 #background-image #grayscale .grayscale .image_container .caption { display:none; } #main.page11 #background-image #grayscale .grayscale{margin:0 13px 13px 0;float:left;background-color:#fff} #main.page11 #weitere-kunden{background:#fff url(../../files/referenzen/background_pfeil.png) no-repeat 570px 130px;padding:230px 0 140px 300px} #main.page11 #weitere-kunden h1{padding:0;color:#c9d400;font-size:90px;line-height:90px} #main.page11 #weitere-kunden .ce_text p{max-width:580px;padding-right:20px;color:#005681;font-family:Georgia, "Times New Roman", Times, serif;font-size:23px;line-height:31px} #main.page11 #weitere-kunden .ce_text p a{display:block;color:#005681;font-family:"din-condensed-web",sans-serif;margin-top:40px;font-size:30px} #main.page11 #weitere-kunden .ce_text p a:hover{color:#c9d400} .card .backSide.weiterekunden{background-color: #c9d400;width: 230px;height: 170px;padding: 75px 25px 35px 25px;font-size: 22px} .card .backSide.weiterekunden h3{font-size: 39px;line-height: 35px;color: #0b5a81} .card .backSide.weiterekunden p{margin-top:20px;color:#0b5a81;font-size:17px;font-family:Georgia, "Times New Roman", Times, serif} .card .backSide.weiterekunden p b{display:block;color:#fff;font-family:"din-condensed-web",sans-serif;margin-top:15px;font-size:35px} .card.weiterekunden{width:286px; height:286px;margin:-80px 50px 0 -20px} .card .frontSide-img.weiterekunden {width: 280px; height:280px;background: url(../../files/referenzen/weitere-kunden.png) #005681 no-repeat center center} @media all and (max-width: 1250px){ #main.page11 #background-image h2{margin-left:300px;width:auto;padding-right:20px} } /* NEWS - Neuigkeiten */ #main.page17, #main.page34, #main.page35, #main.page36, #main.page37, #main.page39, #main.page40, #main.page41{background:url(../../files/layout/news_neuigkeiten_bg_weiss.png)} .news_head{max-width:1200px;padding-right:20px} .mod_newslist .layout_full h2, .mod_newslist .layout_full h1, .mod_newslist .layout_full .ce_text, .mod_newslist .layout_full .image_container, .mod_newslist .layout_full .news_akkordion, .mod_newslist .layout_full .news_akkordion_btn{max-width:900px} #jobs-details .mod_newslist .layout_full .ce_text{max-width:none} .news_head h1{line-height:107px;margin:5px 0 0 0} .news_head p{padding:20px 50px 0 300px;color:#005881;font-size:30px;line-height:35px;font-family:"jaf-bernino-sans-condensed",sans-serif} .news_filter{margin-bottom:170px;color:#005881;font-size:30px;padding:67px 0 0 300px;text-transform:uppercase;font-family:"din-condensed-web",sans-serif} .news_filter a{padding-left:40px;color:#005881;float:left;width:300px;background:url(../../files/layout/filter_unchecked.png) no-repeat left 3px} .news_filter a:hover,.news_filter a.aktiv{background:url(../../files/layout/filter_hover.png) 1px 4px no-repeat;color:#c9d400} .news_filter .filter1 a{width:200px} .news_filter .filter1, .news_filter .filter2{float:left;width:200px} .news_filter .filter2{width:680px} .mod_newslist .layout_full{padding:0 50px 62px 300px;font-family:"jaf-bernino-sans-condensed",sans-serif} #main .mod_newslist .layout_full h1{padding:4px 0 0 0;font-size:75px;line-height:69px;margin-bottom:25px} #main .mod_newslist .layout_full h1 a{color:#005681} #main .mod_newslist .layout_full h2, #main .mod_newslist .layout_full .info{font-weight:bold;font-family: "din-condensed-web",sans-serif;text-transform:uppercase;padding:0;color:#c9d400;font-size:38px;line-height:42px;margin-bottom:0} #main .mod_newslist .layout_full.featered{background:url(../../files/layout/news_neuigkeiten_bg_gruen.png);margin-bottom:170px;padding-top:71px;padding-bottom:30px} #main .mod_newslist .layout_full.featered h2{color:#fff} .mod_newslist .layout_full p{clear:both;font-size:22px;line-height:35px;color:#005881;margin-bottom:35px} .mod_newslist .layout_full p .linkbtn{padding-left:50px;background:url(../../files/layout/link_bg_inaktiv.png) no-repeat left top;font-size:34px;color:#005881;display:block;font-family:"din-condensed-web",sans-serif;text-transform:uppercase} .mod_newslist .layout_full p .linkbtn:hover{color:#c9d400;background-image:url(../../files/layout/link_bg_aktiv.png)} .mod_newslist .layout_full p a.bigger img{-webkit-transition: all 0.25s;-moz-transition: all 0.25s;transition: all 0.25s;border:8px transparent solid;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing:border-box} .mod_newslist .layout_full p a.bigger img:hover{border-width:0px} .mod_newslist .layout_full .news_akkordion_btn{margin:0} #main .mod_newslist .layout_full.featered img{-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing:border-box;border:8px #fff solid} .layout_full .aufklappen, .layout_full .zuklappen{cursor:pointer;font-size:22px;text-align:right;display:block;text-transform:uppercase;font-family:"din-condensed-web",sans-serif;padding-right:50px} .layout_full .aufklappen{background:url(../../files/layout/link_aufklappen.png) no-repeat right top} .layout_full .aufklappen:hover{color:#c9d400;background-image:url(../../files/layout/link_aufklappen_hover.png)} .layout_full .zuklappen{background:url(../../files/layout/link_zuklappen.png) no-repeat right top} .layout_full .zuklappen:hover{color:#c9d400;background-image:url(../../files/layout/link_zuklappen_hover.png)} .layout_full.featered .zuklappen:hover, .layout_full.featered .aufklappen:hover{color:#fff} .mod_newslist .layout_full .ce_text a{color:#c9d400;font-weight:bold} .mod_newslist .layout_full .ce_text a:hover{color:#005681} #details .layout_full .ce_text p, .layout_full .news_akkordion .ce_text p{clear:none} .pagination{max-width:900px;padding-left:300px;padding-right:0px;margin-bottom:60px;margin-top:100px} .pagination p{display:none} .pagination li{float:left;font-family: "din-condensed-web",sans-serif;margin-right:5px} .pagination li a, .pagination li span{color:#fff;background:url(../../files/layout/btn_blank.png);display:block;line-height:57px;font-size:26px;text-align:center;width:53px;height:53px} .pagination li a:hover, .pagination li span{background:url(../../files/layout/btn_blank_hover.png)} .pagination li.previous, .pagination li.next{float:right;margin-right:0} .pagination li.previous a, .pagination li.next a{text-indent:-10000px} .pagination li.previous a{background:url(../../files/layout/btn_submit_links.png)} .pagination li.next a{background:url(../../files/layout/btn_submit.png)} .pagination li.previous a:hover{background:url(../../files/layout/btn_submit_links_hover.png)} .pagination li.next a:hover{background:url(../../files/layout/btn_submit_hover.png)} .mod_newslist .ce_youtube{margin-bottom:30px} .page39 #details .layout_full, .page40 #details .layout_full, .page41 #details .layout_full{margin-top:38px} #main .mod_newslist .layout_full table td {border-bottom: solid 3px #c9d400; font-size:22px; color:#005881;font-family:"jaf-bernino-sans-condensed",sans-serif; padding: 15px 5px;} @media all and (max-width: 1250px){ #main .news_head h1{font-size:70px} #main .mod_newslist .layout_full h1{font-size:65px;line-height:69px} .pagination{padding-right:50px} } /* STARTSEITE */ #startseite .start_latest, #startseite .start_referenz{float:left;font-family: "din-condensed-web",sans-serif;width:382px} #startseite .start_latest{margin-right:30px} #startseite .mod_newslist{float:left} #startseite .cicle a, #startseite .cicle a span{border:8px #EBEBEB solid;-webkit-transition: all 0.25s;-moz-transition: all 0.25s;transition: all 0.25s;-webkit-border-radius: 50%;border-radius: 50%;-moz-border-radius:50%;-khtml-border-radius:50%;float:left;display:block;width:364px;height:364px;overflow:hidden} #startseite .cicle a span{margin:-8px 0 0 -8px} #startseite .cicle a:hover, #startseite .cicle a:hover span{border-color:#c9d400} #startseite .start_latest p{text-align:center;padding-top:40px;clear:left} #startseite .start_latest p span, #startseite .start_latest p a{display:block;text-transform:uppercase} #startseite .start_latest p span{font-size:25px;color:#c9d400} #startseite .start_latest p a{font-size:35px;color:#005681;padding:0 20px;line-height:37px} #startseite .start_latest p a:hover{color:#c9d400} #startseite .start_latest p a strong{display:block;background:url(../../files/layout/link_bg_inaktiv.png) center bottom no-repeat;padding-bottom:40px;margin-bottom:30px} #startseite .start_latest p a:hover strong{background-image:url(../../files/layout/link_bg_aktiv.png)} #startseite .sectionsteaser{padding:70px 0 100px 25px;} #startseite .positionierung, #startseite .positionierung h1 { text-align:center;font-family:"din-condensed-web",sans-serif;font-size:80px;line-height:80px;color:#c9d400;background:url(../../files/layout/bg_kachel.jpg); letter-spacing:0px; padding-left:0px; padding-top:0px; text-transform:none; font-weight:normal;} #startseite .positionierung a{line-height:37px;background:url(../../files/layout/link_bg_inaktiv.png) no-repeat left top;display:inline-block;color:#005681;font-size:37px;margin-top:90px;padding:0 50px;font-weight:bold;text-transform:uppercase} #startseite .positionierung .ce_text{max-width:1160px;padding:80px 20px 0px;} #startseite .positionierung a:hover{color:#c9d400;background-image:url(../../files/layout/link_bg_aktiv.png)} #startseite .start3{width:382px;float:left} #startseite .start3 p a{padding-bottom:5px} /* cicle animation */ .ch-grid {display: block;text-align: center;width: 100%} .ch-grid:after, .ch-item:before {content: '';display: table} .ch-grid:after {clear: both} .ch-grid div.li {width: 364px;height: 364px;display: inline-block} .ch-item {width: 100%;height: 100%;-webkit-border-radius: 50%;border-radius: 50%;-moz-border-radius:50%;-khtml-border-radius:50%;position: relative;cursor: default} .ch-thumb {padding:0 25px;width: 332px;height: 382px;-webkit-border-radius: 50%;border-radius: 50%;-moz-border-radius:50%;-khtml-border-radius:50%;overflow: hidden;position: absolute;background:url(../../files/layout/cicle_start.png) no-repeat;-webkit-transform-origin: 90% 30%;-moz-transform-origin: 90% 30%;-o-transform-origin: 90% 30%;-ms-transform-origin: 90% 30%;transform-origin: 90% 30%;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;z-index: 11} .ie8 .ch-thumb{background:url(../../files/layout/cicle_start_ie.png)} .ch-thumb p{font-family:"din-condensed-web",sans-serif;color:#fff;font-size:30px;text-transform:uppercase;display:table-cell;vertical-align:middle;width:382px;height:380px} .ch-thumb p a{color:#fff} .ch-thumb p strong{display:block;font-size:40px;line-height:40px;font-weight:normal;padding-top:15px} .ch-item:after {content: '';width: 12px;height: 12px;position: absolute;-webkit-border-radius: 50%;border-radius: 50%;-moz-border-radius:50%;-khtml-border-radius:50%;top: 32%;left: 92%;z-index:12;background: rgb(255,255,255);box-shadow: 0 0 1px rgba(255,255,255,0.9)} .ch-info {border:9px #EBEBEB solid;position: absolute;width: 100%;height: 100%;display:block;-webkit-border-radius: 50%;border-radius: 50%;-moz-border-radius:50%;-khtml-border-radius:50%;overflow: hidden} .ch-info img{opacity:0;top:280px;position:absolute;margin-left:-26px;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out} .ch-item:hover .ch-info img{opacity:1} .ch-item:hover .ch-thumb {-webkit-transform: rotate(-100deg);-moz-transform: rotate(-100deg);-o-transform: rotate(-100deg);-ms-transform: rotate(-100deg);transform: rotate(-100deg)} .safari .ch-info img{display:none} @media all and (min-width:900px) and (max-width: 1250px){ #startseite .start_latest, #startseite .start_referenz{width:302px} #startseite .cicle a, #startseite .cicle a span{width:284px;height:284px} #startseite .start3{width:302px} .ch-grid div.li {width: 284px;height: 284px} .ch-thumb {width: 252px;height: 302px;background:url(../../files/layout/cicle_start_1024.png)} .ch-thumb p{height:300px} .ch-thumb p strong{font-size:35px} #startseite .positionierung{font-size: 65px;line-height: 75px} #startseite .sectionsteaser .start_latest{margin-right:20px} #startseite .sectionsteaser .start_latest:nth-child(2n){margin-right:10px} #startseite .start_latest p a{font-size:30px} } @media all and (max-width:400px){ #startseite .start_latest, #startseite .start_referenz{width:302px} #startseite .cicle a, #startseite .cicle a span{width:284px;height:284px} #startseite .start3{width:302px} .ch-grid div.li {width: 284px;height: 284px} .ch-thumb {width: 252px;height: 302px;background:url(../../files/layout/cicle_start_1024.png)} .ch-thumb p{height:300px} .ch-thumb p strong{font-size:35px} #startseite .positionierung{font-size: 65px;line-height: 75px} #startseite .sectionsteaser .start_latest{margin-right:20px} #startseite .sectionsteaser .start_latest:nth-child(2n){margin-right:10px} #startseite .start_latest p a{font-size:30px} } /* NEWS querbeet*/ #main #aktuelles-querbeet{background:url(../../files/aktuelles_querbeet/background_2.jpg) repeat-x -104px 0;} #main .teaserimg {height:465px;padding:32px 0 0 300px;background:url(../../files/aktuelles_querbeet/background.jpg) no-repeat 0 0} #main .teaserimg a{float:left;margin:20px 35px;display:block;height:305px;width:215px; -webkit-box-shadow: 0 5px 20px 1px black; -moz-box-shadow: 0 5px 20px 1px black; box-shadow: 0 5px 20px 1px black; } #main .teaserimg a span{-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;opacity:0;display:block;width:215px;height:305px;position:absolute;margin-top:-300px;background:url(../../files/layout/btn_nachunten_aktiv.png) no-repeat center center} #main .teaserimg a:hover span{opacity:1} #main.page18 .intro h1{margin-top:60px !important} #main.page18 .intro p{max-width:900px;padding-left:300px;padding-right:20px;margin-top:20px;margin-bottom:70px;font-family:"jaf-bernino-sans-condensed",sans-serif;font-size:27px;line-height:37px;color:#005681} #main.page18 .layout_full{padding-top:90px;padding-bottom:83px} #main.page18 .layout_full.first{background:url(../../files/layout/bg_kreis_grau.jpg);height:607px} #main.page18 .layout_full h2{font-size:30px;line-height:40px;font-weight:normal} #main.page18 .layout_full h1{font-size:75px;line-height:60px;margin-top:0;margin-bottom:50px;font-weight:normal} #main.page18 .layout_full h1 i{font-size:50px;line-height:40px;font-style:normal} #main.page18 .layout_full .ce_text{font-family:Georgia, "Times New Roman", Times, serif;font-size:22px;line-height:35px;color:#005681} #main.page18 .querbeet_img{float:left;width:326px;margin-right:60px} #main.page18 .querbeet_img span{width:100px;margin-top:10px;display:block;float:left;padding:3px 0 0 30px;font-size:20px;font-weight:bold;text-transform:uppercase;color:#005681;background:url(../../files/layout/querbeet_lupe.png) no-repeat left center} #main.page18 .querbeet_img a:hover span{background-image:url(../../files/layout/querbeet_lupe_aktiv.png);color:#c9d400} #main.page18 .querbeet_img span.download{float:right;background-image:url(../../files/layout/querbeet_download_inaktiv.png)} #main.page18 .querbeet_img a:hover span.download{background-image:url(../../files/layout/querbeet_download_aktiv.png)} #main.page18 .querbeet_img *{-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s} #main.page18 .querbeet_img img{ -webkit-box-shadow: 0 0 10px 0px #888; -moz-box-shadow: 0 0 10px 0px #888; box-shadow: 0 0 10px 0px #888} #main.page18 .querbeet_text a{margin-top:50px;text-transform:uppercase;padding-left:50px;font-family:"din-condensed-web",sans-serif;font-size:36px;line-height:38px;color:#005681;display:block;background:url(../../files/layout/link_bg_inaktiv.png) no-repeat left top} #main.page18 .querbeet_text .ce_text{max-width:510px} #main.page18 .querbeet_text a:hover{color:#c9d400;background-image:url(../../files/layout/link_bg_aktiv.png)} #main.page18 .layout_full ul{padding:5px} #main.page18 .layout_full ul li{margin-left:17px;list-style:disc;padding:3px 0 3px 0} #main.page18 .mod_newslist{padding-bottom:100px} @media all and (max-width: 1250px){ #main .teaserimg a{margin:20px} #main.page18 .querbeet_img{width:270px} #main.page18 .layout_full h1{font-size: 50px;line-height: 40px} #main.page18 .layout_full h1 i{font-size: 38px;line-height: 40px} #main.page18 .layout_full{padding-bottom:0} #main .teaserimg a{width:200px;height:284px;margin-top:41px} } /* JOBS - Übersicht */ #main.page6 .headerimg{height:512px;background:#aaa url(../../files/jobs/header.jpg) no-repeat left top} #main.page6 .layout_latest{margin-top:110px} #main.page6 .layout_latest h2{font-weight:normal;color:#c9d400;font-size:25px;line-height:25px;margin-bottom:5px} #main.page6 .layout_latest h1{font-size:45px;line-height:45px;padding-top:0;margin-bottom:20px} #main.page6 .layout_latest h1 a{color:#005681} #main.page6 .layout_latest h1 a:hover{color:#c9d400} #main.page6 .layout_latest h1 a b:after{margin-left:20px;content:url(../../files/layout/link_bg_inaktiv.png)} #main.page6 .layout_latest h1 a:hover b:after{content:url(../../files/layout/link_bg_aktiv.png)} #main.page6 .layout_latest p{padding-left:300px;max-width:900px;color:#005681;font-family:Georgia, "Times New Roman", Times, serif;font-size:22px;line-height:35px} #main.page6 .initiativbewerbung{background:url(../../files/layout/bg_kachel_gruen.jpg);margin:140px 0 175px 0;padding:80px 0 80px 300px} #main.page6 .initiativbewerbung h2{padding:0;color:#005681;font-size:25px;line-height:25px} #main.page6 .initiativbewerbung h1{color:#fff;padding:0;font-size:65px;font-weight:normal} #main.page6 .initiativbewerbung p, .layout_latest p{padding-right:20px;color:#005681;font-family:Georgia, "Times New Roman", Times, serif;font-size:22px;line-height:35px;max-width:900px} #main.page6 .bewerbertests{float:left;width:340px;padding-left:300px} #main.page6 .bewerbertests .ce_hyperlink a{margin-bottom:35px;-webkit-transition: all 0.1s;-moz-transition: all 0.1s;-o-transition: all 0.1s;transition: all 0.1s;color:#fff;font-size:25px;line-height:25px;display:block;padding-top:90px;-webkit-border-radius: 50%;border-radius: 50%;-moz-border-radius:50%;-khtml-border-radius:50%;background:#005681 url(../../files/layout/start_referenz_btn.png) no-repeat center 175px;width:270px;height:180px;text-align:center;float:left;font-family:"din-condensed-web",sans-serif;text-transform:uppercase} #main.page6 .bewerbertests .ce_hyperlink b{display:block;font-size:40px;line-height:40px} #main.page6 .bewerbertests .ce_hyperlink a:hover{background-color:#c9d400} #main.page6 .bewerbungsadresse{margin:0 0 150px;font-family:"jaf-bernino-sans-condensed",sans-serif;color:#005681;font-size:25px} #main.page6 .bewerbungsadresse p{margin-top:10px;clear:both} #main.page6 .bewerbungsadresse h1{padding:0;line-height:90px;margin-left:-5px} #main.page6 .bewerbungsadresse .table{float:left} #main.page6 .bewerbungsadresse .table.left{width:190px;margin-bottom:20px;padding-right:20px} #main.page6 .bewerbungsadresse .table a{color:#005681;font-weight:bold} #main.page6 .bewerbungsadresse .table a:hover{color:#c9d400} @media all and (max-width: 1250px){ #main.page6 .bewerbertests{float:none;width:auto;margin-bottom:40px} #main.page6 .bewerbertests .ce_hyperlink{float:left;margin-right:30px} #main.page6 .bewerbungsadresse{margin-left:300px} } /* JOBS - Detailansicht */ #main.page42{background:url(../../files/layout/bg_kachel.jpg)} #main.page42 .layout_full{margin:0;padding:0} #main.page42 .stellenausschreibung{color:#005681;margin:40px 20px 35px 300px;padding:25px;max-width:900px;background-color:#fff} #main.page42 .stellenausschreibung h1, #main.page42 .stellenausschreibung h2{font-weight:normal} #main.page42 .stellenausschreibung h2{color:#005681;font-size:22px;line-height:22px} #main.page42 .stellenausschreibung li, #main.page42 .stellenausschreibung p{font-family:"jaf-bernino-sans-condensed",sans-serif;font-size:18px;line-height:27px} #main.page42 .stellenausschreibung h3{margin:45px 0 15px;color:#c9d400;text-transform:uppercase;color:#c9d400;font-weight:normal;font-size:30px} #main.page42 .stellenausschreibung li{list-style:disc;margin-left:20px;padding-left:20px} #main.page42 .bewerbertest{background-color:#fff;padding:75px 0 0 300px} #main.page42 .bewerbertest h3{color:#c9d400;font-weight: normal;font-size: 25px;line-height: 25px} #main.page42 .bewerbertest a{display:inline-block;color:#005681;font-weight:bold;text-transform:uppercase;font-size: 45px;line-height: 55px;padding-top: 0;margin-bottom: 100px} #main.page42 .bewerbertest a:after{margin-left:20px;content:url(../../files/layout/link_bg_inaktiv.png)} #main.page42 .bewerbertest a:hover{color:#c9d400} #main.page42 .bewerbertest a:hover:after{content:url(../../files/layout/link_bg_aktiv.png)} /* JOBS - Bewerbertest */ #main .ce_form.tableless .aufgabe.nolabels label{display:none !important} #main.page60, #main.page44, #main.page43{background:url(../../files/layout/bg_kachel.jpg)} #main.page60 .intro h1, #main.page44 .intro h1, #main.page43 .intro h1{margin-bottom:15px} #main.page60 .intro p, #main.page44 .intro p, #main.page43 .intro p{margin-bottom:20px;text-transform:uppercase;max-width:900px;padding-left:300px;padding-right:20px;font-family:"din-condensed-web",sans-serif;font-size:35px;line-height:35px;color:#005681} #main.page60 .ce_form.tableless, #main.page44 .ce_form.tableless, #main.page43 .ce_form.tableless{padding-left:300px} #main.page60 .ce_form.tableless .aufgabe, #main.page44 .ce_form.tableless .aufgabe, #main.page43 .ce_form.tableless .aufgabe{background-color:#fff;padding:25px 15px;margin-top:100px;margin-right:20px;max-width:870px} #main.page60 .ce_form.tableless .aufgabe h2, #main.page44 .ce_form.tableless .aufgabe h2, #main.page43 .ce_form.tableless .aufgabe h2{color:#c9d400;font-size:28px;line-height:28px;font-weight:normal;background:url(../../files/layout/link_bg_aktiv.png) no-repeat left center;padding:5px 0 3px 50px;margin-bottom:20px} #main.page60 .ce_form.tableless .aufgabe p, #main.page44 .ce_form.tableless .aufgabe p, #main.page43 .ce_form.tableless .aufgabe p{color:#005681;font-size:18px;line-height:25px;font-family:"jaf-bernino-sans-condensed",sans-serif;margin-bottom:30px} #main.page60 .ce_form.tableless .aufgabe textarea, #main.page60 .ce_form.tableless .aufgabe input, #main.page44 .ce_form.tableless .aufgabe textarea, #main.page44 .ce_form.tableless .aufgabe input, #main.page43 .ce_form.tableless .aufgabe textarea, #main.page43 .ce_form.tableless .aufgabe input{background:url(../../files/layout/bg_textfeld_content.png) left top local;padding-top:4px;color:#005681;border:none;font-family:"jaf-bernino-sans-condensed",sans-serif;outline:0;width:100%;font-size:18px;line-height:30px;} #main.page43 .ce_form.tableless .aufgabe .minheight{min-height:26px} .ie #main.page60 .ce_form.tableless .aufgabe textarea, .ie #main.page60 .ce_form.tableless .aufgabe input, .ie #main.page44 .ce_form.tableless .aufgabe textarea, .ie #main.page44 .ce_form.tableless .aufgabe input, .ie #main.page43 .ce_form.tableless .aufgabe textarea, .ie #main.page43 .ce_form.tableless .aufgabe input{background:url(../../files/layout/bg_textfeld_content.png) left top} #main.page60 .ce_form.tableless .aufgabe textarea, #main.page44 .ce_form.tableless .aufgabe textarea, #main.page43 .ce_form.tableless .aufgabe textarea{height:250px;width:100%} #main.page60 .ce_form.tableless .aufgabe textarea.short, #main.page44 .ce_form.tableless .aufgabe textarea.short, #main.page43 .ce_form.tableless .aufgabe textarea.short{height:120px} #main.page60 .submit, #main.page44 .submit, #main.page43 .submit{cursor:pointer;font-family:"din-condensed-web",sans-serif;font-size:37px;text-transform:uppercase;color:#005681;margin:30px 0 100px 0;padding:8px 70px;display:block;background:url(../../files/layout/btn_submit.png) no-repeat left top;border:none} #main.page60 .submit:hover, #main.page44 .submit:hover, #main.page43 .submit:hover{color:#c9d400;background-image:url(../../files/layout/btn_submit_hover.png)} #main.page60 .ce_form.tableless .aufgabe .inputrechts, #main.page44 .ce_form.tableless .aufgabe .inputrechts, #main.page43 .ce_form.tableless .aufgabe .inputrechts{float:right;width:420px} #main.page60 .ce_form.tableless .aufgabe .inputlinks, #main.page44 .ce_form.tableless .aufgabe .inputlinks, #main.page43 .ce_form.tableless .aufgabe .inputlinks{float:left;width:420px} #main.page60 .inputrechts, #main.page60 .inputlinks, #main.page44 .inputrechts, #main.page44 .inputlinks, #main.page43 .inputrechts, #main.page43 .inputlinks{border-bottom:1px #005681 solid;margin-bottom:5px} #main.page60 .inputrechts label, #main.page60 .inputlinks label, #main.page44 .inputrechts label, #main.page44 .inputlinks label, #main.page43 .inputrechts label, #main.page43 .inputlinks label{color:#005681;margin-right:20px;cursor:pointer;font-family:"jaf-bernino-sans-condensed",sans-serif} #main.page60 .inputrechts input, #main.page60 .inputlinks input, #main.page44 .inputrechts input, #main.page44 .inputlinks input, #main.page43 .inputrechts input, #main.page43 .inputlinks input{font-weight:bold;width:280px !important;background:none !important} .aufgabe br{display:none} .aufgabe.wertung{height:780px} .aufgabe fieldset{margin-bottom:30px;float:left;clear:both;width:400px;border:none;color:#005681;font-family:"jaf-bernino-sans-condensed",sans-serif} .aufgabe fieldset.right{float:right;clear:none} .aufgabe fieldset .mandatory{display:none} .aufgabe fieldset legend{display:block;margin-bottom:6px;font-weight:bold} .aufgabe fieldset input{float:left;width:20px !important} .aufgabe fieldset span{display:block} .aufgabe fieldset span input{margin:4px 5px 0 0} .aufgabe p.error{color:#990000 !important} @media all and (max-width: 1250px){ #main.page60 .ce_form.tableless .aufgabe .inputlinks, #main.page44 .ce_form.tableless .aufgabe .inputlinks, #main.page43 .ce_form.tableless .aufgabe .inputlinks{width:100%} #main.page60 .ce_form.tableless .aufgabe .inputrechts, #main.page44 .ce_form.tableless .aufgabe .inputrechts, #main.page43 .ce_form.tableless .aufgabe .inputrechts{float:left;width:100%} #main.page60 .ce_form.tableless .aufgabe .inputrechts input, #main.page60 .ce_form.tableless .aufgabe .inputlinks input, #main.page44 .ce_form.tableless .aufgabe .inputrechts input, #main.page44 .ce_form.tableless .aufgabe .inputlinks input, #main.page43 .ce_form.tableless .aufgabe .inputrechts input, #main.page43 .ce_form.tableless .aufgabe .inputlinks input{width:100%} .aufgabe fieldset{width:300px} .aufgabe.wertung{height:780px} } /* Kontakt - Anfahrt */ #main.page19 .gm-style div{background-color:transparent !important;border:none !important;-moz-box-shadow:none !important;-webkit-box-shadow:none !important;box-shadow:none !important} #main.page19 .gm-style div.gm-style-iw{background:#005681 !important;color:#fff;-moz-box-shadow:3px 3px 2px 2px #888 !important;-webkit-box-shadow:none !important;box-shadow:0 0 10px 2px #888 !important;margin-top:3px;padding:11px 15px 0 20px} #main.page19 .gm-style div.gm-style-iw label{color:#fff;font-size:16px;font-family:"jaf-bernino-sans-condensed",sans-serif} #main.page19 .gm-style div.gm-style-iw .text{margin-top:5px;width:200px;color:#fff;font-size:16px;font-family:"jaf-bernino-sans-condensed",sans-serif;background-color:transparent;border:none;border-bottom:1px #fff solid} #main.page19 .gm-style div.gm-style-iw .submit{float:right;background:url(../../files/layout/link_bg_aktiv.png);border:none;width:34px;height:33px;text-indent:-100px} #main.page19 .map_overlay{background-image:url(../../files/kontakt-adresse/qf_map_2014.jpg);display:block;top:0px;max-width:1200px;overflow:hidden;height:385px;position:absolute;left:0;right:0;} #main.page19 .map_overlay span{display:block;background:url(../../files/kontakt-adresse/route_berechnen.png);margin:117px 0 0 432px;width:362px;height:95px} #main.page19 .map_overlay b{display:block;background:url(../../files/kontakt-adresse/maps_markierung.png);width:102px;height:122px;position:absolute;left:296px;top:142px} #main.page19 .mod_dlh_googlemaps{background:url(../../files/layout/bg_kachel_gruen.jpg)} #main.page19 #zumkontaktformular{margin:0} #main.page19 #zumkontaktformular a{float:right;width:101px;height:101px;display:block;background:url(../../files/kontakt-adresse/btn_inaktiv_kontaktformular.png) no-repeat left top;margin-right:20px} #main.page19 #zumkontaktformular a:hover{background-image:url(../../files/kontakt-adresse/btn_aktiv_kontaktformular.png)} #main.page19 .ihrkontaktzuuns{margin-top:130px;max-width:900px;padding-left:300px} #main.page19 .ihrkontaktzuuns h1{padding:0;font-size:65px;line-height:65px} #main.page19 .ihrkontaktzuuns h2{padding:0;font-size:35px;line-height:35px;color:#c9d400} #main.page19 .ihrkontaktzuuns p{margin:70px 0 140px;font-family:"jaf-bernino-sans-condensed",sans-serif;font-size:22px;line-height:33px;color:#005681} #main.page19 .ihrkontaktzuuns p a{color:#c9d400} #main.page19 #halloquerformat{background:url(../../files/layout/bg_kachel.jpg);padding:70px 20px 85px 300px} #main.page19 #halloquerformat .formbody{max-width:900px} #main.page19 #halloquerformat *, #main.page19 .zurteamseite a{font-family: "din-condensed-web",sans-serif;font-size:40px;line-height:50px;color:#005681;text-transform:uppercase} #main.page19 #halloquerformat h3{margin-bottom:40px;padding-right:15px} #main.page19 #halloquerformat input, #main.page19 #halloquerformat textarea{margin-bottom:10px !important;font-size:30px;padding:10px 0 0;height:29px;text-transform:none;background:none;border:none;line-height:40px;border-bottom:1px #005681 solid} #main.page19 #halloquerformat input.icharbeitebei{width:610px} #main.page19 #halloquerformat input.als{width:890px} #main.page19 #halloquerformat input.bitterufensie{width:373px} #main.page19 #halloquerformat input.oderperemail{width:650px} #main.page19 #halloquerformat .vielegruesse{clear:left;width:350px} #main.page19 #halloquerformat label.vielegruesse{padding-top:60px} #main.page19 #halloquerformat input.vielegruesse{margin-bottom:140px !important} #main.page19 #halloquerformat textarea{height:210px;padding-top:6px;width:890px;background:url(../../files/kontakt-adresse/bg_textarea.png) local;border:none} .ie #main.page19 #halloquerformat textarea{background:url(../../files/kontakt-adresse/bg_textarea.png)} #main.page19 #halloquerformat input.absenden, #main.page19 .zurteamseite a, #entdecke-querformat .gewinnspiel input[type="submit"]{clear:left;text-transform:uppercase;font-size:40px;line-height:50px;background:url(../../files/layout/btn_submit.png) no-repeat left top;padding:3px 0 12px 70px;height:50px;border:none} #main.page19 #halloquerformat input.absenden:hover, #main.page19 .zurteamseite a:hover{color:#c9d400;background-image:url(../../files/layout/btn_submit_hover.png)} #main.page19 #halloquerformat input, #main.page19 #halloquerformat label{float:left;margin:0 8px 0 0} #main.page19 .zurteamseite{padding:210px 0 210px 300px;max-width:900px;text-align:center} #main.page19 .zurteamseite h1{padding:0;font-size:60px;line-height:60px;color:#c9d400;font-weight:normal} #main.page19 .zurteamseite a{display:inline-block;margin-top:90px} @media all and (max-width: 1250px){ #main.page19 #halloquerformat input, #main.page19 #halloquerformat textarea{width:100% !important} #main.page19 #halloquerformat input.absenden{width:auto !important} #main.page19 #zumkontaktformular a{margin-right:20px} } /* Impressum / Formulare verschickt / 404 */ #main.page20, #main.page48, #main.page49, #main.page62, #main.page64, #formular-erfolgreich-verschickt, #main.page45{background-image:url(../../files/layout/bg_kachel.jpg)} #main.page20 h1, #main.page48 h1, #main.page49 h1, #main.page45 h1, #main.page62 h1, #main.page64 h1, #formular-erfolgreich-verschickt h1{font-size:60px;line-height:60px;margin-bottom:60px;margin-top:20px} #main.page20 .textbox, #main.page48 .textbox, #main.page45 .textbox, #main.page49 .textbox, #main.page62 .textbox, #main.page64 .textbox, #formular-erfolgreich-verschickt .textbox{margin-right:20px;margin-bottom:80px;font-family:"jaf-bernino-sans-condensed",sans-serif;font-size:20px;line-height:30px;color:#005681;margin-left:300px;max-width:840px;padding:30px 30px 0 30px;background-color:#fff} #main.page20 .textbox .left,#main.page62 .textbox .left{width:390px;float:left} #main.page20 .textbox .right,#main.page62 .textbox .right{width:390px;float:right} #main.page20 .textbox p, #main.page45 .textbox p, #main.page48 .textbox p, #main.page62 .textbox p, #main.page64 .textbox p, #formular-erfolgreich-verschickt .textbox p, #main.page49 .textbox p{padding:0 0 30px} #main.page20 .textbox h3, #main.page48 .textbox h3, #main.page45 .textbox h3, #main.page62 .textbox h3, #main.page64 .textbox h3, #formular-erfolgreich-verschickt .textbox h3, #main.page49 .textbox h3{color:#c9d400;font-size:40px;line-height:40px;font-weight:normal;margin-bottom:20px} #main.page20 .textbox .ce_text, #main.page48 .textbox .ce_text, #main.page45 .textbox .ce_text{margin-bottom:45px} #main.page20 .textbox a, #main.page62 .textbox a, #main.page64 .textbox a, #main.page49 .textbox a{color:#c9d400;font-weight:bold} #main.page49 .textbox a:hover, #main.page62 .textbox a:hover, #main.page64 .textbox a:hover, #main.page20 .textbox a:hover{color:#005681} #main.page20 .agb{background-color:#fff;margin-top:100px;padding:150px 0 150px 300px} #main.page20 .agb h1{font-weight:normal;padding:0;font-size:60px;line-height:60px;margin-top:10px} #main.page20 .agb h1 a{color:#005681;background:url(../../files/layout/btn_submit.png) no-repeat right 2px;padding-right:80px;display:inline-block} #main.page20 .agb h1 a:hover{color:#c9d400;background-image:url(../../files/layout/btn_submit_hover.png)} #main.page20 .agb h2{font-weight:normal;padding:0;color:#c9d400;font-size:40px;line-height:30px} #main.page20 .agb p{max-width:900px;color:#005681;font-family:Georgia, "Times New Roman", Times, serif;font-size:25px;line-height:35px} @media all and (max-width: 1250px){ #main.page20 .textbox .left, #main.page48 .textbox .left, #main.page62 .textbox .left, #main.page64 .textbox .left, #main.page45 .textbox .left{width:100%;float:none} #main.page20 .textbox .right, #main.page64 .textbox .right, #main.page62 .textbox .right{width:100%;float:none} #main.page20 .agb h1{font-size:50px} } /* REFERENZEN - Slideshow */ .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; } .rslides li:first-child { position: relative; display: block; float: left; } .rslides img { display: block; height: auto; float: left; width: 100%; border: 0; } /* #c9d400 grün #005681 blau */ /* Entdecke querformat Gewinnspiel */ #entdecke-querformat h1{max-width:1300px;margin:30px 0;color: #005681;font-size: 60px;} #entdecke-querformat .headerimg{cursor:pointer;height: 512px; background-image:url(../../files/entdeckt-querformat/wimmelbild_web_ausschnitt_1300x512),url(../../files/layout/bg_kachel_gruen.jpg);background-size:contain,auto;background-repeat:no-repeat,repeat;background-position:left top} #entdecke-querformat .gewinnspiel{font-family:"jaf-bernino-sans-condensed",sans-serif;font-size:20px;line-height:30px;color:#005681} #entdecke-querformat .gewinnspiel{background:url(../../files/layout/bg_kachel.jpg);padding:30px 20px 85px 300px} #entdecke-querformat .gewinnspiel .formbody{max-width:900px} #entdecke-querformat .gewinnspiel label{margin-right:10px;font-size: 40px;text-transform:uppercase;font-family: "din-condensed-web",sans-serif;} #entdecke-querformat .gewinnspiel input{ font-size: 40px; padding: 0; text-transform: none; background: none; border: none; line-height: 40px; border-bottom: 1px #005681 solid; color:#005681; font-family:"din-condensed-web",sans-serif; } #entdecke-querformat .gewinnspiel .explanation{margin:40px 0} #entdecke-querformat .gewinnspiel .special{font-size: 30px;font-family: "din-condensed-web",sans-serif;} #entdecke-querformat .gewinnspiel .special a{color:#c9d400} #entdecke-querformat .gewinnspiel span.mandatory{display:none} /*#entdecke-querformat .gewinnspiel .spruch{width:100%}*/ #entdecke-querformat .gewinnspiel input.spruch{width:700px} #ctrl_150{width:540px} #entdecke-querformat .gewinnspiel .vorschlag{font-size:30px;} #entdecke-querformat .gewinnspiel .vorschlag:hover{color:#c9d400;cursor:pointer} #entdecke-querformat .gewinnspiel .checkbox_container{border:none} #entdecke-querformat .gewinnspiel .checkbox_container input{float:left;background:#005681} #entdecke-querformat .gewinnspiel a:hover{color:#005681 !important} #entdecke-querformat .gewinnspiel input[type="checkbox"]{ border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } #entdecke-querformat .gewinnspiel input[type="checkbox"]:checked + label:before{ content: '\2713'; } #entdecke-querformat .gewinnspiel input[type="checkbox"] + label:before{ content: ''; color: #005681; position: absolute; top: 10px; left: 0; width: 20px; height: 20px; border: 2px solid #005681; font-size: 18px; line-height: 21px; text-align: center; } #entdecke-querformat .gewinnspiel input[type="checkbox"] + label{ position: relative; padding-left: 50px; vertical-align: middle; } #entdecke-querformat .gewinnspiel input[type="submit"]{font-family: "din-condensed-web",sans-serif;color:#005681;margin-top:60px} #entdecke-querformat .gewinnspiel input[type="submit"]:hover{color:#c9d400} @media all and (max-width: 1320px){ #entdecke-querformat .headerimg{height:320px;background-size:cover} } @media all and (max-width: 1050px){ #entdecke-querformat h1, #entdecke-querformat .gewinnspiel{padding-left:20px} } @media all and (min-width: 641px){ #ctrl_154{width:440px} #ctrl_155{width:386px} #ctrl_156{width:420px} #ctrl_157{width:399px} #ctrl_158{width:397px} #ctrl_159{width:466px} #ctrl_160{width:464px} } @media all and (max-width: 640px){ #entdecke-querformat .gewinnspiel label, #entdecke-querformat .gewinnspiel input[type="submit"], #entdecke-querformat .gewinnspiel input{font-size:28px} #entdecke-querformat .gewinnspiel input[type="checkbox"] + label:before{top:4px} #entdecke-querformat input{width:100% !important;text-align:left !important;} #entdecke-querformat .special img{display:block;margin-bottom:30px !important;float:none !important} #entdecke-querformat h1{font-size: 50px !important;line-height: 58px !important;} #entdecke-querformat .gewinnspiel label[for="ctrl_154"], #entdecke-querformat .gewinnspiel label[for="ctrl_155"], #entdecke-querformat .gewinnspiel label[for="ctrl_156"], #entdecke-querformat .gewinnspiel label[for="ctrl_157"], #entdecke-querformat .gewinnspiel label[for="ctrl_158"], #entdecke-querformat .gewinnspiel label[for="ctrl_159"], #entdecke-querformat .gewinnspiel label[for="ctrl_160"]{display:block;padding-top:30px} } #header_mobile, #header_share{display:none} /* projektfeedback */ #projektfeedback {} .nofloat { float:none !important; } /* restyle checkboxes */ input[type="radio"] {display:none !important;} input[type="radio"] + label { display:inline-block !important; height:35px; margin:0px 20px 0 0; vertical-align:middle; cursor:pointer; } input[type="radio"] + label:before { display:inline-block; width:30px; height:33px; position:relative;top:8px;margin-right:2px;content:"";background: transparent url("../../files/layout/filter_unchecked.png") no-repeat scroll 1px 4px;} input[type="radio"]:checked + label:before { background:url("../../files/layout/filter_hover.png") no-repeat scroll left 3px;} #projektfeedback .aufgabe fieldset span { display:inline; } #projektfeedback .aufgabe fieldset { width:100%; margin-bottom: 65px;} #projektfeedback .back { display:none; } label { color: #005681;font-size: 18px;line-height: 25px;font-family: "jaf-bernino-sans-condensed",sans-serif;margin-bottom: 30px; } @media all and (max-width: 600px){ #main h1{font-size:60px;line-height:70px;padding-left:20px} #main h2{font-size:30px;line-height:30px;padding-left:20px} #header #header_desktop, #footer .right, #entscheidungqf.desktop, #socials, #anchor_top, #anchor_back, #anchor_back_news, #footer #bottom .ce_hyperlink, #startseite .start_latest:nth-child(2), #main.page6 .bewerbertests, #main.page42 .bewerbertest, #main.page19 #halloquerformat, #main.page19 .map_overlay, #main.page18 .teaserimg, #main.page18 .querbeet_img a span, #main.page18 .querbeet_text a, #main.page19 #zumkontaktformular, #referenzdetails .description .more.desktop, #referenzdetails .slide_up, #referenzdetails .ch-item a img, #startseite .ch-item a img{display:none !important} body{min-width:360px} #header_mobile, #entscheidungqf.mobile{display:block} #header_menue, #header_share{display:none;clear:both} #left{display:none} #header #header_mobile{background-color:#c9d400} #header #querformat_logo a img{margin-right:0;width:190px;float:right} #header #mobile_menue, #header #mobile_share{float:left;background-color:#c9d400;border-bottom:1px #c9d400 solid} #header #mobile_menue:hover, #header #mobile_share:hover, #header #mobile_menue.aktiv, #header #mobile_share.aktiv{background-color:#005681;border-bottom-color:#005681} #header #mobile_menue a, #header #mobile_share a{padding:0;font-size:0px;border-right:1px #fff solid} #header{height:auto !important;border-bottom:1px #fff solid} #header .mod_navigation{margin:0;padding:30px 16px;background-color:#005681} #header #header_share{background-color:#005681} #header #header_share .box{margin: 30px 16px 10px} #header #header_share a{padding:0;color:#fff} #header #header_share .ce_hyperlink a{display:block;height:32px;margin-bottom:20px;padding:0 0 0 45px} #header #header_share .ico_facebook{background:url(../../files/layout/social_media_icons_fb.png) no-repeat left top} #header #header_share .ico_twitter{background:url(../../files/layout/social_media_icons_tw.png) no-repeat left top} #header #header_share .ico_google{background:url(../../files/layout/social_media_icons_gp.png) no-repeat left top} #header #header_share .ico_youtube{background:url(../../files/layout/social_media_icons_yt.png) no-repeat left top} #header .mod_navigation a, #header .mod_navigation span{color:#fff;padding:0} #header .mod_navigation a.trail, #header .mod_navigation .trail .trail a, #header .mod_navigation span{color:#c9d400} #header .mod_navigation li{font-weight:bold;float:none;border-bottom:1px #fff solid;padding-bottom:12px;margin-bottom:12px} #header .mod_navigation li ul{margin-top:10px} #header .mod_navigation li ul li{border:none;margin:0;padding:0 0 0 26px;font-weight:normal !important} #header .mod_navigation li ul li a{padding:0 !important} #footer #inside{margin-left:20px} #footer h2{font-size:90px} /* STARTSEITE */ #startseite .positionierung{font-size:50px;line-height:55px} #startseite .mobile_center{width:400px;margin:0 auto} #startseite .cicle a:hover{border-color:#fff} #main #startseite .start3 .start_latest{display:block !important} #startseite .positionierung{padding-bottom:100px} /* REFERENZEN - Kunden */ #main.page11 #background-image h1, #main.page11 #background-image h2, #main.page11 #background-image #grayscale{margin-left:0;padding-left:0} #main.page11 #weitere-kunden{padding-left:20px;padding-right:20px} .card.weiterekunden{display:none !important} #main.page11 #background-image #grayscale .grayscale .image_container{width:110px} #main.page11 #weitere-kunden{background-image:none;padding:30px 20px 30px} /* REFERENZEN - Übersicht */ #referenzuebericht{padding-left:0} /* REFERENZEN - Details */ #referenzdetails .slideshow, #referenzdetails .description, #referenzdetails .weiterereferenzen, #main #nochfragen{padding-left:0} /* AGENTUR - Team */ #main.page13 h1{padding-left:20px;font-size:60px;line-height:70px} #team_intro p{margin-left:10px} #main.page13 .blue .ce_text p, #main.page13 .green .ce_text p, #main.page13 .gray .ce_text p {margin-left:10px;padding-right:10px;font-size:27px} #agentur-team{height:auto !important} #main.page13 .blue, #main.page13 .green, #main.page13 .gray{position:static;margin-top:0 !important} #main.page13 .blue h2, #main.page13 .gray h2, #main.page13 .green h2, #main.page13 .blue h3, #main.page13 .green h3, #main.page13 .gray h3{padding:0 20px 0 20px;max-width:none} #main.page13 .blue h2, #main.page13 .gray h2, #main.page13 .green h2 {font-size: 60px;line-height: 60px} #main.page13 .blue, #main.page13 .green, #main.page13 .gray{padding-top:40px} #main.page13 .personenintro{height:550px !important;overflow:hidden} #stephankurz{background-position:-80px 200px} #matthiasmesserer{background-position:-80px 180px} #ellenbrenner{background-position:-35px 180px !important} #sonjapoth{background-position:-40px 180px} #tatjanabreitenbuecher{background-position:-80px 180px} #juttazielosko{background-position:-50px 180px} #anjaurban{background-position:-60px 180px} #nadinehein{background-position:-80px 180px} #jenniferconrad{background-position:-150px 180px} #susanneherrmann{background-position:-40px 180px} #annekelly{background-position:-40px 160px} #enricoschiller{background-position:-120px 180px} #dominikspeh{background-position:-140px 180px} #danielburgbacher{background-position:-90px 170px} #jochenwojtas{background-position:-90px 170px} #larissaschulte{background-position:-150px 205px} #wirsuchendich{margin-top:12979px} /* 11493px pro mitarbeiter 843 */ #agentur-team{height: 14102px} /* differenz wirsuchendich 1123 */ #wirsuchendich .personenintro{background:none} #main.page13 #wirsuchendich .ce_text{padding-bottom:50px} #main.page13 #wirsuchendich .personenintro{height:335px !important} #main.page13 #wirsuchendich .ce_text a{padding:0 20px 65px;line-height:35px;font-size:35px;background-position:center bottom} /* JOBS - Übersicht */ #main.page6 .headerimg{height:1px;background:none} #main.page6 .layout_latest p{padding-left:20px} #main.page6 .initiativbewerbung{padding-left:20px;margin-top:60px;margin-bottom:60px} #main.page6 .bewerbungsadresse{margin-left:20px;margin-bottom:60px} #main.page6 .layout_latest{margin-top:60px} #main.page42 .stellenausschreibung{margin-left:20px} #main.page6 .bewerbungsadresse .table.left{width:100%} /* KONTAKT */ #main.page19 .ihrkontaktzuuns, #main.page19 .zurteamseite{padding-left:20px} #main.page19 .zurteamseite{padding-top:0} #main.page19 .mod_dlh_googlemaps{max-width:1200px;height:240px;margin:-30px 0 0 -300px;overflow:hidden} #main.page19 .zurteamseite h1{padding-right:20px} #main.page19 .ihrkontaktzuuns p, #main.page19 .ihrkontaktzuuns{margin-top:40px} #main.page19 .ihrkontaktzuuns h1{padding-right:20px} #main.page19 .zurteamseite{padding-bottom:30px} #main.page19 .map_overlay{max-width:1200px;width:auto} /* IMPRESSUM */ #main.page20 .textbox, #main.page48 .textbox, #main.page45 .textbox,#main.page62 .textbox,#formular-erfolgreich-verschickt .textbox{margin-left:20px} /* AKTUELLES - Übersicht */ .news_head p, .news_filter, .mod_newslist .layout_full{padding-left:20px} .pagination{padding-left:20px} #main .mod_newslist .layout_full h1{font-size:40px;line-height:44px} .news_filter .filter2{width:100%} .news_filter .filter2 p{float:left} .mod_newslist .layout_full{padding-right:20px} .pagination{padding-right:20px} .news_head p{font-size:22px} /* AKTUELLES - Querbeet */ #main.page18 .intro p{padding-left:20px;font-size:20px} #main.page18 .intro h1{margin-top:20px !important;font-size:52px} #main.page18 .layout_full.first{height:auto} #main.page18 .querbeet_img a{margin-bottom:30px} #main.page18 .querbeet_img a span.download{font-size:30px;display:block !important;float:left;margin-bottom:50px} #main.page18 .mod_newslist .layout_full h1{font-size:30px;line-height:34px} #main.page18 .mod_newslist .layout_full p, #main.page18 .mod_newslist .layout_full li{font-size:19px;line-height:32px} #main.page18 .querbeet_img{width:240px} /* KOMPETENZEN */ #main.page15{background:none} #main.page15 h1{color:#005681;line-height:60px} #main.page15 .ce_accordion .toggler h4 span:after{display:none !important} #main.page15 .ce_accordion .accordion{display:none !important;visibility:hidden !important;height:0px !important} #main.page15 #headline{padding:0} #main.page15 #headline h1{padding-left:20px} #main.page15 #headline .background{padding:30px 20px;background:url(../../files/layout/bg_kachel.jpg);height:200px} #main.page15 .ce_accordion .toggler{padding-left:20px;cursor:default !important} #main.page15 .ce_accordion .toggler h4 span{font-size:52px} #main.page15 .ce_accordion{margin-top:0px} #main.page15 .ce_accordion .toggler:hover h4 span{color:#005681} #main.page15 #headline{height:auto} /* 5 Gute Gründe */ #agentur-id-5-gute-gruende #page_header{display:none} #agentur-id-5-gute-gruende,#main.page16 .inside, #main.page16{background:#fff url(../../files/agentur_fuenf_gruende/qf_website_agentur_5_gruende_bg_smartphone_landscape.png) 0 -60px no-repeat} #agentur-id-5-gute-gruende{padding-left:0px;padding-right:0px} #agentur-id-5-gute-gruende #grund_1 p, #agentur-id-5-gute-gruende #grund_2 p, #agentur-id-5-gute-gruende #grund_3 p, #agentur-id-5-gute-gruende #grund_4 p, #agentur-id-5-gute-gruende #grund_5 p{padding-left:0;margin-bottom:0;width:auto;padding-right:20px} #main.page16.mobil{background:none} #agentur-id-5-gute-gruende #entscheidungqf p{ -moz-transform:none; -webkit-transform:none; -o-transform:none; -ms-transform:none; transform:none; } #agentur-id-5-gute-gruende #grund_1, #agentur-id-5-gute-gruende #grund_2, #agentur-id-5-gute-gruende #grund_3, #agentur-id-5-gute-gruende #grund_4, #agentur-id-5-gute-gruende #grund_5{margin-left:10px} #agentur-id-5-gute-gruende #entscheidungqf{width:auto} #entscheidungqf.mobile{margin-bottom:0 !important;padding:50px 0 130px;background:#c9d400 url(../../files/layout/logo_kuh.png) no-repeat right bottom !important} /* REFERENZÜBERSICHT */ #referenzuebericht .ref-quer img, #referenzuebericht .ref-quer{width:342px !important;margin-right:0} #referenzuebericht .ref-quer .hover{width:326px;height:143px} #referenzuebericht .ref-quer .hover span{width:326px} #referenzuebericht .ref-klein img, #referenzuebericht .ref-klein{width:155px !important;height:159px !important} #referenzuebericht .ref-klein .hover{width:139px !important;height:144px !important} #referenzuebericht .ref-klein .hover span{width:139px !important} #referenzuebericht .ref-hoch img, #referenzuebericht .ref-hoch{width:155px;height:351px} #referenzuebericht .ref-hoch .hover{width:139px;height:336px} #referenzuebericht .ref-hoch .hover span{width:139px} #referenzuebericht .ref span{bottom:10px;font-size:20px !important;line-height:20px !important} #referenzuebericht .ref span b{padding-left:0;background:none;font-size:17px !important;line-height:20px !important} #referenzuebericht .ref .hover{padding-left:8px !important} #referenzuebericht .ref .hover span{word-wrap:break-word} #referenzuebericht .ref.ref-quer .auszeichnung{margin-left: -338px} #referenzuebericht .ref.ref-hoch .auszeichnung, #referenzuebericht .ref.ref-klein .auszeichnung{margin-left: -150px} .raster2{width:173px;margin-right:15px} .raster1{width:376px} /* AGENTUR - Fakten */ #agentur-fakten{padding-left:0;padding-right:0} #main.page12 h1{line-height:60px;margin-bottom:10px;padding-top:0} #main.page12 h1, #main.page12 h2{padding-left:20px} .card.vierhundertkunden{margin:0 0 0 65px} .card.zweitausendzweistartschuss{margin:40px 0 0 0} .card.elfquerkoepfe{margin:-54px 0 0 258px} .card.kilometer{margin:-175px 0 0 -85px} .card.dreichefs{margin:-125px 0 0 0} .card.baeume{margin:-18px 0 0 100px} .card.kilometer{margin:-180px 0 0 -50px} /* AGENTUR - Positionierung */ #main.page14{background:none;padding-top:0} #main.page14 h1{color:#005681} #main.page14 h1,#main.page14 h2{padding-left:20px;font-size: 70px;line-height: 65px} #main.page14 #fliesstext{margin-top:0px;padding:0 20px} #main.page14 #fliesstext p{text-align:left} #main.page14 #fliesstext .ce_text{padding:50px 0;font-size:22px;line-height:40px} #main.page14 .ce_image.mobile{display:block} /* REFERENZEN */ #referenzdetails .slideshow{padding-right:0} #main .rslides_tabs{width:100%;margin:0 auto} #referenzdetails h1{margin-top:15px} #referenzdetails .slideshow .rslides1_tabs{text-align:center;margin-bottom:30px} #referenzdetails .slideshow .rslides1_tabs li{float:none;display:inline-block} #referenzdetails .slideshow .rslides1_tabs li a{width:30px;height:30px} #referenzdetails .slideshow .rslides{margin-bottom:30px} #referenzdetails .slideshow{padding-bottom:60px} #referenzdetails .description .more{float:none;margin:0;display:block} #referenzdetails .description .more .center{width: 285px;display: inline-block;margin: 0 0 0 -142px;text-align: center;position: absolute;left: 50%} #referenzdetails .description .more.mobile{display:block;height:350px} #referenzdetails .description .text{padding:0 20px;margin-bottom:40px} #referenzdetails h2{padding-bottom:20px} #referenzdetails .weiterereferenzen .infotext{padding-left:20px;font-size: 40px;line-height: 40px} #referenzdetails .weiterereferenzen{padding-top:30px;padding-bottom:30px} #referenzdetails .weiterereferenzen .col:first-child{margin-bottom:30px} #referenzdetails .weiterereferenzen .col{float:none} #referenzdetails .slide_down, #referenzdetails .slide_up{width:auto;float:left} #referenzdetails .weiterereferenzen #qf_slideup, #referenzdetails .weiterereferenzen #qf_slidedown{display:none} #referenzdetails .weiterereferenzen .col div, #referenzdetails .weiterereferenzen a{width:144px;height:144px;font-size: 20px;line-height: 20px;word-wrap:break-word} #referenzdetails .weiterereferenzen .col div{float:left;margin-left:15px} #referenzdetails .weiterereferenzen .middle{margin:0} #referenzdetails .weiterereferenzen .slide{overflow:visible} #qf_slide2 div:first-child{margin-top:0 !important} #referenzdetails .weiterereferenzen a span{margin-top:0;width:155px;height:135px} #referenzdetails .weiterereferenzen .slide{height:auto} #main #nochfragen{margin:50px 0} #main #nochfragen h1, #main #nochfragen h2{padding:0 20px;font-size:60px;line-height:60px} #main #nochfragen p{padding:0 20px;font-size:20px} #main #nochfragen .tel_icon, #main #nochfragen .tel_icon a, #main #nochfragen .mail_icon{width:150px;height:150px;float:left;text-indent:-10000px} #main #nochfragen .tel_icon a, #main #nochfragen .tel_icon{margin-left:120px;background:url(../../files/layout/tel_icon_gross.png) no-repeat;padding-left: 20px} #main #nochfragen .mail_icon{background:url(../../files/layout/mail_icon_gross.png) no-repeat !important;padding-left: 0px;margin-left:20px} #main #nochfragen .tel_icon{background:none !important;padding-left:0} #main #nochfragen .tel_icon a{margin-left:0} #main.page30 #referenzuebericht h1{line-height:65px;margin-bottom:30px;padding-right:20px} #main.page30 #referenzuebericht h2{text-indent:0;padding-right:20px} #main.page30 #referenzuebericht .ref-klein.placeholder, #main.page30 #referenzuebericht .ref-klein.placeholder b{font-weight:normal;padding:0;font-size:20px;line-height:20px} #main.page30 #referenzuebericht .ref-klein.placeholder p{padding:20px 0 0 0} #main.page30 #referenzen-kundenspezifisch{padding-bottom:30px;border-bottom:none !important} #loadmoreajaxloader, #footer #bottom p{padding-left:0} #main.page30 #referenzuebericht .ref span{max-width:150px} #referenzdetails .slideshow .slideshow_container .auszeichnung{width:70px} #referenzuebericht .ref .auszeichnung{width:80px !important;height:auto !important;margin-top:-6px} #main #aktuelles-querbeet, #main.page15 #headline{background:none} .kompetenz.img5, .kompetenz.img6, .kompetenz.img7{display:none !important} } /* landscape */ @media all and (max-width: 390px){ #main.page13 .blue h2, #main.page13 .gray h2, #main.page13 .green h2, #main.page13 #wirsuchendich h2{font-size: 35px;line-height: 35px} #wirsuchendich{margin-top:12599px}/* +843 */ #agentur-team{height: 13702px}/* 1103 mehr als #wirsuchendich */ #main.page6 .layout_latest h1 a b:after{display:none !important} #main.page6 .initiativbewerbung h1{font-size:47px} /* AGENTUR - Fakten */ .card.vierhundertkunden{margin:0 0 0 65px} .card.zweitausendzweistartschuss{margin:-20px 0 0 0} .card.elfquerkoepfe{margin:-20px 0 0 130px} .card.kilometer{margin: 0px 0 0 18px} .card.dreichefs{margin:0 0 0 0} .card.baeume{margin:0 0 0 60px} .card.kilometer{margin:0} /* Kompetenzen */ #main.page15 #headline .background{height:210px} /* 5 Gute Gründe */ #agentur-id-5-gute-gruende,#main.page16 .inside, #main.page16{background:#fff url(../../files/agentur_fuenf_gruende/qf_website_agentur_5_gruende_bg_smartphone.png) 0 -60px no-repeat} /* REFERENZEN */ #main #nochfragen .tel_icon a, #main #nochfragen .tel_icon{margin-left:0} #startseite .positionierung a{padding-bottom:45px;background-position: center bottom} }