#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} /* roboto-condensed-300 - latin */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; src: url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-300.eot'); /* IE9 Compat Modes */ src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-300.woff') format('woff'), /* Modern Browsers */ url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */ } /* roboto-condensed-300italic - latin */ @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 300; src: url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-300italic.eot'); /* IE9 Compat Modes */ src: local('Roboto Condensed Light Italic'), local('RobotoCondensed-LightItalic'), url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-300italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */ } /* roboto-condensed-regular - latin */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */ } /* roboto-condensed-italic - latin */ @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 400; src: url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-italic.eot'); /* IE9 Compat Modes */ src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */ } /* roboto-condensed-700 - latin */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; src: url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-700.eot'); /* IE9 Compat Modes */ src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */ } /* roboto-condensed-700italic - latin */ @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 700; src: url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-700italic.eot'); /* IE9 Compat Modes */ src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-700italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */ } /* open-sans-condensed-300 - latin */ @font-face { font-family: 'Open Sans Condensed'; font-style: normal; font-weight: 300; src: url('../../files/ppr_templates/fonts/open-sans-condensed-v12-latin-300.eot'); /* IE9 Compat Modes */ src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'), url('../../files/ppr_templates/fonts/open-sans-condensed-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/ppr_templates/fonts/open-sans-condensed-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/ppr_templates/fonts/open-sans-condensed-v12-latin-300.woff') format('woff'), /* Modern Browsers */ url('../../files/ppr_templates/fonts/open-sans-condensed-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/ppr_templates/fonts/open-sans-condensed-v12-latin-300.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */ } /* open-sans-condensed-300italic - latin */ @font-face { font-family: 'Open Sans Condensed'; font-style: italic; font-weight: 300; src: url('../../files/ppr_templates/fonts/open-sans-condensed-v12-latin-300italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans Condensed Light Italic'), local('OpenSansCondensed-LightItalic'), url('../../files/ppr_templates/fonts/open-sans-condensed-v12-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/ppr_templates/fonts/open-sans-condensed-v12-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/ppr_templates/fonts/open-sans-condensed-v12-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../../files/ppr_templates/fonts/open-sans-condensed-v12-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/ppr_templates/fonts/open-sans-condensed-v12-latin-300italic.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */ } /* open-sans-condensed-700 - latin */ @font-face { font-family: 'Open Sans Condensed'; font-style: normal; font-weight: 700; src: url('../../files/ppr_templates/fonts/open-sans-condensed-v12-latin-700.eot'); /* IE9 Compat Modes */ src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'), url('../../files/ppr_templates/fonts/open-sans-condensed-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/ppr_templates/fonts/open-sans-condensed-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/ppr_templates/fonts/open-sans-condensed-v12-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../files/ppr_templates/fonts/open-sans-condensed-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/ppr_templates/fonts/open-sans-condensed-v12-latin-700.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */ } /* news-cycle-regular - latin */ @font-face { font-family: 'News Cycle'; font-style: normal; font-weight: 400; src: url('../../files/ppr_templates/fonts/news-cycle-v14-latin-regular.eot'); /* IE9 Compat Modes */ src: local('News Cycle'), local('NewsCycle'), url('../../files/ppr_templates/fonts/news-cycle-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/ppr_templates/fonts/news-cycle-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/ppr_templates/fonts/news-cycle-v14-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/ppr_templates/fonts/news-cycle-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/ppr_templates/fonts/news-cycle-v14-latin-regular.svg#NewsCycle') format('svg'); /* Legacy iOS */ } /* news-cycle-700 - latin */ @font-face { font-family: 'News Cycle'; font-style: normal; font-weight: 700; src: url('../../files/ppr_templates/fonts/news-cycle-v14-latin-700.eot'); /* IE9 Compat Modes */ src: local('News Cycle Bold'), local('NewsCycle-Bold'), url('../../files/ppr_templates/fonts/news-cycle-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/ppr_templates/fonts/news-cycle-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/ppr_templates/fonts/news-cycle-v14-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../files/ppr_templates/fonts/news-cycle-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/ppr_templates/fonts/news-cycle-v14-latin-700.svg#NewsCycle') format('svg'); /* Legacy iOS */ } /* Contao Open Source CMS */ #wrapper { width:100%; margin:0 auto; } /** * Set the default margin of the grid columns */ *[class*="grid"] { float:left; margin-left:10px; margin-right:10px; display:inline; } /** * Add a default margin to all content elements, so they align with the floatet * ones (otherwise you would have to add "grid12" to every element) */ .mod_article *[class*="ce_"],.mod_article *[class*="mod_"] { margin-left:10px; margin-right:10px; } #right .mod_article *[class*="ce_"], #right .mod_article *[class*="mod_"] { margin-left:0; margin-right:0; } /** * Handle news and event reader modules which are added via content element and * contain content elements themselves (see #5331) */ .mod_article .mod_newsreader,.mod_article .mod_eventreader { margin-left:0; margin-right:0; } .mod_article *[class*="layout_"] > *,.mod_article *[class*="event_"] > * { margin-left:10px; margin-right:10px; } /** * Remove the margin from floated articles, because the margin is already * applied to its content elements (see above) */ .mod_article.grid1,.mod_article.grid2,.mod_article.grid3,.mod_article.grid4,.mod_article.grid5,.mod_article.grid6, .mod_article.grid7,.mod_article.grid8,.mod_article.grid9,.mod_article.grid10,.mod_article.grid11,.mod_article.grid12 { margin-left:0; margin-right:0; } /** * Automatically clear the floats in the main column, so you do not have to add * a clearing div to each article */ #main .inside { overflow:hidden; } /** * Grid column widths */ #kopfleiste .inside{ max-width:1120px; } #headerbox{ max-width:1120px; } #header .inside{ max-width:1120px; } #footer .inside{ max-width:1120px; } #underfooter #unterfooter_galery{ max-width: 1120px !important; margin:0 auto; } #container{ max-width: 1120px; } .grid1 { width:73px; position:relative; } .grid2 { width:166px; position:relative; } .grid3 { width:259px; position:relative; } .grid4 { width:352px; position:relative; } .grid5 { width:445px; position:relative; } .grid6 { width:538px; position:relative; } .grid7 { width:631px; position:relative; } .grid8 { width:724px; position:relative; } .grid9 { width:817px; position:relative; } .grid10 { width:910px; position:relative; } .grid11 { width:1003px; position:relative; } .grid12 { width:1096px; position:relative; } @media (min-width:979px) and (max-width:1140px){ #kopfleiste .inside{ max-width:960px; } #headerbox{ max-width:960px; } #header .inside{ max-width:960px; } #footer .inside{ max-width:960px; } #underfooter #unterfooter_galery{ max-width: 960px !important; } #container{ max-width: 960px; } .grid1 { width:60px; } .grid2 { width:140px; } .grid3 { width:220px; } .grid4 { width:300px; } .grid5 { width:380px; } .grid6 { width:460px; } .grid7 { width:540px; } .grid8 { width:620px; } .grid9 { width:700px; } .grid10 { width:780px; } .grid11 { width:860px; } .grid12 { width:940px; } } @media (min-width:768px) and (max-width:979px){ #kopfleiste .inside{ max-width:750px; } #headerbox{ max-width:750px; } #header .inside{ max-width:750px; } #footer .inside{ max-width:750px; } #underfooter #unterfooter_galery{ max-width: 750px !important; } #container{ max-width: 750px; } #right .inside{ margin-right:0; } .grid1 { width:42px; } .grid2 { width:104px; } .grid3 { width:166px; } .grid4 { width:228px; } .grid5 { width:290px; } .grid6 { width:352px; } .grid7 { width:414px; } .grid8 { width:476px; } .grid9 { width:538px; } .grid10 { width:600px; } .grid11 { width:662px; } .grid12 { width:724px; } } @media (max-width:767px){ *[class*="grid"] { float:none !important; display:block !important; width:auto !important; } .phonesnone{ display:none !important; } } /* ---- Sidebarpages ---- */ .sidebarpage #main{ max-width:850px; float:left; padding:0; margin:0 !important; } .sidebarpage #main .inside{ max-width:850px; float:left; padding:0; margin:0 !important; } .sidebarpage #right{ float:right; width:255px; margin:0; } .sidebarpage #right .inside{ margin-right:10px; } @media (max-width:767px){ .sidebarpage #main .inside{ margin:10px !important; margin-left:0 !important; margin-top:0 !important; } } @media (min-width:979px) and (max-width:1140px){ .sidebarpage #main{ width:720px; } .sidebarpage #main .inside{ padding-right:0; } .sidebarpage #right{ float:right; width:220px; } .grid5 { width:370px; } } @media (min-width:768px) and (max-width:979px){ .sidebarpage .grid6 { width:540px; } .sidebarpage .grid9 { width:730px; } .sidebarpage #right{ float:none; clear:left; width:730px; } .sidebarpage #right .inside{ padding:0; margin:0; width:750px; } } @media (max-width:767px){ .sidebarpage #container{ border:0 #f00 solid; width:100% !important; margin-left:0; margin-right:0; padding:0; } .sidebarpage #right{ float:none; width:auto; } .sidebarpage #right .inside{ margin:10px; } } @media (max-width:450px){ #right .ce_text img{ float:none; width:100%; margin:0; } } /* CSS Document */ html, body{ padding:0; margin:0; width:100%; min-width:320px; -webkit-text-size-adjust: none; box-sizing: content-box; background:#fff; font-family: Arial, sans-serif; font-weight:normal; font-size:15px; line-height:22px; color:#333; } .back{ clear:both; } /* Resets */ figure{ padding:0; margin:0 !important; } .clear{ clear:both; margin:0 0 0 0; } p.clear{ display:block; clear:both; margin:0 0 0 0; border:1px #00f solid; } .startseite .line{ clear:both; margin:40px 0 40px 0; height:20px; border-bottom:1px #0055a0 solid; } .invisible{ display:none; } /* Basis-Layout */ #wrapper{ width:100%; } #kopfleiste{ background:#333; color:#fff; height:40px; } #kopfleiste .inside{ margin:0 auto; height:40px; text-align:right; } #header{ position:absolute; z-index:99; top:40px; width:100%; height:150px; padding-bottom:9px; background: url(../../files/ppr_templates/images/header_shadow.png) no-repeat bottom; } #header .inside{ position:relative; margin:0 auto; padding:0; } #container{ clear:left; position:relative; min-height:800px; margin:30px auto; padding:0; } .sidebarpage #container { margin-bottom: 10px; } .startseite #container{ } @media (min-width:979px) and (max-width:1140px){ .startseite #container{ margin-top:530px; } } @media (min-width:768px) and (max-width:979px){ .startseite #container{ margin-top:450px; } } @media (min-width:681px) and (max-width:767px){ .startseite #container{ margin-top:450px; } } @media (max-width:680px){ .startseite #container{ margin-top:300px; } } #right{ padding:0; margin:0; margin-bottom:20px; } #footer{ clear:both; background:#0055a0; color:#fff; } #footer .inside{ clear:both; color:#fff; margin:0 auto; padding:0; background:url(../../files/ppr_templates/images/ppr_marke.png) no-repeat left 10px; line-height:18px; font-size:12px; font-weight:bold; } #footer .inside .fusszeile{ margin:0; } #footer .inside img{ } #underfooter{ background:#dbdbdb; min-height:50px; padding-top:2px; padding-bottom:14px; } #main .ce_text p{ -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; text-align: justify; } /* //////////////Kopfleiste ////////////// */ /* Metanavigation */ #kopfleiste .block{ display:inline-block; } #kopfleiste .mod_customnav{ margin:0; padding:0; } #kopfleiste .mod_customnav li{ display:block; float:left; list-style:none; margin-left:10px; border-left:1px #999 solid; padding: 0 0 0 10px; } #kopfleiste .mod_customnav ul{ margin:0 10px 0 0; padding:0; } #kopfleiste a{ color:#fff; text-decoration:none; font-size:16px; opacity:0.8; text-transform:uppercase; font-family: 'Open Sans Condensed', sans-serif; font-weight:700; } #kopfleiste a:hover{ opacity:1; } #kopfleiste .trail a{ color:#fff !important; text-decoration:none; font-size:16px; text-transform:uppercase; font-family: 'Open Sans Condensed', sans-serif; font-weight:700; } #kopfleiste span.active{ color:#fff; text-decoration:none; font-size:16px; text-transform:uppercase; font-family: 'Open Sans Condensed', sans-serif; font-weight:700; } /* Socialicons */ #kopfleiste .socialicons{ display:inline-block; margin-top:8px; padding:0; } #kopfleiste .socialicons ul{ margin:0; padding:0; list-style:none; } #kopfleiste .socialicons li{ display:inline-block; margin:0; margin-left:3px; list-style:none; } #kopfleiste .socialicons a{ display:block; margin:0; -webkit-opacity: 0.80; -moz-opacity: 0.80; opacity: 0.80; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; height:24px; width:24px; padding:0; font-size:1px; background-size: 24px; } #kopfleiste .socialicons a:hover{ -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } .socialicons .facebook{ background: url(../../files/ppr_templates/images/socialicons/facebook_r.png) no-repeat 0 0 #fff; } .socialicons .linkedin{ background: url(../../files/ppr_templates/images/socialicons/linkedin_r.png) no-repeat 0 0 #fff; } .socialicons .googleplus{ background: url(../../files/ppr_templates/images/socialicons/google_r.png) no-repeat 0 0 #fff; } .socialicons .xing{ background: url(../../files/ppr_templates/images/socialicons/xing_r.png) no-repeat 0 0 #fff; } .socialicons .youtube{ background: url(../../files/ppr_templates/images/socialicons/youtube_r.png) no-repeat 0 0 #fff; } .socialicons .rss{ display:none !important; background: url(../../files/ppr_templates/images/socialicons/rss_r.png) no-repeat 0 0 #fff; } /* //////////////Header ////////////// */ #header #logo{ float:left; height:60px; width:180px; margin-top:40px; margin-left:10px; } /* --- Sprachwechsler --- */ #header #sprachwechsler{ float:right; margin-top:12px; } #header #sprachwechsler ul{ display:block; margin:0 15px 0 0; padding:0; } #header #sprachwechsler li{ display:inline-block; margin:0; width: 15px; } #header #sprachwechsler li + li{ display:inline-block; margin-left:12px; border-left: 2px #000 solid; padding-left: 10px; } #header #sprachwechsler a{ text-decoration:none; color:#0055a0; font-size:18px; font-family: 'Roboto Condensed', sans-serif; font-weight: 500; } #header #sprachwechsler a:hover{ color:#000; } #header #sprachwechsler .de{ } /* #header #sprachwechsler .de{ background: url(../../files/ppr_templates/images/flags/de.png) no-repeat 0 3px; } #header #sprachwechsler .en{ background: url(../../files/ppr_templates/images/flags/en.png) no-repeat 0 3px; } */ /* --- Menu --- */ .mainnav h4{ display:block; } .mainnav{ clear:right; position:absolute; right:20px; top:69px; } .mainnav li.menu_hidden{ display:none !important; } .mainnav .level_1{ display:block !important; } .mainnav h4:hover .mainnav{ overflow: visible !important; } /* --- Superfish-Menu --- */ @media only screen and (min-width : 1150px){ .mainnav ul.level_1 li.trail a.trail{ border-bottom:4px #c22 solid; height:6px; } .mainnav ul.level_1 { background:none; } .mainnav ul.level_1 span.active { text-align:center; display:block; font-size:22px; font-family: 'Roboto Condensed', sans-serif; font-weight:400; letter-spacing:0.01em; color:#777; padding-bottom:6px; margin-bottom:10px; border-bottom:4px #c22 solid; } .mainnav ul.level_1 span.active:hover, .mainnav ul.level_1 span.active:focus, .mainnav ul.level_1 span.active:active { color:#777; } .mainnav ul.level_1 li { float:left; display:block; margin:0; padding:4px 14px 4px 10px; } .mainnav ul.level_1 li.last { padding-right:10px; } .mainnav ul.level_1 li a { display:block; color:#777; text-decoration:none; text-align:center; font-size:22px; font-family: 'Roboto Condensed', sans-serif; font-weight:400; letter-spacing:0.01em; padding-bottom:20px; } .mainnav ul.level_1 li:hover ul{ display: block; } .mainnav ul.level_1 li:hover a, .mainnav ul.level_1 li:active a, .mainnav ul.level_1 li:focus a { color:#333; } .mainnav ul.level_2:before { position:absolute; content: " "; width: 24px; height: 24px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 4px; left: 15px; background: #ddd; } .mainnav ul.level_2 { display:none; margin-top:4px !important; padding-top:16px; padding-right:0; padding-left:0; position:absolute; width:180px; background-color:none; } .mainnav ul.level_2 li.active { display:block; text-align:left; border:none; } .mainnav ul.level_2 span.active { display:block; text-align:left; font-size:16px; padding: 3px 10px 3px 16px; color:#000; margin:0; background-color:#eee; border:none; } .mainnav ul.level_2 span.active:hover, .mainnav ul.level_2 span.active:focus, .mainnav ul.level_2 span.active:active { color:#000000; background-color:#eee; } .mainnav ul.level_2 li { margin:0; background-color:#ddd; padding:0; width:100%; } .mainnav ul.level_1 li:hover ul.level_2 li { display:block !important; } .mainnav ul.level_1 li:hover ul.level_2 li { display:block !important; } .mainnav ul.level_2 li:first-child { padding-top:20px; } .mainnav ul.level_2 li:last-child { padding-bottom:20px; padding-right:0; } .mainnav ul.level_2 li a { display:block; text-align:left; padding: 3px 10px 3px 16px; font-size:16px; } .mainnav ul.level_2 li a:hover, .mainnav ul.level_2 li a:active, .mainnav ul.level_2 li a:focus { color:#000000; background-color:#eee; } .mainnav ul.level_2 li span.active{ background-color:#eee; border:none; } .mainnav ul.level_2 li span.active{ background-color:#eee; } .mainnav ul.level_2 li.trail a.trail{ border:none; padding: 3px 10px 3px 16px; height:20px; background-color: #eee; } } /* ------ Footer unten grau------ */ #underfooter .ce_gallery{ margin-top:0; padding-top:0; } #underfooter ul{ padding:0; margin-left:0; } #underfooter li{ float:left; text-decoration:none; list-style:none; padding:0; margin-left:0; margin-right:30px !important; } #underfooter li.row_last{ } #underfooter li img{ display:block; } /* ------ Headerbild------ */ #headerbox{ clear:both; margin-top:150px !important; margin:0 auto; overflow:hidden; max-height:380px; } @media only screen and (max-width : 680px){ #headerbox{ margin-top:90px !important; } } #headerbox .image_container{ padding:0 !important; margin:0 !important; width:100% !important; } #headerbox #headerbild, #headerbox .image_container{ width:100% !important; } #headerbox .image_container img{ padding:0 !important; margin:0 !important; width:100% !important; height:auto; } #headerbox .image_container a{ padding:0 !important; margin:0 !important; } /* Unter Footer*/ #underfooter ul{ display:block; margin:10px; } #underfooter li{ margin-right:20px; } #underfooter li.row_last{ margin-right:0; } #underfooter #slideshow .image_container{ display:block; height:44px; } #underfooter #slideshow .image_container img{ height:100% !important; width:100%; } /* ////////////// Header, Header-Menüs ////////////// */ .mod_navigation h4{ display: none; } @media only screen and (max-width:980px){ #header #logo img { margin-top:0; width:200px; height:auto; } #header .mainnav { } .mainnav ul.level_1 li a { font-size: 18px; } .mainnav ul.level_1 span.active{ font-size: 18px; } #underfooter li{ margin-right:15px !important; } #underfooter #unterfooter_galery .image_container img{ height:35px !important; width:auto } } @media (max-width:767px){ #logo{ margin-left:20px !important; } #sprachwechsler{ margin-right:10px; } #kopfleiste .mod_customnav{ margin-right:14px; } .inside{ padding-left: 20px !important; padding-right: 20px !important; } } @media only screen and (max-width : 1150px){ #header{ height:90px !important; } #header #logo{ margin-top:24px; } #header #logo img{ width:160px; } #headerbox{ margin-top: 90px !important; } .mainnav li.menu_hidden{ display:block !important; } #kopfleiste .socialicons a{ opacity: 1; } #kopfleiste .mod_customnav{ display:none; } #sprachwechsler{ position:absolute; top:-43px; left:20px; } #sprachwechsler li{ margin-right:5px !important; margin-left:0 !important; width:30px !important; } #sprachwechsler a{ display:block; color:#fff !important; opacity:1 !important; width:0 !important; overflow:hidden; padding-right:0 !important; padding-left:30px !important; } /*Superish-Menü */ #header .mainnav{ top:40px; right:0; height:30px; overflow:hidden; } #header .mainnav:hover { width:320px; height:650px; overflow: visible !important; } #header .mainnav:active { width:320px; height:650px; overflow: visible !important; } #header .mainnav h4{ display:block; float:right; margin-right:23px; margin-top: 6px; font-family: "Roboto Condensed",sans-serif; font-size: 29px; color:#777; font-weight: 400; cursor:pointer; padding-left:30px; background: url(../../files/ppr_templates/images/hamburger-icon_2.png) no-repeat left; } .mainnav ul.level_1 { background:#ddd !important; height:650px; width:100% !important; margin-top:50px; padding-top:10px; padding-bottom:0; } .mainnav ul.level_1 { display:block; } .mainnav li{ list-style:none; display:block !important; float:none !important; margin-top:0 !important; margin-left:-40px !important; padding:0 !important; } .mainnav li a{ display:block !important; white:auto; padding:6px 22px!important; text-decoration:none; color: #777; } .mainnav li:hover{ background-color: #eee !important; } span.active{ display:block !important; white:auto; border-left:2px #cc2222 solid; padding:4px 10px!important; margin:2px 0 2px 10px; color: #777; } #header .mainnav ul.level_2:before { position:absolute; content: " "; width: 25px; height: 30px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 40px; left: 240px; background: #ddd; } #header .mainnav ul.level_1{ padding-top:40px; } ul ul span.active{ display:block !important; white:auto; padding:4px 10px!important; margin:2px 0 2px 30px; color: #777; } .mainnav li ul { overflow: hidden; } .mainnav li li a{ display:block !important; white:auto; padding:6px 42px!important; text-decoration:none; color: #777; } .mainnav li li a:hover{ background:#f7f7f7; width: 100% !important; } .mainnav ul ul li { display:block; width:320px !important; padding-right:120px; } .mainnav ul ul{ display:block !important; padding-bottom:10px; } .mainnav ul.level_1 li:hover ul.level_2{ display:block !important; } .mainnav ul.level_1 lir ul.level_2:hover{ display:block !important; } .mainnav span.trail{ border-left: 2px solid #cc2222; color: #777; display: block !important; margin: 2px 0 2px 10px; padding: 4px 10px !important; font-size: 18px; } } /* //////////////Footer ////////////// */ #footer .inside img{ width:100%; height:auto; } @media (max-width:767px){ #footer .inside img{ } #footer .inside .grid4{ max-width:300px; } #footer .inside .grid2{ float:left !important; width:100px !important; } .footer_textbox{ float:left; } .footer_imagebox{ float:right; } #underfooter{ display:none; } } @media (max-width:500px){ #footer .inside .grid4{ max-width:100%; } .footer_textbox{ width:100%; } .footer_imagebox{ text-align:right; } } /* //////////////Produkte ////////////// */ .produkte .grid4{ min-height:600px; margin-bottom: 40px; } @media (max-width:1140px){ .produkte .grid4{ width:460px; min-height:600px; } } @media (max-width: 980px){ .produkte .grid4{ width:100%; min-height:300px; padding-bottom: 20px; padding-top: 20px; } } /* ---- Links ----*/ .ce_text a{ color:#0055a0; font-weight:bold; text-decoration:none; } .ce_text a:hover{ color:#cc2222; } /* ---- Links Telefonnummern ----*/ .lel_label{ display:block; float:left; width:40px; } .tel_link{ color:#333; font-weight:normal; } a[href^="tel"]:link, a[href^="tel"]:visited, a[href^="tel"]:hover { text-decoration: none; color:#333; font-weight:normal; } #footer .tel_link{ color:#fff; } #footer a[href^="tel"]:link, #footer a[href^="tel"]:visited, #footer a[href^="tel"]:hover { text-decoration: none; color:#fff; font-weight:bold; } .img_scale img{ width:100%; height:auto; } .produkte .img_scale figure img{ display:block; width:177px; height:auto; margin:0 auto; } #produkte h3{ display:block; text-align:center; } #produkte .grid4 p{ text-align:justify; padding:4px; } #produkte .grid4 h3{ padding:4px; font-size: 23px; line-height: 30px; } h1{ font-size:36px; line-height:42px; color:#0055a0; font-family: 'Roboto Condensed', sans-serif; font-weight:normal; } h2{ font-size:30px; line-height:30px; margin-bottom:0; font-family: 'Roboto Condensed', sans-serif; font-weight:400; color:#0055a0; } h3{ font-size:24px; line-height:30px; margin-bottom:0; font-family: 'Roboto Condensed', sans-serif; font-weight:400; color:#0055a0; } @media (max-width:450px){ body{ font-size:14px; } h1{ font-size:30px; line-height:32px; } h2{ font-size:26px; line-height:28px; } h3{ font-size:17px; line-height:20px; } } .ce_text{ margin-top:20px; margin-bottom:20px; } .topimageartikel{ margin-top:0; } /* NEU 13.01.2016 / News-Kasten mit Bild auf Startseite */ .bg_blau{ background-color:#0055A0 !important; } @media (min-width:979px) and (max-width:1140px){ .bg_blau img{ width:100% !important; height:auto; } } /* popup */ body{ overflow-x: hidden; } #popup { position: fixed; z-index: 9; right: -460px; top: 250px; background-color: #eeeeee; width: 320px; padding: 30px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4); } .popuptext:before { position:absolute; content: " "; width: 152px; height: 187px; background: url('https://www.ppr-hamburg.com/files/image_stellenangebot/bewerbung.png') no-repeat top; top: -13px; left: 190px; } @media (max-width:400px){ #popup { top: 160px; width: 280px; padding: 20px; } .popuptext:before { top: -13px; left: 170px; } } #back_popup { cursor: pointer; position: relative; margin-top: 0; margin-bottom: 0; width: 30px !important; height: 30px; } #back_popup .menu-toggle-bar { width: 30px; height: 5px; background: #333333; transition: background .3s; } #back_popup:hover .menu-toggle-bar { width: 30px; height: 5px; background: #cc2222; } .toggle-bar-1 { position: absolute; margin-top: 10px; transform: rotate(-405deg); } .toggle-bar-2 { position: absolute; top: 10px; transform: rotate(45deg); } .popuptext span { font-size: 20px; margin-top: 30px; color: #333333; font-weight: 200; clear: both; } .popuptext span.strong { font-weight: 400; padding: 0; } .popuptext h3 { color: #0055a0; margin-top: -15px; margin-bottom: 10px; font-family: "Roboto Condensed", sans-serif; font-size: 24px; font-weight: 400; line-height: 30px; } .popuptext a { display: block; font-size: 16px; font-weight: 600; text-transform: none; color: #0055a0; text-decoration: none; transition: color .3s; margin-top: 0; margin-bottom: 10px; background: url("https://www.ppr-hamburg.com/files/ppr_templates/images/pfeil_weiter_blau_rot.png") no-repeat right 3px; width: 86px; padding-right: 20px; } .popuptext a:hover { background:url("https://www.ppr-hamburg.com/files/ppr_templates/images/pfeil_weiter_blau_rot.png") no-repeat right -27px; color:#cc2222; } /* PBB-Video */ video{ display: block; width: 100%; } #videos .first{ margin-top: 0 !important; } #videos .grid6 .ce_player, #videos .grid6 .ce_text{ margin: 0 !important; } #videos .ce_text, #videos .ce_text p{ text-align: center; text-justify: none; } #videos h3{ text-align: center; text-justify: none; } #videos{ position: relative; } #videos h4{ text-align: center; display: block; margin-bottom: 6px; } .video_content{ padding-bottom: 100px !important; } .sidebarpage #container{ } /* Slider Logoleiste */ .logoleiste-container{ border-top: 1px #0055a0 solid !important; margin-top: 25px; margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 25px; padding-top: 35px; } .logoleiste { padding: 0; margin: 0; } .logoleiste li{ display: inline-block; padding: 0; margin: 0; width: 24%; text-align: center; } .logoleiste li img{ max-width: 220px; width: 100%; height: auto; } .ce_accordionSingle p{ text-align: left !important; } .page_referenzen .ce_accordionSingle .accordion-closed{ display: none; } #main #article-3{ margin-bottom: 50px; } #article-73 #meldungen-archiv .grid9, #article-73 #meldungen-archiv .grid2{ margin-left: 0; } .inhaber .grid3{ margin-top: 30px; } .inhaber .grid3 img{ max-width: 220px; width: 100%; height: auto; } @media (max-width:500px){ .inhaber .grid3 img{ max-width: 100%; } } .imag-padding-top{ margin-top: 50px; } #right .inside{ margin-top: 50px; } #cookiedingsbums a {color:#000; text-decoration:none;} #cookiedingsbums a:hover {text-decoration:underline;} #cookiedingsbums div {padding:20px; padding-right:65px;} #cookiedingsbums { outline: 1px solid #7b92a9; text-align:right; border-top:1px solid #fff; background: #d6e0eb; background: -moz-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6e0eb), color-stop(100%,#f2f6f9)); background: -webkit-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); background: -o-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); background: -ms-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); background: linear-gradient(to bottom, #d6e0eb 0%,#f2f6f9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6e0eb', endColorstr='#f2f6f9',GradientType=0 ); position:fixed; bottom:0px; z-index:10000; width:100%; font-size:16px; line-height:16px; } #cookiedingsbumsCloser { color: #0055a0; font: 20px/100% arial, sans-serif; position: absolute; right: 25px; text-decoration: none; text-shadow: 0 0 0 #fff; top: 15px; cursor:pointer; border-top:0 solid white; border-left:0 solid white; border-bottom:0 solid #7b92a9; border-right:0 solid #7b92a9; padding:4px; } #cookiedingsbumsCloser:hover {border-bottom:0 solid white; border-right:0 solid white; border-top:0 solid #7b92a9; border-left:0 solid #7b92a9;} /* CSS Document */ /* ------ Startseite ------ */ .startseite #container { margin-bottom: 10px; margin-top: 600px; } .startseite_einleitung p { font-family: "Roboto Condensed", sans-serif; font-size: 24px; font-weight: 400; line-height: 30px; margin-bottom: 0; color: #333; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; text-align: justify; } /* -- Slideshow -- */ #slideshow-header { overflow: hidden; position: absolute; z-index: 0; width: 100%; top: 200px; height: 380px; background: #0055A0; margin-top: -9px; margin-bottom: 40px; } @media (max-width: 1150px){ #slideshow-header { height: 240px; position: absolute; z-index: 0; top: 140px; } } @media (max-width: 426px){ #slideshow-header { padding-top: 0; } } #slideshow-header .slider_container{ margin-top: 55px; } #slideshow-header .slider { border: 0 #ff0 solid !important; } #slideshow-header { overflow: hidden; z-index: 0; } #slideshow-header h2{ color: #fff; font-size: 38px; line-height: 40px; margin-top: 90px; margin-bottom: 0; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; } #slideshow-header p{ color: #fff; font-size: 20px; font-weight: lighter; line-height: 26px; font-family: 'Roboto Condensed', sans-serif; } #slideshow-header img{ width: 100%; height: auto; max-width: 426px; } #slideshow-header .slider_container{ width: 100%; } #slideshow-header .slider_inside{ max-width: 1120px; margin: 0 auto; } #slideshow-header .grid4{ width: 430px !important; } #slideshow-header .grid8{ width: 645px !important; } #slideshow-header .slider-control{ display: none; } @media (max-width: 1150px){ #slideshow-header{ height: 200px; } #slideshow-header h2{ margin-top: 0; } #slideshow-header .grid4{ width: 20% !important; } #slideshow-header .grid8{ width: 70% !important; } #slideshow-header .slider_container{ display: table !important; width: 80%; margin: 0 auto; } #slideshow-header .slider_inside{ display: table-cell !important; vertical-align: middle; height: 220px; } #slideshow-header .slider_inside{ margin: 0 auto; } #slideshow-header .grid4{ width: 30%; } .slider_container{ margin-top: 0 !important; padding-top: 0 !important; } .startseite #container{ margin-top: 350px; } } @media (max-width: 767px){ #slideshow-header .slider_container{ display: table !important; } #slideshow-header .slider_inside{ display: table-cell !important; vertical-align: middle; height: 300px; } #slideshow-header{ height: 300px; } #slideshow-header .slider_inside{ } #slideshow-header .grid4{ display: block !important; width: 100% !important; } #slideshow-header .grid4{ display: block !important; width: 100% !important; } #slideshow-header .grid8{ display: block !important; width: 100% !important; text-align: center; } #slideshow-header p{ display: block; margin-top: 0; padding-right: 15px; } #slideshow-header img{ width: 200px; } #slideshow-header h2{ display: block; font-size: 30px; line-height: 34px; margin-top: -10px !important; padding-top: 0 !important; padding-right: 15px; } .startseite #container { margin-top: 410px; } .startseite .zitrone, .startseite .jahre { width: 100% !important; text-align: center; } } #slideshow-header figure{ text-align: center; } #slideshow-header .slider_container{ display: table; } /* -- ENDE Slideshow -- */ /* #slideshow-header img{ width: 100%; height: auto; } */ /* .slider-allover-wrapper { border: 0 #f00 solid !important; } .slider-allover-wrapper .slider { border: 0 #f00 solid !important; margin: 0 auto; } .slider-allover-wrapper .slide img { margin-top: 30px; border: 0 #f00 solid; } .slider-allover-wrapper .fs_obj { position: relative; } .slider-allover-wrapper h1 { display: block; margin-top: 130px; margin-left: 450px; width: 650px; color: #fff; font-size: 38px; line-height: 40px; border: 0 #f00 solid; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; } .slider-allover-wrapper h3 { display: block; color: #fff; font-size: 20px; width: 650px; margin-top: 190px; margin-left: 450px; font-weight: lighter; line-height: 26px; } @media (min-width:979px) and (max-width:1140px) { #slideshow-header { height: 343px; } #slideshow-header .slider { width: 960px; } #slideshow-header img { height: 220px; width: auto; } .slider-allover-wrapper h1 { font-size: 32px; width: 550px; margin-top: 140px; margin-left: 410px; } .slider-allover-wrapper h3 { font-size: 18px; width: 550px; margin-left: 410px; } } */ /* @media (min-width:768px) and (max-width:979px) { #slideshow-header { height: 265px; } #slideshow-header .slide-background-image { height: 265px; } #slideshow-header .slide { height: 265px; } #slideshow-header .slider { width: 750px; } #slideshow-header img { height: 180px; margin-top: 20px; width: auto; } .slider-allover-wrapper h1 { font-size: 32px; width: 400px; margin-top: 110px; margin-left: 330px; } .slider-allover-wrapper h3 { font-size: 18px; width: 400px; margin-left: 330px; margin-top: 160px; } .slider-allover-wrapper h1.slider_hamburg { font-size: 32px; width: 400px; margin-top: 75px; margin-left: 330px; } .slider-allover-wrapper h1.slider_handschlag { font-size: 32px; width: 400px; margin-top: 95px; margin-left: 330px; } .slider-allover-wrapper h3.slider_handschlag { font-size: 18px; width: 400px; margin-left: 330px; margin-top: 140px; } .slider-allover-wrapper h1.slider_globus { font-size: 32px; width: 250px; margin-top: 65px; margin-left: 330px; } .slider-allover-wrapper h3.slider_globus { font-size: 18px; width: 250px; margin-left: 330px; margin-top: 150px; } .slider-allover-wrapper h1.slider_diagramm { font-size: 32px; width: 400px; margin-top: 75px; margin-left: 330px; } .slider-allover-wrapper h1.slider_businessman { font-size: 32px; width: 400px; margin-top: 75px; margin-left: 330px; } .slider-allover-wrapper h3.slider_businessman { font-size: 18px; width: 250px; margin-left: 330px; margin-top: 160px; } .slider-allover-wrapper h1.slider_telefon { font-size: 32px; width: 400px; margin-top: 75px; margin-left: 330px; } } @media (min-width:681px) and (max-width:767px) { #slideshow-header { height: 270px; } #slideshow-header .slider { width: 680px; } #slideshow-header .slide-background-image { height: 270px; } #slideshow-header .slide { height: 270px; } #slideshow-header img { height: 180px; margin-top: 10px; width: auto; } .slider-allover-wrapper h1 { font-size: 32px; width: 350px; margin-top: 70px; margin-left: 320px !important; } .slider-allover-wrapper h3 { font-size: 18px; width: 350px; margin-left: 320px !important; margin-top: 160px; } .slider-allover-wrapper h1.slider_hamburg { font-size: 32px; width: 350px; } .borderblue { border-top: none !important; } } @media (max-width:680px) { #slideshow-header { height: 200px; margin-top: -69px !important; } #slideshow-header .slider { width: 320px; margin-left: 0px; border: 0 #0ff solid !important; } #slideshow-header img { width: 200px; margin-top: 0; padding-left: 0 !important; height: auto; } .slider-allover-wrapper h1 { width: 300px; margin-left: 10px; margin-top: 130px; font-size: 18px; } .slider-allover-wrapper h3 { width: 300px; margin-left: 10px; font-size: 12px; margin-top: 160px; } .slider-allover-wrapper h1.slider_hamburg { width: 300px; } .slider-allover-wrapper h1.slider_handschlag { width: 300px; } .slider-allover-wrapper h3.slider_handschlag { width: 300px; } .slider-allover-wrapper h1.slider_globus { width: 300px; } .slider-allover-wrapper h3.slider_globus { width: 300px; } .slider-allover-wrapper h1.slider_diagramm { width: 300px; } .slider-allover-wrapper h1.slider_businessman { width: 300px; } .slider-allover-wrapper h3.slider_businessman { width: 300px; } .slider-allover-wrapper h1.slider_telefon { width: 300px; } } */ /* Balue Box */ .boxblue { position: relative; background-color: #e6edf2; padding-bottom: 40px; height: 510px; } .boxblue p { margin: 20px; } .boxblue h2 { font-size: 20px; margin-left: 20px; margin-right: 20px; } @media (min-width:768px) and (max-width:979px) { .boxblue { height: 550px; } } @media (max-width:767px) { .boxblue { height: auto; } } /* Content-Menu */ /* #menu_subtitle{ margin-top:20px; } */ #menu_subtitle ul { display: block; margin: 0; padding: 0; } #menu_subtitle li { display: block; width: 100% !important; clear: left; float: left; list-style: none; background: #eee; margin: 0; padding: 0; margin-bottom: 2px; height: 90px; -webkit-transition: background 500ms linear; -moz-transition: background 500ms linear; -o-transition: background 500ms linear; -ms-transition: background 500ms linear; transition: background 500ms linear; } #menu_subtitle li:hover { background: #ddd; } #menu_subtitle a { display: block; height: 86px; text-decoration: none; padding: 22px 20px 0 30px; font-weight: bold; color: #333; background: url(../../files/ppr_templates/images/pfeil_gross_hg.png) no-repeat 95% 10px; -webkit-transition: background-image 500ms linear; -moz-transition: background-image 500ms linear; -o-transition: background-image 500ms linear; -ms-transition: background-image 500ms linear; transition: background-image 500ms linear; } #menu_subtitle a:hover { background: url(../../files/ppr_templates/images/pfeil_gross_hg.png) no-repeat 95% 10px; } .menu_subtitle_item { display: block; font-weight: lighter; color: #333; margin-bottom: 6px; } #menu_subtitle a.invisible { display: none; } @media (min-width:768px) and (max-width:979px) { #menu_subtitle li { height: 97px; } #menu_subtitle a { padding: 16px 20px 0 30px; } } @media (max-width:767px) { #menu_subtitle { display: block; margin-top: 40px; } #menu_subtitle a { padding: 12px 40px 0 30px; } } /* Textelemente mit blaue Trennlinien */ .borderblue { min-height: 380px; /* border-top: 1px #0055a0 solid !important; border-bottom: 1px #0055a0 solid !important; */ } #border-blue-container{ border-top: 1px #0055a0 solid !important; padding-top: 10px; padding-bottom: 0; margin-bottom: 50px; margin-top: 50px; } #border-blue-container .ce_text{ margin-top: 10px; margin-bottom: 10px; } #border-blue-container h2{ padding-left: 20px; padding-right: 20px; } #border-blue-container p{ padding-left: 20px; padding-right: 20px; } #border-blue-container .sitelink{ position: relative; display: block; margin-top: 40px; text-align: left; margin-left: 40px; } /* #flex-container { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-box { display: -webkit-flex; display: -ms-flexbox; display: flex; } */ @media (min-width:768px) and (max-width:979px) { .borderblue { } } @media (max-width:767px) { .borderblue { height: auto; } } /* News und Meldungen */ .startseite_newsletter { font-size: 13px; margin-bottom: 30px; } .startseite_newsletter .news-eyecatcher { float: left; width: 65px; height: 60px; background: #0055a0; text-align: center; padding: 6px; margin: 0; color: #fff; } .startseite_newsletter .news-eyecatcher p { margin: 0; padding: 0; } .startseite_newsletter .news-eyecatcher h4 { margin: 10px 0; padding: 0; font-size: 32px; font-weight: 700; } .startseite_newsletter time { display: block; float: left; height: 60px; vertical-align: bottom; padding: 6px; margin: 0 !important; background: #eee; width: 130px; } .startseite_newsletter .kw_date { float: left; padding: 6px; margin: 0; } .startseite_newsletter h3 { display: block; height: 60px; margin: 0 0; } .startseite_newsletter .teaser { position: relative; clear: both; line-height: 18px; padding-top: 10px; } .meldungen_text .teaser { line-height: 18px; } .startseite_newsletter .layout_latest { position: relative; border: 0 #f00 solid; min-height: 250px; background: #eee; } /* Links */ .sitelink { clear: left; position: absolute; bottom: 20px; right: 20px; text-align: right; } .sitelink p { margin: 0 !important; } .startseite_newsletter .sitelink { width: 200px; bottom: 10px; right: 0; } .news_startseite_meldungen .sitelink { width: 190px; right: 10px; bottom: 35px; } .startseite .more { border: 0 #f00 solid; font-size: 17px; font-weight: 600; color: #0055a0; } .startseite .more a { color: #0055a0; background: url(../../files/ppr_templates/images/pfeil_weiter_blau_rot.png) no-repeat right 5px; text-decoration: none; padding: 5px 20px 5px 0; margin: 0; } .startseite .more a:hover { color: #cc2222; background: url(../../files/ppr_templates/images/pfeil_weiter_blau_rot.png) no-repeat right -25px; } .startseite a.more { color: #0055a0; background: url(../../files/ppr_templates/images/pfeil_weiter_blau_rot.png) no-repeat right 5px; text-decoration: none; padding: 5px 20px 5px 0; } .startseite a.more:hover { color: #cc2222; background: url(../../files/ppr_templates/images/pfeil_weiter_blau_rot.png) no-repeat right -25px; } .startseite .static_image { background: #eee; min-height: 250px; } .startseite .static_image img { display: block; width: auto; margin: 0 auto; } @media (min-width:768px) and (max-width:979px) { .startseite .break_4_2 { width: 352px; border: 1px #fff solid; } .startseite .static_image img { display: block; height: 220px; width: auto; margin: 0 auto; } .startseite_newsletter .layout_latest { min-height: 220px !important; } .news_startseite_meldungen .layout_latest { min-height: 250px !important; } .startseite .break_4_2 { min-height: 220px !important; } } @media (max-width:767px) { .startseite_newsletter .layout_latest { min-height: auto !important; padding-bottom: 40px; } .startseite_meldungen{ min-height: auto !important; } } /* Logo-Slider */ .logo_slider { border-top: 1px #0055a0 solid; border-bottom: 1px #fff solid !important; } .logo_slider .caroufredsel_gallery { margin-right: 20px; border: 1px #fff solid; margin-top: 10px; margin-bottom: 0; height: 150px; } .logo_slider .image_container { width: 255px; border: 1px #fff solid; margin: 0 !important; padding: 0 !important; } .logo_slider .caroufredsel_wrapper { border: 1px solid #fff; width: 100% !important; } .logo_slider figure { margin: 0 !important; padding: 0 !important; text-align: center; } .logo_slider_noline { border-top: none; } @media (min-width:979px) and (max-width:1140px) { .logo_slider { margin-bottom: 0 !important; height: 140px; } .logo_slider .caroufredsel_gallery { margin-bottom: 0; } .logo_slider .image_container { width: 216px; } } @media (min-width:768px) and (max-width:979px) { .logo_slider { margin-top: 40px; height: 130px; padding-top: 10px; } .logo_slider .caroufredsel_gallery { margin-bottom: 20px; height: 100px; margin-bottom: 0; } .logo_slider .image_container { width: 166px; } .logo_slider figure img { width: 100%; height: auto; } } @media (max-width:767px) { .startseite #container { margin-bottom: 40px; } .logo_slider { display: none !important; } } @media (min-width:768px) { .logo_slider { display: block !important; } } /* ÄNDERUNG MELDUNGEN */ .grid3 { } .startseite_meldungen { background-color: #eee; font-size: 13px; line-height: 18px; min-height: 250px; padding: 0; } .startseite_meldungen .sitelink { right: 10px; bottom: 10px; } .meldungen_text { margin: 10px; hyphens: auto !important; } .meldungen_text h3 { hyphens: auto !important; -webkit-hyphens: auto; } @media (min-width:768px) and (max-width:979px) { .startseite_meldungen { position: relative; width: 352px; min-height: 220px !important; } } @media (max-width:767px) { .grid3 { } .startseite_meldungen { margin-top: 30px; min-height: 180px !important; } .meldungen_text { margin-top: 0; padding-top: 20px; } .imagemargin { padding-top: 20px; } } /* ____ */ .image_bluebox img { margin-top: 10px; margin-left: 10px; margin-bottom: 0; } .image_bluebox figure { float: left !important; } .image_bluebox h2 { margin-top: 0; margin-bottom: 10px; } .image_bluebox p { clear: left; } /* ____ */ .leistungsliste { font-family: "Roboto Condensed", sans-serif; font-size: 24px; font-weight: 400; line-height: 30px; } .leistungsliste{ } .leistungsliste li{ list-style-type: none; background-image:url(../../files/ppr_templates/images/quadrat.png); background-repeat:no-repeat; background-position:left 5px; padding-left: 30px; margin-bottom: 4px; color: #0055a0; } @media (max-width:680px) { .leistungsliste ul{ margin-left: 0; padding-left: 0; } } .zitrone{ float: left; } .zitrone img { height: 170px; } .jahre{ float: right; } .jahre img { margin-top: 20px; margin-right: 10px; } .leistungsliste{ } @media (max-width:1400px) { .leistungsliste { font-family: "Roboto Condensed", sans-serif; font-size: 18px; font-weight: 400; line-height: 20px; } } @media (max-width:979px) { .leistungsliste { } .zitrone, .jahre { width: 150px; margin-bottom: 30px; text-align: center; } .zitrone img, .jahre img{ margin-top: 40px; max-width: 190px; height: auto; } .jahre { float: none; width: 100%; margin-bottom: 30px; } } @media (max-width:480px) { .zitrone, .jahre { width: 130px; margin-bottom: 30px; } } /* Viedo */ .video { } .video h2 { margin-bottom: -10px; } .video .ce_player { margin-left: 0 !important; margin-right: 0 !important; } /* Newteaser */ .newsteaser-startpage-text{ box-sizing: border-box; padding: 0 20px 10px 20px !important; margin-top: -5px; } .newsteaser-startpage-text h3{ padding-top: 0; margin-top: 0; }