body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%} body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto} .mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important} @font-face { font-family: 'serifbold'; src: url('../../files/hps/fonts/droid/serif/bold/DSeB.eot'); src: url('../../files/hps/fonts/droid/serif/bold/DSeB.eot?#iefix') format('embedded-opentype'), url('../../files/hps/fonts/droid/serif/bold/DSeB.woff2') format('woff2'), url('../../files/hps/fonts/droid/serif/bold/DSeB.woff') format('woff'), url('../../files/hps/fonts/droid/serif/bold/DSeB.ttf') format('truetype'), url('../../files/hps/fonts/droid/serif/bold/DSeB.svg#serifbold') format('svg'); /* font-display:swap; */ font-weight: normal; font-style: normal; } @font-face { font-family: 'serifregular'; src: url('../../files/hps/fonts/droid/serif/regular/DSeR.eot'); src: url('../../files/hps/fonts/droid/serif/regular/DSeR.eot?#iefix') format('embedded-opentype'), url('../../files/hps/fonts/droid/serif/regular/DSeR.woff2') format('woff2'), url('../../files/hps/fonts/droid/serif/regular/DSeR.woff') format('woff'), url('../../files/hps/fonts/droid/serif/regular/DSeR.ttf') format('truetype'), url('../../files/hps/fonts/droid/serif/regular/DSeR.svg#serifregular') format('svg'); /* font-display:swap; */ font-weight: normal; font-style: normal; } @font-face { font-family: 'sansbold'; src: url('../../files/hps/fonts/droid/sans/bold/DSaB.eot'); src: url('../../files/hps/fonts/droid/sans/bold/DSaB.eot?#iefix') format('embedded-opentype'), url('../../files/hps/fonts/droid/sans/bold/DSaB.woff2') format('woff2'), url('../../files/hps/fonts/droid/sans/bold/DSaB.woff') format('woff'), url('../../files/hps/fonts/droid/sans/bold/DSaB.ttf') format('truetype'), url('../../files/hps/fonts/droid/sans/bold/DSaB.svg#sansbold') format('svg'); /* font-display:swap; */ font-weight: normal; font-style: normal; } @font-face { font-family: 'sansregular'; src: url('../../files/hps/fonts/droid/sans/regular/DSaR.eot'); src: url('../../files/hps/fonts/droid/sans/regular/DSaR.eot?#iefix') format('embedded-opentype'), url('../../files/hps/fonts/droid/sans/regular/DSaR.woff2') format('woff2'), url('../../files/hps/fonts/droid/sans/regular/DSaR.woff') format('woff'), url('../../files/hps/fonts/droid/sans/regular/DSaR.ttf') format('truetype'), url('../../files/hps/fonts/droid/sans/regular/DSaR.svg#sansregular') format('svg'); /* font-display:swap; */ font-weight: normal; font-style: normal; } /* BugBuster: responsive-1120-16-pixel.css, LGPL license */ #wrapper{ width:1020px; margin:0 auto } *[class*="grid"]{ float:left; display:inline; margin-right:10px; margin-left:10px } html { margin-left:0 !important; margin-right:0 !important } .right { float:right; } .mod_article *[class*="ce_"],.mod_article *[class*="mod_"]{ margin-left:10px; margin-right:10px } .mod_article.grid1,.mod_article.grid2,.mod_article.grid3,.mod_article.grid4,.mod_article.grid5,.mod_article.grid6,.mod_article.grid7,span.grid7,.mod_article.grid8,.mod_article.grid9,.mod_article.grid10,.mod_article.grid11,.mod_article.grid12,.mod_article.grid13,.mod_article.grid14,.mod_article.grid15,.mod_article.grid16{ margin-left:0; margin-right:0 } .grid1{ width:45px } .grid2{ width:110px } .grid3{ width:175px } .grid4{ width:240px } .grid5{ width:305px } .grid6{ width:370px } .grid7{ width:435px } .grid8{ width:500px } .grid9{ width:565px } .grid10{ width:630px } .grid11{ width:695px } .grid12{ width:780px } .grid13{ width:825px } .grid14{ width:890px } .grid15{ width:955px } .grid16{ width:1020px } .grid16_0{ margin:0!important; width:100% } .mod_article.grid1{ width:65px } .mod_article.grid2{ width:130px } .mod_article.grid3{ width:195px } .mod_article.grid4{ width:260px } .mod_article.grid5{ width:325px } .mod_article.grid6{ width:390px } .mod_article.grid7{ width:455px } .mod_article.grid8{ width:520px } .mod_article.grid9{ width:585px } .mod_article.grid10{ width:650px } .mod_article.grid11{ width:715px } .mod_article.grid12{ width:780px } .mod_article.grid13{ width:845px } .mod_article.grid14{ width:910px } .mod_article.grid15{ width:975px } .mod_article.grid16{ width:1020px } .offset1{ margin-left:75px!important } .offset2{ margin-left:140px!important } .offset3{ margin-left:205px!important } .offset4{ margin-left:270px!important } .offset5{ margin-left:335px!important } .offset6{ margin-left:400px!important } .offset7{ margin-left:465px!important } .offset8{ margin-left:530px!important } .offset9{ margin-left:595px!important } .offset10{ margin-left:660px!important } .offset11{ margin-left:725px!important } .offset12{ margin-left:790px!important } .offset13{ margin-left:855px!important } .offset14{ margin-left:920px!important } .offset15{ margin-left:985px!important } @media(min-width:980px) and (max-width:1039px){ #wrapper{ width:960px } .grid1{ width:40px } .grid2{ width:100px } .grid3{ width:160px } .grid4{ width:220px } .grid5{ width:280px } .grid6{ width:340px } .grid7{ width:400px } .grid8{ width:460px } .grid9{ width:520px } .grid10{ width:580px } .grid11{ width:640px } .grid12{ width:700px } .grid13{ width:760px } .grid14{ width:820px } .grid15{ width:880px } .grid16{ width:940px } .mod_article.grid1{ width:60px } .mod_article.grid2{ width:120px } .mod_article.grid3{ width:180px } .mod_article.grid4{ width:240px } .mod_article.grid5{ width:300px } .mod_article.grid6{ width:360px } .mod_article.grid7{ width:420px } .mod_article.grid8{ width:480px } .mod_article.grid9{ width:540px } .mod_article.grid10{ width:600px } .mod_article.grid11{ width:660px } .mod_article.grid12{ width:720px } .mod_article.grid13{ width:780px } .mod_article.grid14{ width:840px } .mod_article.grid15{ width:900px } .mod_article.grid16{ width:960px } .offset1{ margin-left:70px!important } .offset2{ margin-left:130px!important } .offset3{ margin-left:190px!important } .offset4{ margin-left:250px!important } .offset5{ margin-left:310px!important } .offset6{ margin-left:370px!important } .offset7{ margin-left:430px!important } .offset8{ margin-left:490px!important } .offset9{ margin-left:550px!important } .offset10{ margin-left:610px!important } .offset11{ margin-left:670px!important } .offset12{ margin-left:730px!important } .offset13{ margin-left:790px!important } .offset14{ margin-left:850px!important } .offset15{ margin-left:910px!important } } @media(min-width:768px) and (max-width:979px){ #wrapper{ width:768px } .grid1{ width:28px } .grid2{ width:76px } .grid3{ width:124px } .grid4{ width:172px } .grid5{ width:220px } .grid6{ width:268px } .grid7{ width:316px } .grid8{ width:364px } .grid9{ width:412px } .grid10{ width:460px } .grid11{ width:508px } .grid12{ width:556px } .grid13{ width:604px } .grid14{ width:652px } .grid15{ width:700px } .grid16{ width:748px } .mod_article.grid1{ width:48px } .mod_article.grid2{ width:96px } .mod_article.grid3{ width:144px } .mod_article.grid4{ width:192px } .mod_article.grid5{ width:240px } .mod_article.grid6{ width:288px } .mod_article.grid7{ width:336px } .mod_article.grid8{ width:384px } .mod_article.grid9{ width:432px } .mod_article.grid10{ width:480px } .mod_article.grid11{ width:528px } .mod_article.grid12{ width:576px } .mod_article.grid13{ width:624px } .mod_article.grid14{ width:672px } .mod_article.grid15{ width:720px } .mod_article.grid16{ width:768px } .offset1{ margin-left:58px!important } .offset2{ margin-left:106px!important } .offset3{ margin-left:154px!important } .offset4{ margin-left:202px!important } .offset5{ margin-left:250px!important } .offset6{ margin-left:298px!important } .offset7{ margin-left:346px!important } .offset8{ margin-left:394px!important } .offset9{ margin-left:442px!important } .offset10{ margin-left:490px!important } .offset11{ margin-left:538px!important } .offset12{ margin-left:586px!important } .offset13{ margin-left:634px!important } .offset14{ margin-left:682px!important } .offset15{ margin-left:730px!important } } @media(max-width:767px){ #wrapper{ width:auto } *[class*="grid"]{ float:none!important; display:block!important; width:auto!important } *[class*="offset"]{ margin-left:10px!important; margin-right:10px!important } /**[class*="offset"]{ margin-left:10px!important } */ } body,html { width:100%; margin:0; padding:0 } #wrapper{ -webkit-box-shadow: 5px -5px 5px 0px rgba(0,0,0,0.2); box-shadow: 5px -5px 5px 0px rgba(0,0,0,0.2); border:1px solid #cccccc; margin-top:15px; margin-bottom:100px; } #meta { position:relative; height:120px } #slidemenu{ float: left; height:auto; } #slidemenu div.inside div.mod_article div.ce_image{ margin:0 } #flyout{ float: left; width: 100%; } #container{ margin-top:0px } #footer{ height:70px; margin:60px 0 0 0; background-image:url('../../files/hps/grafik/bg_footer.png'); background-repeat:repeat-x; background-position:left bottom; } /*#footer .inside{ float: right; height:70px; margin:60px 0 0 0; background-image:url('../../files/hps/grafik/bg_footer.png'); background-repeat:repeat-x; background-position:left bottom; } */ /*::::::::::::::::::::::::::::::::::::::::::::*/ @media(min-width:980px) and (max-width:1039px){ #meta { position:relative; height:120px; } #slidemenu{ float: left; /*width: 7000px; margin-left: -3500px; padding-left:3500px; background-image: url("../../files/hps/grafik/bg_blau_55_4000.png"); background-repeat: no-repeat; background-position: left bottom*/ } #flyout{ float: left; /*width: 7000px; margin-left: -3500px; padding-left:3500px; background-image: url("../../files/hps/grafik/bg_gruen.png"); background-repeat: repeat-x; background-position: left top*/ } } /*::::::::::::::::::::::::::::::::::::::::::::*/ @media(min-width:768px) and (max-width:979px){ #meta { position:relative; height:120px } #slidemenu{ float: left; /*width: 7000px; margin-left: -3500px; padding-left:3500px; background-image: url("../../files/hps/grafik/bg_blau_55_4000.png"); background-repeat: no-repeat; background-position: left bottom*/ } #flyout{ float: left; /*width: 7000px; margin-left: -3500px; padding-left:3500px; background-image: url("../../files/hps/grafik/bg_gruen.png"); background-repeat: repeat-x; background-position: left top*/ } } /*::::::::::::::::::::::::::::::::::::::::::::*/ @media(max-width:767px){ #wrapper{ -webkit-box-shadow: 0 0 0 0; box-shadow: 0 0 0 0; border:0; margin-top:10px } #meta { position:relative; height:120px; } #slidemenu{ float: left; width:100%; margin:0; padding:0; background-image: url("../../files/hps/grafik/bg_blau_25_100.png"); background-repeat: no-repeat; background-position: left bottom } #flyout{ float: left; width: 100%; margin:0; padding:0; background-image: url("../../files/hps/grafik/bg_gruen_6_25.png"); background-repeat: repeat-x; background-position: left top } #footer{ float: left; width: 100%; margin:40px 0; padding-right:0 } } html { overflow-x: hidden; -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; padding: 0; width: 100%; background-color: transparent; font:16px/1em 'sansregular', sans-serif; font-size: 1.6rem; color: #2c2e87; } h1,.home div.mod_article.first .ce_text h2,.home div.mod_article.first h2.ce_headline { font:bold 16px/16px 'serifbold', serif; font:bold 1.25rem/1.25rem 'serifbold', serif; margin-top: 1em } /*h1.ce_headline { margin-bottom:20px } */ h2 { font:bold 14px/14px 'serifbold', serif; font:bold 1.0rem/1.2rem 'serifbold', serif; margin:0 0 0.5em 0; } h3,h4,h5,h6{ font:bold 13px/13px 'serifbold', serif; font:bold 0.9rem/1.0rem 'serifbold', serif; margin:0 0 0.5em 0; } .mod_article div.ce_text h1,.mod_article div.ce_text h2{ margin-top:2px } a { text-decoration:none } .ce_text, td, p{ font: 14px/16px 'serifregular', sans-serif; font: 0.85rem/1.125rem 'serifregular', sans-serif; margin:0 0 0.5em 0; color:#2c2e87; -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto } .ce_download a,.ce_hyperlink a { margin:0; padding:0; font: 14px/16px 'sansregular', sans-serif; font: 0.85rem/1.125rem 'sansregular', sans-serif; color:#2c2e87 } div.metaspace .ce_hyperlink a{ margin-bottom:0; font-size:1em; float:none; color:#2c2e87 } .ce_download a:hover { font-weight:normal; text-decoration: underline; } .ce_hyperlink a:hover { font-weight:normal; text-decoration: underline; } div.metaspace .ce_hyperlink a:hover{ font-weight:normal } #dateien-download h2 { margin-bottom:5px } ul { margin:10px 0 10px 20px; list-style-type:disc } .ce_text ul li { margin-bottom:0.1em; } /*ul.dot{ list-style-type:disc; margin:0 0 20px 20px; } */ /*ul.dot > li { margin-bottom:10px } */ .mt10 { margin-top:10px } .mt20 { margin-top:20px } @media(min-width:980px) and (max-width:1039px){ } @media(min-width:768px) and (max-width:979px){ } @media (max-width:767px){ table { margin: 20px 0 } } a.logo_de { display:block; position:absolute; border:0; width:150px; height:80px; top:20px; right:20px; background-size: 100%; background-position: top left; background-image: url('../../files/hps/grafik/hps_logo.jpg'); } #meta a { color:#2c2e87 } div.metaspace{ position:absolute; top:80px; left:25px; margin:0; width:500px; display: -webkit-box; display: -ms-flexbox; display: flex } div.metaspace div.widget-text { display:-webkit-box; display:-ms-flexbox; display:flex; } div.metaspace .widget>label { font-weight: 400; } #Wechsler,#Quicklinks,#Sitemaplink_de,#Suchmaske_de{ font:0.5em/1.8em 'sansregular', sans-serif; margin:0 10px } #Wechsler ul,#Wechsler ul li { margin:0; padding:0; list-style-type:none } #Quicklinks ul{ margin: 0; padding: 0; list-style-type: none } #Quicklinks ul li{ display:inline-block; margin:0; padding:0 } #main div > .mod_article.headline { margin-bottom:15px; margin-top:15px } #main div > .mod_article { margin-top:30px; margin-bottom:30px } #main > div:nth-child(2) { margin-bottom:30px; margin-top:0px } #main div > .mod_article.last { margin-bottom:0px } .referenzen #main div > .mod_article, .pressebereich #main div > .mod_article { margin-bottom:0px } .referenzen .grid7 { width:46% } .pressebereich .grid7.left { width:46% } .referenzen div.toggler, .pressebereich div.toggler { margin-bottom:30px } .referenzen h3 { margin-top:20px } div.toggler { border:0 } .ce_accordion { } div.toggler:hover { cursor:pointer } *:focus, .ui-state-focus { outline: none } .ce_accordionStart div.toggler h2:before { font-family: 'Font Awesome 5 Free'; content: "\f054"; color: #2c2e87; font-size: 18px; margin-right:10px } .ce_accordionStart div.toggler.active h2:before { font-family: 'Font Awesome\ 5 Free'; content: "\f078"; color: #2c2e87; font-size: 18px; margin-right:5px } .ce_accordionStart div.toggler h3 { margin-top:0px; margin-left:22px } .ce_accordionStart div.toggler.active h3 { margin-left:22px } .mod_article .ce_accordionStart {margin-left:0;margin-right:0} figcaption {font:0.5em/1.8em 'sansregular', sans-serif;} /* /////// GRID TABELES /////// */ div.table { display: -ms-grid; display: grid; -ms-grid-columns: 30% 3% 30% 3% 30%; grid-template-columns: 30% 30% 30%; grid-column-gap:3%; } #Ansprechpartner,#contacts { position:relative; display: -ms-grid; display: grid; -ms-grid-columns: 47.5% 5% 47.5%; grid-template-columns: 47.5% 47.5%; grid-column-gap:5%; } #Ansprechpartner div.ce_text.span,#contacts div.ce_text.span { width:45%; -ms-grid-column:1; grid-column-start:1; -ms-grid-column-span:2; grid-column-end:3; } #Ansprechpartner div.ce_text figure,#contacts div.ce_text figure { width:30%; margin-right:1em } /*:::::::Mobile Navigation:::::*/ label.mobilenav { display: block; background: #fff; width: 50px; height: 50px; position: relative; margin: 0; border-radius: 4px; cursor:pointer; } /*input#hamburg { display:none } */ .line { position: absolute; left:8px; height: 4px; width: 35px; background: #555; border-radius: 2px; display: block; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .line:nth-child(1) { top: 12px; } .line:nth-child(2) { top: 24px; } .line:nth-child(3) { top: 36px; } /*:::::::Suchmaske:::::*/ input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],textarea{ width: 100%; display: inline-block; padding: 3px 6px; background: #fff; border: 1px solid #2c2e87; border-radius: 3px; -webkit-box-shadow: inset 0 1px 1px #eee; box-shadow: inset 0 1px 1px #eee; -webkit-transition: all .15s linear; -o-transition: all .15s linear; transition: all .15s linear; -webkit-box-sizing: border-box; box-sizing: border-box; } span.mandatory{ display:none } label.mandatory { color:#2c2e87; margin:0 5px 0 0; /*padding:2px 0 3px 0*/ } input#ctrl_1.text.mandatory,input#ctrl_3.text.mandatory{ width:140px; color:#2c2e87 } .safari label.mandatory{ float:left; height:23px; padding:0 } #slidemenu img { vertical-align: bottom } #div_aktuell,#div_blau_big{ position:absolute; height:85px; width:320px; background-color:#2c2e87; left:0px; top:-85px } #div_blau_klein{ position:absolute; height:45px; width:260px; background-color:#2c2e87; left:0px; top:-45px } #div_aktuell a{ display:flex; align-items: center; justify-content: center;} #div_aktuell a span{ display:block; font-family: 'serifregular', serif; color:#ffffff; font-size:20px; line-height:85px; font-weight:400; letter-spacing:2px; text-decoration:none; } div.socials {position: absolute; height:28px; width:200px;right:0px;top:-45px;margin:0;padding:0} div.socials ul {display:flex;justify-content: flex-end;margin:0;padding:0} div.socials ul li {margin-right:20px; height:27px; line-height:20px; list-style-type: none;} div.socials ul li.linkedin {background-color: #fff;border-radius:3px;} div.socials ul li.youtube {background-color: #fff; background-size:25% 25%; background-position:center center; border-radius:30px;} div.socials ul li.facebook {background-color: #fff;border-radius:3px;} div.socials ul li.instagram a { display:block; width:28px; height:28px; background-image: url("../../files/hps/grafik/insta_64.png"); background-repeat: no-repeat; background-size: cover; background-position:center;} div.socials ul li.tiktok a { display:block; width:28px; height:28px; background-image: url("../../files/hps/grafik/icon_tiktok.png"); background-repeat: no-repeat; background-size: cover; background-position:center;} div.socials ul li.instagram { height:28px; } .linkedin-icon { width:28px; height:28px; fill: rgba(1,102,154,1);} .youtube-icon { margin-top:-1px; width:39px; height:29px; fill:rgba(255, 2, 0, 1);} .facebook-icon { width:28px; height:28px; fill: rgba(61,91,153,1);} .instagram-icon { margin:-1px; width:31px; height:31px;} .instagram-icon.st0 {fill:url(../../files/hps/css/#SVGID_1_);} .instagram-icon.st1{fill:url(../../files/hps/css/#SVGID_2_);} .instagram-icon.st2{fill:#654C9F;} /* .sm-icon:hover { filter: invert(0.5) saturate(4) brightness(1);} */ .small #div_blau_big{ position:absolute; height:55px; width:320px; background-color:#2c2e87; left:0px; top:-55px } #Siemens{ width:151px; height:75px; position:absolute; left:30px; top:-100px } #Impressum { position: absolute; right: 0; bottom: -105px } #Impressum ul { list-style-type:none } #Impressum li a,#Impressum li span,#Impressum li strong { color:#2c2e87; font-weight:400; font-size:14px; font-size: 0.9rem } #Impressum li strong.active { font-weight:700 } #Impressum ul li { display:inline-block; margin:0 10px } /*****SITEMAP*****/ div.mod_sitemap h1,div.mod_sitemap ul.level_1 { margin-left:15px; font-weight:700; } div.mod_sitemap ul.level_1 li { margin-top:10px; list-style-type: none; } div.mod_sitemap ul.level_2 { margin:0 0 0 20px } div.mod_sitemap ul.level_2 li { margin-top:0; font-weight:400; list-style-type: none; } div.mod_sitemap ul li a{ color:#2c2e87; font-size:14px; line-height:14px } div.mod_sitemap ul li a:hover { font-weight:bold } /*****REFERENZ-TABELLEN*****/ table tr td { padding:0 15px 8px 0 } .referenztabelle table { width:100% } /******DOWNLOAD-LINK*******/ div.ce_download,div.ce_hyperlink { margin:5px 0px } div.ce_download h3,div.ce_hyperlink h3 { margin:0 } .download div.ce_download { height:18px; margin-bottom:3px } div.ce_download img { float:left; margin-right:5px } div.ce_download.retrofit { height:120px; margin-bottom:3px } /******SUCHE*******/ #ctrl_keywords_3,#ctrl_keywords_33{ float:left; font-size:0.5em; margin:0 25px 0 0; width:250px } #ctrl_submit_3,#ctrl_submit_33{ margin-top:-5px; padding:3px 12px 3px 11px } .presse #main img { max-width:99%; border:1px solid #cccccc; } #Ansprechpartner > div,#contacts > div { margin-top:30px; } #Ansprechpartner div img,#contacts div img{ border:1px solid #e3e3e3; } .ce_youtube, .ce_player { position: relative; padding-bottom: 56.25%; width: 100%; height: auto; } .ce_youtube iframe, .ce_player video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important; } .squaremovie { position: relative; padding-bottom: 47%; width: 47%; height: auto; margin-top:15px; } /* .squaremovie video div.media-controls-container { display:none !important; } */ .home div.ce_youtube {margin:0} @media (min-width:980px) and (max-width:1039px){ #Logo_de a{ display:block; width:152px; height:82px; float:right; margin:30px 30px 0 0; background-image:url("../../files/hps/grafik/hps_logo.png") } div.metaspace{ position:absolute; top:80px; left:25px; margin:0; width:500px; display: -webkit-box; display: -ms-flexbox; display: flex } span.mandatory{ display:none; } label.mandatory { color:#2c2e87; /*padding:2px 0 3px 0; */ } input#ctrl_1.text.mandatory,input#ctrl_3.text.mandatory{ width:140px; color:#2c2e87 } input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],textarea{ width: 100%; display: inline-block; padding: 3px 6px; background: #fff; border: 1px solid #2c2e87; border-radius: 3px; -webkit-box-shadow: inset 0 1px 1px #eee; box-shadow: inset 0 1px 1px #eee; -webkit-transition: all .15s linear; -o-transition: all .15s linear; transition: all .15s linear; -webkit-box-sizing: border-box; box-sizing: border-box; } #slidemenu img{ vertical-align: bottom } #div_aktuell{ position:absolute; height:85px; width:320px; background-color:#2c2e87; left:0px; top:-85px } #div_aktuell a{ display:flex; align-items: center; justify-content: center;} #div_aktuell a span{ display:block; font-family: 'serifregular', serif; color:#ffffff; font-size:20px; line-height:85px; font-weight:400; letter-spacing:2px; text-decoration:none; } #Siemens{ width:151px; height:75px; position:absolute; left:30px; top:-100px } #Impressum { position: absolute; right: 0; bottom: -105px } #Impressum li a,#Impressum li span,#Impressum li strong { color:#2c2e87; font-weight:400; font-size:14px; font-size: 0.9rem } #Impressum li strong.active { font-weight:700 } #Impressum ul li { display:inline-block; margin:0 10px } } @media(min-width:768px) and (max-width:979px){ div.metaspace{ position:absolute; top:80px; left:25px; margin:0; width:500px; display: -webkit-box; display: -ms-flexbox; display: flex } /*#Wechsler,#Quicklinks,#Sitemaplink_de,#Suchmaske_de{ float:left; font-size:0.5em; line-height:1.8em; margin-right:15px } #Wechsler ul { margin:0; padding:0; list-style-type:none } #Wechsler ul li { margin:0; padding:0; list-style-type:none } #Quicklinks ul{ margin: 0; padding: 0; list-style-type: none } #Quicklinks ul li{ display:inline-block; margin:0; padding:0; } */ #Quicklinks ul li.first{ margin-right:15px; } /*div.erster { margin-top:10px } div.abstand { margin-top:40px } */ span.mandatory{ display:none; } label.mandatory { color:#2c2e87; /*padding:2px 0 3px 0; */ } input#ctrl_1.text.mandatory,input#ctrl_3.text.mandatory{ width:150px; color:#2c2e87; } input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],textarea{ width: 100%; display: inline-block; padding: 3px 6px; background: #fff; border: 1px solid #2c2e87; border-radius: 3px; -webkit-box-shadow: inset 0 1px 1px #eee; box-shadow: inset 0 1px 1px #eee; -webkit-transition: all .15s linear; -o-transition: all .15s linear; transition: all .15s linear; -webkit-box-sizing: border-box; box-sizing: border-box; } #slidemenu img{ vertical-align: bottom } #div_aktuell{ position:absolute; height:70px; width:250px; background-color:#2c2e87; left:0px; top:-70px } #div_aktuell a{ display:flex; align-items: center; justify-content: center;} #div_aktuell a span{ display:block; font-family: 'serifregular', serif; color:#ffffff; font-size:18px; line-height:70px; font-weight:400; letter-spacing:2px; text-decoration:none; } #Siemens{ width:151px; height:75px; position:absolute; left:30px; top:-100px } #Impressum { position: absolute; right: 0; bottom: -105px } #Impressum { position: absolute; right: 0; bottom: -105px } #Impressum li a,#Impressum li span,#Impressum li strong { color:#2c2e87; font-weight:400; font-size:14px; font-size: 0.9rem } #Impressum li strong.active { font-weight:700 } #Impressum ul li { display:inline-block; margin:0 10px } } @media(max-width:767px){ a.logo_de { display:block; position:absolute; border:0; width:150px; height:80px; top:15px; left:20px; background-image: url('../../files/hps/grafik/hps_logo.jpg'); } div.metaspace { display:none } div.mod_mobile_menu { position: absolute; top:10px; right:20px; margin:0 } nav.mod_changelanguage { padding:25px 0 0 22px } nav.mod_changelanguage ul { list-style-type:none; margin:0; padding:0 } nav.mod_changelanguage a { font: 0.75em/0.875em 'sansregular', sans-serif; color:#2c2e87 } #main div > .mod_article.headline { margin-bottom:15px } #main div > .mod_article { margin-top:30px; margin-bottom:30px } #main div:nth-child(2) { margin-bottom:0px; margin-top:0px } #main div > .mod_article.last { margin-bottom:0px } div.mobile_menu form { padding:15px 10px 15px 22px } div.mobile_menu form div.widget { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center } div.mobile_menu form div.widget label { -ms-flex-preferred-size:20px; flex-basis:20px; font-size:0.7em; font-weight:400; color:#2c2e87 } div.mobile_menu form div.widget input { -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; width:60%; font-size:0.625em } /*input#ctrl_1.text.mandatory, input#ctrl_3.text.mandatory*/ span.mandatory { display:none } label.mandatory { color:#2c2e87 } input#ctrl_1.text.mandatory,input#ctrl_3.text.mandatory{ color:#2c2e87 } div.ce_download.retrofit { height:100px; margin-bottom:3px } input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],textarea{ width: 100%; display: inline-block; padding: 3px 6px; background: #fff; border: 1px solid #2c2e87; border-radius: 3px; -webkit-box-shadow: inset 0 1px 1px #eee; box-shadow: inset 0 1px 1px #eee; -webkit-transition: all .15s linear; -o-transition: all .15s linear; transition: all .15s linear; -webkit-box-sizing: border-box; box-sizing: border-box } #slidemenu img{ vertical-align: bottom } #div_aktuell, #div_blau_big{ position:absolute; height:55px; width:180px; background-color:#2c2e87; left:0px; top:-55px } #div_blau_klein{ position:absolute; height:25px; width:180px; background-color:#2c2e87; left:0px; top:-25px } .small #div_blau_big{ position:absolute; height:25px; width:180px; background-color:#2c2e87; left:0px; top:-25px } div.socials {position: absolute; height:30px; width:200px;right:-10px;top:-35px} div.socials ul li {margin-right:15px; line-height:20px;list-style-type: none;} #div_aktuell{ position:absolute; height:40px; width:150px; background-color:#2c2e87; left:0px; top:-40px} #div_aktuell a{ display:flex; align-items: center; justify-content: center;} #div_aktuell a span{ display:block; font-family: 'serifregular', serif; color:#ffffff; font-size:15px; line-height:40px; font-weight:400; letter-spacing:2px; text-decoration:none; } #Siemens{ width:151px; height:75px; position:absolute; left:30px; top:-100px } #Impressum { position: absolute; right: 0; bottom: -105px } #Impressum li a,#Impressum li span,#Impressum li strong { color:#2c2e87; font-weight:400; font-size:14px; font-size: 0.9rem } #Impressum li strong.active { font-weight:700 } #Impressum ul li { display:inline-block; margin:0 10px } #Sitemaplink_de { margin-left:0px; } div.table > div.ce_text { width: 250px; margin:0 auto; margin-bottom:3em !important } .ce_accordionStart div.toggler h2 { margin-left:20px } .ce_accordionStart div.toggler h2:before { font-family: 'Font Awesome 5 Free'; content: "\f054"; color: #2c2e87; font-size: 18px; margin-left:-20px } .ce_accordionStart div.toggler.active h2:before { font-family: 'Font Awesome\ 5 Free'; content: "\f078"; color: #2c2e87; font-size: 18px; margin-left:-20px } .ce_accordionStart div.toggler h3 { margin-top:0px; margin-left:22px } .ce_accordionStart div.toggler.active h3 { margin-left:22px } #Ansprechpartner,#contacts { position:relative; display: -ms-grid; display: grid; -ms-grid-columns: 100%; grid-template-columns: 100%; grid-column-gap:0%; } #Ansprechpartner div.ce_text.span,#contacts div.ce_text.span{ -ms-grid-column:1; grid-column-start:1; -ms-grid-column-span:1; grid-column-end:2; } #Ansprechpartner div.ce_text.span,#contacts div.ce_text.span { -ms-grid-column:1; grid-column-start:1; -ms-grid-column-span:1; grid-column-end:2; } #Ansprechpartner div.ce_text,#Ansprechpartner div.ce_text.span,#contacts div.ce_text,#contacts div.ce_text.span{ width: 80%; margin:0 10%; margin-bottom:3em !important } .squaremovie { position: relative; padding-bottom: 100%; width: 100% !important; height: auto; } } /**************+ Pagination News **************/ .pagination { margin-bottom: 1em; margin-top: 60px } /* .pagination p { margin: 0 } */ div.pagination p {display:none} @media (min-width:768px) { .pagination p { float: left; line-height: 40px } } .pagination ul { margin: 0; padding: 0 } @media (min-width:768px) { .pagination ul { float: left; margin-left: 0em } } .pagination li { list-style: none; float: left; margin-right: 5px } .pagination a, .pagination span { font-size: 1em; font-size: 1rem; font-weight: 300; padding: 5px 15px; display: inline-block } .pagination a { background-color: #f2f2f2; transition: background-color .3s, color .3s; margin-bottom: 5px } @media (min-width:768px) { .pagination a { margin-bottom: 0 } } .pagination a:hover, .pagination a:active { background-color: #00f; color: #fff } .pagination span.active { background-color: #96c100; color: #fff } a.mmenu_hps{ display:none } #menu { margin: 0; padding: 0; height:100px; text-align: center; } #menu ul { padding: 0; margin:0; } #menu li { list-style-type: none; padding: 0; margin: 0 } #menu a { text-decoration: none; margin: 0; padding: 0; } #menu span:hover, #menu strong:hover { cursor: pointer } #menu .level_1 li.home,#menu .level_1 li.impressum,#menu .level_1 li.datenschutz,#menu .level_1 li.sitemap { display: none; } #menu .level_1 { position: relative; background: #96c11f; text-align: center; /* set to left, center, or right */ font: 20px/40px 'serifregular', serif; /* use google font */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #menu .level_1 * { -webkit-box-sizing: border-box; box-sizing: border-box; } #menu .level_1 a { text-decoration: none; background: #96c100; text-align: center; display: inline-block; /* color: black; font-weight: bold; padding: 12px; */ position: relative; } #menu .level_1 a:hover { color: #2c2e87; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } #menu.level_1,#menu .level_1 ul { list-style: none; margin: 0; padding: 0; -webkit-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 0%; perspective-origin: 50% 0%; } /* Top Level LI style */ #menu .level_1 > li { margin: 0; padding: 0; border: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } /* Top Level link style */ #menu .level_1 > li > a,#menu .level_1 > li > span { color: white; /* border-radius: 10px 10px 0 0; background: #BADBF2; text-transform: uppercase; */ } #menu .level_1 > li.active > a,#menu .level_1 > li.trail > a,#menu .level_1 > li.active > span,#menu .level_1 > li.trail > span { color: #2c2e87; /* border-radius: 10px 10px 0 0; background: #BADBF2; text-transform: uppercase; */ } /* Top Level link style on hover and when active */ #menu .level_1 li:hover > a { color: #2c2e87; } #menu .level_1 li { display: inline; } /* drop line ULs style */ #menu .level_1 ul { background: #ffffff; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; left: -5000px; width: 100%; opacity: 0; padding: 10px 0; top: auto; border-top: 0; border-right: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; -webkit-box-shadow: 0 3px 5px #eee; box-shadow: 0 3px 5px #eee; -webkit-transform: rotateX(-70deg); transform: rotateX(-70deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition: opacity .3s, -webkit-transform .5s, visibility 0s .3s, left 0s .3s; -webkit-transition: opacity .3s, visibility 0s .3s, left 0s .3s, -webkit-transform .5s; transition: opacity .3s, visibility 0s .3s, left 0s .3s, -webkit-transform .5s; -o-transition: opacity .3s, transform .5s, visibility 0s .3s, left 0s .3s; transition: opacity .3s, transform .5s, visibility 0s .3s, left 0s .3s; transition: opacity .3s, transform .5s, visibility 0s .3s, left 0s .3s, -webkit-transform .5s; } /* Reveal sub menu on hover */ #menu .level_1 li.trail > ul { opacity: 1; left: 0; top: auto; z-index: 2000; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-transition: opacity .5s, -webkit-transform .5s; transition: opacity .5s, -webkit-transform .5s; -o-transition: opacity .5s, transform .5s; transition: opacity .5s, transform .5s; transition: opacity .5s, transform .5s, -webkit-transform .5s; } #menu .level_1 li:hover > ul { opacity: 1; left: 0; top: auto; z-index: 3000; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-transition: opacity .5s, -webkit-transform .5s; transition: opacity .5s, -webkit-transform .5s; -o-transition: opacity .5s, transform .5s; transition: opacity .5s, transform .5s; transition: opacity .5s, transform .5s, -webkit-transform .5s; } #menu .level_1 li.trail.saftoggle > ul { display: none; } #menu .level_1 ul li { display: inline } /* Sub Levels link style on hover and when active */ #menu .level_1 ul li > a { width: 100%; margin: 0 2%; } #menu .level_1 ul li:hover > a { /*background: #f9d423; border-radius: 10px; */ text-shadow: 1px 0 0 #2c2e87; /* margin: 0 2%; font-size: 0.95em; */ } /* LIs with a sub UL style */ #menu .level_1 li > a { width: 100%/* add padding to accomodate arrow inside LIspadding-right: 30px; */ } /* LIs with NO sub UL style */ #menu .level_1 li > a:only-child { /* undo padding for non submenu LIspadding-right: 15px; */ } /* Arrow for LIs with sub ULs */ /* add arrow inside LIs.level_1 li > a:after { /*content: ""; position: absolute; height: 0; width: 0; border: 5px solid transparent; border-top-color: black; top: 45%; right: 8px; } */ /* LIs with NO sub UL pseudo class */ #menu .level_1 li > a:only-child:after { /* undo arrow for non submenu LIs */ display: none; } #menu .level_2 { text-align: center; font: 1rem/1.25rem 'serifregular', serif; } #menu .level_2 > li { padding: 0 5px } #menu .level_2 > li.first { margin-left: 10px; } #menu .level_2 > li a, .level_2 > li span { background-color: transparent; text-align: center; padding: 0 5px; } #menu .level_2 > li a { color: #2c2e87; } @media(min-width:768px) and (max-width:979px){ /* Top Level link style */ #menu .level_2 { text-align: center; font: 0.825rem/1.25rem 'serifregular', serif; } } /* ####### responsive layout CSS ####### */ @media screen and (max-width: 767px) { /* Top Level link style */ #menu .level_1 { text-align: center; font: 15px/25px 'serifregular', serif; /* use google font */ } #menu .level_2 { text-align: center; font: 0.825rem/1.25rem 'serifregular', serif; } #menu { height:55px } .ios.mobile #menu { height:27px } #menu ul.level_1 { display:none } a.mmenu_hps{ float:right; display:block; width:112px; height:52px; margin:10px 20px 0 0; border:0; outline:0; text-decoration:none; background:url("../../files/hps/grafik/mobile_nav_icon.png") no-repeat 0px 0px; background-size:112px 52px; } a.mmenu_hps:hover{ cursor:pointer } } /* portrait and landscape */ @media screen and (min-device-width : 768px)and (max-device-width : 1024px) { } /* landscape */ @media screen and (min-device-width : 768px)and (max-device-width : 1024px)and (orientation : landscape) { } /* portrait */ @media screen and (min-device-width : 768px)and (max-device-width : 1024px)and (orientation : portrait) { } a.close { display:block; font: 2em/2em Arial, Helvetica, sans-serif; color:#555; padding:10px; text-decoration:none; } /*** mobile_menu extension for Contao Open Source CMS** Copyright (C) 2011-2015 Codefog** @package mobile_menu* @author Codefog * @author Kamil Kuzminski * @license LGPL*/ /* Menu */ .mobile_menu { position: fixed; z-index: 100; display: none; } .mobile_menu .inner { height: 100%; background: #fff; overflow-y: scroll; } /* Menu shadows */ .mobile_menu.active.position_left { -webkit-box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.5); box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.5); } .mobile_menu.active.position_top { -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5); } .mobile_menu.active.position_right { -webkit-box-shadow: -2px 0 5px 0 rgba(0, 0, 0, 0.5); box-shadow: -2px 0 5px 0 rgba(0, 0, 0, 0.5); } .mobile_menu.active.position_bottom { -webkit-box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, 0.5); } .mobile_menu.active.no_shadow { -webkit-box-shadow: none !important; box-shadow: none !important; } /* Trigger */ .mobile_menu_trigger { display: none; } /* Wrapper */ .mobile_menu_wrapper { position: relative; width: 100%; overflow: hidden; } /* Overlay */ .mobile_menu_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 99; } .mobile_menu_overlay.background { background: rgba(0,0,0,0.5); } /* Navigation */ .mobile_menu li.submenu_hide > ul { display: none; } .mobile_menu li.submenu_show > ul { display: block; } /* Hide menu on IE8-9 */ body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger { display: none !important; } .mobile_menu .mod_navigation ul { margin: 0; padding:0.25em; list-style-type: none } .mobile_menu .mod_navigation ul li { margin: 0; padding: 0; } .mobile_menu .mod_navigation a { display: block; padding: 8px 15px; text-decoration: none; border-bottom: 1px solid #cccccc; text-decoration: none; color: #2c2e87; font: 0.75em/0.875em 'sansregular', sans-serif; } .mobile_menu .mod_navigation a { /* background-color: #cccccc; */ } .mobile_menu .mod_navigation strong.active { display: block; padding: 8px 15px; font: bold 0.75em/0.875em 'sansregular', sans-serif; border-bottom: 1px solid #cccccc; text-decoration: none; color: #96c11f; } .mobile_menu .mod_navigation .level_2 a,.mobile_menu .mod_navigation .level_2 span { padding-top: 6px; padding-bottom: 6px; padding-left: 0px; /* background-color: #cccccc*/ } .mobile_menu .mod_navigation .level_2,.mobile_menu .mod_navigation .level_3{ padding:0.1em 0px 0.1em 1.5em } div.mod_newslist, .pin {margin:20px 20px 20px 70px;width:50%} .pin div.ce_text {margin:0;padding:0} .pin {border-radius:3px; padding:10px; background-color:rgba(255,0,0,0.3)} div.mod_newslist h2 {margin-bottom:5px} p.more {margin:-10px 0 0 0} p.info {margin:0} .mod_newslist div.layout_short {margin-bottom: 20px;} @media(min-width:980px) and (max-width:1039px){ } @media(min-width:768px) and (max-width:979px){ } @media(max-width:767px){ div.mod_newslist, .pin {margin:20px} div.mod_newslist, .pin {width:auto} } /* korrekturen.css */ .img_center figure img{display:block;margin-left:auto;margin-right:auto}