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} @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} body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxTitle,#cboxCurrent { display:none !important; } #cboxOverlay{background:rgba(10,10,10,0.99); } #colorbox{outline:0;width:50px; height:50px; } #cboxContent{margin-top:20px;background:#fff; box-shadow:0px 0px 10px rgba(0,0,0,0.2);} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{background:#007D41; border:4px solid #007D41;} #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;} #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;} #cboxLoadingGraphic{background:url("../../assets/jquery/colorbox/1.6.1/images/loading.gif") no-repeat center center;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;} #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top left; width:28px; height:65px; text-indent:-9999px;} #cboxPrevious:hover{background-position:bottom left;} #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top right; width:28px; height:65px; text-indent:-9999px;} #cboxNext:hover{background-position:bottom right;} #cboxClose{position:absolute; top:0px; right:0px; display:block; background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top center; width:34px; height:34px; text-indent:-9999px;} #cboxClose:hover{background-position:bottom center;} /* Swipe 2.0, (C) Brad Birdsall 2012, MIT license */ .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} /*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */ /* * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. */ html{color:#222;font-size:1em;line-height:1.4} ::-moz-selection{background:#b3d4fc;text-shadow:none} ::selection{background:#b3d4fc;text-shadow:none} hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0} audio,canvas,iframe,img,svg,video{vertical-align:middle} fieldset{border:0;margin:0;padding:0} textarea{resize:vertical} .browserupgrade{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0} .hidden{display:none!important} .visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px} .visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto} .invisible{visibility:hidden} .clearfix:before,.clearfix:after{content:" ";display:table} .clearfix:after{clear:both} @media print { *,:before,:after{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important} a,a:visited{text-decoration:underline} a[href]:after{content:" (" attr(href) ")"} abbr[title]:after{content:" (" attr(title) ")"} a[href^="#"]:after,a[href^="javascript:"]:after{content:""} pre,blockquote{border:1px solid #999;page-break-inside:avoid} thead{display:table-header-group} tr,img{page-break-inside:avoid} img{max-width:100%!important} p,h2,h3{orphans:3;widows:3} h2,h3{page-break-after:avoid} } /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%} body{margin:0} article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block} audio,canvas,progress,video{display:inline-block;vertical-align:baseline} audio:not([controls]){display:none;height:0} [hidden],template{display:none} a{background-color:transparent} a:active,a:hover{outline:0} abbr[title]{border-bottom:1px dotted} b,strong{font-weight:700} dfn{font-style:italic} h1{font-size:2em;margin:.67em 0} mark{background:#ff0;color:#000} small{font-size:80%} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sup{top:-.5em} sub{bottom:-.25em} img{border:0} svg:not(:root){overflow:hidden;} figure{margin:0px} hr{box-sizing:content-box;height:0} pre{overflow:auto} code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em} button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0} button{overflow:visible} button,select{text-transform:none} button,html input[type="button"],/* 1 */ input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer} button[disabled],html input[disabled]{cursor:default} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0} input{line-height:normal} input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0} input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto} input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none} fieldset{border:0px solid transparent;margin:0px;padding:0px} legend{border:0;padding:0} textarea{overflow:auto} optgroup{font-weight:700} table{border-collapse:collapse;border-spacing:0} td,th{padding:0} /* ES */ /* js reframe */ .js-reframe{padding-top:56.25%;position:absolute;width:100%}.js-reframe iframe{height:100%;left:0;position:absolute;top:0;width:100%} .imgYt{visibility:hidden} /* --------------------------------------------------------------------------------------------------------- * CSS Template * * Copyright (c) 2015 querformat - Die Werbeagentur | querformat.info * * by Daniel Burgbacher -- twitter: @deBorkee * /* --------------------------------------------------------------------------------------------------------- */ html,body { min-height:100%; background:#fff;} body { font: 20px/1.25 'Ubuntu',sans-serif; font-weight:100; color: #444444;} /* --------------------------------------------------------------------------------------------------------- * FONTS /* --------------------------------------------------------------------------------------------------------- */ /* ubuntu-300 - latin */ @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 300; src: url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-300.woff') format('woff'), /* Modern Browsers */ url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-300.svg#Ubuntu') format('svg'); /* Legacy iOS */ } /* ubuntu-300italic - latin */ @font-face { font-family: 'Ubuntu'; font-style: italic; font-weight: 300; src: url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-300italic.eot'); /* IE9 Compat Modes */ src: local(''), url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-300italic.svg#Ubuntu') format('svg'); /* Legacy iOS */ } /* ubuntu-regular - latin */ @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 400; src: url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-regular.woff') format('woff'), /* Modern Browsers */ url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */ } /* ubuntu-italic - latin */ @font-face { font-family: 'Ubuntu'; font-style: italic; font-weight: 400; src: url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-italic.eot'); /* IE9 Compat Modes */ src: local(''), url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-italic.woff') format('woff'), /* Modern Browsers */ url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-italic.svg#Ubuntu') format('svg'); /* Legacy iOS */ } /* ubuntu-500 - latin */ @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 500; src: url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-500.eot'); /* IE9 Compat Modes */ src: local(''), url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-500.woff') format('woff'), /* Modern Browsers */ url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-500.svg#Ubuntu') format('svg'); /* Legacy iOS */ } /* ubuntu-500italic - latin */ @font-face { font-family: 'Ubuntu'; font-style: italic; font-weight: 500; src: url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-500italic.eot'); /* IE9 Compat Modes */ src: local(''), url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */ url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-500italic.woff') format('woff'), /* Modern Browsers */ url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-500italic.svg#Ubuntu') format('svg'); /* Legacy iOS */ } /* ubuntu-700 - latin */ @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 700; src: url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-700.woff') format('woff'), /* Modern Browsers */ url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-700.svg#Ubuntu') format('svg'); /* Legacy iOS */ } /* ubuntu-700italic - latin */ @font-face { font-family: 'Ubuntu'; font-style: italic; font-weight: 700; src: url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-700italic.eot'); /* IE9 Compat Modes */ src: local(''), url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://www.roewisch.de/files/Roewisch/fonts/ubuntu-v20-latin-700italic.svg#Ubuntu') format('svg'); /* Legacy iOS */ } .button,button { font-family: 'Ubuntu', cursive; } .specialfont { font-family: 'Covered By Your Grace', cursive; } .toImage { font-size:0px; } .toImage .toLink { font-size:20px; } /* --------------------------------------------------------------------------------------------------------- * Transitions /* --------------------------------------------------------------------------------------------------------- */ #header,.mainnavi,#logo img, #mobileNaviButton,.blBg,.teilenBox,.level_2, .referenzuebersicht,#partner .layout_latest, #kunden .layout_latest,#fertige-projekte .layout_latest,.mBox,.iBox,#startobjekteBox > div { -webkit-transition:ease all 300ms; transition:ease all 300ms; } .level_2 { -webkit-transition-delay: 150ms; transition-delay: 150ms; } /* ein- & ausblenden der subnaiv verzögert */ .referenzuebersicht .ce_text {-webkit-transition:ease margin 150ms; transition:ease margin 150ms;} /*.toImage{ -webkit-transition:ease all 1s; transition:ease all 1s; }*/ #print { -webkit-transition:ease text-indent .5s; transition:ease text-indent .5s; } @media (max-width:720px) { .mainnavi { -webkit-transition:none; transition:none; } } /* --------------------------------------------------------------------------------------------------------- * tranform effects /* --------------------------------------------------------------------------------------------------------- */ .referenzuebersicht:hover, #partner .layout_latest:hover, #kunden .layout_latest:hover, #fertige-projekte .layout_latest:hover, .mBox:hover,.iBox:hover,#startobjekteBox > div:hover {transform:scale(1.05);-webkit-transform:scale(1.05);z-index:99; } a:focus { outline:none;} /* --------------------------------------------------------------------------------------------------------- * GENERAL / ALL OVERs /* --------------------------------------------------------------------------------------------------------- */ #wrapper { min-height:99.9%; margin:0px auto; background:#fff; } .small { font-size:75%; } .verysmall { font-size:60%; } a { color:#007d41; text-decoration:none; font-weight:bold; } a:hover { color:#000; text-decoration:underline; } p { margin:0px; } .table { display:table; } .tr { display:table-row; } .td { display:table-cell; vertical-align:top; } #container .ce_text li { padding:8px 0px 30px 50px; background: url(../../files/_Layout/imgs/icon-haken.png) no-repeat 0px 0px;} .center { text-align:center; marigin:0 auto; } .back.center a { margin:0px; } #container #karriere .ce_text ul { width: 95%; padding-left: 2.5%; padding-right: 2.5%; max-width: 980px; margin-left: auto; margin-right: auto; } #container #karriere .ce_text li { list-style-type: disc ; background: none; text-align: left; font-weight: 100; padding: 5px 10px; } .ov { overflow:visible !important; } .ov::after { content:""; display:table; clear:both; visibility:hidden; } .pb40 { padding-bottom:40px; } /* headlines */ h1 { font-size:260%; } h2 { font-size:200%; font-weight:700; } /* buttons */ .button,button,.greenBar a { font-weight:100;background:#007d41; color:#fff; font-size:110%; text-align:center; border:2px solid #fff; display:block; max-width:270px; margin:0 auto; } input.button,.button .hyperlink_txt,.greenBar a { font-weight:100;color:#fff; display:block; padding:10px 15px; } .button:hover,button:hover,.greenBar a:hover { background:#fff; color:#007d41; border:2px solid #007D41; } .button .hyperlink_txt:hover,.greenBar a:hover { text-decoration:none; color:#007d41; } .greenBar .image_container a { padding:0px; max-width:99999px;} /* max widths with padding (e.g. text)*/ .w980,#header,.maxWidth,.greenBar h2,.filterSelection,.ce_text,.greenBar.contentBlock h1,.greenBar.contentBlock p,.pagination,#praxisberichte-kategorieauswahl,#team .whiteBar h1,#team .whiteBar p,.share,#tl_subscribe,.mod_subscribe .confirm,.empty,.mod_subscribe .error { width:95%; padding-left:2.5%; padding-right:2.5%; max-width:980px; margin-left:auto; margin-right:auto; } /* max widths no padding */ .maxWidthNoPadding,#header .inside,.mod_immo_hervorgehoben,.fullscreenbildtext,.layout_latest_box,.layout_full .contentBox,.layout_full_box,.greenBarBox,#videolayer .inside { width:100%; max-width:980px; margin-left:auto; margin-right:auto; } .mod_article,#presse .mod_newslist, .noHeadline .layout_full_box { max-width:1600px; margin-left:auto; margin-right:auto; background:#fff; } /*#immobilien.mod_article{max-width:100%}*/ .maxWidthNoPadding { padding:0px !important; } #videolayer .inside { max-width:700px; } .share { max-width:620px; } /* restyle checkboxes */ input[type="checkbox"] {display:none !important;} input[type="checkbox"] + label { display:inline-block; height:auto; margin:-1px 4px 0 0; vertical-align:middle; cursor:pointer; } input[type="checkbox"] + label:before { display:inline-block; width:19px; height:19px; position:relative;top:4px;margin-right:2px;content:"";background:url(../../files/_Layout/imgs/checkbox.png) left top no-repeat;} input[type="checkbox"]:checked + label:before { background:url(../../files/_Layout/imgs/checkbox.png) -19px top no-repeat;} /* error */ .error { background:#c44316; color:#fff; padding:20px; border:2px solid #af3009; margin-bottom:40px; } .error a { color:#fff;} /* scrollarrow */ #scrollarrow{position:absolute;height:33px;width:45px;/*text-shadow: 0px 0px 3px rgba(0,0,0,0.5);*/background:url(../../files/_Layout/imgs/pfeil.weiss.bold.png);background-size:contain; -moz-transform: rotate(90deg) scale(1); -ms-transform: rotate(90deg) scale(1); -o-transform: rotate(90deg) scale(1); -webkit-transform: rotate(90deg) scale(1); z-index: 99; left: 50%; margin-left: -22px; -webkit-animation: pulsate 2s ease-out; -webkit-animation-iteration-count: infinite; animation: pulsate 2s ease-out; animation-iteration-count: infinite; } @-webkit-keyframes pulsate { 0% {-webkit-transform: rotate(90deg) scale(1); /* für Safari und Android */ -ms-transform: rotate(90deg) scale(1); /* für IE 9 */ -o-transform: rotate(90deg) scale(1); transform: rotate(90deg) scale(1)} 50% {-webkit-transform: rotate(90deg) scale(1.4); /* für Safari und Android */ -ms-transform: rotate(90deg) scale(1.4); /* für IE 9 */ -o-transform: rotate(90deg) scale(1.4); transform: rotate(90deg) scale(1.4)} 100% {-webkit-transform: rotate(90deg) scale(1); /* für Safari und Android */ -ms-transform:rotate(90deg) scale(1); /* für IE 9 */ -o-transform:rotate(90deg) scale(1); transform:rotate(90deg) scale(1)} } @keyframes pulsate { 0% {-webkit-transform: rotate(90deg) scale(1); /* für Safari und Android */ -ms-transform: rotate(90deg) scale(1); /* für IE 9 */ -o-transform: rotate(90deg) scale(1); transform: rotate(90deg) scale(1)} 50% {-webkit-transform: rotate(90deg) scale(1.4); /* für Safari und Android */ -ms-transform: rotate(90deg) scale(1.4); /* für IE 9 */ -o-transform: rotate(90deg) scale(1.4); transform: rotate(90deg) scale(1.4)} 100% {-webkit-transform: rotate(90deg) scale(1); /* für Safari und Android */ -ms-transform:rotate(90deg) scale(1); /* für IE 9 */ -o-transform:rotate(90deg) scale(1); transform:rotate(90deg) scale(1)} } /* --------------------------------------------------------------------------------------------------------- * HEADER /* --------------------------------------------------------------------------------------------------------- */ #header { max-width:100%;height:50px; position:fixed; top:0px; background:#fff; border-bottom:1px solid #cdcdcd; z-index:900;} #header .inside { height:auto; z-index:901; position:static;} #logo { /*position:absolute; right:0px;*/ float:right; z-index:902; } #logo figure { margin:0px; } /* main navi */ .mainnavi { float:left; height:100%; overflow:visible; } .mainnavi ul { margin:0px; padding:0px; height:100%; z-index:3;} .mainnavi:after { content:""; display:block; width:100%; height:50px; position:absolute; top:0px; left:0px; background: #fff; z-index:-1; border-bottom:1px solid #cdcdcd; } .mainnavi ul li { display:inline-block; } .mainnavi > ul > li { margin-right:22px; } .mainnavi ul li a,.mainnavi ul li span { font-weight:100;display:block; color:#444; font-size:75%; text-transform:uppercase; border-bottom:2px solid transparent; padding:15px 0px; } .mainnavi ul li a:hover,.mainnavi ul li:hover a { text-decoration:none;} .mainnavi ul li.active span,.mainnavi ul li.trail a { color:#007D41; font-weight:500; border-bottom:2px solid #007D41;} .fixed #headerBox .mod_navigation ul li a,.fixed #headerBox .mod_navigation ul li span { padding:0px 10px 5px; } /* main navi - 2nd lvl */ .mainnavi ul ul { position:absolute; z-index:-1; overflow:hidden; left:0px; right:0px; top:-200px; width:90%; padding:20px 5%; /* padding neu berechnet in template.js! */ min-width:320px; max-width:980px; margin:0 auto; display:table; background: rgba(0,125,65,0.95); border-bottom: 2px solid rgba(255,255,255,1); } .mainnavi ul ul li { vertical-align:top; display:block; float:left; width:25%; } .mainnavi ul ul li a,.mainnavi ul ul li span { text-transform:none; color:#fff !important; font-weight:100 !important; vertical-align:top; padding:10px 10px 10px 27px !important; margin-right:0px; display:block; height:80%; background:url(../../files/_Layout/imgs/pfeil.weiss.small.png) no-repeat 0% 50% !important; border-bottom:0px !important;} .mainnavi ul ul li a:hover,.mainnavi ul ul li.active span,.mainnavi ul ul li.trail a,.mainnavi ul ul li.forward span { color:#fff !important; font-weight:500 !important} /* main navi - 2nd lvl overs */ .mainnavi ul li:hover > ul {top:50px; z-index:-1; } .mainnavi ul li.trail > ul { z-index:-2; } #mobileNaviButton,.mainnavi.mobile { display:none; } .mainnavi ul li.active.first > ul { display:block; } .level_1 li.first { display:none; } .level_2 li.first { display:block; float:left;} .level_2 li:nth-of-type(2) { clear:left;} /* pseudonavi */ /*.aw .level_2 {padding-top:60px; }*/ .aw .level_2 .awLink { text-align:left; } /*.aw .level_2 li:nth-of-type(2) { clear:none; }*/ .mainnavi li.aw ul li { width:20%; } .alleanzeigen,.wohnungkaufen,.hauskaufen,.gebrauchteimmobilie { cursor:pointer; font-weight:100 !important;} /* subnavi content */ .contentsubnavi { position:absolute; left:0px; right:0px; top:0px; bottom:0px; height:200px; width:90%; padding:0px 5%; max-width:980px; margin:auto; text-align:center;overflow: visible;} .contentsubnavi li { display:inline-block;margin:5px; } .contentsubnavi a { display:block; padding:10px 15px; border:1px solid #007D41; background:#fff; font-weight:100;} .contentsubnavi a:hover { background:#007D41; color:#fff; text-decoration:none; } /* --------------------------------------------------------------------------------------------------------- * CONTENT GENERAL /* --------------------------------------------------------------------------------------------------------- */ #container { padding:50px 0 0; } .ce_text { padding-top:60px; padding-bottom:60px; } #container .ce_text li { background: url(../../files/_Layout/imgs/pfeil.schwarz.png) no-repeat 20px 13px; font-weight:500; font-size:110%; } #container .ce_text li li { padding-left:0px; background:none; font-weight:100; font-size:90.9%;} .ce_image.first img { width:100%; } .empty { padding:2.5%; } /* startseite specials */ #startseite .greenBar { max-width:100%; } #startseite_ausstattungswelt { position:relative; cursor:pointer; } #startseite_ausstattungswelt img { width:100%; height:auto; } #startseite_ausstattungswelt_text { position:absolute; left:0px; right:0px; bottom:10%; margin:0 auto;text-shadow:0px 0px 3px rgba(0,0,0,0.5); text-transform:uppercase; } #startseite_ausstattungswelt_text a { font-weight:100;color:#fff; text-decoration:none; font-size:110%;} #startseite_ausstattungswelt_text h2 { text-transform:none; font-weight:100; font-size:245%; margin-top:0px;} #startseite_ausstattungswelt_text h2::after { content:url(../../files/_Layout/imgs/pfeil.weiss.png); margin-left:20px;} #startseite svg { position:absolute; } /* green block elements */ .greenBar.contentBlock { max-width:100%; } .greenBar.contentBlock h1,.greenBar.contentBlock p { text-align:left; padding:0px;width:100%; } /* fullscreen */ .fullscreen .mod_article { max-width:100%; } .fullscreenbild { height:100%; } .fullscreenbild figure { position:relative; overflow:hidden; background-color:rgba(30,30,30,0.5);/*rgba(10,70,40,0.5)*/;} .fullscreenbild img { position:relative; height:100%; width:auto; max-width:999999px; margin:0 auto; display:block; opacity:0;filter: alpha(opacity = 0); -ms-filter: "alpha(opacity = 0)"; } .fullscreenbildtext { color:#fff; margin:-200px auto 120px auto;text-shadow:0px 0px 3px rgba(0,0,0,0.5); } .fullscreenbildtext:hover { text-decoration:none; } .fullscreenbildtext a { color:#fff; text-decoration:none !important;} .fullscreenbildtext h2 { margin:0px; font-weight:500; font-size:250%} .fullscreenbildtext h2::after { content:url(../../files/_Layout/imgs/pfeil.weiss.png); margin-left:20px;} .fullscreen #container { padding:0px; } .fullscreen #footer .grauBar { display:none; } /* content slider */ .rsts-skin-default.rsts-main { position:relative;width:100%;height:100%; } .rsts-skin-default .rsts-nav { left:0px; right:0px; bottom:40px; position:absolute;} #immobilien .rsts-skin-default .rsts-nav{bottom:8%} .rsts-skin-default .rsts-nav ul { text-align:center; list-style:none;margin:auto; } .rsts-skin-default .rsts-nav ul li { display:inline-block;margin-right:10px; } .rsts-skin-default .rsts-nav-bullets a {display:block;width:20px; height:20px;font-size:1px;text-indent:-99999em;background-color:rgba(0,125,65,0.5);text-decoration:none;border:1px solid #fff;overflow: hidden;margin: 0px;border-radius: 0%;outline: medium none;text-align: center;box-shadow:none !important;} .rsts-skin-default .rsts-nav-bullets a:hover, .rsts-skin-default .rsts-nav-bullets a.active { background-color:#fff; } .rsts-caption,.rsts-prev,.rsts-next { display:none; } .rsts-nav-prev,.rsts-nav-next { display:inline-block !important; } .rsts-prev a,.rsts-next a,.rsts-nav-prev a,.rsts-nav-next a { background-image: url("../../files/_Layout/imgs/pfeil.weiss.png");background-size: 120% auto;background-repeat: no-repeat;background-position: 50% 50%; text-indent:-999em;} .rsts-prev a,.rsts-nav-prev a { transform:rotate(180deg); } .rsts-crop img { margin:0px !important; } .slideshowBox { position:relative; } .slideshowText > .inside > p > a{ color: #fff; } /* news/nachrichten/presse */ #immobilien-news,#presse { max-width:100%; } .layout_latest { padding:40px 0px; cursor:pointer;} .layout_latest.even { background:#E4E4E4; } .layout_latest .image_container { float:left; margin-right:20px; width:250px;overflow:hidden;} .image_container a[data-lightbox] { display:block; max-height:100%; position:relative;} .image_container a[data-lightbox]::after { content:""; display:block; width:40px; height:40px; position:absolute; bottom:0px; right:0px; background: url("../../files/_Layout/imgs/lupe.png") no-repeat 0px 0px;} .image_container a[data-lightbox]:hover::after { background-position:0px -40px; } .layout_latest .info { font-size:75%;} .newsHeadline { margin-top:0px; font-size:150%;} .more a { padding:10px 15px; border:1px solid #007D41; display:inline-block; margin-top:40px; font-weight:100;} .more a:hover,.layout_latest:hover .more a { background:#007D41; color:#fff; text-decoration:none; } .more a::after { display:inline-block; content:url(../../files/_Layout/imgs/pfeil.green.png); margin-left:10px;} .more a:hover::after,.layout_latest:hover .more a::after { content:url(../../files/_Layout/imgs/pfeil.weiss.small.png); } .pagination { font-size:75%; display:table;width:auto;margin-top:40px;margin-bottom:40px;clear: both;padding-top: 40px; } .pagination p,.pagination ul,.pagination li { float:left; padding-right:10px;} .pagination li a,.pagination li span { border:1px solid #007D41; display:block; padding:1px 5px; } .pagination li a:hover,.pagination li span { background:#007D41; color:#fff; text-decoration:none; } .pagination li.first a,.pagination li.next a,.pagination li.last a,.pagination li.previous a { border:none; } /* details */ .layout_full .newsHeadline { font-weight:700; font-size:200%; margin:0px; word-wrap: break-word;} .layout_full .newsSubHeadline { font-style:italic; font-size:100%; font-weight:100; margin:10px 0px 0px; padding:0px;} .layout_full .greenBar { padding:120px 0px; } .layout_full .contentBox { float:right; max-width:55%;text-align:left; padding-right:5%; } .layout_full .info { font-size:75%;} .layout_full .ce_image { max-width:100%;width:320px;max-height:240px; position:fixed; top:100px; overflow:hidden; } .layout_full .ce_image img { width:100%; height:auto;} .layout_full .ce_text, .layout_full .ce_gallery { float:right; max-width:55% !important;text-align:left; padding:60px 5% 60px 0px !important;} .back { padding-bottom:100px; } .back a { padding:10px 15px; background:transparent; color:#007D41; border:1px solid #007D41; display:inline-block; margin-top:66px;font-weight:100} .back a:hover { background:#007D41; color:#fff; text-decoration:none; } .fixedback { position:fixed; margin-top: 115px; padding-bottom:0px;} .fixedback a::before,.backpfeil a::before { display:inline-block; content:url(../../files/_Layout/imgs/pfeil.green.png); margin-right:20px; transform:rotate(180deg);-webkit-transform:rotate(180deg); } .fixedback a:hover::before,.backpfeil a:hover::before { content:url(../../files/_Layout/imgs/pfeil.weiss.small.png); } /* erfahrungsberichte / referenzen */ body.referenzen #wrapper { background:#e4e4e4; } #praxisberichte-kategorieauswahl { background:#e4e4e4; } #praxisberichte-uebersicht-textblock { max-width:100%; width:100%; } .referenzuebersicht { max-width:33.333%; float:left; background:transparent; cursor:pointer; position:relative;} .referenzuebersicht h2 { font-size:100%; background:#007D41; color:#fff; margin:5% 5% 0px 5%; padding:2% 5%; } .referenzuebersicht .ce_image {margin:0% 5% 0% 5%; } .referenzuebersicht img { width:100%; height:auto; } .referenzuebersicht .ce_text { margin:0% 5% 20% 5%; padding:0% 0% 87px 0%; max-width:90%; min-height:415px; box-sizing: border-box; background:#fff; position:relative;} .referenzuebersicht h1 { font-size:80%; background:#007D41; color:#fff; margin:0px 0px 10px 0px; padding:2% 5%; min-height:40px;} .referenzuebersicht p { padding:2% 5%; } .referenzuebersicht strong { font-size:120%; font-weight:400; /*font-style:italic; */} .referenzuebersicht strong::before { content:'„'; } .referenzuebersicht strong::after { content:'“'; } .layout_latest .newsHeadline::before { content:'„'; } .layout_latest .newsHeadline::after { content:'“'; } .referenzuebersicht a { position:absolute; bottom:20px; padding: 10px 15px;border: 1px solid #007D41;display: block; font-weight:100;} .referenzuebersicht a:hover,.referenzuebersicht:hover a { background: #007D41 none repeat scroll 0% 0%;color: #FFF;text-decoration: none;} .referenzuebersicht a::after {display: inline-block; content: url("../../files/_Layout/imgs/pfeil.green.png"); margin-left: 10px;} .referenzuebersicht a:hover::after,.referenzuebersicht:hover a::after { content:url(../../files/_Layout/imgs/pfeil.weiss.small.png); } /* partner,kunden,fertige-projekte & team */ #partner,#kunden,#fertige-projekte,#team,.teamAusgabeBox,#referenzen-auswahlseite{ background:#e4e4e4; padding:2.5%; max-width:100%;} #partner .mod_newslist,#kunden .mod_newslist, #fertige-projekte .mod_newslist,#referenzen-auswahlseite .mod_newslist{ max-width:980px; margin:0 auto;} #partner .layout_latest,#kunden .layout_latest,#fertige-projekte .layout_latest,.mitarbeiter { width:50%; max-width: 33.33%; float:left; padding:0px; } #partner .layout_latest:nth-child(3n+1),#kunden .layout_latest:nth-child(3n+1),#fertige-projekte .layout_latest:nth-child(3n+1),.mitarbeiter:nth-child(3n+1) { clear:left; } #partner .layout_latest.odd, #kunden .layout_latest.odd, #fertige-projekte .layout_latest.odd { background:none; } #partner .layout_latest_box, #kunden .layout_latest_box, #fertige-projekte .layout_latest_box { margin:5%; padding-bottom:5%; width:auto; background:#fff; position:relative; min-height:510px;} #fertige-projekte .layout_latest_box { min-height:300px; } #partner .refName,#kunden .refName,#fertige-projekte .refName { padding-left: 5%;padding-right: 5%; margin-bottom:0px; } #partner .layout_latest .image_container,#kunden .layout_latest .image_container,#fertige-projekte .layout_latest .image_container { float:none; width:100%; max-width:100%; margin:0px; position:relative; } #partner .layout_latest .image_container img,#kunden .layout_latest .image_container img,#fertige-projekte .layout_latest .image_container img,.mitarbeiter img { width:100%; height:auto; } #partner .newsHeadline,#partner .teaser,#partner .more, #kunden .newsHeadline,#kunden .teaser,#kunden .more, #fertige-projekte .newsHeadline,#fertige-projekte .teaser,#fertige-projekte .more { padding-left:5%; padding-right:5%;} #partner .more,#kunden .more,#fertige-projekte .more {position:absolute; bottom:20px; } /*#kunden .more { position:static; }*/ #partner .newsHeadline,#kunden .newsHeadline,#fertige-projekte .newsHeadline { font-weight:normal;background:#007D41; color:#fff; font-size:75%; padding:6px 10px; margin-bottom:20px; min-height:37px; } #partner .newsHeadline::before,#kunden .newsHeadline::before,#fertige-projekte .newsHeadline::before, #partner .newsHeadline::after,#kunden .newsHeadline::after,#fertige-projekte .newsHeadline::after { display:none; } #partner .teaser,#kunden .teaser,#fertige-projekte .teaser { font-size:110%; font-weight:400;min-height:200px; } #kunden .teaser { min-height:1px; } #fertige-projekte .teaser { min-height:140px; } #partner .teaser p,#kunden .teaser p,#fertige-projekte .teaser p { display:inline; } #partner .teaser::before,#kunden .teaser::before,#fertige-projekte .teaser::before { content:'„'; } #partner .teaser::after,#kunden .teaser::after,#fertige-projekte .teaser::after { content:'“'; } .noHeadline .greenBar { background:transparent; padding:0px; height:0px; border:none;} .noHeadline .greenBar .contentBox { display:none; } .noHeadline .greenBar .fixedback { z-index:999; margin-top:40px; } .noHeadline .greenBar .fixedback a { background-color:#fff; } .noHeadline .greenBar .fixedback a:hover { background-color:#007D41; } .noHeadline .greenBar .fixedback.bottom.center { position: absolute; bottom:40px; left:0px; right:0px; margin:0 auto; } .relative { position:relative; } .preload { width:1px; height:1px; overflow:hidden; position:absolute; top:0px; right:0px; } /* team specials */ #team { padding:0px; } #team .whiteBar { max-width:100%; width:100%; background:#fff; } #teamAusgabeBox { padding:5%; } .mod_Team { max-width:980px; margin:0 auto; } .mBox { margin:5%; background:#fff; overflow:hidden;} .mContent { padding:10px 0px; } .mName,.mTitle,.mTele,.mEmail,.mText { padding:0px 10px; } .mName { font-size:110%; font-weight:700; margin:0px; color:#007D41; } .mTitle { margin-bottom:12px; font-size:80%; } .mPos,.refName { background:#007D41; color:#fff; font-size:75%; padding:6px 10px; margin-bottom:20px;} .mPos { min-height:52px; } .aspTele.mTele { font-size:120%; font-weight:500; background-size:17px auto; padding-left:40px; background-position:10px 5px; margin:0px 0px 10px 0px;} .mEmail { background:url(../../files/_Layout/imgs/icon-email.png) no-repeat 0px 50% ; padding-left: 40px; color:#007D41; font-size:90%; } .mEmail a {font-size:95%; } .mText { margin:20px 0px; min-height:175px; overflow:hidden;} /* @media (min-width:1921px) { .mitarbeiter:nth-child(6n+1) { clear:left; }} @media (min-width:1601px) AND (max-width:1920px) { .mitarbeiter { max-width:20%; } .mitarbeiter:nth-child(5n+1) { clear:left; }} @media (min-width:1281px) AND (max-width:1600px) { .mitarbeiter { max-width:25%; } .mitarbeiter:nth-child(4n+1) { clear:left; }} @media (min-width:981px) AND (max-width:1280px) { .mitarbeiter { max-width:33.33%; } .mitarbeiter:nth-child(3n+1) { clear:left; }} @media (min-width:721px) AND (max-width:980px) { .teamAusgabeBox { max-width:80%; margin:auto;} .mitarbeiter { max-width:50%; } .mitarbeiter:nth-child(2n+1) { clear:left; }} @media (max-width:720px) { .teamAusgabeBox { max-width:360px; margin:auto;} .mitarbeiter { max-width:100%; float:none; } } */ /* --------------------------------------------------------------------------------------------------------- * IMMO /* --------------------------------------------------------------------------------------------------------- */ /* TOP IMMO */ #toBox { } .mod_immo_top { position:relative; } .toImage { position:relative;background:#efefef; overflow:hidden; max-width:100%;width:100%; /*-webkit-filter: blur(20px); -moz-filter: blur(20px);-ms-filter: blur(20px);-o-filter: blur(20px);filter: blur(20px);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='20');background: url(../../files/_Layout/imgs/start.blured.jpg) no-repeat 50% 50% /cover;*/} .toWelcome { height:0px; } .toImage.noblur { filter:blur(0px);-webkit-filter: blur(0px); } .toImage .toLink { position:relative; text-shadow:0px 0px 3px rgba(0,0,0,0.5); display:block; margin:0px auto; width:100%; max-width:1920px; height:800px; overflow:hidden;} .toBackground { transform-origin: top right; -webkit-animation: pulsate2 7s ease-in-out; -moz-animation: pulsate2 7s ease-in-out; animation: pulsate2 7s ease-in-out; /*-webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite;*/ -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); position:absolute; top:0px; right:0px; left:0px; bottom:0px; widht:100%; height:100%; background-size:cover;background-repeat:no-repeat;background-position:50% 50%; transition:ease-in-out all 5s} /*.toBackground.grow { transform:scale(1.2); }*/ @-webkit-keyframes pulsate2 { 0% {-webkit-transform:scale(1); /* für Safari und Android */ -ms-transform:scale(1); /* für IE 9 */ -o-transform:scale(1); -moz-transform:scale(1); transform:scale(1)} 100% {-webkit-transform:scale(1.2); /* für Safari und Android */ -ms-transform:scale(1.2); /* für IE 9 */ -o-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2)} } @keyframes pulsate2 { 0% {-webkit-transform:scale(1); /* für Safari und Android */ -ms-transform:scale(1); /* für IE 9 */ -o-transform:scale(1); -moz-transform:scale(1); transform:scale(1)} 100% {-webkit-transform:scale(1.2); /* für Safari und Android */ -ms-transform:scale(1.2); /* für IE 9 */ -o-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2)} } .toTextBox { position:absolute; top:auto; bottom:-100%; z-index:99; display:block; width:100%; padding-top:20%; height: 35%; transition:ease all .6s} .toTextBox.show {bottom:0%;} /*.toImage .toTextBox { opacity:0; } */ .toLink { color:#fff !important; text-decoration:none; } .toText { display:block; width:100%; max-width:720px; margin:0 auto; color:#fff !important;text-decoration:none !important; } .toText,.toPreHeadline { display:block; color:#fff; font-size:110%;text-transform:uppercase; font-weight:100;} .toText h1,.toName { margin:0px; font-size:250%; font-weight:100;position:relative; display: inline-block;} a.toText h1::after,a.toName::after { content:url(../../files/_Layout/imgs/pfeil.weiss.png); margin-left:20px; position:absolute; right:-50px;} /* HERVORGEHOBENE IMMOs */ #startobjekteBox { max-width:100%;/*1280px;*/ margin:20px 0px; overflow:visible;} #startobjekteBox > div,.ce_startobjekt { position:relative; float:left; width:100%; max-width:50%; margin-bottom:20px; box-sizing:border-box;overflow:visible;} #startobjekteBox img { width:100%; } .hervImageBox { width:100%;position:relative;} .hervLink,#startobjekteBox > div a { position:relative; display:block; margin:0px auto; width:100%; overflow:hidden; border:0px solid white; box-shadow:0px 0px 0px 10px #fff; } .hervLink:hover {} .hervImage { display:block; } .hervTextBox,#startobjekteBox .caption { position:absolute; bottom:0%; display:block; width:100%; } .hervName,#startobjekteBox .caption { margin:0px; padding:12px; text-align:center; font-size:100%; font-weight:400; color:#444; background:#fff; box-sizing:border-box;} .hervName::after,#startobjekteBox .caption::after { content:url(../../files/_Layout/imgs/pfeil.schwarz.png); margin-left:5px;} /* white line */ #startobjekteBox > div:nth-child(odd) { padding-right:10px; } #startobjekteBox > div:nth-child(even) { padding-left:10px; } #objUebersicht { margin:0 auto 40px auto; } .greenBar { background:#007D41; color:#fff; padding-top:60px; padding-bottom:120px; text-align:center; border-bottom:20px solid #fff;} .greenBar h2 { font-weight:400; } .whiteBar { padding:60px 0px 120px 0px; color:#444; text-align:center; } .whiteBar-ansprechpartner{padding:0px; color:#444; text-align:center;} .whiteBar-ansprechpartner h1 { font-size:250%; font-weight:700; color:#007D41; } .whiteBar h1 { font-size:250%; font-weight:700; color:#007D41; } .whiteBar h2 { font-size:200%; font-weight:100; color:#007D41; } .whiteBar h3 { font-size:150%; font-weight:100; color:#007D41; } .grauBar { background:#e4e4e4; padding:30px 5%; font-size:75%; width:90%; max-width:100%; } /* IMMO ÜBERSICHT */ /* KARTE */ #map { height:500px; max-height:795px !important; } /*#mapLegende { width:213px; height:98px; position:absolute; right:0px; bottom:10%; z-index:99; background: url(../../files/_Layout/imgs/maps-legende.png) no-repeat 0% 50%;}*/ .gm-style img { margin-bottom:4px;} .gm-style a:hover { text-decoration:none; } /* FILTER */ .filterSelection { color:#007D41; text-align:center; padding-top:50px; padding-bottom:10px;} .filterHeadline { font-size:150%; font-weight:500; } .filterSubHeadline { font-weight:300; margin-bottom:40px;} #filterBox { text-align:left; max-width: 780px;margin: 0 auto; } .filterRow {margin-bottom:12px; } .filterText { float:left; font-weight:500;margin:0px 15px 15px 0px;} .filterArt .filterText { margin-left:35px; } .filterText::after { content:url(../../files/_Layout/imgs/pfeil.green.png); margin-left:5px; } .filterAll,.filter {display:none !important; } .filterAll + label, .filter + label { float:none; height:auto !important; width:auto !important; margin:0px 0px 4px 0px !important; font-size:70% !important; padding:4px 6px; display:inline-block; vertical-align:middle; cursor:pointer; background:#fff; border:1px solid #007D41;background-repeat: no-repeat; background-position: 4px 50%; background-size:12px auto; } .filterAll:checked + label,.filter:checked + label{ background-color:#007D41; color:#fff;} .filterAll + label:before,.filter + label:before { display:none !important; } /*icons*/ #filter_art_wh + label { background-image: url(../../files/_Layout/imgs/marker-a1.png); padding:4px 6px 4px 20px;} #filter_art_wh:checked + label { background-image: url(../../files/_Layout/imgs/marker-a1.over.png); padding:4px 6px 4px 20px;} #filter_art_h + label { background-image: url(../../files/_Layout/imgs/marker-a2.png); padding:4px 6px 4px 20px;} #filter_art_gi + label { background-image: url(../../files/_Layout/imgs/marker-a3.png); padding:4px 6px 4px 20px;} /* IMMO LISTE */ .rCount { font-size:80%; font-weight:100; text-align:center; margin:0px 0px 40px 0px; } .iBox { background:#eaeaea; margin:0px 0px 20px 0px !important;padding:0px !important;width:100% !important;overflow:hidden;display:flex; flex-wrap:wrap;} .iBox:hover { background:#f6f6f6; } .iBox a:hover { color:#007D41; text-decoration:none; } .iImage,.iContent { float:left; width:100%; max-width:40%; height:100%;} .iContent { max-width:60%; } .ios .iImage,.ios .iContent { width:40%; max-width:40%;} .ios .iContent { width:60%;max-width:60%; } .iImage { position:relative; } .iImage img { width:100%; } .iHeadline { font-size:220%; font-weight:300; margin:0px; padding:30px 0px 0px;text-transform: capitalize;} .iSubHeadline { font-size:110%; font-weight:300; margin:0px; padding:0px 0px 30px 0px;} .iTeaser { max-width:100%; font-weight:300; color:#444; } .iLinkToDetails { color:#444; font-size:90%; font-weight:700; margin:0px; padding-top:30px; padding-bottom:10px; display:block;} .iLinkToDetails::after { content:url(../../files/_Layout/imgs/pfeil.schwarz.png); position:relative; left:8px; top:2px; } .iHeadline,.iSubHeadline,.iTeaser,.iLinkToDetails { padding-left:20px; padding-right:30px; } .noimmo { text-align:center; font-weight:100; } .einhaenger { position:absolute; bottom:40px; left:-1px; background:rgba(227,0,11,0.8); color:#fff; border:1px solid #fff; padding:5px 20px; font-weight:500;} .immoListe .einhaenger { padding-left:40px; } #sliderHeadlines .einhaenger { position:static; margin-top:20px; display:inline-block;} /* IMMO DETAILS */ /* slideshow */ .mod_immo_list { position:relative; } #slideshowWrapper{position:relative;margin:auto;overflow: hidden;background:#eaeaea;/*margin-bottom:20px;max-height: 900px;*/} #slideshowWrapper.nogal { margin-bottom:30px;} #paternoster{max-width:100%} #slideshow0,#slideshow1,#slideshow2,#paternoster{list-style:none;width:100%; height:100%; max-height:900px;overflow:hidden;position: relative;margin:0px;} #slideshow0.paternosterslide,#slideshow1.paternosterslide,#slideshow2.paternosterslide,.paternosterslide {list-style:none;width:100%; height:100%;max-height:999999px;overflow:hidden;position: relative;margin:0px;} .paternosterslide li,.paternosterslide li figure { height:100%; } .paternosterslide .rsts-view { height:100%; width:100%; } .paternosterslide .rsts-crop { overflow:visible; width:5000px!important;height:100%!important; } .paternosterslide .rsts-slide { } .paternosterslide .rsts-slide div { overflow:hidden; width:5000px;height:100%;} .paternosterslide .rsts-slide img { height:100% !important; width:auto !important; } .showHideSlide { left:-100%;position:absolute !important;/*display:none !important;*/ } .showHideSlide.show { left:0%;position:relative !important; display:block !important; } .fss.showHideSlide.show { display:table !important; } .fss {list-style:none;margin:auto;display:table; max-width:720px;position:relative;top:-80px;z-index: 2;} .fssLi {display:inline-block;margin-right:10px;} .fssLiA{display:block;width:20px; height:20px;font-size:1px;text-indent:-99999em;background:rgba(0,125,65,0.5);text-decoration:none;border:1px solid #fff;} .fssActive .fssLiA{background:#fff;border:1px solid rgb(0,125,65);} .slideshowsizer { opacity:0.01; width:100%; height:auto; max-width:100%; max-height:795px; clear:both; pointer-events:none;} .immoslide { display:block; width:100%;height:100%;position:absolute;background:#fff;} .iImg { width:100%; height:auto; } .slideshowText { display:none; background:#007D41; color:#fff; padding:50px 5% 80px 5%; position: relative;} .slideshowText .inside { max-width:700px; margin:0 auto; } .slideshowText.show { display:block; } .slideshowText ul { list-style:outside; padding-left:20px;} .slideshowText ul li { margin-bottom:10px; } #videolayer { padding:0px; margin-top:100px;} .videoframe { width:100%; height: 390px;} /*#videolayer .inside::before { display:block; content:""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 4px solid #eaeaea; }*/ /* sliderbox top headlines */ #sliderHeadlines { position:absolute; z-index:99; top:110px; left:-1px; } #iDetailHeadline { position:absolute;z-index: 1; top:60px; left:-1px; white-space:nowrap;background:#007D41; color:#fff; border:1px solid #fff; font-size:150%; padding:5px 15px 5px 15px; margin-bottom:20px;} .galSwitcher { display:table; text-decoration:none; font-size:90%; padding:4px 15px; border:1px solid #fff; background:#e4e4e4; color:#444; margin-top:5px;} .galSwitcher:hover { text-decoration:none; } .galSwitcher.show,.galSwitcher:hover { background:#007D41; color:#fff; font-weight:500; } /* #print { display:table; text-decoration:none; font-size:90%; padding: 6px 15px; margin-top:5px; text-indent:-9em; background-image:url(../../files/_Layout/imgs/icon-print-over.png); color:transparent; background-repeat:no-repeat; background-position: 16px 50%;width:40px;white-space: nowrap;} #print:hover { text-indent:0px; color:#fff; background-color:#007D41;padding-left: 45px; } */ /* details back button & print */ #immoBack { position:absolute; left:15px; bottom:20px;z-index:2;} .backlink { position: relative;color: #007D41;font-weight: 100;font-size: 80%;display: block;padding: 12px 12px 12px 55px;background: #fff none repeat scroll 0% 0%;} .backlink:hover { text-decoration:none; color:#fff; } .blText {position:relative;display:block;} .blIcon { position:absolute; left:2px; top:2px; display:block; background: url(../../files/_Layout/imgs/pfeil.weiss.png) no-repeat 50% 50% / 96% auto; width:40px; height:40px; -webkit-transform:rotate(180deg);transform:rotate(180deg); } .blBg { position: absolute;top: 0px;left: 0px;background: #007D41 none repeat scroll 0% 0%;color: #FFF;display: block;width: 44px;height: 44px; } .backlink:hover .blBg { width:100%;} #print { position: absolute;left:145px;bottom: 20px;z-index: 2;} #print .blIcon { background-image:url(../../files/_Layout/imgs/icon-print-over.png); transform:none;background-size:auto;} /* paternoster / ausstattungswelt */ #paternoster {/* margin-bottom:60px;*/ max-height:99999px;background:#fff; } .pnSlideBox { width:100%; max-width:50%; position:absolute; top:0px; height:100%;} .slideDown { left:0px; } .slideUp { right:0px; } #immobilien .slideUp {margin-right:20px;background-color:#fff} /* slide */ .pnSlide { width:100%;height: 100%;max-widht:50%; position:relative;overflow:hidden;} .awImg { width:auto; height:100%; max-width:99999px;} .hideme .awImg { opacity:0; filter:alpha(0);} .pnContent { position:absolute; padding:0px 60px; bottom:15%; } .ios .pnContent { bottom:10%; } .pnHeadline { font-size:150%; } /*.pnSlideMobileImage { } */ #paternav { position:absolute; top:50%; right:0px; margin-top:-100px; height:200px; display:table-cell; vertical-align:middle; text-align:right; } .ios #paternav { top:28%; font-size:140%; line-height:1.05em; } a.awLink,span.awLink { display:block; text-align:right; font-size:75%; padding-right:10px; cursor:pointer;} a.awLink.active,span.awLink.active { font-weight:bold; } /* tabs */ #tabbs { max-width:700px; margin:40px auto 0 auto; text-align: center;position:relative;overflow:hidden;} #tabbsContent { max-width:980px; margin:0 auto; padding:60px 0px;} .tab { border:1px solid #007D41; padding: 3px 6px; font-size:90%;display: inline-block;font-weight:100;} .tab:hover,.tab.show { background:#007D41; color:#fff; text-decoration:none; } .tabC { clear:both; display:none; } .tabC.show { display:block; } .tabBody,.aspText { padding:40px 0px; float:right; width:100%; max-width:670px; } .teilen { width:64px; } .teilenBox { position: absolute;width:700px; max-width:100%; left: -102%;top:0px; height:100%;/*background: #007D41;color:#fff;*/ background:#fff; text-align: right; } .teilenBox.active { left:-113px;} .youtube { background:url(../../files/_Layout/imgs/YouTube-logo-full_color.png) no-repeat 50% 50% /cover; display: inline-block;text-indent: -9999em;height: 30px;width: 85px; } .fb_iframe_widget { top:-9px; } /* ansprechpartner */ .aspImageBox { float:left; max-width:250px; width:100%; margin: 0 auto;} .aspFigre { max-width:360px; margin:0px; } .aspImg { display:block; border:7px solid #fff; transform:rotate(-3.5deg);-webkit-transform:rotate(-3.5deg); box-shadow:1px 1px 6px 0px rgba(0,0,0,0.2); -webkit-box-shadow:1px 1px 6px 0px rgba(0,0,0,0.2);} .aspText { padding:0px; border-bottom:1px solid #d6d6d6; } .aspTele { display:block;font-size:200%; color:#007D41; padding-left:35px; margin:40px 0px; font-weight:100; background: url(../../files/_Layout/imgs/icon-phone.png) no-repeat 0% 50%; } /* weitere objekte */ .iBox.weitereObjekte { float:left; max-width: 31%;margin-right: 2% !important; } .wo3 { margin-right:0px !important; } .wo1 { clear:left; } .iLinkToDetailsWO { display:block; color:#007D41; } .iLinkToDetailsWO:hover { text-decoration:none; background:#007D41; color:#fff; } .iHeadlineWO { display:block;font-size:80%; padding:6px 10px 0px 10px; font-weight:500; } .iHeadlineWO::after { content:url(../../files/_Layout/imgs/pfeil.green.small.png); margin-left:5px; } .iSubHeadlineWO { display:block;font-size:70%; color:#444; padding:0px 10px 10px;font-weight:100;} .weitereObjekte .iImage,.weitereObjekte .iContent { float:none; max-width:100%; } .iLinkToDetailsWO:hover .iHeadlineWO, .iLinkToDetailsWO:hover .iSubHeadlineWO { color:#fff; } /* teilen */ .social { width:100%;} .fb,.twitter,.sharemail,.whatsapp { display:block; max-width:90px; font-weight:500; padding:5px 0px 5px 35px; text-decoration:none;} .fb:hover,.twitter:hover,.sharemail:hover,.whatsapp:hover { text-decoration:none; opacity:0.8; } .fb { color:#3b579d !important; background:url(../../files/_Layout/imgs/FB-f-Logo__blue_29.png) no-repeat 0% 50%; } .twitter { color:#55acee !important; background:url(../../files/_Layout/imgs/TwitterLogo.png) no-repeat -6px 50% / 40px auto; } .sharemail { color:#007D41 !important; background:url(../../files/_Layout/imgs/icon-email.big.png) no-repeat 0px 50%; } .whatsapp{ display:none; } .ios .whatsapp,.android .whatsapp{ display:block;color:#2fb61c !important; background:url(../../files/_Layout/imgs/icon-whatsapp.png) no-repeat 0px 50%; } /* forms*/ #newsletter { max-width:100%; } #tl_subscribe { max-width:746px; } label { width: 150px;float:left;font-size: 80%; } .widget-checkbox label { width:auto; margin-right:30px !important;} input,textarea { background:#eaeaea; border:0px;} input:focus,textarea:focus {background:#f0f0f0; } .formbody input,.formbody textarea { width:495px; padding:4px 10px; font-size:80%;} span.mandatory { color:#007D41; padding-left:5px;} .widget-checkbox,.submit_container { margin-left:155px;padding:10px 0px 21px 0px; } .widget.widget-headline { margin-bottom:30px; font-size:110%;} .widget { margin-bottom:8px; } .submit_container { text-align:center; } .formbody .submit { padding:10px 0px; text-align:center; width:150px; margin:0 auto; background:#007D41; color:#fff;} .submit:hover { color:#007D41; background:#fff; } .ce_text.share { padding:0px; } .share .praemie { border-top:1px solid #007D41; border-bottom:1px solid #007D41; padding: 14px 0px;} /* kontakt */ #kontakt { } .ce_dlh_googlemaps { position:relative; } .ce_dlh_googlemaps,.dlh_googlemap { width:100%; height:500px; } .calcRouteBox { position:absolute; bottom:-1px; left:-1px; width:400px; /*height:500px; border-top:200px solid transparent;*/ border:1px solid #fff; padding:40px; max-width:50%; background:rgba(0,125,65,0.9); color:#fff; box-sizing:border-box;} .calcRoute { } .crHeadline { margin:0px 0px 20px; font-size:150%;} .crLabel { max-width:16%; padding: 4px 0px; margin-bottom:20px; clear:left;} .crInput { max-width:77%; color:#444; margin-bottom:20px; } #crStart { background:#fff; } .crSubmit { margin-left:16%; padding:10px 20px; font-size:90%;} .crSubmit::after { display:inline-block; content:url(../../files/_Layout/imgs/pfeil.weiss.small.png); margin-left:10px;} .crSubmit:hover::after { display:inline-block; content:url(../../files/_Layout/imgs/pfeil.green.png); margin-left:10px;} .anschrift,.kontaktformular { float:left; width:100%; max-width:60%; box-sizing:border-box; padding:60px 5% 60px 5%;} .anschrift { max-width:40%; } .kontaktformular { background:#f9f9f9; } #kontakt .formbody input, #kontakt .formbody textarea { width:100%; box-sizing:border-box; } #kontakt .formbody textarea { min-height:300px; } #kontakt .submit_container { margin-left:0px; width:320px; max-width:100%;} #kontakt .aspTele { font-size:150%; } #kontakt .widget-checkbox { margin-left:0px; } /* newsletter */ .mod_subscribe { background:#e4e4e4; padding:60px 0px; } .mod_subscribe .formbody,.mod_subscribe .confirm { background:#fff; padding:5%; } .mod_subscribe .error { padding:5%; box-sizing: border-box;} .nllabel { width:auto; max-width:100%; } .nlChannel { display:block; margin-bottom:5px; } .mandatory .checkbox_container { margin-bottom:20px ;} .mandatory .checkbox_container legend { margin-bottom:10px ; font-size:90%;} #ctrl_email_19 { padding:10px; box-sizing:border-box; } /* platzhalter not visbible */ .page-id-123 #ctrl_channels_19 .nlChannel:last-of-type { position: absolute; clip: rect(1px, 1px, 1px, 1px); width: 1px; height: 1px; overflow: hidden; } #roewisch-social .ce_text figure { margin:0px 40px 40px 0px; } /* tabelle */ .tr .td:nth-child(2) { text-align:right; } .tr.green .td { font-weight:bold; } /* --------------------------------------------------------------------------------------------------------- * FLIPPING CARDS /* --------------------------------------------------------------------------------------------------------- */ .flippingcard { width:31%; margin:0px 1.8% 1.8% 0px;float:left; height:200px; overflow:visible; } .flippingcard .front { text-align: center; background-color: #007D41; color:#fff; overflow:visible;} .flippingcard .back { text-align: center; background-color: #eee; overflow:visible;padding:0px;} .flippingcard .back h1{margin-bottom:.2em} .flippingcard .back p{font-size:80%} .flippingcard .back p strong{font-size:120%} .flippingcard .fcBox { position: relative; width:100%; height:100%; } .flippingcardImage .front { overflow:hidden;} .flippingcardImage .front img { height:100%; width:auto; max-width:5000px; position: absolute; top: -9999px; bottom: -9999px; left: -9999px; right: -9999px; margin: auto;} @media (max-width:600px) { .flippingcardImage { width:48%; } } @media (max-width:380px) { .flippingcardImage { width:100%; height:240px; } } /* --------------------------------------------------------------------------------------------------------- * FOOTER /* --------------------------------------------------------------------------------------------------------- */ footer { font-size:75%; } footer .grauBar { margin-bottom:42px; } .footerbar { padding:0px; position:fixed; bottom:0px; z-index:9999; width:100%; border-top:2px solid #fff; border-bottom:0px;} .footer_ul { list-style:none; margin:0px; float:left; border-left:2px solid #fff;} .footer_li { display:table-cell; } .footer_a { font-weight:100;color:#fff; display:block; padding:10px 20px 10px 40px !important;font-size:100% !important; border:none !important; border-right:2px solid #fff !important; } .footer_a:hover { text-decoration:none; color:#fff !important; background-color:#066336 !important;} .footer_slo { float:right; font-weight:500; padding:10px; } @media(max-width:460px) { .footer_slo {display:none;} } .footer_kontakt { background:url('../../files/_Layout/imgs/icon-kontakt.png') no-repeat 12px 50% !important; } .footer_newsletter { background:url('../../files/_Layout/imgs/icon-newsletter.png') no-repeat 8px 50% !important; } .footer_huepf { background:url('../../files/_Layout/imgs/icon-huepf.png') no-repeat 10px 50% !important; } .footer_impressum { background:url('../../files/_Layout/imgs/icon-impressum.png') no-repeat 10px 50% !important; } .footer_datenschutz { background:url('../../files/_Layout/imgs/icon-datenschutz.png') no-repeat 10px 50% !important; } /* --------------------------------------------------------------------------------------------------------- * SYSTEM /* --------------------------------------------------------------------------------------------------------- */ .clearLeft { clear:left; } .clearRight { clear:right; } .clearBoth { clear:both; } .hidden { display:none; } .heightAuto { height:auto !important; } .hideme { display:none; } .mt40 { margin-top:40px; } .pb40 { padding-bottom:40px; } /* --------------------------------------------------------------------------------------------------------- * RESPONSIVE /* --------------------------------------------------------------------------------------------------------- */ /* mobile */ #mobileNaviButton { display:none; } @media (max-width:1024px) { #paternoster { height:auto !important; } .pnSlide { margin-top:0px !important; } .pnSlideBox { max-width:100%;position:static; } .slideUp { display:none; } .hideme { display:block; } .pnContent { position:static; padding:0px 2.5% 40px 2.5%;} .paternosterslide li, .paternosterslide li figure { position:relative;overflow:hidden;} .awImg { opacity:1; width:100%; height:auto;} #paternav { display:none; } #paternoster .fss { top:0px; } .backlink { font-size:100%; } .paternosterslide,.paternosterslide .rsts-crop, .paternosterslide .rsts-slide{ height:520px !important; } .paternosterslide .rsts-slide div { max-width:100%; } .paternosterslide .rsts-slide img { width:100% !important; height:auto !important; } .weitereObjekte .iImage, .weitereObjekte .iContent { width:100%; height:auto; } #partner .layout_latest, #kunden .layout_latest, #fertige-projekte .layout_latest, .mitarbeiter,.referenzuebersicht { max-width:50%; } #partner .layout_latest:nth-child(3n+1), #kunden .layout_latest:nth-child(3n+1), #fertige-projekte .layout_latest:nth-child(3n+1), .mitarbeiter:nth-child(3n+1) { clear:none; } } @media (max-width:600px) { .paternosterslide,.paternosterslide .rsts-crop, .paternosterslide .rsts-slide{ height:300px !important; } } @media (max-width:1000px) { #header,.mainnavi::after { height:40px; } #logo img { height:49px; width:auto; } #container { padding-top:40px; } .mainnavi ul li:hover > ul { top:40px; } .mainnavi ul li a, .mainnavi ul li span { padding:10px 0px;} .mainnavi > ul > li { margin-right:15px; } /*.iBox { display:table-row; }*/ .iImage, .iContent { width:100%; float:none; max-width:40%; height:auto; /*display:block;*/ vertical-align:top; border-bottom: 20px solid #fff;} .ios .iImage,.ios .iContent { height:auto !important; } .iContent { max-width:60%; height:280px;} .iImage { position:relative; overflow:hidden; } .iImage img { position:absolute; height:100%;width:auto;margin:0 -25%; max-width:9999px;} .ios .iImage img { position:relative;} #startobjekteBox > div { float:none; max-width:100%; padding:0px !important; } .footer_a {text-indent:-9999em;} } @media (max-width:980px) { .footer_ul { border:none;width:150px } } @media (max-width:860px) { #logo { float:left; position: absolute;} /* mobile navi */ #mobileNaviButton { display:block; text-indent:-300%; background: url(../../files/_Layout/imgs/burgericon.png) no-repeat 50% 50% ; width:40px; height:40px; float:right; } .mainnavi { position:fixed; top:40px; left:0px; right:0px; width:100%; max-width:100%; float:none; clear:both; display:none; background:#007D41; padding:0px !important; width:100% !important;box-sizing:border-box; overflow:scroll; } .mainnavi::after { display:none; } .mainnavi .level_1 { padding:40px 25px !important; box-sizing:border-box; height:auto !important;} .mainnavi ul li { display:block; } .mainnavi > ul > li { margin:0px; } .mainnavi ul li a, .mainnavi ul li span { padding:10px 25px; color:#fff; text-transform:none;font-size:100%;font-weight:300;} .mainnavi ul ul { position:static; display:none; overflow:hidden !important; width:100% !important; max-width:100%; min-width:0px; margin:0px !important; padding:0px 0px 20px 0px !important; height:auto; border-bottom: 1px solid #FFF; } .mainnavi ul ul li,.level_1 li.first,.level_2 li.first { float:none; width:100%;box-sizing:border-box;} .mainnavi ul ul li a, .mainnavi ul ul li span { background:none !important; padding:10px 15px !important; font-size:85%; } .mainnavi ul ul li a::before, .mainnavi ul ul li span::before { content:"□"; display:inline-block; margin:0px 10px; position:relative;top:-2px; } .mainnavi ul ul li a:hover, .mainnavi ul ul li.active span, .mainnavi ul ul li.trail a, .mainnavi ul ul li.forward span { } .mainnavi ul ul li a:hover::before, .mainnavi ul ul li.active span::before, .mainnavi ul ul li.trail a::before, .mainnavi ul ul li.forward span::before { content:"■"; } .mainnavi ul li.active span,.mainnavi ul li.active a, .mainnavi ul li.trail a,.mainnavi ul li.open a,.mainnavi ul li.open span { background:#fff; color:#007D41;} .mainnavi li.aw ul li { width:100%; } .mainnavi a.awLink, .mainnavi span.awLink { font-size:85%; } footer .grauBar { margin:0px; font-size:100%; } .footerbar { position:static; }/* .mainnavi .footer_ul { float:none; border-left:none; padding:20px 0px; border-bottom: 2px solid #fff; } .mainnavi .footer_li:first-child { display:none; } .mainnavi .footer_a { padding:10px 10px 10px 50px !important; text-align:left; background-position:12px 50% !important; border:none !important;} */ .footer_ul { position: relative;z-index: 9; } .footer_slo { float: right;text-align: center;padding: 10px 40px 0px 10px;} .toImage .toLink { height:500px; } .toTextBox { padding:10% 2.5% 0% 2.5%;height: 45%;} .toText h1,.toName { font-size:200%; } #iDetailHeadline { top:20px; } #sliderHeadlines { top:70px; } #immoBack { left:0px; bottom:0px; } #print { bottom:0px; } .aspImageBox { max-width:100px;} .tabBody, .aspText { max-width:80%;padding:40px 10px;box-sizing: border-box; } .tabHeader { max-width:100%; box-sizing:border-box; padding:0px 2.5%; } .widget-checkbox, .submit_container { padding: 10px 0px 21px; box-sizing: border-box; margin: 0px; max-width: 80%;} .weitereObjekte .iImage, .weitereObjekte .iContent {float: none; max-width: 100%; width:100%; display: block; height:auto;border-bottom:0px;} .weitereObjekte .iImage img { position:static; max-width:100%; height:auto; margin:0px; width:100%;} .layout_full .greenBar { padding:40px 0px; } .layout_full .contentBox { float:none; max-width:100%; padding:0px 2.5%; box-sizing:border-box} .layout_full .ce_image { width:100%;position:static; } .layout_full .ce_image img { max-width:320px; } .fixedback { padding:0px 2.5%;position:static; margin:20px 0px 0px; text-align:left;} .fixedback a { margin:0px; background:#fff; } .layout_full .ce_text, .layout_full .ce_gallery { float:none; max-width:100% !important; padding:60px 2.5% !important; } #ctrl_email_19 { max-width: 63%;width: 100%; } #tl_subscribe .submit { width:100%; max-width:35%; } .blBg,.blText { display:none; } .backlink { background:none; } #immoBack,#print { bottom:-41px; } #print { left:40px; } #slideshow0, #slideshow1, #slideshow2, #paternoster { overflow:visible !important; } } /* IPAD SPECIALS */ @media (min-width:950px) AND (max-width:1024px) { .paternosterslide, .paternosterslide .rsts-crop, .paternosterslide .rsts-slide { height: 720px !important; } #partner .layout_latest_box, #kunden .layout_latest_box, #fertige-projekte .layout_latest_box { min-height:580px; } } @media (min-width:700px) AND (max-width:950px) { .paternosterslide, .paternosterslide .rsts-crop, .paternosterslide .rsts-slide { height: 520px !important; } } @media (max-width:860px) AND (max-height: 760px) { .toImage .toLink { height: 300px; } } @media (max-width:420px) { .mod_newsreader .layout_full figure{ text-align: center; } .layout_full .newsHeadline{ font-size: 130% !important; } } @media (max-width:640px) { body { font-size:16px; } .greenBar { padding-top:20px; padding-bottom:40px; } .footerbar { padding:0px !important;} h1 { font-size:200%; } h2 { margin:10px 0px 10px; font-size:150%;} .whiteBar h1 { font-size:200%; } .whiteBar h3 { font-size:120%; } #startseite_ausstattungswelt_text { bottom:0px; text-shadow: 0px 0px 3px rgba(0, 0, 0, 1);} #startseite_ausstattungswelt_text h2 { font-size:160%; margin:0px;} #startseite_ausstattungswelt_text h2::after { margin-left:10px; position:relative; top:10px;} #startseite_ausstattungswelt_text a { font-size:90%; } .ce_text {padding-top: 20px;padding-bottom: 20px; } #map { height:250px; } #mapLegende { display:none; } .filterText { float:none; } .filterText::after { display:none; } .filterSubHeadline { margin:10px 0px; } .filterAll + label, .filter + label { font-size:90% !important; } .filterArt .filterText { margin-left:0px; } #sliderHeadlines { position:relative;top:0px; left:0px; right:0px; bottom:0px;background: #cfcfcf; border-bottom: 1px solid #fff;padding-bottom: 4px;} #iDetailHeadline { position:static;white-space:normal;padding-top:20px; margin:0px 0px 0px 0px; border-left:0px; border-right:0px;border-top:0px;} .galSwitcher { display:inline-block; margin:4px 0px 0px 0px;border:0px;font-size:120%;} #sliderHeadlines .einhaenger { display:block; clear:left; border-left:0px; border-right:0px;} .slideshowText { } .fss { top:-110px; } .immoBackLast { bottom:40px !important; } #videolayer { padding:0px 40px 40px; margin-bottom:20px; } .fss {top: -50px; } .videoframe { height:320px; } label,.formbody input, .formbody textarea { font-size:100%;} .layout_latest .image_container { float:none; margin:0px 0px 10px 0px; width:100%; height:200px; } .layout_latest { padding:20px 2.5% 40px 2.5%; } .referenzuebersicht, #partner .layout_latest, #kunden .layout_latest, #fertige-projekte .layout_latest, .mitarbeiter {width:100%; max-width:100%; float:none;} .referenzuebersicht .image_container,#partner .layout_latest .image_container, #kunden .layout_latest .image_container, #fertige-projekte .layout_latest .image_container { text-align:center; } .referenzuebersicht img,#partner .layout_latest .image_container img, #kunden .layout_latest .image_container img, #fertige-projekte .layout_latest .image_container img, .mitarbeiter img { max-width:320px; height:auto; margin:0 auto;} .referenzuebersicht .ce_text,#partner .layout_latest_box, #kunden .layout_latest_box, #fertige-projekte .layout_latest_box { min-height:1px; padding-bottom: 70px; margin-bottom:40px; } #partner .teaser, #kunden .teaser, #fertige-projekte .teaser { min-height:1px; } .ce_dlh_googlemaps, .dlh_googlemap { height:auto; } .dlh_googlemap { height:200px; } .calcRouteBox { position:static; width:100%; border-left:0px; border-right:0px;margin-bottom:20px;max-width:100%; } .anschrift, .kontaktformular { max-width:100% !important; float:none;} .iImage,.iContent,.ios .iImage,.ios .iContent { display:block !important; max-width:100% !important; width:100% !important; } .iImage img { position:static; width:100%; height:auto; margin:0px;} .mText {min-height:1px; } } @media (max-width:520px) { .tabBody, .aspText { max-width:70%; padding-top:0px;} #roewisch-social .ce_text figure { width:100%; float:none; margin-right:0px; max-height:200px;overflow:hidden;text-align:center;} #roewisch-social .ce_text figure img { width:100%; height:auto; } .iBox.weitereObjekte { max-width:48%; box-sizing:border-box;} .iBox.weitereObjekte:nth-child(2n +1) { clear:left; } .wo1 { clear: none; } .referenzuebersicht:hover, #partner .layout_latest:hover, #kunden .layout_latest:hover, #fertige-projekte .layout_latest:hover, .mBox:hover,.iBox:hover,#startobjekteBox > div:hover {transform:none;-webkit-transform:none;z-index:99; } } @media (max-width:480px) { .toTextBox { padding:0% 2.5% 10% 2.5%;;height: auto; box-sizing:border-box;} .toText h1,.toName { font-size:160%; } .toText h1::after,.toName::after { display:none; } .iImage img { position:static; width:100%; height:auto; margin:0px;} #videolayer { padding:0px; } .videoframe { height:200px; } .tab { display:block; padding:10px;} .aspImageBox { display:none; } .tabBody, .aspText { max-width:100%; float:none; padding-bottom:0px;} #tabbsContent { padding-top:20px; } .aspTele {font-size: 170%;background-size: auto 25px;} .layout_latest .image_container img { width:100%; height:auto;} .iBox.weitereObjekte { max-width:100%; margin-right:0px !important; box-sizing:border-box;} .wo1 { clear: none; } .iImage, .iContent { width:100%; float:none; max-width:100%; height:100%; display:block !important; vertical-align:top;border-bottom: 20px solid #fff;} .iImage { border-bottom: none;flex-grow:1;flex-shrink:0;} } @media (max-width:380px) { #immoBack, #print { bottom: -30px;} h1 { font-size:170%; } .footer_a { margin-right:10px !important; padding-right:0px !important;border-right:0px solid transparent !important;} .footerbar { padding-bottom:0px !important; } } /* COOKIEBAR */ .cc_banner-wrapper { z-index: 999993 !important; } .cc_container { font-size: 12pt !important; box-sizing: content-box !important; } .cc_container .cc_message { line-height: 1.2em !important; } @media screen and (min-width: 500px) { .cc_container { bottom: 45px !important; } } .cc_container .cc_logo { background-image: none !important; } .cc_container .cc_btn, .cc_container .cc_btn:visited { color: #fff !important; background-color: #007d41 !important; border-radius: 0px !important; } .cc_container a, .cc_container a:visited { color: #007d41 !important; } /* Button im tinymce */ .external_link { font-weight: 100; background: #007d41; color: #fff; font-size: 110%; text-align: center; border: 2px solid #fff; display: block; max-width: 270px; text-decoration: none !important; padding: 4px; } .external_link:hover { background: #fff; color: #007d41 !important; border: 2px solid #007D41; } /* 40 Jahre */ /* Login Bereich */ #tl_login{ max-width: 720px; margin: 70px auto; } #tl_logout{ max-width: 720px; margin: 70px auto; } /* Submit Button */ .party{ float: right; } /* Galerie */ .ce_gallery{ max-width: 960px; margin: 0 auto; } .cookieconsent-optout-marketing { max-width: 1600px; padding-top: 150px; padding-bottom: 150px; text-align: center; background-color: lightgray; } /* RESPONSIVE YOUTUBE VIDEO */ .responsive-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .responsive-video { position: relative; padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/ padding-top: 0px; height: 0; overflow: hidden; margin: 40px 0; } .ytp-watermark { display: none !important; } /* Barierefreiheit optimierungen */ #iDetailHeadline H1, .filterHeadline h1{ font-size: 24px; margin: 0px; } .filterHeadline h1{ font-size: 30px; margin: 0px; } input.text, textarea{ background: #ffffff; border: solid 1px #007d41 ; } .iSubHeadline{ font-size: 120%; } .kontaktformular h1 { font-size: 30px; } @media screen and (min-width: 761px){ /* css-sb.css */ input.text,textarea{background-color:#fff;border:1px solid #007d41}.skip-link:focus{top: 10px}.skip-link{position: absolute;top: -40px;left: 10px;background: #000;color: #fff;padding: 10px;z-index: 1000;text-decoration: none;font-size: 16px}#scrollarrow{top: 767px!important}.ce_sliderStart.startseite-slider-mobil.block{display:none}#award-flag{position: fixed;top: 200px;right: 0px;max-width: 170px;border-top: 3px solid white;border-left: 3px solid white;border-bottom: 3px solid white;z-index: 100} } @media screen and (max-width: 640px){ /* css-sb-mobil.css */ label,.formbody input,.formbody textarea{width: 95%!important}label{width: auto!important}#scrollarrow{display:none!important}.slider-control{margin: 0px 10px 20px 10px}#startobjekteBox{display:none}.ce_sliderStart.startseite-slider-mobil.block{display: inline!important}#award-flag{display:none}figcaption.caption{background-color:rgba(,.5);background-position:center center;position: absolute; bottom: 0%; display: block; width: 100%; text-align: center; background: rgba(255,255,255,0.6); color: #444; padding: 12px; font-weight: 400; box-sizing: border-box}.rsts-nav-item{display:none!important}#immobilien .rsts-skin-default .rsts-nav{bottom: 50%}.rsts-skin-default .rsts-nav ul{text-align: center;justify-content: space-between;list-style: none;padding: 0;margin: 0;display: flex}.rsts-skin-default .rsts-nav ul li{margin: 10px} } @media screen and (min-width: 641px) and (max-width: 1333px){ /* css-sb-tablet.css */ label{width: auto!important}.formbody input,.formbody textarea{width: 100%!important} }