@charset *utf-8*; /* #0f6972 neu #0f6972 #f57d1f; neu #f57d1f #0f6977 == #0f6977 */ /* CSS Document */ body, html { margin:0; padding:0; width:100%; height:100%; } /* GLOBALE EIGENSCHAFTEN */ p1, h1, h2, h3, h4, h5, h6, input, textarea, span , dt { color:#FFFFFF; font-family: 'Yanone Kaffeesatz', sans-serif; font-weight:300; font-size:14px; } p { font-family: 'Open Sans', sans-serif; font-weight:300; } a , li { text-decoration:none; color:#FFFFFF; font-family: 'Yanone Kaffeesatz', sans-serif;} article { overflow-x:visible;} .PP_SEITE { width:100%; height:100%; margin:0; padding:0; position:relative; } .uniBox {width:1275px; height:auto; position:absolute; left:50%; top:0; margin:0; padding:0; display:inline-block;} .bgGelb { background-color:#f57d1f; } .linieBalkenGelb { width:143px; height:5px; background-color:#f57d1f; margin:0; padding:0; display:block; } .linieGrau { width:100%; height:1px; display:block; background-color:#cfd0d0; margin:0; padding:0; } .green { background-color:#007248; } .grey { color:#4d4d4d; } .white { background-color:#FFF; } .opacityOn { opacity:1!important; } .opacityOff { opacity:0!important;} .bgGelb {background-color:#f57d1f; width:100%; height:5px; display:block; margin:21px 0 0 0; padding:0; } h5.h5Headline { font-size:60pt; color:#070707; font-weight:200; margin:135px 0 0 0; padding:0; } .uniBox, #willkommen .bgHomeFooter .homeContentFooter .isoWabe, #leistungen .buttonClose, #nav .uniBox .imgISO, #home .imgHeaderFrau, #home .homeContainerLeft p1, #karriere .karcher , #karriere .duese, #karriere .waschanlage /* #unternehmen .boxRechts ul li:last-child */ { transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%); } @media screen and ( max-width: 1080px ) { #willkommen .homeContainerRight { transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%); } } @media screen and ( max-width: 885px ) { h5.h5Headline { margin:25px 0 0 0!important; } } #home .homeContainerLeft a , .linieBalkenGelb, .sitemapDreieck, #kontakt ul.listeSitemap a, #kontakt ul li.liBoxFormular .buttonAbsenden, #nav, .navHeightSmall , .navHeightBig, #nav .mainNav, .subNavDrinnen, .subNavDraussen, .boxLeistungenSubNav, #leistungen .boxButtonLeistungen, #leistungen .buttonClose, #leistungen .containerLeistungen, #nav .logoBig img, #nav .logoSmall img, #leistungen .articleStyle, dt , #leistungen .dreieckleistung, #leistungen .contentUnten ul.boxWuerfel li, .balkenGruen,#leistungen .contentUnten ul.boxWuerfel li h2, #leistungen ul.boxWuerfelHaushalte li, #leistungen ul.boxWuerfelHaushalte li h2, #leistungen .iconPlus, #leistungen .contentUnten ul.boxWuerfel li, #nav .mainNav ul.uniNavUl li.navLeistungen a, #nav .mainNav ul.uniNavUl li.uniNavLi , #kontakt ul.uniListKontakt .iconFB, #nav .mainNav ul.uniNavUl li.navLeistungen ul.listeNavLeistungen li, #nav .mainNav ul.uniNavUl li.navLeistungen ul.listeNavLeistungen li p, .imgISO img , #nav .boxMeister , #nav .logoBoxGruppe, #nav .Jahre, #nav, #nav .reinigungsTeam img, #karriere .contentKarriere dt .plusPunkt:after, #karriere .contentKarriere dt h4, #nav .mainNav ul.uniNavUl li.navUnternehmen ul.listeNavUnternehmen li, #unternehmen .boxRechts h2, #leistungen .contentUnten ul.boxWuerfel li .bgVerlauf,#unternehmen .boxRechts h2, #footer .impressum .buttonCloseImpressum { transition:all 200ms; -webkit-transition:all 200ms; -moz-transition:all 200ms; -o-transition:all 200ms;-ms-transition:all 200ms; } #nav .logoKuehn, .transition { transition:all 400ms; -webkit-transition:all 400ms; -moz-transition:all 400ms; -o-transition:all 400ms;-ms-transition:all 400ms; } @media screen and ( max-width: 1280px ) { .uniBox { width:1019px; } } @media screen and ( max-width: 1080px ) { .uniBox { width: 800px ; } } @media screen and ( max-width: 885px ) { .uniBox { width:90%; padding:0 5% 0 5%; } } /*span.subNavDrinnen { top:5px; } span.subNavDraussen { top:55; } ul.subNavDrinnen { top:-25px; } ul.subNavDraussen { top:25px; } */ /* LOS GEHTS */ #nav { width:100%; position:fixed; top:0; left:0; height:110px; z-index:100000; background-image:url(../pics/bgVerlaufNavGrau_01.png); background-repeat:repeat-x; background-repeat:repeat-x; background-size:100% 100%; } #nav.gruen{ /* background-image:url(../pics/bgVerlaufNavGruen_02.png)!important; */ background-image:url(../pics/header.jpg)!important; background-repeat:repeat-x; background-size:100% 100%; background: #fff; background-position: top center; } #nav .mainNav { position:absolute; top:110px; width:100%; height:40px; background-color:#FFF; margin:0; padding:0; box-shadow:0 10px 25px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 10px 25px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 10px 25px rgba(0, 0, 0, 0.2);-o-box-shadow:0 10px 25px rgba(0, 0, 0, 0.2);-ms-box-shadow:0 10px 25px rgba(0, 0, 0, 0.2);} #nav .mainNav ul.uniNavUl { list-style:none; display:inline-block; width:auto; height:auto; position:absolute; top:0; padding:0; /* margin: 0 auto 0 211px; */ margin: 0 auto 0 150px; } #nav .mainNav ul.uniNavUl li.uniNavLi { float:left; height:28px; width:auto; cursor:pointer; display:block; margin: 0 ; padding:12px 65px 0 65px; text-align:center; border-right:1px solid #CCC; } #nav .mainNav ul.uniNavUl li.uniNavLi:first-child { } #nav .mainNav ul.uniNavUl li.uniNavLi:last-child { border:none; } #nav .mainNav ul.uniNavUl li.uniNavLi a { font-size:16pt; font-weight:700; } #nav .mainNav ul.uniNavUl li .bgGelb { margin:2px 0 0 0; padding:0; } #nav .mainNav ul.uniNavUl li.green a { color:#FFF!important; } #nav .mainNav ul.uniNavUl li.uniNavLi:hover { background-color:#0f6972; color:#FFF; } #nav .mainNav ul.uniNavUl li.uniNavLi:hover a { color:#FFF; } #nav .mainNav ul.uniNavUl li.navLeistungen { width:91px; } #nav .mainNav ul.uniNavUl li.navLeistungen a { font-size:16pt; font-weight:700; } #nav .mainNav ul.uniNavUl li.navLeistungen:hover { background-color:#0f6972; text-align:center; } #nav .mainNav ul.uniNavUl li.navLeistungen:hover a { color:#FFF; } #nav .mainNav ul.uniNavUl li.navLeistungen ul.listeNavLeistungen { width:450px; height:300px; list-style:none; padding:0; margin:0 0 0 -65px!important; background-color:#0f6972; position:absolute; top:40px;display:none; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2); } #nav .mainNav ul.uniNavUl li.navLeistungen ul.listeNavLeistungen {height:450px!important;} #nav .mainNav ul.uniNavUl li.navLeistungen ul.listeNavLeistungen li {width:225px; height:150px; float:left; } #nav .mainNav ul.uniNavUl li.navLeistungen ul.listeNavLeistungen li p {font-size:18pt; font-weight:100; margin:0; padding:0; font-family: 'Yanone Kaffeesatz', sans-serif; color:#FFF; } #nav .mainNav ul.uniNavUl li.navLeistungen ul.listeNavLeistungen li:hover { background-color:#f57d1f; } #nav .mainNav ul.uniNavUl li.navLeistungen ul.listeNavLeistungen li:hover p { text-shadow: 0 0 15px rgba(255,252,0, 0.9); } #nav .mainNav ul.uniNavUl li.navLeistungen ul.listeNavLeistungen li img { width:75px; height:auto; margin: 15px 75px 15px 75px; } #nav .mainNav ul.uniNavUl li.navUnternehmen { width:81px; } #nav .mainNav ul.uniNavUl li.navUnternehmen ul.listeNavUnternehmen {width:450px; height:150px; display:none; list-style:none; margin:0 0 0 -65px!important; padding:0; background-color:#0f6972; position:absolute; top:40px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2); } #nav .mainNav ul.uniNavUl li.navUnternehmen ul.listeNavUnternehmen li { width:225px; height:150px; float:left; margin:0; padding:0; } #nav .mainNav ul.uniNavUl li.navUnternehmen ul.listeNavUnternehmen li:hover { background-color:#f57d1f; } #nav .mainNav ul.uniNavUl li.navUnternehmen ul.listeNavUnternehmen li:nth-child(1) a img { margin:30px 0 10px 0; } #nav .mainNav ul.uniNavUl li.navUnternehmen ul.listeNavUnternehmen li a img { margin:35px 0 -15px 0; } #nav .mainNav ul.uniNavUl li.navUnternehmen ul.listeNavUnternehmen li:first-child a img { width:170px; height:auto; margin:50px 0 0 0; padding:0; } #nav .uniBox .imgISO { position:absolute; display:block; margin:0; padding:0; width:75px; height:75px; top:20px; left:190px; } #nav .uniBox .imgISO img { width:100%; height:auto; } #nav .Jahre { display:block; width:150px; height:150px; top:-5px; position:absolute; right:0; } #nav .Jahre img { width:100%; height:auto; } #nav .topNavBig ul.uniNavUl { display:none !important; } #nav .logoKuehn { display:block; position:absolute; width:270px; height:auto; top:15px; margin:0; padding:0; cursor:pointer; } #nav .logoKuehn img { width:250px; height:auto; margin-top: -8px;} #nav .logoBoxGruppe { width:350px; height:47px; margin:0; padding:0; position:absolute; top:33px; right:150px; border-top:1px solid #FFF; border-bottom: 1px solid #FFF; } #nav .logoBoxGruppe img { margin: 0 ; width:100%; height:auto; } #nav .boxMeister { width:450px; height:auto; margin:25px 0 0 0; padding:0; position:absolute; top:180px; display:none; } #nav .boxMeister p { font-size:12pt; font-weight:300; color:#FFF; margin: 0; padding:0; width:100%; text-align:center; } #nav .boxMeister h3 { font-size:42pt; font-weight:100; color:#f57d1f; margin:-10px 0 0 0; padding:0; width:100%; text-align:center; opacity:0.9; } #nav .boxMeister h4 { font-size:14pt; font-weight:700; color:#FFF; margin:0; padding:0; width:100%; text-align:center; letter-spacing:1px; } #nav .bgMusterLinks { width:50%; height:100%; background-image:url(../img/bgMusterWeissSmall_rechts_01.png); display:block; position:absolute; bottom:0; right:0; opacity:0.3; } @media screen and ( max-width: 1280px ) { #nav .boxMeister { width:400px; } #nav .reinigungsTeam { right:215px; width:450px; top:-300.36px; } #nav .mainNav ul.uniNavUl { margin: 0 auto 0 210px!important; } #nav ul.uniNavUl li.uniNavLi { margin: 0 20px 0 20px; padding: 12px 30px 0 30px!important;} #nav ul.uniNavUl li.uniNavLi:first-child { margin: 0 ; padding: 12px 30px 0 30px!important;} #nav ul.uniNavUl li.uniNavLi:last-child { margin: 0; padding: 12px 30px 0 30pxx!important;} #nav ul.uniNavUl li.navLeistungen { padding: 12px 30px 0 30px!important; } } @media screen and ( max-width: 1080px ) { #nav .mainNav ul.uniNavUl { margin: 0 auto 0 160px!important; } #nav ul.uniNavUl li.uniNavLi { padding: 12px 15px 0 15px!important; } #nav .logoBoxGruppe { width:250px; height:33px; top:45px; } } @media screen and ( max-width: 885px ) { #nav { display:none; } } #mobilNav { display:none; width:100%; height:50px; position:fixed; top:0; left:0; right:0; z-index:100000; border-bottom:1px solid #f57d1f; background: #fff; } #ppTab { width:100%; margin:0; paddin:0; height:500px; overflow:hidden; display:inline-block; position:absolute; top:-450px; } #mobilNav ul { list-style:none; margin:0; padding:0; display:inline-block; position:absolute; top:101px; z-index:100005; width:100%; } #mobilNav ul li{ width:100%; height:auto; margin:0; padding:10px 0 0 0; border-bottom:1px solid #0f6972; } #mobilNav ul li:last-child{ border-bottom:none; } #mobilNav ul li a { width:95%; height:40px; margin:0 0 0 5%; padding:0; text-align:left; color:#0f6972; font-size:18pt; font-weight:100; display:inline-block; } #mobilNav dl { margin:0; padding:0;} #mobilNav dt { width:95%; height:50px; color:#f57d1f; margin:0 0 0 5%; padding: 0; font-size:18pt; font-weight:100; text-align:left; cursor:pointer; } #mobilNav dd { margin:0 0 0 10%; padding:0; cursor:pointer; display:none; } #mobilNav .buttonMobilNavOpen { width:50px; height:50px; position:absolute; top:0; right:0; border-left:1px solid #f57d1f; border-bottom:1px solid #f57d1f; z-index:100010; cursor:pointer; overflow:hidden; } #mobilNav .buttonMobilNavOpen .mobilNavOpen { width:30px; height:5px; display:inline-block; background-color:#f57d1f; margin:22.5px 10px 0 10px; } #mobilNav .buttonMobilNavOpen .mobilNavOpen:before { width:30px; height:5px; display:block; background-color:#f57d1f; margin: -10px 0 0 0; content:""; } #mobilNav .buttonMobilNavOpen .mobilNavOpen:after { width:30px; height:5px; display:block; background-color:#f57d1f; margin: 15px 0 0 0; content:""; } #mobilNav .buttonMobilNavOpen .mobilNavClose { width:30px; height:5px; display:inline-block; background-color:#f57d1f; margin: 50px 0 0 10px; transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg); } #mobilNav .buttonMobilNavOpen .mobilNavClose:after { width:5px; height:30px; display:block; background-color:#f57d1f; margin: -12.5px 0 0 12.5px; content:""; } #mobilNav a.wimpelGroup { width:250px; height:auto; margin:0; padding:0; position:absolute; z-index:100005; } #mobilNav a.wimpelGroup img { width:100%; height:auto; margin:0; padding:0; } #mobilNav .bgBlurredNav { position:absolute; top:0; left:0; width:100%; height:auto; display:inline-block; margin:0; padding:0; } #mobilNav .bgBlurredNav img { width:auto; height:900px; margin:0; padding:0; } @media screen and ( max-width: 1080px ) { #nav a.wimpelGroup { position:absolute; left:-35px; top:0; } #nav a.wimpelGroup img { width:200px; height:auto; } #nav .bgSubNavLeistungen { display:none; } } @media screen and ( max-width: 885px ) { #nav .navBox { display:none;} #nav .bgNav { display:none; } #mobilNav { display:block; } #mobilNav a.wimpelGroup img { height:40px; width:auto; margin: 5px 0 0 15px; } } /* ---------------------- HOME ---------------------------- */ @media screen and ( min-width: 300px ) {#home { height:220px!important; } } @media screen and ( min-width: 886px ) { #home { height:700px!important; }} #home .uniBox { z-index:10; } #home .homeContainerLeft { width:100%; height:auto; margin:135px 0 0 0; padding:0; float:left; } #home .homeContainerLeft h1 { font-size:80pt; font-weight:200; margin: 0 0 35px 0; padding:0; color:#f57d1f; line-height:95px; } #home .homeContainerLeft h3 { font-size:48pt; font-weight:400; margin:0; padding:0; color:#0f6972 ; display:block; } #home .homeContainerLeft h4 { font-size:18pt; font-weight:700; margin:0px 0 5px 0; padding:0; color:#222 ; width:100%; } #home .homeContainerLeft h5 { font-size:18pt; font-weight:700; margin:15px 0 0 0; padding:0; color:#222; width:100%; } #home .homeContainerLeft p { font-size:12pt; font-weight:500; margin:30px 0 50px 0; padding:0; color:#222 ; width:100%; } #home .homeContainerLeft p1 { font-size:14pt; font-weight:700; margin:35px 0 0 50%; padding:0; color:#222 ; width:100%; text-align:center; display:block; text-transform:uppercase; letter-spacing:2px; } #home .homeContainerLeft a.buttonWeiter { font-size:18pt; font-weight:300; padding: 10px 65px 10px 65px; background-color:#0f6972; color:#FFF; text-align:center; text-transform:uppercase; cursor:pointer; display:block; margin: 0 ; width:100px; } #home .homeContainerLeft a.buttonWeiter:hover { background-color:#0f6977; color:#FFF; box-shadow: 0 0 15px rgba(0,120,28,0.7); } #home .homeContainerLeft .linieGrau { background-color:#222; display:block; width:143px; height:1px; margin:15px 0 0 0; padding:0; } #home .homeContainerLeft .pfeilScroll { display:block; width:25px; height:8px; margin: 5px auto 0 auto; padding:0; } #home .homeContainerLeft .pfeilScroll2 { margin: -3px auto 0 auto!important; } @media screen and ( max-width: 1280px ) { #home .homeContainerLeft { margin: 120px 0 0 0; } #home .homeContainerLeft h6 { margin: 20px 0 35px 0; } #home .homeContainerLeft a { margin: 0 0 35px 0; } } @media screen and ( max-width: 1080px ) { #home .homeContainerLeft { width:100%; } #home .homeContainerLeft h1 { width:50%; } #home .homeContainerLeft h4 { margin:40px 0 0 0; } #home .homeContainerLeft p { width:75%; } #home .homeContainerLeft p1 { margin:15px auto 5px 50%; } } @media screen and ( max-width: 885px ) { #home .homeContainerLeft { margin:105px 0 0 0; width:100%; } #home .homeContainerLeft h1 { font-size:50pt; line-height:55px; } #home .homeContainerLeft h4 { font-size:24pt; } #home .homeContainerLeft p { width:100%; } } #home .bgHomeFooter { width:100%; height:15px; background-color:#FFF; position:absolute; left:0; bottom:0; } #home #Slideshow { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; overflow:hidden; opacity:1; } @media screen and ( min-width: 300px ) { #home #Slideshow .pp_slide { background-size:cover; position:absolute; top:0; left:0; width:100%; height:300px; background-attachment:fixed; background-position:center center; background-size:cover; display:none;} } @media screen and ( min-width: 886px ) { #home #Slideshow .pp_slide { background-size:cover; position:absolute; top:0; left:0; width:100%; height:100%; background-attachment:fixed; background-position:center center; background-size:cover; display:none;} } .slidercontentbox{ border: 0px solid red; padding: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color:rgba(255, 255, 255, 0.75);" } @media screen and ( min-width: 300px ) {.slidercontentbox{width: 85%;margin-top: -50px;}} @media screen and ( min-width: 768px ) {.slidercontentbox{width: 90%;margin-top: 30px;}} @media screen and ( min-width: 886px ) {.slidercontentbox{width: 600px;margin-top: 100px;}} #home #Slideshow .pp_slider_01 { background-image:url(../slider/kuehnundpartner-saugbagger-arbeiten.jpg);} #home #Slideshow .pp_slider_02 { background-image:url(../slider/kuehnundpartner-solaranlagenreinigung-und-wartung.jpg);} #home #Slideshow .pp_slider_03 { background-image:url(../slider/kuehnundpartner-bauspezialreinigung.jpg);} #home #Slideshow .pp_slider_04 { background-image:url(../slider/kuehnundpartner-glas-und-gebaeudereinigung.jpg);} #home #Slideshow .pp_slider_05 { background-image:url(../slider/kuehnundpartner-oberflaechensanierung-von-elastischen-belaegen.jpg);} #home #Slideshow .pp_slider_06 { background-image:url(../slider/slider-oberflachensanierung-kuehnundpartner.jpg);} #home #Slideshow .pp_slider_07 { background-image:url(../slider/slider-raumdesinfektion-3-kuehnundpartner.jpg);} /* SB WASH - 2022-11-28 */ #home #Slideshow .pp_slider_08 { background-image:url(../slider/kuehnundpartner-sbwaschanlage2.jpg);} /* #home #Slideshow .pp_slider_06 { background-image:url(../img/imgBgSlider06_02.jpg);} */ /* #home #Slideshow .pp_slider_07 { background-image:url(../img/imgBgSlider07_02.jpg);} */ /* #home #Slideshow .pp_slider_08 { background-image:url(../img/slider_solaranlagenreinigung.jpg);} */ /* #home #Slideshow .pp_slider_01 { background-image:url(../img/haarSalon_02.jpg);} */ /* #home #Slideshow .pp_slider_02 { background-image:url(../img/imgBgSlider02_02.jpg);} */ /* #home #Slideshow .pp_slider_03 { background-image:url(../img/imgBgSlider03_02.jpg);} */ /* #home #Slideshow .pp_slider_04 { background-image:url(../img/imgBgSlider04_02.jpg);} */ /* #home #Slideshow .pp_slider_05 { background-image:url(../img/imgBgSlider05_02.jpg);} */ /* #home #Slideshow .pp_slider_06 { background-image:url(../img/imgBgSlider06_02.jpg);} */ /* #home #Slideshow .pp_slider_07 { background-image:url(../img/imgBgSlider07_02.jpg);} */ /* #home #Slideshow .pp_slider_08 { background-image:url(../img/slider_solaranlagenreinigung.jpg);} */ #home #Slideshow #pp_load { position:absolute; left:0; bottom:0; background-color:#058da9; border-right: 5px solid #FFFFFF; width:0; height:5px;} #home .bgMusterLinks { width:33%; height:100%; background-image:url(../img/bgMusterWeiss_links_01.png); display:block; position:absolute; top:0; left:0; opacity:0.5; } #home .bgMusterRechts { width:33%; height:100%; background-image:url(../img/bgMusterWeiss_rechts_01.png); display:block; position:absolute; top:0; right:0; opacity:0.5; } @media screen and ( max-width: 885px ) { #home #Slideshow .pp_slide { background-attachment:local; } } /* ---------------------- WILLKOMMEN ---------------------------- */ #willkommen { background-color:#FFF; display:inline-block; } #willkommen .uniBox { height:auto; } #willkommen .boxLinieSubline { width:100% ; margin:0; padding:0;} #willkommen .boxWillkommenText { width:630px; height:auto; margin:0 0 0 10px; padding:0; float:right; } #willkommen .boxWillkommenText h6 { font-size:24pt; color:#0f6972; font-weight:700; letter-spacing:7px; margin:25px 0 25px 0; padding:0; } #willkommen .boxWillkommenText p { font-size:12pt; color:#070707; font-weight:400; margin:25px 0 0 0; padding:0; } #willkommen h5.h5Headline { margin:5px 0 0 0;} #willkommen .boxWillkommenGrafik { width:550px; height:550px; margin:25px 10px 0 0 ; padding:0; float:left ; overflow:hidden;} #willkommen .boxWillkommenGrafik img { margin:0; width:100%; height:auto;} #willkommen .homeContainerRight { width:60%; height:100%; margin:0; padding:0; position:absolute;top:-511px; right:0; z-index:1; display:none; } #willkommen .homeContainerRight img { width:100%; height:auto;} @media screen and ( max-width: 1280px ) { #willkommen .homeContainerRight { top:-408px; } #willkommen .boxWillkommenText { width:500px; margin:0; } #willkommen .boxWillkommenGrafik { width:500px; } } @media screen and ( max-width: 1080px ) { #willkommen .homeContainerRight { top:-320px; left:50%; } #willkommen .boxWillkommenGrafik { width:50%; height:auto; float:none; display:inline-block; margin:15px 25% 15px 25% ; } #willkommen .boxWillkommenText { width:100%; height:auto; margin: 0 ; } #willkommen .bgHomeFooter .homeContentFooter h4 {font-size:16pt; } } @media screen and ( max-width: 885px ) { #willkommen .homeContainerRight { display:none; } #willkommen .bgHomeFooter .uniBox { width:100%; padding:0; } #willkommen .boxWillkommenText p { text-align:justify; } } @media screen and ( max-width:670px ) { #willkommen .bgHomeFooter .homeContentFooter h3 { display:none; } #willkommen .bgHomeFooter .homeContentFooter h4 { display:none; } #willkommen .bgHomeFooter .uniBox { height:65px; } } @media screen and ( max-width: 480px ) { #willkommen .boxWillkommenGrafik { width:100%; margin:15px 0 0 0; } #willkommen .boxWillkommenText h6 { letter-spacing:3px; } } /* ---------------------- UNTERNEHMEN ---------------------------- */ #unternehmen { display:inline-block; background-color:#f4f4f4; } #unternehmen h5.h5Headline {font-size:48pt; font-weight:200; margin:155px 0 0 0; padding:0; } #unternehmen h2 { color:#555; margin:5px 0 0 0; padding:0; font-size:28pt; font-weight:400; text-transform:uppercase; width:100%; text-align:center; } #unternehmen p { color:#555; margin:25px 0 0 0; padding:0; font-size:12pt; font-weight:500; text-align:justify; } #unternehmen .uniBox { z-index:2; } #unternehmen .boxLinks { float:left; width:1275px; margin: 35px 0 0 0; padding: 0 ; background-color:rgba(255, 255, 255, 0); border-radius: 0 ; } #unternehmen .boxLinks p { padding: 0 45px 35px 45px ; border-bottom:1px solid #CCC; } #unternehmen .boxLinks p:last-child { border-bottom:none; } #unternehmen .boxRechts { float:right; width:1275px; margin:35px 0 0 0 ; padding: 0 ; } #unternehmen .boxUnten { width:1280px; } #unternehmen .boxContentOben { width:1280px; height:auto; margin:25px 0 0 0; padding:0; } #unternehmen .boxContentUnten { width:1280px; height:auto; margin:20px 0 0 0; padding:0; display:inline-block; } #unternehmen .boxLeitbild { height:auto; display:inline-block; } #unternehmen .imgUmwelt { display:block; width:150px; height:150px; margin:35px auto 0 auto; padding:0; } #unternehmen .balkenSublineGruen { display:block; width:143px; height:5px; margin:25px auto 0 auto; padding:0; background-color:#f57d1f; } #unternehmen .boxRechts .linieGrau { background-color:#CCC; margin: 0 0 25px 0; } #unternehmen .boxRechts .dreieckUnternehmen { width:0; height:0; display:block; background-color:transparent; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #070707; margin:27px 35px 0 0; float:right; cursor:pointer; } #unternehmen .boxRechts .ulAuf { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg); border-top: 6px solid #070707;} #unternehmen .boxRechts { height:auto; background-color:transparent; } #unternehmen .boxRechts h2 { margin:15px auto 5px auto; width:250px; text-align:center; cursor:pointer; color:#555; font-weight:700; text-transform:none; font-size:28pt; } #unternehmen .boxRechts h2:hover { color:#0f6972;} #unternehmen .boxRechts ul { width:100%; height:auto; margin:0 0 25px 0; padding:0; list-style:none; } /* --> display:inline-block muss rein */ #unternehmen .boxRechts ul.ulInaktiv { display:none; } #unternehmen .boxRechts ul.ulAktiv{ display:inline-block; border-bottom: 1px solid #CCC; } #unternehmen .boxRechts ul li { /* width:425px; */ width:635px; height:250px; margin: 0 ; padding:0 0 5px 0; float:left; } #unternehmen .boxRechts ul li:last-child { /* margin: 0 auto 0 50% ; */ } #unternehmen .boxRechts ul li h6 { color:#0f6972; font-size:18pt; font-weight:700; text-align:center; margin:15px 0 0 0; } #unternehmen .boxRechts ul li p { color:#070707; font-size:10pt; font-weight:500; text-align:center; margin:5px 0 0 0; } #unternehmen .boxRechts ul li span { width:68px; height:67px; display:block; margin:25px auto 0 auto; border-radius:68px; background-color:#CCC; overflow:hidden; } #unternehmen .boxRechts ul li span.linieBalkenGelb { width:73px; height:5px; display:block; margin: 5px auto 0 auto; background-color:#f57d1f; } #unternehmen .boxRechts ul li img { width:68px; height:67px; } #unternehmen .boxRechts .balkenSublineGruen { margin:15px auto 15px auto; } #unternehmen .boxRechts .ulAuf ~ .linieGrau { display:none; } #unternehmen .boxRechts h2:hover { color:#0f6972; } #unternehmen .bgMusterLinks { width:50%; height:100%; background-image:url(../img/bgMuster_links_01.png); display:block; position:absolute; top:0; left:0; opacity:0.5; } @media screen and ( max-width: 1280px ) { #unternehmen .boxLinks { width:667px; } #unternehmen .boxLinks p { padding: 0 25px 35px 25px; } #unternehmen .boxRechts { width:337px; } #unternehmen .boxRechts ul li {width:337px; border-bottom:1px solid #f4f4f4; height:210px; line-height:11pt;} #unternehmen .boxUnten { width:1024px; display:none; } #unternehmen .boxContentOben { width:1024px; } #unternehmen .boxContentUnten { width:1024px; } } @media screen and ( max-width: 1080px ) { #unternehmen .boxContentOben { width:830px; } #unternehmen .boxLinks { width: 800px; padding: 0 ; } #unternehmen .boxRechts { width:800px; margin-top:0; padding: 0 15px 0 15px; } #unternehmen .boxUnten { width:800px; } #unternehmen .boxRechts h2 { margin-left:15px; } #unternehmen .boxRechts ul li p { font-size:9pt; line-height:10pt; } #unternehmen .boxRechts ul li { float:left; width:33.333%; height: 250px; } #unternehmen .boxRechts ul li a { color:#111; font-weight:500; } } @media screen and ( max-width: 885px ) { #unternehmen h5.h5Headline { margin:0; } #unternehmen .boxContentOben { width:100%; } #unternehmen .boxLinks { width:100%; margin-top:0px;background-color:#f4f4f4; } #unternehmen .boxLinks p { padding: 0 0 20px 0; font-size:10pt; } #unternehmen .boxRechts { width:100%; padding: 0; } #unternehmen .boxRechts ul li { width:50%; border-bottom:3px solid #f4f4f4; } #unternehmen .boxRechts ul li:last-child { border-bottom:3px solid #f4f4f4; } #unternehmen .boxRechts ul li span { background-color:#CCC; } #unternehmen .boxRechts ul li span.linieBalkenGelb { background-color:#f57d1f; } #unternehmen .boxRechts .linieGrau { background-color:#CCC; } } @media screen and ( max-width: 550px ) { #unternehmen .boxRechts ul li { width:100%; } } /* ---------------------- LEISTUNGEN ---------------------------- */ #leistungen { background-color:#FFF; height:530px; overflow:hidden;} #leistungen h5.h5Headline { font-size:28pt; color:#555; font-weight:700; margin:155px 0 0 0; padding:0; } #leistungen .contentLeistungen { list-style:none; width:100%; height:auto; margin:0; padding:0; display:inline-block; } /* #leistungen .boxButtonLeistungen { width:24.25%; height:150px; background-color:#f4f4f4; margin:55px 1% 0 0 ; padding:0; position:relative; cursor:pointer; float:left; } */ /*3er set*/ /* #leistungen .boxButtonLeistungen { width:32.65%; height:150px; background-color:#f4f4f4; margin:55px 1% 0 0 ; padding:0; position:relative; cursor:pointer; float:left; } */ #leistungen .boxButtonLeistungen { width:31%; height:150px; background-color:#f4f4f4; margin:35px 1% 0 0 ; padding:0; position:relative; cursor:pointer; float:left; } #leistungen .aktivBoxButton { background-color:#dadada; } #leistungen .boxButtonLeistungen:last-child { margin:35px 0 0 0 ; } #leistungen .boxButtonLeistungen:hover { background-color:#f57d1f; } #leistungen .boxButtonLeistungen:hover .linieBalkenGelb { background-color:#0f6972; } #leistungen .boxButtonLeistungen:hover .gruen { display:block; } #leistungen .boxButtonLeistungen:hover .grau { display:none; } #leistungen .boxButtonLeistungen:hover h1 { color:#fff; } #leistungen .boxButtonLeistungen:hover p { color:#fff; } #leistungen .boxButtonLeistungen:hover .trennLinieMore { background-color:#0f6972; } #leistungen .boxLinks { position:absolute; left:0; } #leistungen .boxLinks img { width:85px; height:auto; margin:35px 25px 25px 25px; } #leistungen .boxLinks img.gruen { display:none; } #leistungen .boxRechts { position:absolute; left:135px; } #leistungen .boxRechts h1 { color:#555; font-size:16pt; text-transform:uppercase; font-weight:700; margin:10px 0 5px 0; } #leistungen .boxRechts p { color:#555; margin: 10px 15px 0 0; font-size:8pt; font-weight:600!important; } #leistungen .boxRechts p.more { widht:100%; height:auto; text-align:right; font-weight:700; font-size:8pt; margin:5px 15px 0 0; } #leistungen .boxRechts .linieBalkenGelb { width:50px; } #leistungen .boxRechts .trennLinieMore { width:90%; height:1px; display:block; background-color:#CCC; margin: 11px 10% 0 0; padding:0; } @media screen and ( max-width: 1280px ) { #leistungen .boxLinks img { width:55px; margin:25px; } #leistungen .boxRechts { width:155px; left:95px; } } @media screen and ( max-width: 1080px ) { /* #leistungen .boxLinks { width:100%; left:125px; } */ #leistungen .boxLinks { width:100%; left:165px; } #leistungen .boxLinks img { width:40px; margin:15px; } #leistungen .boxRechts { width:95%; top:0px;left:15px; } } @media screen and ( max-width: 885px ) { #leistungen .boxButtonLeistungen { width:47%; margin:20px 3% 0 0; } #leistungen .boxButtonLeistungen:last-child { margin:20px 3% 0 0; } } @media screen and ( max-width: 470px ) { #leistungen .boxButtonLeistungen { width:100%; margin: 20px 0 0 0; } #leistungen .boxButtonLeistungen:last-child { margin:20px 0 0 0; } } #leistungen .containerLeistungen { width:100%; height:auto; display:inline-block; margin:0; padding:0; } #leistungen .containerLeistungen h4 { color:#333; font-size:14pt; font-weight:700; margin:15px 0 5px 0; } #leistungen .containerLeistungen dl.pp_accordion { padding: 0 15px 0 15px; } #leistungen .containerLeistungen dt { color:#555; font-size:16pt; font-weight:400; margin:10px 0 0 0 ; cursor:pointer; padding: 5px 0 0 0; height:25px; } #leistungen .containerLeistungen dd { display:none; margin:19px 0 10px 0; padding: 10px 25px 20px 25px;background-color:#dadada; } #leistungen .containerLeistungen dd p { font-size:10pt!important;} #leistungen .containerLeistungen .pp_aktiv { color:#0f6977; font-weight:200; font-size:28pt; height:35px; margin:20px 0 0; } #leistungen .containerLeistungen .linieAccorrdion { background-color:#dadada; width:100% ; height:1px; display:block; margin:0 ; padding:0; } #leistungen .containerLeistungen .linieBalkenGelb {width:0;margin:5px 0 0 0; } #leistungen .containerLeistungen .pp_aktiv .linieBalkenGelb {width:143px; } #leistungen .dreieckLeistung { width:0; height:0; display:block; background-color:transparent; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #dadada;} #leistungen .dreieckLeistung { margin: -10px 15px 10px auto;} #leistungen .pp_aktiv .dreieckLeistung { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg); border-top: 6px solid #015033; } #leistungen .containerLeistungen dt:hover { font-size:16pt; font-weight:700; color:#0f6977; } #leistungen .containerLeistungen dt:hover .linieBalkenGelb { width:143px; } #leistungen .containerLeistungen dt:hover .dreieckLeistung { border-top: 6px solid #0f6977; } #leistungen .articleStyle { width:1271px; height:auto; background-color:#FFF; border:2px solid #dadada; display:inline-block; } #leistungen .articleStyle p { color:#555; font-size:12pt; margin: 10px 15px 0 15px; font-weight:600; } #leistungen .articleStyle h1 { color:#0f6977; font-size:28pt; text-transform:uppercase; margin: 15px 0 0 15px; font-weight:700; /*width:1246px;*/ height:auto; border-bottom:3px solid #f4f4f4; } #leistungen .articleStyle h2 { color:#333; font-size:22pt; margin: 15px 0 0 0; font-weight:700; width:100%; height:auto; } #leistungen .articleStyle h3 { color:#333; font-size:16pt; font-weight:700; margin:20px 0 5px 0; } #leistungen .automotive h2 { margin: 15px 0 0 15px; width:auto; } #leistungen .objekt { position:relative; } #leistungen .automotive { } #leistungen .industrie { } #leistungen .haushalte { } #leistungen .inaktiv { display:none; } #leistungen .aktiv { display:inline-block; margin-top: 20px;} #leistungen .buttonClose { width:145px; height:28px; text-align:center; position:absolute; left:50%; bottom:-50px; background-color:#f57d1f; text-transform:uppercase; color:#fff; font-weight:400; display:block; } #leistungen .buttonClose { padding:7px 0 0 0; cursor:pointer; font-size:14pt; } #leistungen .buttonClose:hover { background-color:#0f6977; color:#fff; } #leistungen .containerLinks { width:601px; height:auto; background-color:#f4f4f4; margin:15px ; padding:0; display:inline-block; overflow:hidden; } #leistungen .containerLinks img { width:100%; height:auto; margin:20px 0 0 0; padding:0; } #leistungen .containerLinks .img { width:601px; height:700px; margin:0 ; padding:0; position:absolute; top:70px; overflow:hidden; display:block; } #leistungen .containerLinks .img img { width:571px; height:auto; margin: 15px; padding:0; } #leistungen .contentLinks { width:100%; height:auto; margin:0; padding:0; } #leistungen .sammelContentAutomotive { width:100%; height:auto; margin:0; display:inline-block; } #leistungen .sammelContentAutomotive .containerRechts { float:right; margin:15px 15px 15px 0;} #leistungen .sammelContentAutomotive .containerLeft { float:left; } #leistungen .sammelContentAutomotive h3 { font-size:14pt; font-weight:700; color:#333; margin: 25px 0 20px 0; } #leistungen .containerRechts { width:620px; height:auto; background-color:#f4f4f4; margin:0 0 15px 0 ; padding:0 ; display:inline-block; overflow:hidden; } #leistungen .containerRechts .img { width:601px; height:700px; margin:0 ; padding:0; overflow:hidden; display:block; } #leistungen .containerRechts .img img { width:571px; height:auto; margin: 15px; padding:0; } #leistungen .contentRechts { width:100%; height:auto; margin:0; padding:0; } @media screen and ( max-width: 1280px ) { #leistungen .articleStyle { width: 1024px; } #leistungen .containerLinks { width:512px; } #leistungen .containerLinks .img { width:512px; } #leistungen .containerLinks .img img { width:512px; margin:30px 0 15px 0; } #leistungen .containerRechts .img { width:512px; } #leistungen .containerRechts .img img { width:512px; margin:30px 0 15px 0; } #leistungen .containerRechts { width:459px; } #leistungen .articleStyle h1 { /*width:990px;*/ } } @media screen and ( max-width: 1080px ) { #leistungen .articleStyle { width: 800px; } #leistungen .containerLinks { width:365px; } #leistungen .containerLinks .img { width:365px; } #leistungen .containerLinks .img img { width:365px; } #leistungen .containerRechts { width:365px; } #leistungen .containerRechts .img { width:365px; } #leistungen .containerRechts .img img { width:365px; } #leistungen .articleStyle h1 { width:750px; } } @media screen and ( max-width: 885px ) { #leistungen .articleStyle h1 { width:95%; } #leistungen .articleStyle h2 { margin:10px 15px 0 15px; } #leistungen .articleStyle h3 { margin:10px 15px 0 15px; } #leistungen .articleStyle h4 { margin:10px 15px 0 15px; } #leistungen .articleStyle dd { padding:10px 0 20px 0; } #leistungen .articleStyle { width:100%; border:none; } #leistungen .objekt .containerLinks { display:none; } #leistungen .containerLinks { width:100%; margin: 0px;} #leistungen .containerRechts { width:100%; float:none; } #leistungen .sammelContentAutomotive h2 { font-size:24pt;} #leistungen .sammelContentAutomotive .containerLinks { margin:0;} #leistungen .sammelContentAutomotive .containerRechts { margin:0;} #leistungen .sammelContentAutomotive .img { width:100% !important; height:auto; margin: 0; } #leistungen .sammelContentAutomotive .img img { width:100% !important; height:auto; margin: 10px 0 10px 0; } } #leistungen .automotive .img { height:auto; position:static; } #leistungen .industrie .contentOben { width:1235px; height:auto; margin:15px 15px 0 15px; padding:0; display:inline-block; background-color:#f4f4f4; overflow:hidden; } #leistungen .industrie .imgHeaderIndustrie { width:1235px; height:auto; margin:0; padding:0; } #leistungen .industrie .imgHeaderIndustrie img { width:1205px; height:auto; margin: 15px; padding:0; } #leistungen .industrie .contentUnten { width:1235px; height:auto; margin:0 15px 15px 15px; padding:0; background-color:#f4f4f4; display:inline-block; } #leistungen .contentUnten ul.boxWuerfel { width:1205px; height:auto; margin: 0 15px 15px 15px; padding:0; display:inline-block; list-style:none; overflow:hidden;} #leistungen .contentUnten ul.boxWuerfel li { width:192.4996px; height:192.4996px; margin:10px 0 0 10px; padding:0; display:inline-block; float:left; cursor:pointer; position:relative; overflow:hidden; background-color:#0f6972; } #leistungen .contentUnten ul.boxWuerfel li:first-child { margin:10px 0 0 0; } #leistungen .contentUnten ul.boxWuerfel li:nth-child(7) { margin: 10px 0 0 0; } #leistungen .contentUnten ul.boxWuerfel li:nth-child(13) { margin: 10px 0 0 0; } #leistungen .contentUnten ul.boxWuerfel li h2 { color:#FFF; margin: 45px 0 0 10px; line-height:18pt; width:185.833px; font-weight:400; font-size:20pt } /* #leistungen .contentUnten ul.boxWuerfel li:nth-child(1) { background-color:#eed700 ; } #leistungen .contentUnten ul.boxWuerfel li:nth-child(2) { background-color:#dec900 ; } #leistungen .contentUnten ul.boxWuerfel li:nth-child(3) { background-color:#fbeb51 ; } #leistungen .contentUnten ul.boxWuerfel li:nth-child(4) { background-color:#e7d52b ; } #leistungen .contentUnten ul.boxWuerfel li:nth-child(5) { background-color:#fce938 ; } #leistungen .contentUnten ul.boxWuerfel li:nth-child(6) { background-color:#dec900 ; } #leistungen .contentUnten ul.boxWuerfel li:nth-child(7) { background-color:#fce938 ; } #leistungen .contentUnten ul.boxWuerfel li:nth-child(8) { background-color:#fbeb51 ; } #leistungen .contentUnten ul.boxWuerfel li:nth-child(9) { background-color:#e7d52b ; } #leistungen .contentUnten ul.boxWuerfel li:nth-child(10) { background-color:#dec900 ; } #leistungen .contentUnten ul.boxWuerfel li:nth-child(11) { background-color:#eed700 ; } #leistungen .contentUnten ul.boxWuerfel li:nth-child(12) { background-color:#fbeb51 ; } */ #leistungen .contentUnten ul.boxWuerfel li:hover { background-color:#f57d1f ; } #leistungen .contentUnten ul.boxWuerfel li .balkenGruen { display:block; width:100%; height:0; position:absolute; bottom:0; background:#0f6972; color:#fff; } #leistungen .contentUnten ul.boxWuerfel li .balkenGruen p { /*color:#f57d1f;*/ color:#FFF; font-size:9pt; } #leistungen .contentUnten ul.boxWuerfel li:hover .balkenGruen { height:35px; } #leistungen .contentUnten ul.boxWuerfel li:hover h2 { font-size:20pt; margin:5px 0 0 15px ; color:#fff; } #leistungen .contentUnten ul.boxWuerfel li:hover .iconPlus { margin:15px 0 auto 160px; } #leistungen .contentUnten ul.boxWuerfel li.bgLiGelb { background-color:#CCC; } #leistungen .contentUnten ul.boxWuerfel li.bgLiGelb h2 { color:#0f6972; } #leistungen .boxWuerfelContent { position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; } #leistungen .bgVerlauf { position:absolute; top:0; left:0; z-index:1; opacity:0; } #leistungen li:hover .bgVerlauf { opacity:1; } #leistungen .iconPlus { width:15px; height:15px; border:1px solid #0f6972; position:relative; margin:-35px 0 auto 160px; } #leistungen .iconPlus .linieIconPlus { width:9px; height:1px; display:block; background-color:#0f6972; margin: 0 ; top:7px; left:3px; position:absolute; } #leistungen .iconPlus .linieIconPlus:before { width:1px; height:9px; display:block; background-color:#0f6972; margin: 0 ; top:-4px; left:4px; position:absolute; content:""; } #leistungen .contentIndustrie { width:1205px; height:auto; margin: 0 15px 15px 15px; padding:0; display:inline-block; background-color:#FFF; } #leistungen .contentIndustrie h3 { margin:15px auto 15px 15px; } #leistungen .contentIndustrie p { margin: 15px 15px 0 15px; } #leistungen .uniStyleBoxIndustrie { width:100%; height:auto; margin:0; padding:0; } #leistungen .uniStyleBoxIndustrie h1 {color:#0f6972; font-size:36pt; text-transform:uppercase; margin: 15px 0 0 15px; font-weight:300; /*width:1205px;*/ height:auto; border-bottom:3px solid #f4f4f4; } #leistungen .uniStyleBoxIndustrie h2 { margin: 15px 0 0 15px; } #leistungen .uniStyleBoxIndustrie h3 { margin:15px auto 15px 15px; } #leistungen .uniStyleBoxIndustrie { margin:15px 0 15px 0; } #leistungen .uniStyleBoxIndustrie .linieBalkenGelb { width:143px; margin: -5px auto 10px 15px; } @media screen and ( max-width: 1280px ) { #leistungen .industrie .contentOben { width:994px; } #leistungen .industrie .imgHeaderIndustrie { width:1024px; } #leistungen .industrie .imgHeaderIndustrie img { width:964px; } #leistungen .contentUnten ul.boxWuerfel li h2 { margin:20px 0 0 10px; font-size: 16pt; width:150px; line-height:16pt; } #leistungen .industrie .contentUnten { width:994px; } #leistungen .contentUnten { width:994px; } #leistungen .contentUnten ul.boxWuerfel { width: 964px; } #leistungen .contentUnten ul.boxWuerfel li { width:151.9px; height:151.9px; } #leistungen .contentUnten ul.boxWuerfel li:nth-child(12) { margin:10px 0 0 10px; } #leistungen .contentUnten ul.boxWuerfel li:hover h2 { font-size:17pt; margin:0 0 0 10px ; } #leistungen .contentIndustrie { width:964px; } #leistungen .uniStyleBoxIndustrie h1 { /*width:964px;*/ } #leistungen .iconPlus { margin: -25px 0 auto 130px } #leistungen .contentUnten ul.boxWuerfel li:hover .iconPlus { margin:15px 0 auto 130px; } } @media screen and ( max-width: 1080px ) { #leistungen .industrie .contentOben { width:770px; } #leistungen .industrie .imgHeaderIndustrie { width:770px; } #leistungen .industrie .imgHeaderIndustrie img { width:740px; } #leistungen .industrie .contentUnten { width:770px; } #leistungen .contentUnten ul.boxWuerfel { width:740px; } #leistungen .contentUnten ul.boxWuerfel li { width:176.9px; height:176.9px; } #leistungen .contentUnten ul.boxWuerfel li:nth-child(5) { margin:10px 0 0 0; } #leistungen .contentUnten ul.boxWuerfel li:nth-child(7) { margin:10px 0 0 10px; } #leistungen .contentUnten ul.boxWuerfel li:nth-child(9) { margin:10px 0 0 0; } #leistungen .iconPlus { margin: -25px 0 auto 155px } #leistungen .contentUnten ul.boxWuerfel li:hover .iconPlus { margin:15px 0 auto 155px; } #leistungen .contentIndustrie { width:740px; } #leistungen .uniStyleBoxIndustrie { width:740px; } #leistungen .uniStyleBoxIndustrie h1 { /*width:740px;*/ } } @media screen and ( max-width: 885px ) { #leistungen .industrie .contentOben { width:100%;margin:15px 0 0 0; } #leistungen .industrie .imgHeaderIndustrie { width:100%; overflow:hidden; display:none; } /* --> display:none; wieder rausnehmen */ #leistungen .industrie .imgHeaderIndustrie img { margin:0; } #leistungen .industrie .contentUnten { width:100%; margin:0; background-color:#FFF; } #leistungen .industrie h1 { border-bottom:none; margin:15px 0 0 15px; } #leistungen .contentUnten ul.boxWuerfel { width:100%; margin:0; } #leistungen .contentUnten ul.boxWuerfel li { width:33.3333%; display:inline-block; } #leistungen .contentUnten ul.boxWuerfel li:nth-child(4) { margin:10px 0 0 0; } #leistungen .contentUnten ul.boxWuerfel li:nth-child(5) { margin:10px 0 0 10px; } #leistungen .contentUnten ul.boxWuerfel li:nth-child(7) { margin:10px 0 0 0; } #leistungen .contentUnten ul.boxWuerfel li:nth-child(8) { margin:10px 0 0 10px; } #leistungen .contentUnten ul.boxWuerfel li:nth-child(9) { margin:10px 0 0 10px; } #leistungen .contentUnten ul.boxWuerfel li:nth-child(10) { margin:10px 0 0 0; } #leistungen .contentUnten ul.boxWuerfel li h2 { width:auto; height:auto; font-size:12pt; margin:25px 5px auto 5px; text-align:center; } #leistungen .contentUnten ul.boxWuerfel li:hover h2 { font-size:13pt; margin:0 5px 0 5px; font-weight:500; } #leistungen .contentIndustrie { width:100%; margin: 0 0 15px 0; } #leistungen .contentIndustrie p { margin: 15px 0 0 0; } #leistungen .uniStyleBoxIndustrie { width:100%; margin:0; } #leistungen .uniStyleBoxIndustrie h1 { width:100%; margin:15px 0 0 0; font-size:24pt; font-weight:500; } #leistungen .uniStyleBoxIndustrie h2 { margin: 15px 0 0 0; } #leistungen .uniStyleBoxIndustrie .linieBalkenGelb { margin: 0 auto 10px 0; } } #leistungen .sammelContentHaushalte { width:1235px; height:auto; margin:15px; display:inline-block; background-color:#f4f4f4; } #leistungen .sammelContentHaushalte .containerLinks { width:595.5px; height:auto; margin:15px 10px 15px 15px; padding:0; float:left; } #leistungen .sammelContentHaushalte .containerRechts { width:595.5px; height:auto; margin:15px 15px 15px 0; padding:0; float:right; } #leistungen .containerRechts .imgHeaderHaushalte { width:100%; height:auto; display:inline-block; margin:0; padding:0; overflow:hidden; } #leistungen .containerRechts .imgHeaderHaushalte img { width:100%; height:auto; margin:0; padding:0; } #leistungen ul.boxWuerfelHaushalte { width:100%; height:auto; margin:0; padding:0; list-style:none; display:inline-block; overflow:hidden; } #leistungen ul.boxWuerfelHaushalte li { width:191.833px; height:191.833px; margin: 10px 0 0 10px ; padding:0; display:inline-block; float:left; cursor:pointer; position:relative; overflow:hidden; background-color:#0f6972; } #leistungen ul.boxWuerfelHaushalte li:first-child { margin: 10px 0 0 0 ; } #leistungen ul.boxWuerfelHaushalte li:nth-child(4) { margin: 10px 0 0 0 ; } #leistungen ul.boxWuerfelHaushalte li h2 { color:#FFF; margin: 45px 0 0 10px; line-height:18pt; width:1168.5px; font-weight:400; font-size:20pt; } #leistungen ul.boxWuerfelHaushalte li .balkenGruen { display:block; width:100%; height:0; position:absolute; bottom:0;background:#0f6972; color:#fff; } #leistungen ul.boxWuerfelHaushalte li .balkenGruen p { color:#fff; font-size:9pt; } #leistungen ul.boxWuerfelHaushalte li.bgLiGelb { background-color:#CCC; } #leistungen ul.boxWuerfelHaushalte li.bgLiGelb h2 { color:#0f6972; } #leistungen ul.boxWuerfelHaushalte li img { margin:0!important; } /*#leistungen ul.boxWuerfelHaushalte li:nth-child(1) { background-color:#eed700; } #leistungen ul.boxWuerfelHaushalte li:nth-child(2) { background-color:#dec900; } #leistungen ul.boxWuerfelHaushalte li:nth-child(3) { background-color:#fbeb51; } #leistungen ul.boxWuerfelHaushalte li:nth-child(4) { background-color:#e7d52b; } #leistungen ul.boxWuerfelHaushalte li:nth-child(5) { background-color:#fce938; } #leistungen ul.boxWuerfelHaushalte li:nth-child(6) { background-color:#dec900; } */ #leistungen ul.boxWuerfelHaushalte li:hover { background-color:#f57d1f ; } #leistungen ul.boxWuerfelHaushalte li:hover .balkenGruen { height:35px; } #leistungen ul.boxWuerfelHaushalte li:hover h2 { font-size:20pt; margin:5px 0 0 15px ; color:#fff; } #leistungen ul.boxWuerfelHaushalte li:hover .iconPlus { margin:15px 0 auto 160px;} #leistungen .contentHaushalte { width:1205px; height:auto; margin: 0 15px 15px 15px; padding:0; display:inline-block; background-color:#FFF;} #leistungen .uniStyleBoxHaushalte h1 {color:#0f6972; font-size:36pt; text-transform:uppercase; margin: 15px 0 0 15px; font-weight:300; width:1205px; height:auto; border-bottom:3px solid #f4f4f4; } #leistungen .uniStyleBoxHaushalte h3 {margin:15px auto 15px 15px; } #leistungen .uniStyleBoxHaushalte .linieBalkenGelb { width:143px; margin: -5px auto 10px 15px; } @media screen and ( max-width: 1280px ) { #leistungen .sammelContentHaushalte { width:994px; } #leistungen .sammelContentHaushalte .containerLinks { width: 487px; } #leistungen .sammelContentHaushalte .containerRechts { width: 467px; } #leistungen ul.boxWuerfelHaushalte li { width:155.3px; height:155.3px; } #leistungen ul.boxWuerfelHaushalte li h2 { margin:25px 0 0 15px; font-size: 16pt; width:150px; line-height:16pt; } #leistungen ul.boxWuerfelHaushalte li:hover h2 { font-size:17pt; margin:0 0 0 10px ; } #leistungen ul.boxWuerfelHaushalte li:hover .iconPlus { margin:15px 0 auto 130px; } #leistungen .contentHaushalte { width:964px; } #leistungen .uniStyleBoxHaushalte h1 { width:964px; } } @media screen and ( max-width: 1080px ) { #leistungen .sammelContentHaushalte { width:770px; } #leistungen .sammelContentHaushalte .containerLinks { width:345px;} #leistungen .sammelContentHaushalte .containerRechts { width:385px; } #leistungen .containerRechts .imgHeaderHaushalte { height:487px; } #leistungen .containerRechts .imgHeaderHaushalte img { width:auto; height:487px; } #leistungen .sammelContentHaushalte .contentUnten { width:740px; } #leistungen .contentHaushalte { width:740px; } #leistungen .contentHaushalte h1 { width:740px; } #leistungen ul.boxWuerfelHaushalte li:nth-child(3) { margin:10px 0 0 0px; } #leistungen ul.boxWuerfelHaushalte li:nth-child(4) { margin:10px 0 0 10px; } #leistungen ul.boxWuerfelHaushalte li:nth-child(5) { margin:10px 0 0 0px; } } @media screen and ( max-width: 885px ) { #leistungen .sammelContentHaushalte { width:100%; margin:0; background-color:#FFF!important; } #leistungen .sammelContentHaushalte .containerLinks { width:100%; margin:0; background-color:#FFF!important; } #leistungen ul.boxWuerfelHaushalte li:nth-child(3) { margin:10px 0 0 10px; } #leistungen ul.boxWuerfelHaushalte li:nth-child(4) { margin:10px 0 0 0; } #leistungen ul.boxWuerfelHaushalte li:nth-child(5) { margin:10px 0 0 10px; } #leistungen ul.boxWuerfelHaushalte li { width:33.3%; } #leistungen ul.boxWuerfelHaushalte li h2 {width:auto; height:auto; font-size:12pt; margin:25px 5px auto 5px; text-align:center;} #leistungen ul.boxWuerfelHaushalte li:hover h2 { font-size:13pt; margin:0 5px 0 5px; font-weight:500; } #leistungen .haushalte .contentUnten { width:100%; margin:0; background-color:#FFF; } #leistungen .haushalte .contentUnten .contentHaushalte { width:100%; margin:0; } #leistungen .haushalte .imgHeaderHaushalte { display:none; } #leistungen .haushalte .uniStyleBoxHaushalte h1 { margin: 15px 0 0 0; width:100%; } #leistungen .haushalte .uniStyleBoxHaushalte h2 { margin: 15px 0 0 0; } #leistungen .haushalte .uniStyleBoxHaushalte p { margin: 15px 0 0 0; } #leistungen .haushalte .uniStyleBoxHaushalte .linieBalkenGelb { margin:0 auto 10px 0; } } #leistungen .videobox{ width: 96%; height: auto; background-color: #f4f4f4; margin: 20px 1%; padding: 1%; display: inline-block; overflow: hidden; } #leistungen .dreiervideo{ border: 5px solid #f4f4f4; width: 32%; float: left; } @media screen and ( max-width: 890px ) { #leistungen .dreiervideo{ width: 100%; } } #leistungen .btndl { float:left; text-align:center; background-color:#f57d1f; text-transform:uppercase; color:#015033; font-weight:400; display:block; } #leistungen .btndl { padding:7px 10px;; cursor:pointer; font-size:14pt; margin: 0px 10px 0px 0px; } #leistungen .btndl:hover { background-color:#0f6977; color:#f57d1f; } @media screen and ( max-width: 890px ) { #leistungen .btndl { width: 95%; margin: 10px 0px; padding: 30px 10px; } } .leistungennewxi{ font-weight: 400!important; } .leistungennewxiimage{ width: 100%; height: auto; margin: 0px 0 20px 0!important; padding: 0; } /* ---------------------- SERVICE ---------------------------- */ #service { background-color:#FFF; height:260px; } #service .uniBox { z-index:2; margin:25px 0 0 0; } #service .img24hService { width:20%; height:auto; float:left; } #service .contentBoxHeadline { width:80%; height:auto; margin:0; padding:0; border-bottom: 1px solid #FFF; float:right; } #service .contentBoxHeadline h2 { font-size:72pt; margin:0; padding:0; color:#f57d1f; font-weight:200; text-transform:uppercase; float:left; } #service .contentBoxHeadline h3 { font-size:21pt; margin:55px 0 0 0; padding:10px 0 0 0; color:#FFF; font-weight:200; text-transform:uppercase; float:right; border-top:1px solid #FFF; letter-spacing:4.7px; } #service .contentBoxService { width:80%; margin:125px 0 0 20%; padding:0; } #service .contentBoxService .boxTelefonService { width:45%; height:auto; float:right; } #service .contentBoxService p { width:55%; color:#FFF; font-size:12pt; font-weight:400; float:left; margin:0; } #service .contentBoxService h4 { width:100%; color:#FFF; font-size:18pt; font-weight:700; color:#f57d1f; font-size:40pt; margin:25px 0 0 0; } #service .bgImgService { width:100%; height:260px; background-image:url(../img/bgService01.jpg); background-attachment:fixed; background-position:center center; background-size:cover; position:absolute; } @media screen and ( max-width: 1280px ) { #service .contentBoxHeadline h3 { letter-spacing:1px; } #service .contentBoxService h4 { font-size:30pt; margin:25px auto 0 30px; } #service .contentBoxService p { width:60%; } #service .contentBoxService .boxTelefonService { width:40%; } } @media screen and ( max-width: 885px ) { #service .img24hService { width:50%; margin: 0 25% 0 25%; } #service .img24hService img { width:100%; } #service .contentBoxHeadline { width:100%; } #service .bgImgService { width:100%; height:100%; background-attachment:local; } #service .bgImgService img { width:100%; height:auto; } #service .contentBoxHeadline h2 { display:none; } #service .contentBoxHeadline h3 { width:100%; margin:25px 0 0 0; padding:10px 0 10px 0; text-align:center; font-weight:400; color:#f57d1f; } #service .contentBoxService { width:100%; height:auto; display:inline-block; margin:15px 0 0 0; } #service .contentBoxService p { float:none; width:100%; text-align:justify; padding: 0 0 15px 0; border-bottom: 1px solid #f57d1f; } #service .contentBoxService h4 { width:100%; margin:5px 0 0 0; text-align:center; border-bottom:1px solid #f57d1f; padding: 0 0 25px 0; } #service .contentBoxService a { color:#f57d1f; } #service .contentBoxService .boxTelefonService { width:100%; } } /* ---------------------- KARRIERE ---------------------------- */ #karriere { width:100% ;background-color:#f4f4f4; } #karriere .uniBox { margin:30px 0 0 0; } #karriere .h5Headline { color:#0f6977; font-weight:700; font-size:42pt; text-align:center; text-transform:uppercase; margin:0; } #karriere .linieWeiss { width:150px;height:1px; display:block; background-color:#0f6977; margin:5px auto 0 auto; padding:0; } #karriere .contentKarriere { width:50%; height:auto; margin:0 auto 0 auto; padding:0; left:50%; } #karriere .contentKarriere h3 { font-size:20pt; color:#0f6977; margin:5px 0 0 0; padding:0; font-weight:700; text-align:center; width:100%; } #karriere .contentKarriere dt { font-size:16pt; color:#777; margin:5px 0 0 25px; padding: 0 ; font-weight:700; cursor:pointer; display:block; height:40px; } #karriere .contentKarriere dt h4 { font-size:18pt; color:#0f6977; margin:25px 0 0 50px; padding: 5px 0 0 25px; font-weight:400; cursor:pointer; display:block; height:35px; border-top:1px solid rgba(255,255,255, 0.7); border-bottom:1px solid rgba(255,255,255, 0.7); } #karriere .contentKarriere dt h4:hover { color:#333; } #karriere .contentKarriere dt .plusPunkt { display:block; width:15px; height:3px; background-color:#FFF; margin:17.5px 0 0 2.5px; padding:0; float:left; } #karriere .contentKarriere dt .plusPunkt:after { display:block; height:15px; width:3px; background-color:#FFF; margin:-6px 0 0 6px; padding:0;content:""; } #karriere .contentKarriere .pp_aktiv { height:40px; } #karriere .contentKarriere .pp_aktiv h4 { color:#333; border-bottom:none; border-top: 1px solid #333; } #karriere .contentKarriere .pp_aktiv .plusPunkt:after { transform:rotate(90deg); margin:-5.5px 0 0 5.5px; background-color:#f57d1f; } #karriere .contentKarriere .pp_aktiv .plusPunkt { background-color:#f57d1f; } #karriere .contentKarriere dd { margin:0 0 0 75px; padding: 15px 0 0 50px; border-bottom: 1px solid #333; display:none; } #karriere .contentKarriere dd p { font-size:10pt; font-weight:700; margin: 0 0 15px 0; padding:0; color:#333; } #karriere .contentKarriere dd p:last-child { margin: 0 0 15px 0; padding:0 0 25px 0; } #karriere dd p.links { float:left; margin: 0 5px 15px 0; } #karriere dd p.rechts { float:none; } #karriere .boxPlus { width:30px; height:40px; background-color:#0f6977; margin:0; padding:0 0 0 10px; float:left; } @media screen and ( max-width: 1280px ) { } @media screen and ( max-width: 1080px ) { /*#karriere .contentKarriere { width:60%; } */ } @media screen and ( max-width: 885px ) { } @media screen and ( max-width: 550px ) { #karriere .uniBox { margin: 110px 0 100px 0; } #karriere .contentKarriere { width:100%; margin:0; padding:0; } #karriere .contentKarriere dt h4 { padding: 10px 0 0 10px; margin: 5px 0 0 40px; line-height:14pt; font-size:14pt; } #karriere .contentKarriere dt { margin:25px 0 0 0; } #karriere .contentKarriere dd { padding:10px 0 0 10px; margin: 5px 0 0 40px; width:80% } } /* ---------------------- KONTAKT ---------------------------- */ #kontakt { background-color:#CCC; height:800px; } #kontakt h5 { color:#f57d1f; font-size:48pt; } #kontakt .uniBox { z-index:10; } #kontakt .bgImgKontakt { width:100%; height:100%; background-image:url(../img/imgBgKontakt_01.jpg); background-attachment:fixed; background-position:center center; background-size:cover; position:absolute; } #kontakt ul.uniListKontakt { width:100%; height:auto; display:inline-block; list-style:none; margin:65px 0 0 0; padding:0; } #kontakt ul.uniListKontakt li { width:24%; height:auto; margin: 25px 1% 0 0; padding:0; float:left; } #kontakt ul.uniListKontakt h2 { font-size:12pt; font-weight:700; margin:15px 0 5px 0; padding:0; } #kontakt ul.uniListKontakt h3 { font-size:36pt; font-weight:200; margin:20px 0 0 0; padding:0; color:#f57d1f; } #kontakt ul.uniListKontakt p { font-size:12pt; font-weight:300; margin: 0 0 5px 0; padding:0; color:#FFF; } #kontakt ul.uniListKontakt .iconFB { width:auto; height:auto; display:inline-block; margin:15px 0 10px 0; } #kontakt ul.uniListKontakt .iconFB:hover { box-shadow:0 0 15px rgba(255,255,255, 0.5); } #kontakt ul.uniListKontakt p.anschrift { margin:10px 0 0 0; } #kontakt ul li.liBoxFormular { width:50%; height:auto; padding:0; margin:25px 0 0 0; } #kontakt ul li.liBoxFormular .boxBorderInput { width:100%; height:auto; padding:0; margin:25px 0 0 0; border: 1px solid #FFF; } #kontakt ul li.liBoxFormular form { width:100%; height:auto; padding:0; margin:0; } #kontakt ul li.liBoxFormular input { font-size:14pt; font-weight:400; color:#FFF; } #kontakt ul li.liBoxFormular form input:focus { outline:none; } #kontakt ul li.liBoxFormular .formularName { width:49%; height:35px; background-color:transparent; border:none; border-bottom:1px solid #FFF; margin:0 0 10px 0 ; padding: 10px 0 0 1%; float:left; } #kontakt ul li.liBoxFormular .formularNachname { width:49%; height:35px; background-color:transparent; border:none; border-bottom:1px solid #FFF; margin:0 0 10px 0 ; padding:10px 0 0 0.8%; border-left:1px solid #FFF; } #kontakt ul li.liBoxFormular .formularMail { width:99%; height:35px; background-color:transparent; border:none; border-bottom:1px solid #FFF; margin:0 0 10px 0 ; padding:0 0 0 1%; } #kontakt ul li.liBoxFormular .formularBetreff { width:99%; height:35px; background-color:transparent; border:none; border-bottom:1px solid #FFF; margin:0 0 10px 0 ; padding:0 0 0 1%; } #kontakt ul li.liBoxFormular .formularNachricht { width:99%; height:150px; background-color:transparent; border:none; margin:0 ; padding:0 0 0 1%; font-size:14pt; font-weight:400; color:#FFF; } #kontakt ul li.liBoxFormular .formularNachricht:focus { outline:none; } #kontakt ul li.liBoxFormular .buttonAbsenden { width:50%; height:35px; background-color:#FFF; margin:0 25% 0 25%; padding:0; border:none; cursor:pointer; border:none; } #kontakt ul li.liBoxFormular .buttonAbsenden:hover {background-color:transparent; color:#FFF; border-bottom: 1px solid #FFF; border-left: 1px solid #FFF; border-right:1px solid #FFF; border-top:1px solid #FFF; } #kontakt ul.listeSitemap { width:100%; height:auto; list-style:none; display:inline-block; margin:0; padding:0; } #kontakt ul.listeSitemap li { width:100%; height:auto; cursor:pointer; margin:10px 0 0 0; padding: 0 ; } #kontakt ul.listeSitemap li:first-child { margin:35px 0 0 0; padding: 0 ; } #kontakt ul.listeSitemap li a { font-size:14pt; font-weight:200; color:#FFF; margin:0 0 0 10px; padding:0; text-align:center; } #kontakt ul.listeSitemap li .boxLinieSubline {margin: 5px 0 0 0; } #kontakt ul.listeSitemap li .sitemapDreieck { float:left; width:0; height:0; display:block; background-color:transparent; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #FFF ; } #kontakt ul.listeSitemap li .sitemapDreieck { transform: rotate(-90deg);-webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg);-ms-transform: rotate(-90deg); -moz-transform: rotate(-90deg); } #kontakt ul.listeSitemap li .sitemapDreieck { margin: 7px 0 5px 0; } #kontakt ul.listeSitemap li .linieBalkenGelb { width:0; } #kontakt ul.listeSitemap li:hover .linieBalkenGelb { width:143px; } #kontakt ul.listeSitemap li:hover .sitemapDreieck { border-top: 6px solid #f57d1f; } #kontakt ul.listeSitemap li:hover a { font-weight:300; color:#f57d1f; } @media screen and ( max-width: 1080px ) { #kontakt { height:1250px; } #kontakt ul.uniListKontakt li { width:48%; } #kontakt ul.listeSitemap { height:403px;} #kontakt ul.listeSitemap li { width:100%;} #kontakt ul li.liBoxFormular { width:100%; margin:0; } #kontakt ul li.liBoxFormular .buttonAbsenden { width:25%; margin: 0 37.5% 0 37.5%; } } @media screen and ( max-width: 885px ) { #kontakt .mobilLinieSubline { display:none; } #kontakt h5.h5Headline { display:none; } #kontakt .bgImgKontakt { background-attachment:local; } #kontakt ul.uniListKontakt { margin: 0; } #kontakt ul.uniListKontakt li { width:100%; } #kontakt ul.uniListKontakt li.sitemap { display:none; } #kontakt ul li.liBoxFormular .buttonAbsenden { width:50%; margin:0 25% 0 25%; } #kontakt ul li.liBoxFormular .formularName { width: 99%; padding:10px 0 0 1%; } #kontakt ul li.liBoxFormular .formularNachname { width:99%; padding:10px 0 0 1%; border-left:none;} } /* ---------------------- FOOTER ---------------------------- */ #footer { width:100%; height:50px; margin:0; padding:0; position:relative; bottom:0;background-color:#FFF; } #footer ul { list-style:none; width:600px; height:50px; margin:0 auto 0 auto; padding:0; text-align:center; } #footer ul li { width:auto; height:auto; float:left; margin:15px 0 0 5px; } #footer ul li:first-child { margin:15px 0 0 0; } #footer ul li a { color:#777; margin: 0 ; font-weight:500; font-size:10pt; } #footer ul li a:hover { color:#333; } #footer ul li p { margin:2px 0 0 0 ; padding:0; color:#777; font-weight:500; font-size:10pt; font-family: 'Yanone Kaffeesatz', sans-serif; } #footer ul li a.linkImpressum { cursor:pointer; text-align:center; } #footer ul li a.linkImpressum:hover { color:#333; } @media screen and ( max-width: 885px ) { #footer { height:65px; } #footer ul { width:250px; height:auto; } #footer ul li { margin:10px 0 0 0; text-align:center; } #footer ul li:first-child { margin: 10px 5px 0 0; } #footer ul li:last-child { margin: 5px 0 0 0; width:100%; } } #footer .impressum { width:100%; height:auto; background-color:#FFF; display:none; } #footer .impressum .uniBox { margin:50px 0 0 0!important ; padding:0; } @media screen and ( max-width: 885px ) {#footer .impressum .uniBox { margin:100px 0 0 0!important ; padding:0; } } #footer .impressum .uniBox h1{ font-size:36px; color:#333; margin:25px 0 25px 0; padding:0; } #footer .impressum .uniBox h3{ font-size:24px; color:#333; margin: 5px 0 15px 0; padding:0; font-weight:400; } #footer .impressum .uniBox h4{ margin: 0 ; padding:0; font-size:28px; color:#333; } #footer .impressum .uniBox h4.lastChild { margin: 0 0 25px 0 ; } #footer .impressum .uniBox p{ margin:0 0 25px 0; padding:0; font-size:14px; color:#333; font-weight:400; } #footer .impressum .uniBox p.keinMargin{ margin:0 ; } #footer .impressum .uniBox a{ color:#000; } #footer .impressum .uniBox .fettFont { font-weight:700; } #footer .impressum .uniBox .balken_rot { } #footer .impressum .uniBox .balkenSchwarz { display:block; height:1px; width:100%; background-color:#CCC; margin:10px 0 10px 0; padding:0; } #footer .impressum .buttonCloseImpressum { width:150px; height:25px; display:block; background-color:#0f6972; color:#f57d1f; text-align:center; margin:0 auto 25px auto; padding: 8px 0 0 0; cursor:pointer; } #footer .impressum .buttonCloseImpressum:hover { background-color:#0f6977; } @media screen and ( max-width: 885px ) { #footer .impressum .uniBox { width:90%; margin:25px 5% 0 5%; padding:0; } #footer .impressum .uniBox p { font-size:10px; } #footer .impressum .uniBox .balkenSchwarz { width:100%; } } /**/ #footer .datenschutz { width:100%; height:auto; background-color:#FFF; display:none; } #footer .datenschutz .uniBox { margin:50px 0 0 0!important ; padding:0; } @media screen and ( max-width: 885px ) {#footer .datenschutz .uniBox { margin:100px 0 0 0!important ; padding:0; } } #footer .datenschutz .uniBox h1{ font-size:36px; color:#333; margin:25px 0 25px 0; padding:0; } #footer .datenschutz .uniBox p{ margin:0 0 25px 0; padding:0; font-size:14px; color:#333; font-weight:400; } #footer .datenschutz .uniBox p.keinMargin{ margin:0 ; } #footer .datenschutz .buttonCloseDatenschutz { width:150px; height:25px; display:block; background-color:#0f6972; color:#f57d1f; text-align:center; margin:0 auto 25px auto; padding: 8px 0 0 0; cursor:pointer; } #footer .datenschutz .buttonCloseDatenschutz:hover { background-color:#0f6977; } /**/ #footer .agb { width:100%; height:auto; background-color:#FFF; display:none; } #footer .agb .uniBox { margin:50px 0 0 0!important ; padding:0; } @media screen and ( max-width: 885px ) {#footer .agb .uniBox { margin:100px 0 0 0!important ; padding:0; } } #footer .agb .uniBox h1{ font-size:36px; color:#333; margin:25px 0 25px 0; padding:0; } #footer .agb .uniBox p{ margin:0 0 25px 0; padding:0; font-size:14px; color:#333; font-weight:400; } #footer .agb .uniBox p.keinMargin{ margin:0 ; } #footer .agb .buttonCloseDatenschutz { width:150px; height:25px; display:block; background-color:#0f6972; color:#f57d1f; text-align:center; margin:0 auto 25px auto; padding: 8px 0 0 0; cursor:pointer; } #footer .agb .buttonCloseDatenschutz:hover { background-color:#0f6977; } /**/ .kontakt-datenschutz{ text-decoration: none; color: #FFFFFF; font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 14px!important; padding: 5px 0px!important; } /*********************** ADDON 2019 *************************/ @media screen and ( max-width: 550px ) { .leistbox-bild img{width: 100%; padding: 20px 0px;} .leistbox-bild{width: 100%; float:left;} .leistbox-text{width: 100%;float:left;} } @media screen and ( min-width: 551px ) { .leistbox-bild img{width: 90%; padding: 20px 20px;} .leistbox-bild{width: 30%; float:left;} .leistbox-text{width: 70%;float:left;} } @media screen and ( min-width: 886px ) { .leistbox-bild img{width: 90%; padding: 20px;} .leistbox-bild{width: 30%; float:left;} .leistbox-text{width: 70%;float:left;} } /*********************** ADDON 2019 Labels *************************/ .clear {clear:both;} @media screen and ( min-width: 300px ) { .labelbox{margin: 50px auto; width: 70%; border: 0px solid red;} .labelboximage{padding: 10px 0px; width: 100%; text-align: center; border: 0px solid green; float:left;} .labelboximage img{width: 100%;} .labelboximageh{padding: 10px 0px; width: 100%; text-align: center; border: 0px solid green; float:left;} .labelboximageh img{width: 100%;} } @media screen and ( min-width: 500px ) { .labelbox{margin: 50px auto; width: 500px; border: 0px solid red;} .labelboximage{padding: 10px; width: 33.3%; text-align: center; border: 0px solid green; float:left;} .labelboximage img{width: 100%;} .labelboximageh{padding: 10px; width: 15%; text-align: center; border: 0px solid green; float:left;} .labelboximageh img{width: 100%;} } @media screen and ( min-width: 768px ) { .labelbox{margin: 50px auto; width: 760px; border: 0px solid red;} .labelboximage{padding: 20px; width: 33.3%; text-align: center; border: 0px solid green; float:left;} .labelboximage img{width: 100%;} .labelboximageh{padding: 20px; width: 15%; text-align: center; border: 0px solid green; float:left;} .labelboximageh img{width: 100%;} } @media screen and ( min-width: 992px ) { .labelbox{margin: 50px auto; width: 992px; border: 0px solid red;} .labelboximage{padding: 20px; width: 33.3%; text-align: center; border: 0px solid green; float:left;} .labelboximage img{width: 100%;} .labelboximageh{padding: 20px; width: 15%; text-align: center; border: 0px solid green; float:left;} .labelboximageh img{width: 100%;} } /*EU IMAGES*/ @media screen and ( min-width: 300px ) {.euimages{width:100%;}} @media screen and ( min-width: 768px ) {.euimages{width:50%;}}