/* Contao Open Source CMS, (c) 2005-2017 Leo Feyer, LGPL-3.0+ */ body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} /* Contao Open Source CMS, (c) 2005-2017 Leo Feyer, LGPL-3.0+ */ @media(max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto} /* Contao Open Source CMS, (c) 2005-2017 Leo Feyer, LGPL-3.0+ */ body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:bold}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} /* ColorBox, (c) 2011 Jack Moore, MIT license */ #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity=90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url("../../assets/colorbox/images/loading.gif") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url("../../assets/colorbox/images/controls.png") no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url("../../assets/colorbox/images/controls.png") no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url("../../assets/colorbox/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} /* MediaElement.js, (c) 2010-2017 John Dyer, MIT license */ .mejs__offscreen{clip:rect(1px,1px,1px,1px);-webkit-clip-path:polygon(0 0,0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0,0 0);height:1px;overflow:hidden;position:absolute!important;width:1px}.mejs__container{background:#000;box-sizing:border-box;font-family:Helvetica,Arial,serif;position:relative;text-align:left;text-indent:0;vertical-align:top}.mejs__container .mejs__video{min-height:140px}.mejs__container *{box-sizing:border-box}.mejs__container video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.mejs__fill-container,.mejs__fill-container .mejs__container{height:100%;width:100%}.mejs__fill-container{background:transparent;margin:0 auto;overflow:hidden;position:relative}.mejs__container:focus{outline:none}.mejs__iframe-overlay{height:100%;position:absolute;width:100%}.mejs__embed,.mejs__embed body{background:#000;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.mejs__fullscreen{overflow:hidden!important}.mejs__container-fullscreen{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:4}.mejs__container-fullscreen .mejs__mediaelement,.mejs__container-fullscreen video{height:100%!important;width:100%!important}.mejs__clear{clear:both}.mejs__background,.mejs__mediaelement{left:0;position:absolute;top:0}.mejs__mediaelement{height:100%;width:100%;z-index:0}.mejs__poster{background-position:50% 50%;background-repeat:no-repeat;background-size:contain;left:0;position:absolute;top:0;z-index:1}:root .mejs__poster-img{display:none}.mejs__poster-img{border:0;padding:0}.mejs__overlay{left:0;position:absolute;top:0;z-index:1}.mejs__layer{z-index:1}.mejs__overlay-play{cursor:pointer}.mejs__overlay-button{background:url("../../assets/mediaelement/images/mejs-controls.svg") no-repeat;background-position:0 -39px;height:80px;left:50%;overflow:hidden;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80px;z-index:1}.mejs__overlay:hover>.mejs__overlay-button{background-position:-80px -39px}.mejs__overlay-loading{height:80px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80px}.mejs__overlay-loading-bg-img{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:transparent url("../../assets/mediaelement/images/mejs-controls.svg") -160px -40px no-repeat;display:block;height:80px;width:80px;z-index:1}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.mejs__controls{bottom:0;height:40px;left:0;list-style-type:none;margin:0;padding:0 10px;position:absolute;width:100%;z-index:1}.mejs__controls:not([style*="display: none"]){background:rgba(255,0,0,.7);background:-webkit-linear-gradient(transparent,rgba(0,0,0,.35));background:linear-gradient(transparent,rgba(0,0,0,.35))}.mejs__button,.mejs__time,.mejs__time-rail{float:left;font-size:10px;height:40px;line-height:10px;margin:0;width:32px}.mejs__button>button{background:transparent url("../../assets/mediaelement/images/mejs-controls.svg");border:0;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;margin:10px 6px;overflow:hidden;padding:0;position:absolute;text-decoration:none;width:20px}.mejs__button>button:focus{outline:1px dotted #999}.mejs__container-keyboard-inactive [role=slider],.mejs__container-keyboard-inactive [role=slider]:focus,.mejs__container-keyboard-inactive a,.mejs__container-keyboard-inactive a:focus,.mejs__container-keyboard-inactive button,.mejs__container-keyboard-inactive button:focus{outline:0}.mejs__time{box-sizing:content-box;color:#fff;font-size:11px;font-weight:700;height:24px;overflow:hidden;padding:16px 6px 0;text-align:center;width:auto}.mejs__play>button{background-position:0 0}.mejs__pause>button{background-position:-20px 0}.mejs__replay>button{background-position:-160px 0}.mejs__time-rail{direction:ltr;height:40px;margin:0 10px;padding-top:10px;position:relative;width:200px}.mejs__time-buffering,.mejs__time-current,.mejs__time-float,.mejs__time-float-corner,.mejs__time-float-current,.mejs__time-hovered,.mejs__time-loaded,.mejs__time-marker,.mejs__time-total{border-radius:2px;cursor:pointer;display:block;height:10px;position:absolute}.mejs__time-total{background:hsla(0,0%,100%,.3);margin:5px 0 0;width:100%}.mejs__time-buffering{-webkit-animation:b 2s linear infinite;animation:b 2s linear infinite;background:-webkit-linear-gradient(135deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background:linear-gradient(-45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:15px 15px;width:100%}@-webkit-keyframes b{0%{background-position:0 0}to{background-position:30px 0}}@keyframes b{0%{background-position:0 0}to{background-position:30px 0}}.mejs__time-loaded{background:hsla(0,0%,100%,.3)}.mejs__time-current,.mejs__time-handle-content{background:hsla(0,0%,100%,.9)}.mejs__time-hovered{background:hsla(0,0%,100%,.5);z-index:2}.mejs__time-hovered.negative{background:rgba(0,0,0,.2)}.mejs__time-buffering,.mejs__time-current,.mejs__time-hovered,.mejs__time-loaded{left:0;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition:all .15s ease-in;transition:all .15s ease-in;width:100%}.mejs__time-hovered{-webkit-transition:height .1s cubic-bezier(.44,0,1,1);transition:height .1s cubic-bezier(.44,0,1,1)}.mejs__time-hovered.no-hover{-webkit-transform:scaleX(0)!important;-ms-transform:scaleX(0)!important;transform:scaleX(0)!important}.mejs__time-handle,.mejs__time-handle-content{border:4px solid transparent;cursor:pointer;left:0;position:absolute;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:3}.mejs__time-handle-content{border:4px solid hsla(0,0%,100%,.9);border-radius:50%;height:10px;left:-7px;top:-4px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);width:10px}.mejs__time-rail .mejs__time-handle-content:active,.mejs__time-rail .mejs__time-handle-content:focus,.mejs__time-rail:hover .mejs__time-handle-content{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.mejs__time-float{background:#eee;border:1px solid #333;bottom:100%;color:#111;display:none;height:17px;margin-bottom:9px;position:absolute;text-align:center;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:36px}.mejs__time-float-current{display:block;left:0;margin:2px;text-align:center;width:30px}.mejs__time-float-corner{border:5px solid #eee;border-color:#eee transparent transparent;border-radius:0;display:block;height:0;left:50%;line-height:0;position:absolute;top:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0}.mejs__long-video .mejs__time-float{margin-left:-23px;width:64px}.mejs__long-video .mejs__time-float-current{width:60px}.mejs__broadcast{color:#fff;height:10px;position:absolute;top:15px;width:100%}.mejs__fullscreen-button>button{background-position:-80px 0}.mejs__unfullscreen>button{background-position:-100px 0}.mejs__mute>button{background-position:-60px 0}.mejs__unmute>button{background-position:-40px 0}.mejs__volume-button{position:relative}.mejs__volume-button>.mejs__volume-slider{background:rgba(50,50,50,.7);border-radius:0;bottom:100%;display:none;height:115px;left:50%;margin:0;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:25px;z-index:1}.mejs__volume-button:hover{border-radius:0 0 4px 4px}.mejs__volume-total{background:hsla(0,0%,100%,.5);height:100px;left:50%;margin:0;position:absolute;top:8px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:2px}.mejs__volume-current{left:0;margin:0;width:100%}.mejs__volume-current,.mejs__volume-handle{background:hsla(0,0%,100%,.9);position:absolute}.mejs__volume-handle{border-radius:1px;cursor:ns-resize;height:6px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:16px}.mejs__horizontal-volume-slider{display:block;float:left;height:36px;position:relative;vertical-align:middle;width:56px}.mejs__horizontal-volume-total{background:rgba(50,50,50,.8);height:8px;top:16px;width:50px}.mejs__horizontal-volume-current,.mejs__horizontal-volume-total{border-radius:2px;font-size:1px;left:0;margin:0;padding:0;position:absolute}.mejs__horizontal-volume-current{background:hsla(0,0%,100%,.8);height:100%;top:0;width:100%}.mejs__horizontal-volume-handle{display:none}.mejs__captions-button,.mejs__chapters-button{position:relative}.mejs__captions-button>button{background-position:-140px 0}.mejs__chapters-button>button{background-position:-180px 0}.mejs__captions-button>.mejs__captions-selector,.mejs__chapters-button>.mejs__chapters-selector{background:rgba(50,50,50,.7);border:1px solid transparent;border-radius:0;bottom:100%;overflow:hidden;padding:0;position:absolute;right:-51px;visibility:hidden;width:85px}.mejs__chapters-button>.mejs__chapters-selector{width:110px}.mejs__captions-button>.mejs__captions-selector,.mejs__chapters-button>.mejs__chapters-selector{visibility:visible}.mejs__captions-selector-list,.mejs__chapters-selector-list{list-style-type:none!important;margin:0;overflow:hidden;padding:0}.mejs__captions-selector-list-item,.mejs__chapters-selector-list-item{color:#fff;cursor:pointer;display:block;list-style-type:none!important;margin:0 0 6px;overflow:hidden;padding:0 10px}.mejs__captions-selector-list-item:hover,.mejs__chapters-selector-list-item:hover{background-color:#c8c8c8!important;background-color:hsla(0,0%,100%,.4)!important}.mejs__captions-selector-input,.mejs__chapters-selector-input{clear:both;float:left;left:-1000px;margin:3px 3px 0 5px;position:absolute}.mejs__captions-selector-label,.mejs__chapters-selector-label{cursor:pointer;float:left;font-size:10px;line-height:15px;padding:4px 0 0}.mejs__captions-selected,.mejs__chapters-selected{color:#21f8f8}.mejs__captions-translations{font-size:10px;margin:0 0 5px}.mejs__captions-layer{bottom:0;color:#fff;font-size:16px;left:0;line-height:20px;position:absolute;text-align:center}.mejs__captions-layer a{color:#fff;text-decoration:underline}.mejs__captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs__captions-position{bottom:15px;left:0;position:absolute;width:100%}.mejs__captions-position-hover{bottom:35px}.mejs__captions-text,.mejs__captions-text *{background:hsla(0,0%,8%,.5);box-shadow:5px 0 0 hsla(0,0%,8%,.5),-5px 0 0 hsla(0,0%,8%,.5);padding:0;white-space:pre-wrap}.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container{display:none}.me_cannotplay a{font-weight:700}.mejs__container .me_cannotplay a{color:#fff}.me_cannotplay span{display:block;padding:15px} @media screen { /***************************************************************** ** Design-Einstellungen *****************************************************************/ html,body,#wrapper,#container, #main, #main .inside { height: 100%; overflow: visible; } body {font-family:'Verdana';font-weight:normal;font-size:14px;line-height:18px;} a {text-decoration:none;} #wrapper {width:1200px;margin-left:auto;margin-right:auto;min-height:500px;} .inside {position:initial !important;} .ce_text p {color:#404041;font-size:16px;letter-spacing: 0.04em;} .mod_article *[class*="ce_"], .mod_article *[class*="mod_"] { margin-left: 0px; margin-right: 0px; } /* Startseite-Bilder */ .startseite-mokama .hintergrund {position: absolute;z-index: -1;} .hintergrund {margin-top:50px;position: absolute;width: 100%;} .logo_no-space-around {display:none;} /***************************************************************** ** Navigation *****************************************************************/ #navigation {display: flex;justify-content: space-between;text-transform: uppercase;padding-top:140px;} #navigation .nav-rechts{text-align: right;right:0;position:absolute;z-index: 1000;} #navigation a,#navigation span,#navigation .nav-links strong {width:165px;text-decoration:none;display:block;color:#fff;font-family:'PT Sans Narrow';font-weight:bold;font-size:18px;letter-spacing:0.15em;} #navigation .nav-links a,#navigation .nav-links strong,#navigation .nav-links span {padding:8px;display:block;color: #fff;} #navigation .nav-rechts a,#navigation .nav-rechts strong,#navigation .nav-rechts span {padding:8px;display:block;color: #fff;} .startseite-mokama #navigation .nav-links a,.startseite-mokama #navigation .nav-rechts a {padding:0px;width:181px;} #navigation li {margin-bottom:7px;background:#3c7872;} #navigation li.magenta {background:#f45da2;} #navigation li.antrazit {background:#404041;} #navigation li .news{background:#ff0000;} /* Navigation Unterseiten */ .nav_rechts #navigation {float:right;} .nav_links #navigation {position:absolute;z-index: 1000;} /* Navigation Downloads */ .ce_downloads .size {display:none !important;} /* Team */ #bilder-Nav {width: 400px;margin-left: auto;margin-right: auto;padding-top: 200px;} .nav-middle #navigation {float:left;} #bilder-Nav .ce_text {height:215px;} #bilder-Nav .ce_text p {display: table-cell;height: 200px;vertical-align: middle;} #bilder-Nav a {color:#404041;} #bilder-Nav a:hover {color:#3c7872;} .team #bilder-Nav a {color:#f45da2;} /* Galerie allgemein */ .ce_mokama .files a,.ce_mokama .pdfs a,.nav_links .video .unic_item a {color:#404041;font-size:12px;} .ce_mokama .files figcaption {margin-top:5px;} .ce_mokama h2,.ce_mokama h3 {color:#404041;font-size:12px;margin:0px 0 30px;line-height:13px;} .ce_mokama h3 {clear:both;padding-top:30px;} .nav_links .ce_mokama h3 {padding-top:30px;} .wohnmobil .ce_mokama .files figcaption {display: none;} /* Galerie Links*/ /* .ce_gallery>ul li.col_last .image_container{margin-right:0 !important;} */ #galerie {margin-top:-70px;} .ce_gallery>ul li.row_0.col_3 .image_container{margin-right:0 !important;} .ce_gallery>ul li.col_first {clear:inherit;} .ce_gallery>ul li.row_0.col_first {margin-left:243px;} /* Video Links*/ #main .video { margin-top: 243px; width: 100%; position: absolute; } .nav_links .video .unic_item a {float:left;width: 228px;height: 270px;margin-right: 11px;} .nav_links .video .unic_item:nth-child(1) {margin-left:242px;} .nav_links .video .unic_item:nth-child(5n+4) {margin-right:0;} /* . nav_links .video .unic_item a {height: 242px;} */ .nav_links .video .unic_item img {height: 228px;width: 228px;} /* .nav_links .video .unic_item .caption {display:none;} */ /* Galerie Rechts*/ .ce_mokama {margin-top: 200px;width: 100%;position:absolute;} .ce_mokama .files a,.ce_mokama .pdfs a {float:left;width: 228px;height: 290px;margin-right: 14px;} .nav_rechts .ce_mokama .files a:nth-child(5) {clear:left;} .nav_rechts .ce_mokama .files a:nth-child(5n+4),.nav_rechts .ce_mokama .pdfs a:nth-child(5n+5) {margin-right:0;} .nav_links .ce_mokama .files a:nth-child(1) {margin-left:242px;} .nav_links .ce_mokama .files a:nth-child(5n+4) {margin-right:0;} .nav_links .ce_mokama .files a {height: 242px;} /* Login*/ .mod_login.login,#zugriff-verweigert {padding-top:20rem;} .mod_login.logout {padding-top:2rem;} .mod_login .checkbox_container {margin-bottom: 1rem;} .mod_login .checkbox_container .checkbox {width: 18px;position: absolute;margin-top: 3px;} .mod_login .checkbox_container label {margin-left:1.5rem;} #zugriff-verweigert {width:650px;margin-left:auto;margin-right:auto;} .to-map {padding-top: 20rem;width: 450px;margin-left: auto !important;margin-right: auto !important;} .to-map a {color:#404041;font-weight:bold;} /* Kontaktformular */ .ce_form {margin-top:300px;} .formbody {width:450px;margin-left:auto;margin-right:auto;} input,textarea {width: 450px;padding: 15px 0px 15px 10px;margin-bottom: 20px;} .captcha {width:140px;margin-right:20px;} .submit {padding:15px 0;width:153px;border:1px solid #aaa;cursor:pointer;background:#eee;} .submit:hover {background:#aaa;color:#fff;} .danke .ce_text {margin-top: 300px;width: 650px;margin-left: auto;margin-right: auto;} /* Team */ .nav_links .blog-eintrag {margin-top: 200px;width: 100%;position:absolute;} .nav_links .blog-eintrag .ce_hyperlink:nth-child(1) {margin-left:242px;} .nav_links .blog-eintrag .ce_hyperlink:nth-child(5n+4) {margin-right:0;} .nav_links .blog-eintrag .ce_hyperlink:nth-child(5) {clear:left;} .nav_links .blog-eintrag .ce_hyperlink::nth-child(5n+4) {margin-right:0;} .nav_links .blog-eintrag .ce_hyperlink {float:left;width: 228px;height: 290px;margin-right: 14px;} .nav_links .blog-eintrag .ce_hyperlink {height: 242px;} /***************************************************************** ** Karten *****************************************************************/ .c4g-starboard-headline a {font-family: Verdana;color: rgba(60,120,114,1);} .c4g-starboard-headline a.c4g-inactive:after {display:none;} .c4g-layertree li a {font-family: Verdana;font-size: 1.2em;} .c4g-layertree li a:after {display:none;} .c4g-layertree li li a:after {display:inherit;font-size: 1.8em;margin-top: -10px;} .c4g-layertree span {padding: 14px 5px;} .ol-control button, .c4g-permalink-popup button {background-color: rgba(60,120,114,.5);} .ol-full-screen.ol-control button {background-color: rgba(244,93,162,.5);outline:0;} .c4g-starboard-wrapper {background-color: rgba(60,120,114,1);} .c4g-layertree a, .c4g-layertree span, .c4g-baselayertree a {color: rgba(60,120,114,1);} } /* ============================================================================= * ============================================================================= * M E D I A Q U E R I E S * ========================================================================== */ @media screen and (max-width: 1024px){ /* smallDesktop.css */ #wrapper {width:100%;} #main .inside {padding:0 15px;} .startseite-mokama #main .inside {padding:0px;} .ce_gallery>ul li.row_0.col_3 .image_container{margin-right:15px !important;} #galerie {margin-top:-80px;} .nav_rechts .ce_mokama .files a:nth-child(5),.nav_links .blog-eintrag .ce_hyperlink:nth-child(5) {clear:inherit;} .nav_rechts .ce_mokama .files a:nth-child(5n+4) {margin-right:0;} .nav_links .ce_mokama .files a:nth-child(5n+4),.nav_links .blog-eintrag .ce_hyperlink:nth-child(5n+4) {margin-right:14px;} .nav_rechts .ce_mokama .files a:nth-child(5n+4) {margin-right:14px;} .nav_rechts .ce_mokama .pdfs a:nth-child(5n+5) {margin-right:14px;} } @media screen and (min-device-width : 768px) and (max-device-width : 960px){ /* tablets.css */ #galerie {margin-top:-110px;} } @media screen and (max-width: 700px){ /* phones.css #navigation .nav-rechts{position:relative;} */ .ce_mokama {margin-top:300px;} } @media screen and (max-width: 611px){ /* small phones.css */ #bilder-Nav {padding-top: 00px;} .logo_no-space-around {display:block;} .logo_space-around {display:none;} .hintergrund {margin-right:10px;} } @media screen and (max-width: 500px){ /* small phones 1.css */ body {font-size:12px;line-height:18px;} #galerie {margin-top:0px;} .ce_gallery>ul li.row_0.col_first {margin-left:0px;} #bilder-Nav {width: 100%;padding-top: 00px;} #bilder-Nav img {width:180px;} #bilder-Nav .ce_text p {height: 170px;} #bilder-Nav .image_container {margin-right:10px !important;} .ce_mokama .files a,.ce_mokama .pdfs a,.ce_mokama .files img,.nav_links .blog-eintrag .ce_hyperlink {width: 100%;height: 100%;margin-right:0;} .ce_mokama .files a,.ce_mokama .pdfs a,.nav_links .blog-eintrag .ce_hyperlink{;margin-bottom:25px;} .nav_links .ce_mokama .files a:nth-child(1),.nav_links .blog-eintrag .ce_hyperlink:nth-child(1) {margin-left:0px;} .nav_links .ce_mokama,.nav_links .blog-eintrag {margin-top:30px;} .nav_links #navigation {position:relative;z-index: 1000;} .ce_mokama {width:inherit;margin-right:10px !important;} } /* Fonts MOKAMA */ @font-face { font-family: 'PT Sans Narrow'; src: url("../../files/fonts/PTSans-NarrowBold.eot"); src: url("../../files/fonts/PTSans-NarrowBold.eot?#iefix") format('embedded-opentype'), url("../../files/fonts/PTSans-NarrowBold.woff") format('woff'), url("../../files/fonts/PTSans-NarrowBold.ttf") format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'PT Sans Narrow'; src: url("../../files/fonts/PTSans-Narrow.eot"); src: url("../../files/fonts/PTSans-Narrow.eot?#iefix") format('embedded-opentype'), url("../../files/fonts/PTSans-Narrow.woff") format('woff'), url("../../files/fonts/PTSans-Narrow.ttf") format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'droid_sansbold'; src: url("../../files/fonts/DroidSans-Bold-webfont.eot"); src: url("../../files/fonts/DroidSans-Bold-webfont.eot?#iefix") format('embedded-opentype'), url("../../files/fonts/DroidSans-Bold-webfont.woff") format('woff'), url("../../files/fonts/DroidSans-Bold-webfont.ttf") format('truetype'), url("../../files/fonts/DroidSans-Bold-webfont.svg#droid_sansbold") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'droid_sansregular'; src: url("../../files/fonts/DroidSans-webfont.eot"); src: url("../../files/fonts/DroidSans-webfont.eot?#iefix") format('embedded-opentype'), url("../../files/fonts/DroidSans-webfont.woff") format('woff'), url("../../files/fonts/DroidSans-webfont.ttf") format('truetype'), url("../../files/fonts/DroidSans-webfont.svg#droid_sansregular") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Roboto'; src: url("../../files/fonts/Roboto-Regular.eot"); src: url("../../files/fonts/Roboto-Regular.eot?#iefix") format('embedded-opentype'), url("../../files/fonts/Roboto-Regular.woff") format('woff'), url("../../files/fonts/Roboto-Regular.ttf") format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Roboto'; src: url("../../files/fonts/Roboto-Light.eot"); src: url("../../files/fonts/Roboto-Light.eot?#iefix") format('embedded-opentype'), url("../../files/fonts/Roboto-Light.woff") format('woff'), url("../../files/fonts/Roboto-Light.ttf") format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Roboto'; src: url("../../files/fonts/Roboto-Medium.eot"); src: url("../../files/fonts/Roboto-Medium.eot?#iefix") format('embedded-opentype'), url("../../files/fonts/Roboto-Medium.woff") format('woff'), url("../../files/fonts/Roboto-Medium.ttf") format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Roboto'; src: url("../../files/fonts/Roboto-Bold.eot"); src: url("../../files/fonts/Roboto-Bold.eot?#iefix") format('embedded-opentype'), url("../../files/fonts/Roboto-Bold.woff") format('woff'), url("../../files/fonts/Roboto-Bold.ttf") format('truetype'); font-weight: bold; font-style: normal; }