#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} /* Basic */ html { font-size: 62.5%; } body { color: #000; background: #fff; font-size: 1.5em; line-height: 1.6; padding: 0; margin: 0; } input, button, select, textarea { font: inherit; margin: 0; } /* Helper */ .offscreen, .invisible { position: absolute !important; top: -6000px !important; left: -6000px !important; height: 1px !important; width: 1px !important; } .cf:before, .cf:after { content: " "; /* 1 */ display: table; /* 2 */ } .cf:after { clear: both; } /* General element styles */ img { color: #000; vertical-align: bottom; border: 0; } abbr { text-decoration: none; border: none; } figure { padding: 0; margin: 0; } #container, #main, #right, #left, .main-right #container .inside, .mod_article, .zeile { position: relative; overflow: auto; } #header .zeile, #footer .zeile { width: 100%; } #container { min-height: 300px; } #main { padding: 0 10px; } #right { padding: 0 10px 20px 10px; } .spalte, .spalten { width: 100%; float: left; margin: 1.0rem 0; } .fl-right, .spalte.fl-right, .spalten.fl-right { float: right; } .fl-left, .spalte.fl-left, .spalten.fl-left { float: left; } .box { padding: 10px 0; margin: 15px 0; } @media only screen and (min-width: 760px) { #main, #right, #left { padding: 0 0 30px 0; } #header .zeile, #footer .zeile, #search-breadcrumb .zeile, #container > .inside { width: 740px; margin: 0 auto; } .spalte, .spalten { margin: 1.0rem 10px; } .spalte .ce_text, .spalten .ce_text { margin: 0; } .spalten.kein-steg-rechts { margin-right: 0; } .spalten.kein-steg-links { margin-left: 0; } .spalten.kein-steg-rechts { margin-right: 0; } .spalten.kein-steg-links { margin-left: 0; } .eine.spalte, .eine.spalten { width: 60px; } .zwei.spalten { width: 120px; } .drei.spalten { width: 180px; } .vier.spalten { width: 240px; } .fuenf.spalten { width: 300px; } .sechs.spalten { width: 360px; } .sieben.spalten { width: 420px; } .acht.spalten { width: 480px; } .neun.spalten { width: 540px; } .zehn.spalten { width: 600px; } .elf.spalten { width: 660px; } .zwoelf.spalten { width: 720px; } .einruecken-um-eine.spalte, .einruecken-um-eine.spalten { margin-left: 60px; } .einruecken-um-zwei.spalte, .einruecken-um-zwei.spalten { margin-left: 120px; } .einruecken-um-drei.spalte, .einruecken-um-drei.spalten { margin-left: 180px; } .einruecken-um-vier.spalte, .einruecken-um-vier.spalten { margin-left: 240px; } } @media only screen and (min-width: 760px) and (max-width: 999px) { .box.sechs.spalten, .box.vier.spalten { width: 350px;} } @media only screen and (min-width: 1000px) { #header .zeile, #footer .zeile, #search-breadcrumb .zeile, #container > .inside { width: 960px; } .main-right #main { float: left; width: 640px; } .main-right #right { float: right; width: 310px; } .eine.spalte, .eine.spalten { width: 60px; } .zwei.spalten { width: 140px; } .drei.spalten { width: 220px; } .vier.spalten { width: 300px; } .fuenf.spalten { width: 380px; } .sechs.spalten { width: 460px; } .sieben.spalten { width: 540px; } .acht.spalten { width: 620px; } .neun.spalten { width: 700px; } .zehn.spalten { width: 780px; } .elf.spalten { width: 860px; } .zwoelf.spalten { width: 940px; } .eine.spalte.plus-halber-steg, .eine.spalten.plus-halber-steg { width: 70px; } .zwei.spalten.plus-halber-steg { width: 150px; } .drei.spalten.plus-halber-steg { width: 230px; } .vier.spalten.plus-halber-steg { width: 310px; } .fuenf.spalten.plus-halber-steg { width: 390px; } .sechs.spalten.plus-halber-steg { width: 470px; } .sieben.spalten.plus-halber-steg { width: 550px; } .acht.spalten.plus-halber-steg { width: 630px; } .neun.spalten.plus-halber-steg { width: 710px; } .zehn.spalten.plus-halber-steg { width: 790px; } .elf.spalten.plus-halber-steg { width: 870px; } .eine.spalte.plus-steg, .eine.spalten.plus-steg { width: 80px; } .zwei.spalten.plus-steg { width: 160px; } .drei.spalten.plus-steg { width: 240px; } .vier.spalten.plus-steg { width: 320px; } .fuenf.spalten.plus-steg { width: 400px; } .sechs.spalten.plus-steg { width: 480px; } .sieben.spalten.plus-steg { width: 560px; } .acht.spalten.plus-steg { width: 640px; } .neun.spalten.plus-steg { width: 720px; } .zehn.spalten.plus-steg { width: 800px; } .elf.spalten.plus-steg { width: 880px; } .einruecken-um-eine.spalte, .einruecken-um-eine.spalten { margin-left: 90px; } .einruecken-um-zwei.spalte, .einruecken-um-zwei.spalten { margin-left: 170px; } .einruecken-um-drei.spalte, .einruecken-um-drei.spalten { margin-left: 250px; } .einruecken-um-vier.spalte, .einruecken-um-vier.spalten { margin-left: 330px; } } @media only screen and (min-width: 1200px) { #header .zeile, #footer .zeile, #search-breadcrumb .zeile, #container > .inside { width: calc(1080px + 10px + 10px); } .main-right #main { width: 720px; } .main-right #right { width: 350px; } .eine.spalte, .eine.spalten { width: 70px; } .zwei.spalten { width: 160px; } .drei.spalten { width: 250px; } .vier.spalten { width: 340px; } .fuenf.spalten { width: 430px; } .sechs.spalten { width: 520px; } .sieben.spalten { width: 610px; } .acht.spalten { width: 700px; } .neun.spalten { width: 790px; } .zehn.spalten { width: 880px; } .elf.spalten { width: 970px; } .zwoelf.spalten { width: 1060px; } .eine.spalte.plus-halber-steg, .eine.spalten.plus-halber-steg { width: 80px; } .zwei.spalten.plus-halber-steg { width: 170px; } .drei.spalten.plus-halber-steg { width: 260px; } .vier.spalten.plus-halber-steg { width: 350px; } .fuenf.spalten.plus-halber-steg { width: 440px; } .sechs.spalten.plus-halber-steg { width: 530px; } .sieben.spalten.plus-halber-steg { width: 620px; } .acht.spalten.plus-halber-steg { width: 710px; } .neun.spalten.plus-halber-steg { width: 800px; } .zehn.spalten.plus-halber-steg { width: 890px; } .elf.spalten.plus-halber-steg { width: 980px; } .eine.spalte.plus-steg, .eine.spalten.plus-steg { width: 90px; } .zwei.spalten.plus-steg { width: 180px; } .drei.spalten.plus-steg { width: 270px; } .vier.spalten.plus-steg { width: 360px; } .fuenf.spalten.plus-steg { width: 450px; } .sechs.spalten.plus-steg { width: 540px; } .sieben.spalten.plus-steg { width: 630px; } .acht.spalten.plus-steg { width: 720px; } .neun.spalten.plus-steg { width: 810px; } .zehn.spalten.plus-steg { width: 900px; } .elf.spalten.plus-steg { width: 990px; } .einruecken-um-eine.spalte, .einruecken-um-eine.spalten { margin-left: 100px; } .einruecken-um-zwei.spalte, .einruecken-um-zwei.spalten { margin-left: 190px; } .einruecken-um-drei.spalte, .einruecken-um-drei.spalten { margin-left: 280px; } .einruecken-um-vier.spalte, .einruecken-um-vier.spalten { margin-left: 370px; } } /* Webfonts */ @import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=0743c75c-9da2-4771-a554-5b5cfdf97ef4"); @font-face { font-family: "Neue Helvetica eText W02_n2"; src: url("/files/fonts/fonts/7e44a768-e2b1-4525-9ce2-3bdf2251567e.eot?#iefix") format("eot") } @font-face { font-family: "Neue Helvetica eText W02"; src: url("/files/fonts/fonts/7e44a768-e2b1-4525-9ce2-3bdf2251567e.eot?#iefix"); src: url("/files/fonts/fonts/7e44a768-e2b1-4525-9ce2-3bdf2251567e.eot?#iefix") format("eot"), url("/files/fonts/fonts/db7e7cf9-8452-4595-8260-fb5d80ab9407.woff2") format("woff2"), url("/files/fonts/fonts/78abe6d7-60ee-4a4c-b5f7-676fcff72e80.woff") format("woff"), url("/files/fonts/fonts/303701d4-af3a-47bc-a704-22e366d2b3af.ttf") format("truetype"), url("/files/fonts/fonts/da4e5d93-0c5b-4300-b52b-2ddb956f353a.svg#da4e5d93-0c5b-4300-b52b-2ddb956f353a") format("svg"); font-weight: 200; font-style: normal; } @font-face { font-family: "Neue Helvetica eText W02_i2"; src: url("/files/fonts/fonts/b3e83640-058e-446f-a120-a8e9bb40a7ab.eot?#iefix") format("eot") } @font-face { font-family: "Neue Helvetica eText W02"; src: url("/files/fonts/fonts/b3e83640-058e-446f-a120-a8e9bb40a7ab.eot?#iefix"); src: url("/files/fonts/fonts/b3e83640-058e-446f-a120-a8e9bb40a7ab.eot?#iefix") format("eot"), url("/files/fonts/fonts/f3f9df2d-6ad7-49a9-a72d-f023ee62e21a.woff2") format("woff2"), url("/files/fonts/fonts/060b5239-9fbf-4e43-a231-a995f94e53f3.woff") format("woff"), url("/files/fonts/fonts/13ca9f66-2e3d-4324-a2a7-767608889f53.ttf") format("truetype"), url("/files/fonts/fonts/1b76f6a7-b510-40af-bf52-9e81ebc1916e.svg#1b76f6a7-b510-40af-bf52-9e81ebc1916e") format("svg"); font-weight: 200; font-style: italic; } @font-face { font-family: "Neue Helvetica eText W02_n4"; src: url("/files/fonts/fonts/e30c4534-e8af-416e-b7fb-c395323e8424.eot?#iefix") format("eot") } @font-face { font-family: "Neue Helvetica eText W02"; src: url("/files/fonts/fonts/e30c4534-e8af-416e-b7fb-c395323e8424.eot?#iefix"); src: url("/files/fonts/fonts/e30c4534-e8af-416e-b7fb-c395323e8424.eot?#iefix") format("eot"), url("/files/fonts/fonts/567e6731-e9dc-4a22-9a78-6348be826b52.woff2") format("woff2"), url("/files/fonts/fonts/541908c1-6856-4337-b6cb-f57a88784cbe.woff") format("woff"), url("/files/fonts/fonts/354b6f86-00e3-4843-b8d0-9107b4ae0100.ttf") format("truetype"), url("/files/fonts/fonts/2e170156-a84c-48cf-bc19-5c5c4db18b03.svg#2e170156-a84c-48cf-bc19-5c5c4db18b03") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: "Neue Helvetica eText W02_n5"; src: url("/files/fonts/fonts/de8ea7a9-5466-4dc7-b7ab-af0e574abc59.eot?#iefix") format("eot") } @font-face { font-family: "Neue Helvetica eText W02"; src: url("/files/fonts/fonts/de8ea7a9-5466-4dc7-b7ab-af0e574abc59.eot?#iefix"); src: url("/files/fonts/fonts/de8ea7a9-5466-4dc7-b7ab-af0e574abc59.eot?#iefix") format("eot"), url("/files/fonts/fonts/4424be58-410b-4308-8f6e-fc7783a33540.woff2") format("woff2"), url("/files/fonts/fonts/b9737fe6-d319-40cb-86ee-6ba0882bd5c2.woff") format("woff"), url("/files/fonts/fonts/2e97165a-0bc2-4d7b-932e-469416453152.ttf") format("truetype"), url("/files/fonts/fonts/599c2c22-db49-4454-97d0-6bb81892c795.svg#599c2c22-db49-4454-97d0-6bb81892c795") format("svg"); font-weight: 500; font-style: normal; } @font-face { font-family: "Neue Helvetica eText W02_n7"; src: url("/files/fonts/fonts/e1c22775-19f1-4788-907d-302e5782b5d3.eot?#iefix") format("eot") } @font-face { font-family: "Neue Helvetica eText W02"; src: url("/files/fonts/fonts/e1c22775-19f1-4788-907d-302e5782b5d3.eot?#iefix"); src: url("/files/fonts/fonts/e1c22775-19f1-4788-907d-302e5782b5d3.eot?#iefix") format("eot"), url("/files/fonts/fonts/73f81c14-b708-4885-8b6f-74604805d5d2.woff2") format("woff2"), url("/files/fonts/fonts/74e6e2e1-e281-4b18-8319-dd0e21f3dad3.woff") format("woff"), url("/files/fonts/fonts/484e3cbf-aa5e-4e0f-b623-c94d37c19bdb.ttf") format("truetype"), url("/files/fonts/fonts/0300804c-d9d8-4cb4-8c92-cbcd9b238244.svg#0300804c-d9d8-4cb4-8c92-cbcd9b238244") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: "Minion W08_n4"; src: url("/files/fonts/fonts/21992a03-cbc3-4164-9aa0-37d63dc2b6bb.eot?#iefix") format("eot") } @font-face { font-family: "Minion W08"; src: url("/files/fonts/fonts/21992a03-cbc3-4164-9aa0-37d63dc2b6bb.eot?#iefix"); src: url("/files/fonts/fonts/21992a03-cbc3-4164-9aa0-37d63dc2b6bb.eot?#iefix") format("eot"), url("/files/fonts/fonts/ce03d83f-4240-4982-a07d-ccc710133b73.woff2") format("woff2"), url("/files/fonts/fonts/932ab68d-36f6-478a-8a9e-35a4185c188c.woff") format("woff"), url("/files/fonts/fonts/c6b12398-2c47-4601-b9bc-bbb512335076.ttf") format("truetype"), url("/files/fonts/fonts/24bd8306-cad7-4cbb-af99-30520459a784.svg#24bd8306-cad7-4cbb-af99-30520459a784") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: "Myriad W01_n4"; src: url("/files/fonts/fonts/b4df0776-43d3-4954-9ef2-95527dcfb011.eot?#iefix") format("eot") } @font-face { font-family: "Myriad W01"; src: url("/files/fonts/fonts/b4df0776-43d3-4954-9ef2-95527dcfb011.eot?#iefix"); src: url("/files/fonts/fonts/b4df0776-43d3-4954-9ef2-95527dcfb011.eot?#iefix") format("eot"), url("/files/fonts/fonts/f3750fd8-e60c-4354-9fd6-584d74d1d19e.woff2") format("woff2"), url("/files/fonts/fonts/4823eae2-791d-4382-8ef0-5916b5b1623f.woff") format("woff"), url("/files/fonts/fonts/5f217c58-a6c1-4caa-a812-82aebe639d32.ttf") format("truetype"), url("/files/fonts/fonts/d13b5353-c61b-48c5-a822-a1ae523eddf6.svg#d13b5353-c61b-48c5-a822-a1ae523eddf6") format("svg"); font-weight: 400; font-style: normal; } /* General */ /* Basic */ html { font-size: 62.5%; } body { font-family: "Neue Helvetica eText W02", "Neue Helvetica", helvetica, arial, sans-serif; font-weight: 400; } a:hover, a:hover, a:active { color: #974777; text-decoration: underline; } body { overflow-y: scroll; } /* TinyMCE */ #wrapper.mce-content-body { background: #FFF; } /* Helper */ hr, #header .options fieldset label, #main .radio_container.anrede legend { position: absolute !important; top: -6000px !important; left: -6000px !important; height: 1px !important; width: 1px !important; } /* TinyMCE */ #wrapper.mce-content-body .offscreen { position: static !important; top: auto !important; left: auto !important; height: auto !important; width: auto !important; opacity: .2 !important; } .cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } /* Nav bars */ .mod_navigation ul, .mod_customnav ul { padding: 0; margin: 0; list-style: none; } .mod_navigation li, .mod_customnav li { margin: 0; } .mod_navigation a, .mod_customnav a { text-decoration: none; } /* Layout */ #wrapper { background: #FFF; color: #000; } #container { background: #F0F0F0; background: linear-gradient(180deg, #D4D4D4 0, #E6E6E6 1px, #EBEBEB 6px, #EAEAEA 220px); } @media only screen and (max-width: 759px) { .artikeldetail #container { background: linear-gradient(180deg, #D4D4D4 0, #E6E6E6 2px, #EFEFEF 6px, #FFF 150px); } } .body-spalten #main > .inside, .body-spalten #right.durchgehende-spalte > .inside { padding: 0 0 2.0rem 0; } .einspaltig #main .mod_article, .body-spalten:not(.artikeldetail) #main .mod_article, .body-spalten #right.durchgehende-spalte > .inside { background: #FFF; padding-bottom: 10px; } .body-spalten #main .mod_article + .mod_article { margin-top: 20px; } .body-boxen #main .ce_text, .body-boxen #right .ce_text, .body-boxen #right .ce_text, .body-spalten #right .ce_text, .body-spalten #right .ce_person, .body-spalten #right .mod_customnav:not(.bereichsmenue-jubilaeum) { overflow: auto; background: #FFF; margin: 0 0 10px 0; } .archiv.body-spalten #right .ce_text, .body-spalten #right .ce_text.cf { overflow: visible; } .jubilaeum.body-spalten #main .mod_article, .jubilaeum.body-spalten #right .durchgehende-spalte, .jubilaeum.einspaltig #main .inside, .jubilaeum.body-boxen #main .ce_text, .jubilaeum.body-boxen #right .ce_text, .jubilaeum.body-spalten #right .ce_text, .jubilaeum.body-spalten #right .ce_person, .body-boxen #main .ce_text.lila { border-top: 6px solid #974777; } @media only screen and (max-width: 760px) { #main { padding-top: 25px; } } @media only screen and (min-width: 760px) { .body-spalten #main .mod_article { background: #FFF; } .body-boxen #main .ce_text, .body-boxen #right .ce_text, .body-boxen #right .ce_text, .body-spalten #right .ce_text, .body-spalten #right .ce_person, .body-spalten #right .mod_customnav:not(.bereichsmenue-jubilaeum) { margin-bottom: 20px; } } @media only screen and (max-width: 999px) { .einspaltig #main { padding-bottom: 30px; } } @media only screen and (min-width: 1000px) { .main-right #main > .inside { margin-right: 20px; } .body-boxen .hauptspalte-links { width: 300px; float: left; } .body-boxen .hauptspalte-rechts { width: 300px; float: right; } } @media only screen and (min-width: 1200px) { .body-boxen .hauptspalte-links { width: 340px; } .body-boxen .hauptspalte-rechts { width: 340px; } } /* TinyMCE */ #wrapper.mce-content-body { box-sizing: border-box; max-width: 650px; padding: 10px 20px; margin: 0 auto; } /* Header */ /* Header allgemein */ #header, #header > .inside { position: relative; } @media only screen and (max-width: 759px) { #header .spalten { margin-top: 0; } } /* Navbar top */ #header-top-menu-bar-1 a, #header-top-menu-bar-1 strong { display: block; color: #FFF; font-weight: 400; } @media only screen and (max-width: 759px) { #header-top-menu-bar { clear: both; } #header-top-menu-bar-1 { margin: 25px 10px 20px 10px; } #header-top-menu-bar-1 a, #header-top-menu-bar-1 strong { padding: .5rem 0; border-top: 1px solid rgba(255, 255, 255, .5); } #header-top-menu-bar-2 { display: none; } } @media (max-width: 749px) { #header-logo-jubilaeum { display: none; } } @media only screen and (min-width: 760px) { #header-top-menu-bar .zeile { overflow: visible; } #header-top-menu-bar-1 { overflow: auto; margin-right: 180px; } #header-top-menu-bar-1 ul { overflow: auto; border-left: 1px solid rgba(255, 255, 255, 0.12); } #header-top-menu-bar-1 li { float: left; font-size: 1.4rem; line-height: 1.7rem; margin: 0; } #header-top-menu-bar-1 a, #header-top-menu-bar-1 strong { padding: 1.4rem 10px 1.0rem 10px; border-right: 1px solid rgba(255, 255, 255, 0.12); } #header-top-menu-bar-1 a:hover, #header-top-menu-bar-1 a:focus, #header-top-menu-bar-1 a:active, #header-top-menu-bar-1 strong.active { background: #974777; border-right: 1px solid rgba(255, 255, 255, 0.08); } #header-top-menu-bar-1 a.first, #header-top-menu-bar-1 strong.first { } } @media only screen and (min-width: 750px) { #header-logo-jubilaeum { position: absolute; width: 100%; height: 1px; top: 0; z-index: 10; } #header-logo-jubilaeum > .inside { padding: 0 10px; max-width: calc(1080px + 10px + 10px); margin: 0 auto; } #header-logo-jubilaeum a { position: absolute; display: block; } } /* Logo */ #logo a { color: #FFF; text-decoration: none; } @media only screen and (max-width: 759px) { #logo { position: absolute; top: 0; right: 10px; } #logo .logo-2 { display: none; } } @media only screen and (min-width: 760px) { #logo { position: relative; } } @media only screen and (min-width: 1000px) { #logo { width: 100%; } #logo > p { margin-right: 30px; } } @media only screen and (min-width: 1350px) { #logo { position: static; width: 1080px; margin: 0 auto; } #logo > p { margin-right: 0; } } /* Switch */ #switch { display: none; } #switch p { text-align: right; margin: 0; } #switch.wirtschaftsdienst p { font-family: "Minion W08", "times new roman", "times", serif; font-size: 1.7rem; } #switch.intereconomics p { font-family: "Myriad W01", helvetica, arial, sans-serif; font-size: 1.7rem; } #switch a { color: #FFF; text-decoration: none; } #switch a:hover, #switch a:focus, #switch a:active { text-decoration: underline; } @media only screen and (min-width: 1000px) { #switch { display: block; position: absolute; right: 12px; bottom: 6px; } } @media only screen and (min-width: 1350px) { #switch { top: 10px; bottom: auto; } } /* Suche allgemein */ #header-search-articlenav { background: #FFF; } @media only screen and (max-width: 759px) { #header-search-articlenav { padding-right: 10px; padding-left: 10px; } } /* Suche – Eingabefeld */ .header-search-nav { background-color: #FFF; } .header-search-nav > .inside { padding: 14px 0; } @media (min-width: 750px) { .header-search-nav > .inside { display: flex; align-items: center; justify-content: space-between; max-width: calc(1080px + 10px + 10px); margin: 0 auto; } } .header-search { display: flex; } @media (min-width: 750px) { .header-search { width: 50.0rem; max-width: 50%; } } .header-search > .inside, .header-search form, .header-search .formbody { display: flex; width: 100%; } .header-search .widget-text { font-size: 1.6rem; display: flex; } .header-search .text { width: calc(100% - 28px); padding: .8rem 70px .8rem 9px; border: 1px solid #974777; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background: #FFF; -webkit-appearance: none; -moz-appearance: none; } .header-search .submit { box-sizing: content-box; width: 28px; height: 28px; padding: .8rem; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: #974777; } .header-form-search-options { align-self: center; margin: 0 14px; } .header-form-search-options fieldset fieldset { display: none; } .header-form-search-options legend { font-size: 1.4rem; line-height: 2.0rem; margin: 0; padding: 2px 0 0 0; color: $c-text-grey-medium; } /* Suche – Optionen */ #header-suchoptionen { display: none; position: relative; float: left; width: 17.0rem; margin-left: 20px; } #header-suchoptionen fieldset, #header-suchoptionen legend { color: #635C5C; font-size: 1.4rem; line-height: 2.2rem; padding: 0; border: 0; margin: 0; } #header-suchoptionen fieldset.options { margin-top: 0; } #header-suchoptionen fieldset.options > legend { font-weight: 400; padding-bottom: .2rem; } #header-suchoptionen fieldset p { font-size: 1.5rem; line-height: 2.2rem; } #header-suchoptionen .options fieldset { padding: 0 0 5px 0; } #header-suchoptionen .options fieldset legend { float: left; width: 3.6rem; } #header-suchoptionen .options select { font-size: 1.4rem; } /* Oeffnen / Schliessen */ #header-search button { background-color: #FFF; color: #555; font-size: 1.4rem; line-height: 1.6rem; padding: 0; border: none; cursor: pointer; } #header-suchoptionen-oeffnen { margin: 3.7rem 0 0 15px; } #header #header-suchoptionen-oeffnen:hover, #header #header-suchoptionen-oeffnen:focus, #header #header-suchoptionen-oeffnen:active { color: #974777; text-decoration: underline; } #header-suchoptionen-schliessen { position: absolute; top: .3rem; right: 0; width: 16px; height: 16px; } @media only screen and (max-width: 759px) { #header-suchoptionen-oeffnen { display: none !important; } } @media only screen and (min-width: 1000px) { #header-suchoptionen-oeffnen { margin-top: 4.1rem; } } /* Navbar articles */ #header-articlenav { padding: 14px 0 8px 0; } #header-articlenav:before, #header-articlenav:after { content: " "; display: table; } #header-articlenav:after { clear: both; } #header-articlenav ul { float: left; padding: 0; } #header-articlenav ul:first-child { width: 55%; } #header-articlenav ul:last-child { width: 45%; } #header-articlenav li { font-size: 1.4rem; line-height: 2.4rem; } @media only screen and (max-width: 999px) { #header-articlenav { clear: both; } } @media only screen and (min-width: 760px) { #header-articlenav { padding: 14px 0; } #header-articlenav ul:first-child { width: 20.0rem; } #header-articlenav ul:last-child { width: 20.0rem; } #header-articlenav li { font-size: 1.5rem; font-weight: 500; } } @media only screen and (min-width: 1000px) { #header-articlenav { float: right; width: 310px; } #header-articlenav ul:first-child { width: 55%; } #header-articlenav ul:last-child { width: 45%; } } @media only screen and (min-width: 1200px) { #header-articlenav { width: 350px; } #header-articlenav ul:first-child { width: 50%; } #header-articlenav ul:last-child { width: 50%; } } /* Breadcrumb */ #breadcrumb { overflow: auto; margin: 0 10px; } #breadcrumb .mod_breadcrumb { float: left; color: #555; padding: 2.2rem 0 0.9rem 0; } #breadcrumb p { font-size: 1.4rem; line-height: 2.1rem; margin: 0 0 0 1px; } #breadcrumb a { color: #555; text-decoration: none; } #breadcrumb a:hover, #breadcrumb a:focus, #breadcrumb a:active { color: #974777; text-decoration: underline; } #breadcrumb strong { font-weight: 400; } @media only screen and (max-width: 760px) { #breadcrumb { display: none; } } @media only screen and (min-width: 760px) { #breadcrumb { margin: 0; } #breadcrumb .mod_breadcrumb { width: 620px; } #breadcrumb p { line-height: 2.3rem; } } @media only screen and (min-width: 1000px) { #breadcrumb .mod_breadcrumb { width: 800px; } } @media only screen and (min-width: 1200px) { #breadcrumb .mod_breadcrumb { width: 960px; } } /* Social Media / RSS */ #breadcrumb #social { overflow: hidden; float: right; width: 100px; } #breadcrumb #social ul { float: right; } #breadcrumb #social li { margin: 0; padding: 18px 0 0 6px; } #social ul { list-style: none; padding: 0; margin: 0; } #social li { float: left; } /* Mobile Navigation */ @media only screen and (max-width: 999px) { .mobile #header-top-menu-bar { display: none; color: #FFF; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #header-top-menu-bar.mobile-nav a { color: #FFF; } #header-top-menu-bar.mobile-nav > :last-child { margin-bottom: 30px; } #mobile-navigation #header-top-bar { width: 100%; position: fixed; } #mobile-navigation .mobile-navigation-0 { margin-top: 8.5rem; } #mobile-navigation-control { float: left; } #mobile-navigation-control p { margin: 1.4rem 0 .6rem 0; } #mobile-navigation-control button { background: transparent; color: #FFF; font-size: 1.4rem; font-weight: 400; text-transform: uppercase; line-height: 2.3rem; padding: .4rem 0 .4rem 0; border: 0; margin: 0 0 0 10px; cursor: pointer; } #mobile-navigation-control .open-mobile-navigation { background-image: url(/files/images/layout/icon-mobile-navigation-open.png); background-size: 21px 19px; background-repeat: no-repeat; background-position: 0 9px; } #mobile-navigation-control .close-mobile-navigation { background-image: url(/files/images/layout/icon-mobile-navigation-close.png); background-size: 20px 18px; background-repeat: no-repeat; background-position: 2px 9px; } #mobile-navigation #header-login { margin: 0 20px 50px 20px; } #mobile-navigation #header-login a { border-bottom: 1px solid rgba(255, 255, 255, .2); } #mobile-navigation #header-styleswitcher { margin: 0 20px; } #mobile-navigation #header-styleswitcher button { width: 100%; box-sizing: border-box; background: transparent; color: #FFF; text-align: left; padding: .5rem 0; border: 0; border-top: 1px solid rgba(255, 255, 255, .2); margin: 0; cursor: pointer; } #mobile-navigation ul { list-style: none; padding: 0; margin: 0; } #mobile-navigation li { margin: 0 20px; } #mobile-navigation a { display: block; text-decoration: none; padding: .4rem 0 .6rem 0; border-top: 1px solid rgba(255, 255, 255, .2); } } /* Elements */ /* Typography */ h1, .archiv h2 { font-size: 2.3rem; font-weight: 500; line-height: 3.0rem; margin: 3.0rem 0 1.8rem 0; } h2 { font-size: 2.0rem; font-weight: 500; line-height: 2.8rem; margin: 3.5rem 0 1.5rem 0; } h2.klein { font-size: 2.0rem; line-height: 3.0rem; } h2.serifen { font-family: "Minion W08", "times new roman", "times", serif; font-size: 3.8rem; font-weight: 600; text-align: center; margin-top: 5.0rem; } h2.hinterlegt { color: #635C5C; font-size: 1.5rem; font-weight: 400; line-height: 2.5rem; text-transform: uppercase; text-align: center; border-bottom: 1px solid #C1C1C1; } h3 { font-size: 2.0rem; font-weight: 500; line-height: 3.2rem; margin: 3.0rem 0 1.5rem 0; } h4 { font-size: 1.8rem; font-weight: 700; line-height: 2.6rem; margin: 2.5rem 0 1.0rem 0; } ul { margin-left: 0; padding-left: 1.5rem; } ol { margin-left: 0; padding-left: 1.8rem; } p, li { font-size: 1.5rem; line-height: 2.2rem; margin: 1.5rem 0px; } p.kleiner, li.kleiner { font-size: 1.4rem; line-height: 2.3rem; } #right p, #right li { line-height: 2.3rem; } li.ohne-abstand { margin-top: 0; margin-bottom: 0; } li.kleiner-abstand { margin-top: .4rem; margin-bottom: .4rem; } strong { font-weight: 600; } .body-spalten #main h1, .body-spalten:not(.artikeldetail) #main div:not(.text_container):not(.mod_event_retrospects) > h2, .body-spalten #main .ce_text > h2, .body-spalten #main .ce_headline, .body-spalten:not(.artikeldetail) #main .text_container, .body-spalten #main .ce_downloads > ul, .body-spalten #right .ce_text > h2, .body-spalten #right .ce_text .text_container { margin-right: 10px; margin-left: 10px; } @media only screen and (max-width: 759px) { .einspaltig #main .ce_headline, .einspaltig #main .ce_text, .einspaltig #main .ce_downloads { margin-right: 10px; margin-left: 10px; } } @media only screen and (min-width: 760px) { h1, .archiv h2 { font-size: 3.6rem; line-height: 4.6rem; margin: 4.0rem 0 1.8rem 0; } h2 { font-size: 2.4rem; line-height: 3.0rem; } p, li { line-height: 2.4rem; } .body-spalten #main h1, .body-spalten:not(.artikeldetail) #main div:not(.text_container):not(.mod_event_retrospects) > h2, .body-spalten #main .mod_article > h2, .body-spalten #main .ce_text > h2, .body-spalten #main .ce_text > h3, .body-spalten #main .ce_text > h4, .body-spalten #main .ce_text > h5, .body-spalten #main .ce_text > h6, .body-spalten #main .ce_headline, .body-spalten #main .text_container, .body-spalten #main .ce_downloads > ul, .body-spalten:not(.artikeldetail) #main .text_container { margin-left: 25px; margin-right: 25px; } .body-spalten #main .text_container > p, .body-spalten #main .text_container > li { margin-right: 50px; } .body-spalten #right .ce_text > h1, .body-spalten #right .ce_text > h2, .body-spalten #right .ce_text > h3, .body-spalten #right .ce_text > h4, .body-spalten #right .ce_text > h5, .body-spalten #right .ce_text > h6, .body-spalten #right .ce_text .text_container { margin-left: 15px; margin-right: 15px; } .body-spalten #right li h1, .body-spalten #right li h2, .body-spalten #right li h3, .body-spalten #right li h4, .body-spalten #right li h5, .body-spalten #right li h6, .body-spalten #right li p { margin-left: 0; margin-right: 0; } .einspaltig #main h2, .einspaltig #main h3, .einspaltig #main h4, .einspaltig #main h5, .einspaltig #main h6, .einspaltig #main p, .einspaltig #main li { margin-left: 90px; margin-right: 90px; } .einspaltig #main .vier.spalten h2, .einspaltig #main .vier.spalten h3, .einspaltig #main .vier.spalten h4, .einspaltig #main .vier.spalten h5, .einspaltig #main .vier.spalten h6, .einspaltig #main .vier.spalten p, .einspaltig #main .vier.spalten li { margin-left: 15px; margin-right: 15px; } .einspaltig.artikel #main h2, .einspaltig.artikel #main h3, .einspaltig.artikel #main h4, .einspaltig.artikel #main h5, .einspaltig.artikel #main h6, .einspaltig.artikel #main p, .einspaltig.artikel #main li { margin-left: 190px; margin-right: 190px; } .einspaltig #main h1, .einspaltig.artikel #main h2 { margin-right: 50px; margin-left: 50px; text-align: center; } .einspaltig.jubilaeum-mit-bereichsmenue #main h1 { margin-top: 6.0rem; } .einspaltig.artikel #main h1 { font-family: "Minion W08", "times new roman", "times", serif; font-size: 3.8rem; font-weight: 600; line-height: 4.6rem; margin-top: 80px; margin-bottom: 0; } .einspaltig.artikel #main h2 { font-family: "Minion W08", "times new roman", "times", serif; font-size: 2.8rem; font-weight: 400; line-height: 3.7rem; padding-bottom: 1.7rem; border-bottom: 1px solid #C1C1C1; margin-top: 0.6rem; margin-bottom: 2.6rem; } .einspaltig.artikel #main .h3-artikel-zwischenueberschrift, .einspaltig.artikel #main .h4-artikel-zwischenueberschrift { font-family: "Minion W08", "times new roman", "times", serif; font-size: 2.5rem; font-weight: 600; line-height: 3.4rem; margin-top: 3.0rem; margin-bottom: 1.5rem; } .einspaltig.artikel #main .p-artikel-heftnummer { position: absolute; top: 8px; left: 15px; color: #635C5C; font-size: 1.3rem; margin: 0; } .einspaltig.artikel #main .p-artikel-autor { color: #635C5C; font-size: 1.5rem; font-style: italic; text-align: center; margin-top: 3.2rem; margin-bottom: 2.2rem; } .einspaltig.artikel #main .img-artikel-links { float: left; margin: .8rem 25px .8rem 50px; } .einspaltig.artikel #main .img-artikel-rechts { float: right; margin: .8rem 50px .8rem 10px; } .einspaltig.artikel #main p, .einspaltig.artikel #main li { font-size: 1.6rem; line-height: 2.7rem; } } /* Images */ img.ganze-breite { width: 100%; height: auto; } .ce_text .image_container img { max-width: 100%; height: auto; } .ce_text .image_container.float_left, .ce_text .image_container.float_right { display: table; width: auto; } .ce_text .image_container.float_left { float: left; margin: .6rem 25px 10px 25px; } .ce_text .image_container.float_right { float: right; margin: .6rem 25px 10px 25px; } .artikel .ce_text .image_container.float_left { margin: .8rem 25px 10px 50px; } .artikel .ce_text .image_container.float_right { margin: .8rem 50px 10px 25px; } #right .ce_text .image_container.float_left, #right .ce_text .image_container.float_right { margin: .5rem 15px 10px 15px; } .artikel .ce_text .image_container.float_left img, .artikel .ce_text .image_container.float_right img { display: block; } #main .image_container.float_left .caption, #main .image_container.float_right .caption, #right .image_container.float_left .caption, #right .image_container.float_right .caption { display: table-caption; caption-side: bottom; color: #635C5C; font-size: 1.3rem; line-height: 1.9rem; padding: 8px 0 0 0; margin: 0; } #main .teaser.box .image_container.float_left .caption, #main .teaser.box .image_container.float_right .caption { font-size: 1.1rem; line-height: 1.6rem; } .einspaltig.artikel #main .image_container.float_left .caption { padding: 12px 0 0 0; } .einspaltig.artikel #main .image_container.float_left .caption { padding: 12px 0 0 0; } .main-right #right .image_container.float_left .caption, .main-right #right .image_container.float_right .caption { display: none; } #main .ce_text a .image_container .caption { font-size: 1.5rem; text-decoration: underline; } #main .ce_text a:hover .image_container .caption, #main .ce_text a:focus .image_container .caption, #main .ce_text a:active .image_container .caption { color: #974777; } .startseite .ce_text .image_container.float_left { float: left; } .startseite .ce_text .image_container.float_right { float: right; } @media only screen and (max-width: 359px) { .teaser.box .image_container.float_right img, .teaser.box .image_container.float_left img { max-width: 100px; } } /* General elements */ .abstand-oben-0 { margin-top: 0 !important; } .abstand-oben-10 { margin-top: 1.0rem !important; } .abstand-oben-20 { margin-top: 2.0rem !important; } .abstand-oben-30 { margin-top: 3.0rem !important; } .abstand-oben-40 { margin-top: 4.0rem !important; } .abstand-oben-50 { margin-top: 5.0rem !important; } .abstand-oben-0 { margin-top: 0 !important; } .abstand-unten-10 { margin-bottom: 1.0rem !important; } .abstand-unten-20 { margin-bottom: 2.0rem !important; } .abstand-unten-30 { margin-bottom: 3.0rem !important; } .abstand-unten-40 { margin-bottom: 4.0rem !important; } .abstand-unten-50 { margin-bottom: 5.0rem !important; } .linie-oben { padding-top: 1.5rem; border-top: 1px solid #C1C1C1; } /* Audio */ .mejs-container.mejs-audio { clear: both; max-width: 100% !important; margin-top: 6px; margin-bottom: 20px; } .mejs-container.mejs-audio .mejs-controls { background: rgb(235, 235, 235); } .mejs-container.mejs-audio .mejs-controls .mejs-time { color: #666; } .mejs-controls .mejs-button button { background-image: url("/files/jquery/mediaelement/images/controls.svg"); } .mejs-container.mejs-audio .mejs-controls .mejs-time-rail .mejs-time-total, .mejs-container.mejs-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background: rgb(200, 200, 200); } .mejs-controls .mejs-time-rail .mejs-time-loaded { background: rgb(175, 175, 175); } .mejs-controls .mejs-time-rail .mejs-time-current { background: rgb(0, 102, 182); background: linear-gradient(rgba(0, 102, 182, 0.7), rgba(0, 102, 182, 1)); } .mejs-container.mejs-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: rgb(130, 130, 130); } /* Autoren-Publikationsliste */ .einspaltig .autor-publikationsliste { overflow: auto; padding: 20px 0 20px 0; margin-left: 190px; margin-right: 190px; border-bottom: 1px solid #E4E4E4; } .einspaltig .autor-publikationsliste.last { border-bottom: none; } .einspaltig #main .autor-publikationsliste .text_container { overflow: auto; } .einspaltig #main .autor-publikationsliste h3, .einspaltig #main .autor-publikationsliste p, .einspaltig #main .autor-publikationsliste li { margin: 0; } .autor-publikationsliste h3 + p { margin-top: 0; } .autor-publikationsliste ul { overflow: auto; list-style: none; padding-left: 0; margin-left: 0; } .einspaltig #main .autor-publikationsliste li { clear: both; margin-bottom: .3rem; } .einspaltig #main .image_container.float_left { margin-left: 0; } .einspaltig #main .image_container.float_right { margin-right: 0; } .einspaltig #main .autor-publikationsliste .p-copyright { margin-bottom: 1.5rem; } @media only screen and (min-width: 1000px) { .einspaltig #main .autor-publikationsliste li a { float: right; width: 450px; margin-left: 10px; } } @media only screen and (min-width: 1300px) { .einspaltig #main .autor-publikationsliste li a { width: 450px; } } /* Artikel */ .einspaltig.artikel #main .h3-artikel-beitrag { font-size: 2.8rem; font-weight: 600; line-height: 3.6rem; margin-bottom: 0.9rem } .einspaltig.artikel #main .fussnoten + .h3-artikel-beitrag { margin-top: 6.0rem; } .einspaltig.artikel #main .h3-artikel-beitrag + .p-artikel-autor { text-align: left; margin-top: 0; } .einspaltig.artikel #main .h5-artikel-ueberschrift-abb, .einspaltig.artikel #main .p-artikel-subline-abb, .einspaltig.artikel #main .p-artikel-bu-abb { color: #635C5C; font-size: 1.4rem; line-height: 2.0rem; text-align: center; } .einspaltig.artikel #main .p-artikel-abb { text-align: center; margin-top: .8rem; margin-bottom: .8rem; } .einspaltig.artikel #main .p-artikel-abb img { padding: 10px 15px; border: 1px solid #C1C1C1; } .einspaltig.artikel #main .h5-artikel-ueberschrift-abb { margin-top: 40px; margin-bottom: 0; } .einspaltig.artikel #main .p-artikel-subline-abb { margin-top: 0; margin-bottom: 0; } .einspaltig.artikel #main .p-artikel-bu-abb { margin-top: 0; margin-bottom: 40px; } #container #main .p-copyright { color: #635C5C; font-size: 1.3rem; line-height: 1.9rem; margin-top: 3.5rem; } #container #main .p-copyright a { color: #635C5C; text-decoration: none; } #container #main .p-copyright a:hover, #container #main .p-copyright a:focus, #container #main .p-copyright a:active { color: #974777; text-decoration: underline; } /* Artikel (Archiv) */ .archiv .artikel { clear: both; } @media only screen and (min-width: 760px) { .archiv .artikel:before { content: " "; display: block; height: 1px; background: #C1C1C1; } } /* Artikel-Detail (Archiv) */ .artikeldetail #main h2 { font-size: 1.5rem; font-weight: 400; line-height: 2.4rem; margin-top: 0; margin-bottom: 0; } .artikeldetail #main h2 a { text-decoration: none; } .artikeldetail #main h2 .seitenzahlen { color: #635C5C; } .artikeldetail h3.rubrik { color: #635C5C; font-size: 1.6rem; font-weight: normal; line-height: 2.8rem; text-transform: uppercase; text-align: center; margin: 0; } .artikeldetail h4.hauptueberschrift, .artikeldetail h4.hauptueberschrift-ebene2 { font-size: 2.0rem; line-height: 2.7rem; text-align: center; padding: 3.0rem 0 0 0; margin: 0; } .artikel h3.rubrik + h4.hauptueberschrift { padding-top: 0; } @media only screen and (max-width: 359px) { .artikeldetail #main h2 { font-size: 1.3rem; line-height: 1.7rem; padding: 3px 0; } } @media only screen and (max-width: 759px) { .artikeldetail #main h2 { color: #FFF; text-align: center; padding: 2px 6px; } .artikeldetail #main h2 a { color: #FFF; } .artikeldetail #main h2 .seitenzahlen { color: #FFF; } .artikeldetail h3.rubrik { background: #FFF; padding: 30px 10px 0 10px; } .artikeldetail h4.hauptueberschrift { background: #FFF; padding-right: 10px; padding-left: 10px; } .artikel-funktionen { display: none; } } @media only screen and (min-width: 760px) { .artikeldetail #main h2 { float: left; font-size: 1.4rem; padding: 2.0rem 0 .8rem 0; margin-right: 0 !important; } .artikeldetail h3.rubrik { font-size: 1.8rem; line-height: 2.6rem; margin: 45px 0 0 0; } .artikel h4.hauptueberschrift, .artikel h4.hauptueberschrift-ebene2 { font-size: 2.8rem; line-height: 3.8rem; } } /* Ueberschriften */ .artikel h5 { font-size: 1.7rem; margin-top: 3.0rem; margin-bottom: 1.0rem; } .artikel h5.hauptueberschrift { font-size: 2.0rem; font-weight: 400; line-height: 2.9rem; margin-top: 0.3rem; margin-bottom: 20px; text-align: center; } .artikel h6 { font-weight: 600; font-size: 1.5rem; line-height: 2.5rem; margin-top: 1.5rem; margin-bottom: 0; } /* Autor */ .artikeldetail .autor { font-size: 1.4rem; line-height: 2.2rem; text-align: center; padding: 2.5rem 10px 0 10px; border-top: 1px solid #C1C1C1; margin: 1.5rem 0 2.5rem 0; } .artikeldetail .autor a { text-decoration: none; } .artikeldetail .autor a:hover, .artikeldetail .autor a:focus, .artikeldetail .autor a:active { text-decoration: underline; } @media only screen and (min-width: 760px) { .artikeldetail .autor { line-height: 2.3rem; padding: 3.0rem 30px 0 30px; margin: 2.0rem 0 2.5rem 0; } .artikeldetail #main .artikel .Einfacher-Grafikrahmen + div + .autor { margin-right: 330px; text-align: left; } } /* Autorenkasten */ #main .artikel .autorenkasten, #main .artikel p.autorenkasten { color: #635C5C; background: #F4F4F4; font-size: 1.4rem; line-height: 2.1rem; padding: 10px; margin: 1.5rem 0; } #main .artikel .autorenkasten:before, #main .artikel .autorenkasten:after { content: " "; display: table; } #main .artikel .autorenkasten:after { clear: both; } #main .artikel .autorenkasten p { font-size: 1.3rem; line-height: 1.9rem; margin: 0; } #main .autorenkasten img { display: block; width: 80px; height: auto; } @media only screen and (max-width: 759px) { #main .autorenkasten img { float: right; margin: 0 0 0 5px; } } @media only screen and (min-width: 760px) { #main .artikel .autorenkasten, #main .artikel p.autorenkasten { float: right; width: 200px; padding: 12px; margin: 0.5rem 0 10px 18px; } #main .autorenkasten img { width: 100%; display: block; margin-bottom: 10px; } } /* Tabellen und Textkaesten */ .artikeldetail .box.textkasten { background: #F4F4F4; padding: 6px 15px; margin: 1.5rem 0; } .artikel h5.grafik-tabelle-ebene-1 { color: #635C5C; font-size: 1.3rem; font-weight: 400; text-align: center; margin-top: 3.5rem; margin-bottom: 1.0rem; } .artikel .box.textkasten h5.grafik-tabelle-ebene-1 { margin-top: 1.0rem; } #main .artikel h4.grafik-tabelle-ebene-2, #main .artikel h6.grafik-tabelle-ebene-2 { background: #F6F6F6; color: #635C5C; font-size: 1.3rem; line-height: 2.1rem; padding: .4rem 10px; margin: 0 0 1.5rem 0; border-top: 1px solid #C1C1C1; border-bottom: 1px solid #C1C1C1; text-align: center; } #main .artikel .Erl-uterung-oben { color: #635C5C; font-size: 1.3rem; line-height: 2.0rem; text-align: center; margin: 1.5rem 0 1.5rem 0; } #main .artikel .tabelle-grafik-erl-uterung-oben { margin-bottom: 1.0rem; } #main .artikel .frame-2, #main .artikel .frame-20, #main .artikel .frame-9, #main .artikel div.image, #main .artikel div[class^="frame-"], #main .artikel > div > div[class^="_idGenObjectLayout"] > div { text-align: center; } #main .artikel p.tabelle-grafik-text-unter-tabelle, #main .artikel p.Text-unter-Tabelle { color: #635C5C; font-size: 1.3rem; line-height: 2.0rem; padding-top: 1.5rem; border-top: 1px solid #C1C1C1; margin: 1.5rem 0 0.5rem 0; text-align: center; } #main .artikel p.tabelle-grafik-text-unter-tabelle + p { margin-top: 0; } /* Abstract */ #main .artikel .abstract { background: #F4F4F4; padding: 6px 15px; margin: 2.5rem 0; } #main .artikel .abstract p { font-size: 1.4rem; line-height: 2.3rem; margin: 1.0rem 0; } #main .artikel .Abstract-Title-fett, #main .artikel .Abstract-Flie-text-fett { font-weight: 600; } /* Artikel-Detail (Archiv) - IE Forum */ .forum-2010-2012-autor { border-top: 1px solid #C1C1C1; font-size: 1.4rem; padding: 3.0rem 0 0 0; margin: 0; } .artikel .forum-2010-2012-beitrag { font-size: 2.0rem; line-height: 2.8rem; margin-top: 0rem; margin-bottom: 1.0rem } .artikel .forum-autor { border-top: 1px solid #C1C1C1; font-size: 1.4rem; padding: 2.0rem 0 0 0; margin: 0; } /* Artikel-Funktionen (Archiv) */ #main div.artikel-funktionen p { display: inline-block; font-size: 1.4rem; font-weight: 400; line-height: 2.4rem; margin: 0 15px 0 0; } .artikel-funktionen a { display: block; position: relative; text-decoration: none; padding-left: 24px; } .artikel-funktionen a:before { content: " "; position: absolute; left: 0; display: block; background-repeat: no-repeat; } .link-artikel-pdf a:before { top: .2rem; background-image: url(https://www.wirtschaftsdienst.eu/files/images/icons/icons-artikel-download-blue.png); background-size: 36px 18px; width: 18px; height: 18px; } .link-artikel-kommentieren a:before { top: .3rem; background-image: url(https://www.wirtschaftsdienst.eu/files/images/icons/icons-artikel-kommentieren-blue.png); background-size: 40px 17px; width: 20px; height: 17px; } .link-artikel-pdf a:hover:before, .link-artikel-pdf a:focus:before, .link-artikel-pdf a:active:before { background-position: -18px 0; } .link-artikel-kommentieren a:hover:before, .link-artikel-kommentieren a:focus:before, .link-artikel-kommentieren a:active:before { background-position: -20px 0; } @media only screen and (min-width: 760px) { .artikel-funktionen { float: right; } #main div.artikel-funktionen p { padding: 2.0rem 0 .8rem 0; margin: 0 0 0 15px; } } /* Artikel-Kommentare (Archiv) */ #main .forum-beitrag + form fieldset { margin-top: 40px; } .main-right.archiv #main fieldset .links { display: block; } .main-right.archiv #main fieldset .textfeld, .main-right.archiv #main fieldset textarea { max-width: 280px; padding: 3px 4px; border: 1px solid #C1C1C1; border-radius: 5px } @media only screen and (min-width: 760px) { .main-right.archiv #main fieldset .links { float: left; width: 180px; font-weight: 600; text-align: right; padding-right: 5px; } .main-right.archiv #main fieldset .rechts { float: right; width: 405px; } .main-right.archiv #main fieldset .kommentartext { margin-top: 30px; } .main-right.archiv #main fieldset .textfeld, .main-right.archiv #main fieldset textarea { width: 390px; } .main-right.archiv #main .kommentarsubmit { margin-top: 30px; margin-bottom: 10px; } } /* Artikel-Teaser */ h1 + .ce_teaser { margin-top: 10px; } .ce_teaser { padding-top: 20px; margin: 0 25px 25px 25px; border-top: 1px solid #C1C1C1; } .artikel.einspaltig .ce_teaser { border-top: 1px solid #C1C1C1; margin-left: 190px; margin-right: 190px; } .artikel.einspaltig .mod_article .ce_teaser:first-child { margin-top: 30px; } .ce_teaser a { text-decoration: none; } #main .ce_teaser a h3, .einspaltig.artikel #main .ce_teaser a h3 { font-family: "Neue Helvetica eText W02", "Neue Helvetica", helvetica, arial, sans-serif; font-size: 2.0rem; font-weight: 700; line-height: 2.8rem; padding: 0; margin: 0 15px 0 0; border-bottom: none; text-align: left; } #main .ce_teaser a h4 { color: #000; font-size: 1.6rem; font-weight: 400; line-height: 2.4rem; margin: 0.2rem 15px 0 0; } #main .ce_teaser a p, .einspaltig.artikel #main .ce_teaser a p { font-size: 1.3rem; line-height: 2.0rem; color: #635C5C; margin: 1.2rem 15px 0 0; } .einspaltig.artikel #main .ce_teaser a h2 + p { font-size: 1.5rem; margin-top: .6rem; } #main .ce_teaser a:hover h2, #main .ce_teaser a:focus h2, #main .ce_teaser a:active h2, #main .ce_teaser a:hover h3, #main .ce_teaser a:focus h3, #main .ce_teaser a:active h3 { text-decoration: underline } /* Artikel teilen (Archiv) */ .artikel-teilen { background-color: #0167B8; margin-bottom: 20px; } #right .artikel-teilen .h2-artikel-teilen { float: left; color: #FFF; font-size: 1.4rem; font-weight: 400; line-height: 4.0rem; margin: 0 10px 0 15px; } .artikel-teilen ul { margin: 0; padding: 0; list-style: none; float: right; } #right .artikel-teilen .li-artikel-teilen { float: left; padding: 0; margin: 0; } .artikel-teilen li a { display: block; } /* Bereichsmenue Jubilaeum */ .bereichsmenue-jubilaeum { color: #FFF; background: #974777; text-align: center; margin-bottom: 20px; } #container .mod_customnav.bereichsmenue-jubilaeum ul { padding: 0 0 0.4rem 0; margin: 0 0 0 -0.6rem; } #container .bereichsmenue-jubilaeum li { display: inline-block; font-size: 1.5rem !important; line-height: 2.3rem !important; padding: 0.4rem 0 !important; border: none !important; margin: 0 !important; } .bereichsmenue-jubilaeum a, .bereichsmenue-jubilaeum strong { display: block; color: #FFF; padding: 0.4rem 0.6rem 0.4rem 1.0rem; border-left: 1px solid rgba(255, 255, 255, 0.4); } .bereichsmenue-jubilaeum li.first a, .bereichsmenue-jubilaeum li.first strong { border-left: none; } .bereichsmenue-jubilaeum a:hover, .bereichsmenue-jubilaeum a:focus, .bereichsmenue-jubilaeum a:active { text-decoration: underline; } .bereichsmenue-jubilaeum .trail, .bereichsmenue-jubilaeum strong { font-weight: 600; } @media only screen and (min-width: 1000px) { #main .bereichsmenue-jubilaeum { position: absolute; top: 0; right: 0; z-index: 1; width: 350px; } #container .mod_customnav.bereichsmenue-jubilaeum ul { padding: 0.4rem 0; } } /* Bezugsinfo (Spalten) */ @media only screen and (max-width: 999px) { #bezugsinfo h2.klein.abstand-oben-10 { font-size: 2.4rem; margin-top: 3.5rem !important; } #bezugsinfo .linie-oben { padding-top: 0; border-top: none; } } /* Boxen: General */ @media only screen and (max-width: 759px) { .body-spalten #right { background: #EAEAEA; padding-top: 25px; } } /* Boxen: Artikelliste */ #right .artikelliste { list-style: none; padding: 0; margin: 0; } #right .artikelliste li { margin-left: 0; margin-right: 0; } #right .artikelliste h4 { font-size: 1.6rem; line-height: 2.3rem; margin: 1.8rem 0 0 0; } #right .artikelliste h4 a { text-decoration: none; } #right .artikelliste h4 a:hover, #right .artikelliste h4 a:focus, #right .artikelliste h4 a:active { text-decoration: underline; } #right .artikelliste p { margin: 0.1rem 0 15px 0; } #right .artikelliste + p a { text-decoration: none; } #right .artikelliste + p a:hover, #right .artikelliste + p a:focus, #right .artikelliste + p a:active { text-decoration: underline; } /* Boxen: Teaser-Boxen */ #container .teaser.box .text_container { margin: 1.5rem 10px 1.5rem 10px; } #container .teaser.box > h2, #container .teaser.box > a > h2 { color: #635C5C; font-size: 1.4rem; font-weight: 400; line-height: 2.1rem; text-transform: uppercase; text-decoration: none; margin: 1.0rem 10px 0 10px; } #container .teaser.box > h3, #container .teaser.box > h3, #container .teaser.box > a > h3 { color: #000; font-size: 1.9rem; font-weight: 700; line-height: 2.5rem; text-decoration: none; margin: 0 10px 1.5rem 10px; } .teaser.box .image_container { margin-left: 10px; margin-right: 10px; } .teaser.box .image_container img { max-width: 100%; height: auto; } #container .teaser.box p { line-height: 2.2rem; } #container .teaser.box ul > li, #container .teaser.box ol > li { margin-top: 1.5rem; margin-bottom: 1.5rem; } .teaser.box > a { text-decoration: none; } .teaser.box p a:not(.button):hover, .teaser.box p a:not(.button):focus, .teaser.box p a:not(.button):active, #container .teaser.box > a:hover > h3, #container .teaser.box > a:focus > h3, #container .teaser.box > a:active > h3 { text-decoration: underline; } .teaser.box a:hover h2, .teaser.box a:focus h2, .teaser.box a:active h2, .teaser.box a:hover h3, .teaser.box a:focus h3, .teaser.box a:active h3, #container .teaser.box > a:hover > h3 { color: #974777; } #main .teaser.box.rahmen .float_above { padding-top: 15px; padding-bottom: 15px; border: 1px solid #C1C1C1; text-align: center; } #main .teaser.box.rahmen .float_below { padding-top: 15px; padding-bottom: 15px; border: 1px solid #C1C1C1; text-align: center; } .teaser.box.banner { /* TEMP Jubilaeum ZBW Banner */ padding: 0; } @media only screen and (min-width: 760px) { #main .teaser.box > h2, #main .teaser.box > h3, #main .teaser.box > a > h2, #main .teaser.box > a > h3, #main .teaser.box .text_container { margin-right: 25px; margin-left: 25px; } #right .teaser.box > h2, #right .teaser.box > h3, #right .teaser.box > a > h2, #right .teaser.box > a > h3, #right .teaser.box > h4, #right .teaser.box > h5, #right .teaser.box > h6, #right .teaser.box .text_container { margin-right: 15px; margin-left: 15px; } #container .teaser.box > h3, #container .teaser.box > a > h3 { font-size: 2.2rem; line-height: 2.8rem; margin-top: 0.3rem; margin-right: 20px; } #start-hauptspalte-rechts .teaser.box > h3, #start-hauptspalte-rechts .teaser.box > a > h3, #start-hauptspalte-links .teaser.box > h3, #start-hauptspalte-links .teaser.box > a > h3 { font-size: 2.0rem; line-height: 2.6rem; margin-top: 0.1rem; } .teaser.box .image_container { margin-right: 25px; margin-left: 25px; } .teaser.box .image_container.float_right { margin-left: 10px; } #container .teaser.box p { line-height: 2.3rem; } } /* Boxen: PDF-Boxen */ .pdf.box { float: right; width: 410px; padding: 0; margin: 0.8rem 50px 1.0rem 20px; } .pdf.box a { overflow: auto; display: block; color: #FFF; background: #974777; padding: 15px 25px 15px 15px; } .pdf.box img { float: left; } #main .pdf.box .caption { float: right; width: 190px; font-size: 1.4rem; line-height: 2.3rem; padding: 2.0rem 0; margin: 0; } .pdf.box a:hover .caption, .pdf.box a:focus .caption, .pdf.box a:active .caption { text-decoration: underline; } /* Boxen: Personen */ .ce_person.box { overflow: auto; float: left; width: 410px; background: #F4F4F4; padding: 15px; margin: 0.8rem 30px 1.0rem 50px; } .ce_person.box .image_container { float: left; margin-right: 20px; margin-bottom: 10px; } .ce_text.box.zitat .image_container { margin-left: 10px; } .ce_person.box p, .einspaltig.artikel #main .ce_person.box p { font-size: 1.4rem; line-height: 2.3rem; margin: 0.4rem 0 0.4rem 0; } .ce_person.box .image_container + p, .einspaltig.artikel #main .ce_person.box .image_container + p { margin: 0.6rem 0; } .ce_person.box .p-person-box-quelle, .ce_person.box .p-person-box-quelle a { color: #635C5C; font-size: 1.3rem; line-height: 1.9rem; text-decoration: none; padding-top: 15px; } .ce_person.box .p-person-box-quelle a:hover, .ce_person.box .p-person-box-quelle a:focus, .ce_person.box .p-person-box-quelle a:active { color: #974777; text-decoration: underline; } /* Boxen: Zitate */ .ce_single_quote { overflow: auto; background: #F4F4F4; padding: 10px 10px 0 10px; margin: 3.5rem 50px; } .ce_single_quote .image_container { float: left; margin-right: 25px; margin-bottom: 10px; } #main .ce_text.box.zitat .image_container { float: left; margin: 1.8rem 20px 1.6rem 25px; } #right .ce_text.box.zitat .image_container { float: left; margin: 1.7rem 15px 0.8rem 15px; } #right .ce_text.box.zitat img { width: 110px; height: auto; } #main .ce_text.box.zitat .zitat-text { float: left; width: 470px; } .ce_single_quote blockquote, .ce_text.box.zitat blockquote { font-family: "Minion W08", "times new roman", "times", serif; font-weight: 400; } .ce_single_quote blockquote { font-size: 1.9rem; line-height: 2.9rem; padding: 0; margin: 2.0rem 20px 2.0rem 20px; } #main .ce_text.box.zitat blockquote { font-size: 2.0rem; line-height: 2.7rem; padding: 0; margin: 1.0rem 0; } #right .ce_text.box.zitat blockquote { font-size: 1.8rem; line-height: 2.4rem; padding: 0; margin: 1.0rem 15px; } .einspaltig #main .p-single-quote-quelle, .einspaltig #main .p-single-quote-quelle a, .einspaltig.artikel #main .p-single-quote-quelle, .einspaltig.artikel #main .p-single-quote-quelle a, #main .ce_text.zitat.box .p-single-quote-quelle, #right .ce_text.zitat.box .p-single-quote-quelle { color: #635C5C; font-size: 1.4rem; line-height: 2.1rem; text-decoration: none; } .einspaltig #main .p-single-quote-quelle, .einspaltig #main .p-single-quote-quelle a, .einspaltig.artikel #main .p-single-quote-quelle, .einspaltig.artikel #main .p-single-quote-quelle a { margin: -0.5rem 20px 2.0rem 20px; } #right .ce_text.zitat.box .p-single-quote-quelle { margin-right: 15px; margin-left: 15px; } .p-single-quote-quelle strong { font-weight: 600; } .p-single-quote-quelle em { font-style: normal; } /* Boxen: Navigation rechts */ #right .mod_customnav ul { padding: .6rem 10px; } #right .mod_customnav li { padding: .5rem 0; } #right .mod_customnav li, #right .mod_customnav h2 + ul li.first { border-top: 1px solid #C1C1C1; } #right .mod_customnav li.first { border-top: none; } @media only screen and (min-width: 760px) { #right .mod_customnav h2 { padding: .6rem 15px 0 15px; } #right .mod_customnav ul { padding: .6rem 15px; } } /* Boxen: Events */ .box.event-infos { overflow: auto; background: rgb(248, 248, 248); margin: 2.5rem 10px 4.0rem 10px; } @media only screen and (max-width: 760px) { .box.event-infos { padding: 5px 10px 10px 10px; } } @media only screen and (min-width: 760px) { .box.event-infos { margin-right: 25px; margin-left: 25px; } } /* Buttons */ .button { display: inline-block; border-radius: 5px; text-decoration: none; padding: 6px 1.5rem 7px 1.5rem; margin: 1.5rem auto 3.0rem auto; } .button:hover, .button:focus, .button:active, a:hover .button, a:focus .button, a:active .button { color: #FFF; text-decoration: none; background-color: #974777; border: 1px solid #974777; } .button.solid.blau:hover, .button.solid.blau:focus, .button.solid.blau:active, .button.solid.gruen:hover, .button.solid.gruen:focus, .button.solid.gruen:active, a:hover .button.solid.blau, a:focus .button.solid.blau, a:active .button.solid.blau, a:hover .button.solid.gruen, a:focus .button.solid.gruen, a:active .button.solid.gruen { color: #FFF; background-color: #974777; border: 1px solid #974777; } /* Dekadenseiten */ .body-spalten.dekade #main h1 { position: absolute; width: 100%; color: #FFF; z-index: 1; text-align: center; margin: 60px 0 0 0; } .dekade h1 + .ce_text { position: relative; z-index: 2; background-position: 50% 25px; background-repeat: no-repeat; background-size: 650px 160px; padding-top: 215px; } .dekade #main h2 { font-size: 3.0rem; margin-top: 0; margin-bottom: 0; } .dekade #main h3 { font-weight: 400; margin-top: .3rem; margin-bottom: 20px; } .dekade #main .artikel-teaser > h2 { font-size: 1.8rem; font-weight: 600; line-height: 2.4rem; padding-bottom: 15px; border-bottom: 1px solid #C1C1C1; margin-top: 15px; margin-bottom: 0; } #main .p-dekade-quelle { display: block; color: #635C5C; font-size: 1.4rem; line-height: 2.1rem; margin-top: 30px; margin-bottom: 12px; } /* Downloads */ .ce_downloads > ul { padding: 0; list-style: none; } /* Faehnchen */ #faehnchen { display: none; } @media only screen and (min-width: 1375px) { #faehnchen { display: block; position: fixed; right: 0; top: 365px; z-index: 100; width: 125px; min-height: 92px; background: #FFF; border: 1px solid rgb(225, 225, 225); border-right: none; box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.075); } #faehnchen p { color: rgb(128, 128, 128); font-size: 1.0rem; line-height: 2.0rem; margin: 2px 6px; text-align: center; } #faehnchen p .faehnchen-text { display: block; text-align: left; } #faehnchen p .faehnchen-logo a { display: inline-block; width: 74px; height: 32px; padding: 11px 0 12px 0; } #faehnchen p .faehnchen-logo a:before { content: ""; display: block; position: absolute; z-index: 200; width: 74px; height: 32px; background-image: url(/files/images/general/zbw-faehnchen.png); background-repeat: no-repeat; background-size: 74px 32px; } } /* Formulare */ fieldset, #main fieldset { padding: 0; border: 0; margin: 0; } .archiv #main fieldset { background: #F4F4F4; padding: 0; border: none; margin: 20px 0 25px 0; } #main fieldset .fieldset-innen { padding: 20px 0; } .main-right #main fieldset h3 { font-size: 1.5rem; font-weight: 600; line-height: 2.5rem; margin: 0; } .main-right #main fieldset p { overflow: auto; line-height: 2.3rem; margin: 0; } .main-right #main fieldset .row { margin: 1.0rem 0; } @media only screen and (min-width: 760px) { #main fieldset .fieldset-innen { padding: 20px 25px; } } #main fieldset input, #main fieldset label { vertical-align: middle; } #main .widget, #main .widget-submit, #main .submit_container { font-size: 1.5rem; line-height: 2.4rem; margin: 1.2rem 0 1.2rem 220px !important; } #main .widget-text label, #main .widget-textarea label { width: 240px; display: block; } #main .widget-text input, #main .widget-textarea textarea { width: 443px; padding: .4rem 5px; border: 1px solid #C1C1C1; border-radius: 5px; } #main .widget-text input:hover, #main .widget-text input:focus, #main .widget-text input:active, #main .widget-textarea textarea:hover, #main .widget-textarea textarea:focus, #main .widget-textarea textarea:active { border: 1px solid #0066B6; background: #FAFAFA; } #main .radio_container { margin-top: 1.5rem; margin-bottom: 1.5rem; } #main .radio_container legend { padding: 1.5rem 0 .5rem 0; margin: 0 25px 0 0; } #main .radio_container .radio-option { padding-right: 10px; } .submit_container input, .widget-submit button { color: #FFF; font-weight: 500; padding: 5px 15px; border-radius: 4px; margin-top: 2.0rem; cursor: pointer; } /* Presse-Login fuer Journalisten */ .form-login-journalisten { margin-top: 20px; } .form-login-journalisten .widget { margin: 0 0 5px; } .form-login-journalisten .widget:before, .form-login-journalisten .widget:after { content: " "; display: table; } .form-login-journalisten .widget:after { clear: both; } .form-login-journalisten .widget-text label, .form-login-journalisten .widget-password label { float: left; width: 9.0rem; padding-top: 3px; } .form-login-journalisten .widget-text input, .form-login-journalisten .widget-password input { box-sizing: border-box; float: right; width: calc(100% - 9.0rem - 5px); padding: 3px 4px; border: 1px solid #C1C1C1; border-radius: 5px; } .form-login-journalisten .submit_container { margin-left: calc(9.0rem + 5px); } .form-login-journalisten .submit_container input { margin-top: 0; margin-bottom: 10px; } /* Fussnoten */ .fn, .footnote-link, ._idFootnoteLink { position: relative; top: -0.5rem; font-size: 1.3rem; font-weight: 600; text-decoration: none; } .fussnoten, .footnotes { list-style: none; padding: 0; margin-top: 50px; } #main .footnotes li { margin-right: 25px; } .fussnoten li:first-child, .footnotes li:first-child p { padding: 20px 0 0 0; border-top: 1px solid #C1C1C1; } #container #main .fussnoten li, #container #main .footnotes li p { position: relative; font-size: 1.4rem; line-height: 2.2rem; color: #635C5C; padding-left: 2.5rem; padding-right: 3.0rem; } .fussnoten li > a:first-child, .footnotes li .nr a { position: absolute; left: 0; font-size: 1.3rem; font-weight: 600; text-decoration: none; } /* Gallerie */ .ce_gallery { overflow: auto; } .ce_gallery > h2 { margin-right: 25px; margin-left: 25px; } .startseite .ce_gallery { background-color: #FFF; border-top: 6px solid #0066B6; margin: 0 0 20px 0; } .startseite .ce_gallery h2 { font-size: 2.2rem; font-weight: 700; line-height: 3.0rem; margin: 2.0rem 25px 2.0rem 25px; } .ce_gallery ul { list-style: none; padding: 0; margin: 20px 0 20px 25px; } h2 + .ce_gallery ul, .ce_gallery h2 + ul { margin-top: 10px; } .body-spalten #main .ce_gallery li, .body-boxen #main .ce_gallery li { float: left; padding: 0; margin: 0 6px 6px 0; } .body-spalten #main .ce_gallery .last, .body-boxen #main .ce_gallery .last { margin-right: 0; } #main .ce_gallery.rahmen li { margin: 0 4px 4px 0; } .ce_gallery a { display: block; position: relative; } .ce_gallery.rahmen a { border: 1px solid #0066B6; border-color: #C1C1C1; } .ce_gallery a:hover:before, .ce_gallery a:focus:before, .ce_gallery a:active:before { content: " "; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 112, 182, .65); background-color: rgba(151, 71, 119, .8); } .ce_gallery a:hover:after, .ce_gallery a:focus:after, .ce_gallery a:active:after { content: " "; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-image: url(/files/images/icons/bild-groesser.png); background-size: 49px 49px; background-position: -49px -49px; background-repeat: no-repeat; } .ce_gallery a[data-lightbox]:hover:after, .ce_gallery a[data-lightbox]:focus:after, .ce_gallery a[data-lightbox]:active:after { background-position: 52% 50%; } .ce_gallery.rahmen a:hover, .ce_gallery.rahmen a:focus, .ce_gallery.rahmen a:active { border-color: rgba(151, 71, 119, .8); } /* Lesen Sie auch */ .lesen-sie-auch.mod_article { padding-left: 30px; padding-right: 30px; } .lesen-sie-auch.mod_article + .lesen-sie-auch.mod_article { padding-top: 0; } .einspaltig #main .lesen-sie-auch h3 { color: #635C5C; font-weight: 600; font-size: 1.7rem; text-align: center; padding-bottom: 1.0rem; border-bottom: 1px solid #C1C1C1; margin: 25px 20px 20px 20px; } .lesen-sie-auch .ce_image { float: left; width: 300px; margin-left: 20px; margin-right: 20px; } .lesen-sie-auch .ce_image img { width: 300px; height: 200px; } #main .lesen-sie-auch .ce_image p { font-size: 1.4rem; line-height: 2.1rem; margin: 10px 0 20px 0; } .lesen-sie-auch a { color: #635C5C; text-decoration: none; } .lesen-sie-auch a:hover, .lesen-sie-auch a:focus, .lesen-sie-auch a:active { color: #974777; text-decoration: underline; } /* Lightbox */ #colorbox, #cboxOverlay, #cboxWrapper { overflow: visible; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #cboxOverlay { background: #000; } #cboxContent { background: #FFF; } #cboxLoadedContent { border-color: #FFF; border-radius: 2px; } #cboxTitle { position: static; color: rgba(255, 255, 255, .9); } #cboxTitle p { line-height: 2.0rem; margin: 0.8rem 0 0 0; } #cboxNext, #cboxPrevious, #cboxClose { background-image: url("/files/images/icons/icons-colorbox.png"); background-size: 98px 140px; } #cboxNext, #cboxPrevious { height: 70px; width: 35px; } #cboxNext { right: 0; background-position: top right; } #cboxPrevious { left: 0; background-position: top left; } #cboxClose { top: 0; right: 0; width: 26px; height: 26px; background-position: top center; } #cboxPrevious:hover, #cboxPrevious:focus, #cboxPrevious:active { background-position: bottom left; } #cboxNext:hover, #cboxNext:focus, #cboxNext:active { background-position: bottom right; } #cboxClose:hover, #cboxClose:focus, #cboxClose:active { background-position: bottom center; } /* Menschen */ .ce_person.list ul { list-style: none; padding: 0; margin: 0; } #right .ce_person.list li, #right .ce_person.single { overflow: auto; margin: 15px 0; } #right .ce_person a { color: #000; } #right .ce_person a:hover strong, #right .ce_person a:focus strong, #right .ce_person a:active strong { color: #974777; text-decoration: underline; } #right .ce_person .image_container { float: left; width: 110px; min-height: 1px; margin-left: 15px; } #main .ce_person img { width: 160px; height: auto; } #right .ce_person img { width: 100px; height: auto; } #right .ce_person .person-text { float: left; width: 210px; font-size: 1.4rem; line-height: 2.0rem; padding: 25px 0 0 0; } #right .ce_person .person-text strong { display: inline-block; font-size: 1.5rem; padding: 0 0 2px 0; } #main .ce_person.list { overflow: auto; margin: 0 25px; } .main-right #main h1 + .ce_person.list { margin-top: 2.5rem; } .einspaltig #main .ce_person.list { margin: 0 90px 0 90px; } #main .ce_person.list h2 { margin-top: 10px; margin-left: 10px; } #main .ce_person.list li { float: left; width: 160px; line-height: 2.0rem; margin: 0 10px 30px 10px; } .einspaltig #main .ce_person.list li:nth-child(6), .einspaltig #main .ce_person.list li:nth-child(11), .einspaltig #main .ce_person.list li:nth-child(16), .einspaltig #main .ce_person.list li:nth-child(21), .einspaltig #main .ce_person.list li:nth-child(26), .einspaltig #main .ce_person.list li:nth-child(31), .einspaltig #main .ce_person.list li:nth-child(36), .einspaltig #main .ce_person.list li:nth-child(41) { clear: left; } .main-right #main .ce_person.list li:nth-child(4), .main-right #main .ce_person.list li:nth-child(7), .main-right #main .ce_person.list li:nth-child(10), .main-right #main .ce_person.list li:nth-child(13), .main-right #main .ce_person.list li:nth-child(16), .main-right #main .ce_person.list li:nth-child(19), .main-right #main .ce_person.list li:nth-child(22), .main-right #main .ce_person.list li:nth-child(25), .main-right #main .ce_person.list li:nth-child(28), .main-right #main .ce_person.list li:nth-child(31), .main-right #main .ce_person.list li:nth-child(34), .main-right #main .ce_person.list li:nth-child(37), .main-right #main .ce_person.list li:nth-child(40), .main-right #main .ce_person.list li:nth-child(43) { clear: left; } #main .ce_person.list a { text-decoration: none; } #main .ce_person.list .person-name { display: inline-block; color: #000; padding-top: 10px; } #main .ce_person.list .person-details { display: inline-block; color: #635C5C; font-size: 1.3rem; line-height: 1.9rem; padding-top: 5px; } #main .ce_person.list a:hover .person-name, #main .ce_person.list a:focus .person-name, #main .ce_person.list a:active .person-name, #main .ce_person.list a:hover .person-details, #main .ce_person.list a:focus .person-details, #main .ce_person.list a:active .person-details { color: #974777; text-decoration: underline; } #main .personenfilter-ueberschrift { overflow: auto; padding-left: 10px; padding-right: 10px; } #main .personenfilter-ueberschrift h2 { margin-top: 10px; margin-left: 90px; margin-bottom: 0; } #main .personenfilter-ueberschrift p { margin-top: 0; } /* Nach oben */ .nach-oben { background: #FFF; padding: 2.0rem 0 0 0; text-align: center; } .nach-oben p { margin: 0; } /* Newsletter */ .newsletter-registration-form { padding-bottom: 30px; } .newsletter-list-item { padding: 0; border-top: 1px solid #C1C1C1; margin: 0; list-style: none; } .newsletter-list-item:first-child { margin-top: 30px; } .newsletter-list-item:last-child { border-bottom: 1px solid #C1C1C1; margin-bottom: 30px; } .newsletter-list-item a { display: block; text-decoration: none; padding: .5rem 0; } /* Pagination */ #main .pagination { margin-top: 3.5rem; display: flex; justify-content: space-between; } #main .pagination-info { width: 25%; padding-top: .3rem; } .body-spalten #main .pagination-navigation { width: 50%; line-height: 2.5rem; text-align: right; margin-right: 0; } #main .pagination-navigation .page, #main .pagination-navigation .current { display: inline-block; width: 2.5rem; height: 2.5rem; text-decoration: none; text-align: center; vertical-align: middle; border: 1px solid #006AB2; border-radius: 30px; } #main .pagination-navigation .page:hover, #main .pagination-navigation .page:focus, #main .pagination-navigation .page:active { background: #974777; border: 1px solid #974777; color: #FFF; } #main .pagination-navigation .current { color: #FFF; background: #006AB2; } .pagination-navigation .previous { margin-right: 10px; } .pagination-navigation .next { margin-left: 10px; } .pagination-navigation .previous img, .pagination-navigation .next img { vertical-align: middle; } @media only screen and (min-width: 760px) { #main .pagination { margin-right: 25px; margin-left: 25px; } } /* Presse */ /* Pressemitteilungen: Liste */ .news-liste-presse:not(.first) .text_container { border-top: 1px solid #C1C1C1; } .news-liste-presse-titel { font-size: 2.0rem; font-weight: 600; line-height: 2.8rem; margin: 2.5rem 0 0 0; } .news-liste-presse-titel a { text-decoration: none; } .news-liste-presse-titel a:hover, .news-liste-presse-titel a:focus, .news-liste-presse-titel a:active { text-decoration: underline; } .news-liste-presse-datum { color: #635C5C; margin-top: 0.3rem; margin-bottom: 1.0rem; } .news-liste-presse-teaser p { line-height: 2.3rem; margin-top: 0; } .news-liste-presse .button { margin: 0 0 2.0rem 0; } @media only screen and (min-width: 760px) { .news-liste-presse .text_container { padding-right: 50px; } } /* Pressemitteilungen: Detailseite */ .news-detail-subline { font-size: 2.0rem; line-height: 2.8rem; margin: 0; } .news-detail-presse-datum { color: #635C5C; margin-top: 0.3rem; margin-bottom: 1.0rem; } /* Redaktion / Wissenschaftlicher Beirat */ .ce_text.listeneintrag-person { margin: 10px; } .ce_text.listeneintrag-person:before, .ce_text.listeneintrag-person:after { content: " "; display: table; } .ce_text.listeneintrag-person:after { clear: both; } .ce_text.listeneintrag-person + .ce_text.listeneintrag-person { border-top: 1px solid #C1C1C1; padding-top: 10px; } .ce_text.listeneintrag-person .image_container { float: left; width: 75px; margin-right: 10px; } .ce_text.listeneintrag-person .text_container { overflow: auto; } .ce_text.listeneintrag-person img { width: 100%; height: auto; } .ce_text.listeneintrag-person h3 { font-size: 1.7rem; line-height: 2.3rem; margin: .5rem 0 0 0; } .ce_text.listeneintrag-person p { line-height: 2.2rem; margin-top: 0.8rem; } .ce_text.listeneintrag-person + h2 { margin-top: 4.0rem; } @media only screen and (min-width: 360px) { .ce_text.listeneintrag-person .image_container { float: left; width: 100px; } } @media only screen and (min-width: 760px) { .ce_text.listeneintrag-person { margin: 10px 25px; } .ce_text.listeneintrag-person .image_container { width: 155px; margin-right: 25px; } .ce_text.listeneintrag-person h3 { font-size: 1.8rem; line-height: 2.8rem; margin: 3.0rem 0 0 0; } } /* Rechte Spalte */ #right h2 { font-size: 1.8rem; font-weight: 600; line-height: 2.4rem; margin-top: 15px; margin-bottom: 15px; } #right .ce_text.cover p { text-align: center; margin-top: 0; margin-bottom: 25px; } #right .rechte-spalte-banner-img { margin-bottom: 2.5rem !important; } #right .rechte-spalte-banner-bu { margin-top: -1.8rem !important; margin-bottom: 2.5rem !important; } #right img { max-width: 100%; height: auto; } /* EconBiz-/EconStor-Kasten */ #right .ce_text .menu-rubrik.econbiz, #right .ce_text .menu-rubrik.econstor { position: relative; z-index: 100; background-position: 50% 14px; background-repeat: no-repeat; padding: 85px 15px 0 15px; margin: -6px 0 0 0; } #right .ce_text .menu-rubrik.econbiz { background-image: url(/files/images/general/logo-econbiz.png); background-size: 160px 51px; border-top: 6px solid #EE6A00; } #right .ce_text .menu-rubrik.econstor { background-image: url(/files/images/general/logo-econstor.png); background-size: 188px 51px; border-top: 6px solid #138A00; } .body-spalten #right .ce_text.econbiz { border-top: 6px solid #EE6A00; } .menu-rubrik.econbiz + p, .menu-rubrik.econstor + p { margin-top: -14px; } .menu-rubrik.econbiz + .text_container ul a, .menu-rubrik.econbiz + .text_container ul + p a, .menu-rubrik.econbiz + .text_container p a { color: #EE6A00; } .menu-rubrik.econstor + .text_container p a, .jahrgaenge-econstor-link a { color: #138A00; } .menu-rubrik.econbiz + ul a:hover, .menu-rubrik.econbiz + ul a:focus, .menu-rubrik.econbiz + ul a:active, .menu-rubrik.econbiz + ul + p a:hover, .menu-rubrik.econbiz + ul + p a:focus, .menu-rubrik.econbiz + ul + p a:active, .menu-rubrik.econbiz + p a:hover, .menu-rubrik.econbiz + p a:focus, .menu-rubrik.econbiz + p a:active, .menu-rubrik.econstor + p a:hover, .menu-rubrik.econstor + p a:focus, .menu-rubrik.econstor + p a:active, .jahrgaenge-econstor-link a:hover, .jahrgaenge-econstor-link a:focus, .jahrgaenge-econstor-link a:active { color: #974777; } /* Startseite: Aktuelle Ausgabe */ .teaser .aktuelle-ausgabe-cover-inhalt { background: #F5F5F5; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; font-size: 1.3rem; padding: 8px; } .teaser .aktuelle-ausgabe-cover-inhalt a { font-weight: 400; text-decoration: none !important; } .teaser .aktuelle-ausgabe-cover-inhalt .button { margin-bottom: 47px; margin-left: 10px; } .teaser .aktuelle-ausgabe-cover-inhalt img { width: 100px; } .teaser .artikelliste { clear: both; padding: 0; margin: 0; list-style: none; } .artikelliste li { padding: 0; margin: 0; } .teaser .artikelliste h4 { font-size: 1.7rem; line-height: 2.3rem; margin-top: 0; margin-bottom: 0; } #container .teaser .artikelliste p { font-size: 1.3rem; font-weight: 400; line-height: 1.9rem; margin-top: 0.3rem; margin-bottom: 0; } .teaser .artikelliste a { text-decoration: none; } .teaser .artikelliste a:hover, .teaser .artikelliste a:focus, .teaser .artikelliste a:active { text-decoration: underline; } /* Startseite: Tag cloud */ #right .tagcloud { text-align: center; margin: 0; padding: 10px 20px 5px 20px; } #right .teaser.box .tagcloud li { display: inline; vertical-align: middle; margin: 0; } .tagcloud li a { color: #B2D2E9; font-size: 1.2rem; line-height: 1.4rem; text-decoration: none; } .tagcloud li.tag2 a { color: #D8E5F2; font-size: 1.5rem; } .tagcloud li.tag3 a { color: #FFF; font-size: 2.0rem; } .tagcloud li a:hover, .tagcloud li a:focus, .tagcloud li a:active { text-decoration: underline; } /* Suchergebnisse */ /* Pagination */ .body-spalten #main .text_container > p.pagination { margin-right: 0; margin-left: 0; } /* Text */ /* Spalten */ @media only screen and (max-width: 999px) { .einspaltig #main .ce_text.drittelspalte + .ce_text.drittelspalte { margin-top: 45px; } } @media only screen and (min-width: 1000px) { .einspaltig #main .drittelspalten-wrapper { padding-left: 15px; padding-right: 15px; } .einspaltig #main .ce_text.drittelspalte { box-sizing: border-box; float: left; width: 270px; margin-right: 20px; margin-left: 20px; } .einspaltig #main .ce_text.drittelspalte h2, .einspaltig #main .ce_text.drittelspalte h3, .einspaltig #main .ce_text.drittelspalte p { margin-right: 0; margin-left: 0; } } @media only screen and (min-width: 1200px) { .einspaltig #main .drittelspalten-wrapper { padding-left: 30px; padding-right: 30px; } .einspaltig #main .ce_text.drittelspalte { box-sizing: border-box; float: left; width: 310px; margin-right: 15px; margin-left: 15px; } } /* Veranstaltungen */ /* Veranstaltungen: Einstieg Teaser */ .event-einstieg-rueckblick-teaser > .mod_event_retrospects { margin-right: 10px; margin-left: 10px; } @media only screen and (min-width: 760px) { .event-einstieg-rueckblick-teaser { float: left; width: 360px; } .event-einstieg-rueckblick-teaser + .event-einstieg-rueckblick-teaser { float: right; } .event-einstieg-rueckblick-teaser > .mod_event_retrospects { margin-right: 20px; margin-left: 25px; } } @media only screen and (min-width: 1000px) { .event-einstieg-rueckblick-teaser { float: left; width: 300px; } } @media only screen and (min-width: 1200px) { .event-einstieg-rueckblick-teaser { float: left; width: 340px; } } .event-einstieg-rueckblick-teaser h2 { font-size: 1.8rem; font-weight: 600; line-height: 2.6rem; margin-top: 2.5rem; margin-bottom: 2.5rem; } .event-einstieg-rueckblick-teaser ul { list-style: none; padding: 0; margin: 0; } .body-spalten #main .event-einstieg-rueckblick-teaser li { margin: 0; } .event-einstieg-rueckblick-teaser .event-list h3 { font-size: 1.6rem; line-height: 2.2rem; margin: 0; } .event-einstieg-rueckblick-teaser .button { margin-top: 0; margin-bottom: 0; } @media only screen and (min-width: 760px) { .event-einstieg-rueckblick-teaser .event-list h3 { line-height: 2.3rem; } } /* Veranstaltungen: Uebersicht */ #main .event-list { overflow: auto; margin: 3.0rem 0; } .main-right.event-detail #main p { margin-right: 25px; } .event-list h3 { line-height: 2.6rem; margin-top: 0; margin-bottom: .5rem; } .event-list h3 a { font-weight: 600; text-decoration: none; } .event-list h3 a:hover, .event-list h3 a:focus, .event-list h3 a:active { text-decoration: underline; } .event-list .event-date { color: #635C5C; margin-top: 0; } .event-list .event-img { float: right; margin: .7rem 0 .8rem 10px; } .event-list .button { margin-top: .5rem; margin-bottom: 0; } @media only screen and (min-width: 760px) { .event-list h3 { line-height: 2.7rem; } } /* Veranstaltungen: Detailseite Allgemein */ .event-detail #main .mod_article.last { padding-bottom: 20px; } .event-detail h1 .h1-dachzeile { display: block; } .event-detail h1 .h1-headline { display: block; } .event-detail .event-infos p { line-height: 2.2rem; margin: 1.5rem 0 0 0; } .event-detail .event-date, .event-detail .event-time { display: block; } .event-detail .event-date { font-size: 1.8rem; font-weight: 500; line-height: 2.5rem; } .event-detail .event-infos .event-admission-fee { margin-top: 1.3rem !important; } .event-detail .event-registration .button { box-sizing: border-box; width: 100%; margin: .4rem 0; text-align: center; } .event-detail .image_container.float_above { margin: 1.5rem 10px 2.5rem 10px; } .event-detail h2.ce_headline, .event-detail .ce_text h2, .event-detail .ce_gallery h2 { font-size: 2.0rem; line-height: 2.9rem; margin-top: 4.5rem; margin-bottom: 1.0rem; } .event-detail .ce_text .button { margin-bottom: 0 } .event-detail .vortrag .h3-event-vortrag-titel { font-size: 1.6rem; line-height: 2.4rem; margin-bottom: 0; } .event-detail .vortrag h2 + .h3-event-vortrag-titel, .event-detail h2 + .vortrag .h3-event-vortrag-titel { margin-top: 1.5rem; } .event-detail .vortrag p { margin: 0 25px !important; } .event-detail .vortrag.vortrag-box { background: rgb(248, 248, 248); padding: 5px 25px 5px 10px; margin: 15px 25px; } .event-detail .vortrag.vortrag-box h2, .event-detail .vortrag.vortrag-box h3.h3-event-vortrag-titel, .event-detail .vortrag.vortrag-box p { } @media only screen and (min-width: 760px) { .event-detail h1 .h1-dachzeile { display: block; font-size: 1.8rem; font-weight: 400; line-height: 1.8; } .event-detail h1 .h1-headline { display: block; font-size: 2.8rem; line-height: 3.7rem; } .event-detail .event-infos p { margin: 0.5rem 0; } .event-detail .event-date-time { float: left; width: 180px; margin-left: 15px; } .event-detail .event-address { float: left; width: 290px; } .event-detail .event-registration { float: right; width: 135px; margin-right: 15px; } .event-detail .image_container.float_above { margin-right: 25px; margin-left: 25px; } } /* Veranstaltungen: Detailseite Sessions */ .event-detail .session { background: rgb(248, 248, 248); padding: 5px 25px 5px 10px; border-left: 12px solid #974777; margin: 10px 10px; } .event-detail .session.session-wd { border-left: 12px solid #0066B6; } .event-detail .session.session-ie { border-left: 12px solid #0D6459; } .event-detail .session.session-plain { padding-left: 5px; border-left: none; } .event-detail #main .ce_text.session .text_container { margin-right: 0; margin-left: 0; } .event-detail #main .session h3 { font-size: 2.0rem; font-weight: 500; line-height: 2.7rem; padding-bottom: 2px; margin: 1.0rem 0 1.0rem 0; } .event-detail .session h3 .event-session-titel-uhrzeit { display: block; font-size: 1.5rem; font-weight: 400; } .event-detail .session ul { list-style: none; padding: 0; margin: 10px 0 0 0; } .event-detail #main .session li, .event-detail #main .session p { line-height: 2.3rem; padding: 1.0rem 0; border-top: 1px solid #E4E4E4; margin: 0; } .event-detail .event-partner-logo { padding: 15px 0; border-top: 1px solid #C1C1C1; margin: 0; } @media only screen and (min-width: 760px) { .event-detail .session { margin: 10px 25px; } } @media only screen and (min-width: 1000px) { .event-detail #main .session h3 { position: relative; padding-left: 12.0rem; } .event-detail #main .session .h3-event-session-titel-ohne-uhrzeit { position: static; padding-left: 2.0rem; } .event-detail .session h3 .event-session-titel-uhrzeit { position: absolute; left: 0; padding-top: 0.1rem; } .event-detail .session ul { padding: 0 0 0 12.0rem; } .event-detail #main .session p { padding-left: 12.0rem; } .event-detail .session .h3-event-session-titel-ohne-uhrzeit + ul, .event-detail .session .h3-event-session-titel-ohne-uhrzeit + p { padding-left: 2.0rem; } } /* Veranstaltungen: Externe Events */ .externe-events { list-style: none; padding: 0; margin: 1.5rem 0; } .main-right #main .externe-events li { position: relative; padding: 12px 5px 15px 5px; margin: 0 25px; } .externe-events .streifen { background: rgb(248, 248, 248); } #main .externe-events .externes-event-datum-ort { position: absolute; top: 12px; left: 10px; width: 15.0rem; line-height: 2.3rem; margin: 0; } .externe-events .externes-event-datum { display: inline-block; font-size: 1.7rem; line-height: 2.6rem; font-weight: 500; } .externe-events .externes-event-ort { display: inline-block; line-height: 2.1rem; } .main-right #main .externe-events h2 { font-size: 1.7rem; line-height: 2.5rem; margin: 0 0 .6rem 16.0rem; } .externe-events h2 a { text-decoration: none; } .externe-events h2 a:hover, .externe-events h2 a:focus, .externe-events h2 a:active { text-decoration: underline; } #main .externe-events .externes-event-veranstalter { font-size: 1.5rem; line-height: 2.2rem; margin: 0 0 0 16.0rem; } /* Veranstaltungen: Registrierung */ #main .mod_eventregistration > p, #main .eventregistration > p { margin-left: 220px; } #main .mod_eventregistration .back { font-size: 1.4rem; margin-top: 4.5rem; } /* Footer */ /* Footer: Allgemein */ #footer { position: relative; } /* Footer: Dekaden Content */ #footer-dekaden { background: #974777; color: #FFF; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #footer-dekaden .h1-footer-dekaden h1 { background: #FFF; color: #4A4A4A; font-family: "Minion W08", Times, serif; font-weight: 600; margin: 0; padding: 25px 0 0 0; text-align: center; } #footer-dekaden .h1-footer-dekaden a { text-decoration: none; } #footer-dekaden .h1-footer-dekaden a:hover h1, #footer-dekaden .h1-footer-dekaden a:focus h1, #footer-dekaden .h1-footer-dekaden a:active h1 { color: #974777; text-decoration: underline; } #footer-dekaden .footer-dekaden-teaser { display: none; overflow: auto; } #footer-dekaden .footer-dekaden-teaser.on { display: block; } #footer-dekaden .footer-dekaden-teaser .ce_text { padding: 20px 10px; } #footer-dekaden .footer-dekaden-teaser h2 { font-size: 1.9rem; font-weight: 600; line-height: 2.5rem; margin: 0; } #footer-dekaden .footer-dekaden-teaser h3 { font-size: 1.6rem; font-weight: 600; line-height: 2.2rem; margin: 1.2rem 0 0 0; } #footer-dekaden .footer-dekaden-teaser p { font-size: 1.5rem; line-height: 2.2rem; margin: 1.2rem 0 0 0; } #footer-dekaden .footer-dekaden-teaser a { color: #FFF; } #footer-dekaden .footer-dekaden-teaser a.button { background: #A6628B; border-radius: 5px; padding: 4px 15px; } #footer-dekaden .footer-dekaden-images a { float: left; display: block; } #footer-dekaden .footer-dekaden-images img { display: block; width: 85px; height: 85px; border-radius: 100%; margin: 0 5px 22px 5px; } @media only screen and (max-width: 359px) { #footer-dekaden .h1-footer-dekaden h1 { font-size: 2.4rem; } } @media only screen and (min-width: 360px) { #footer-dekaden .h1-footer-dekaden h1 { font-size: 2.6rem; } } @media only screen and (max-width: 759px) { #footer-dekaden { margin: 0 10px; } .footer-dekaden-images { width: 285px; } } @media only screen and (min-width: 760px) { #footer-dekaden .h1-footer-dekaden h1 { font-size: 4.0rem; padding: 25px 0 5px 0; } #footer-dekaden .footer-dekaden-teaser .ce_text { padding: 20px 0; } #footer-dekaden .footer-dekaden-teaser h2 { font-size: 2.4rem; line-height: 3.2rem; } #footer-dekaden .footer-dekaden-teaser h3 { font-size: 1.8rem; font-weight: 500; line-height: 2.7rem; margin: 0.2rem 0 0 0; } #footer-dekaden .footer-dekaden-teaser p { line-height: 2.3rem; } #footer-dekaden .footer-dekaden-images img { width: 140px; height: 140px; margin: 10px 10px 25px 10px; } } @media only screen and (min-width: 760px) and (max-width: 999px) { .footer-dekaden-images { width: 480px; } } @media only screen and (max-width: 999px) { .footer-dekaden-images { margin: 0 auto; } .footer-dekaden-images:before, .footer-dekaden-images:after { content: " "; display: table; } .footer-dekaden-images:after { clear: both; } } @media only screen and (min-width: 1000px) { #footer-dekaden .h1-footer-dekaden h1 { padding: 25px 0 15px 0; } #footer-dekaden .footer-dekaden-teaser .ce_text { float: right; width: 480px; padding: 40px 0 50px 0; } #footer-dekaden .footer-dekaden-images { float: left; width: 480px; } #footer-dekaden .footer-dekaden-images img { margin: 65px 15px 80px 0; } } @media only screen and (min-width: 1200px) { #footer-dekaden .footer-dekaden-teaser .ce_text { width: 540px; } #footer-dekaden .footer-dekaden-images { width: 520px; } #footer-dekaden .footer-dekaden-images img { margin: 50px 20px 100px 0; } } /* Footer: Dekaden Navi */ #dekadenav ul { font-size: 0; margin: 0 auto; text-align: center; } #dekadenav a, #dekadenav .active strong { display: block; color: #424242; background: transparent; font-family: "Minion W08", Times, serif; font-weight: 600; font-size: 2.0rem; line-height: 2.2rem; text-decoration: none; text-align: center; padding: 10px; } #dekadenav .dekadenav-er { font-size: 1.6rem; font-weight: 400; } @media only screen and (max-width: 999px) { #dekadenav { background: #FFF; padding: 10px 0; } #dekadenav ul { border-top: 1px solid #DDD; } #dekadenav ul:before, #dekadenav ul:after { content: " "; display: table; } #dekadenav ul:after { clear: both; } #dekadenav li { float: left; border-right: 1px solid #DDD; box-sizing: border-box; } #dekadenav li { border-bottom: 1px solid #DDD; } #dekadenav .on a { background: #FFF; color: #974777; padding: 6px; border: 4px solid #974777; } } @media only screen and (min-width: 760px) and (max-width: 999px) { #dekadenav ul { width: 740px; margin: 0 auto; } } @media only screen and (min-width: 1000px) { #dekadenav { background: #D8D8D8; padding-bottom: 10px; } #dekadenav ul { background: #F8F8F8; } #dekadenav li { display: inline-block; min-width: 8.8%; } #dekadenav a, #dekadenav .active strong { background: #F8F8F8; font-size: 3.1rem; line-height: 4.0rem; padding: 12px 5px 10px 5px; } #dekadenav :nth-child(even) a { background: #EFEFEF; } #dekadenav .on a { background: #974777 !important; color: #FFF !important; } #dekadenav a:hover, #dekadenav a:focus, #dekadenav a:active { background: #A35D87; color: #FFF; } #dekadenav .dekadenav-er { font-size: 2.0rem; } } @media only screen and (min-width: 1300px) { #dekadenav a, #dekadenav .active strong { font-size: 4.0rem; line-height: 4.0rem; padding: 16px 8px 10px 8px; } #dekadenav .dekadenav-er { font-size: 2.2rem; } } /* Footer: Navigation und Logos */ #footer-nav-logos { overflow: hidden; padding: 50px 10px 30px 10px; } #footer-nav { position: relative; min-height: 17.0rem; } #footer-nav li { font-size: 1.4rem; line-height: 2.3rem; padding: 0; } #footer-nav a { color: #000; } #footer-nav a:hover, #footer-nav a:focus, #footer-nav a:active { color: #974777; text-decoration: underline; } #footer-nav li { position: absolute; } #footer-nav li:nth-child(1), #footer-nav li:nth-child(2), #footer-nav li:nth-child(3), #footer-nav li:nth-child(4), #footer-nav li:nth-child(5) { left: 0; } #footer-nav li:nth-child(6), #footer-nav li:nth-child(7), #footer-nav li:nth-child(8), #footer-nav li:nth-child(9), #footer-nav li:nth-child(10) { left: 52%; } #footer-nav li:nth-child(1), #footer-nav li:nth-child(6) { top: 0; } #footer-nav li:nth-child(2), #footer-nav li:nth-child(7) { top: 3.4rem; } #footer-nav li:nth-child(3), #footer-nav li:nth-child(8) { top: 6.8rem; } #footer-nav li:nth-child(4), #footer-nav li:nth-child(9) { top: 10.2rem; } #footer-nav li:nth-child(5), #footer-nav li:nth-child(10) { top: 13.6rem; } #footer-nav li a, #footer-nav li strong { display: block; } #footer-logos p { margin-top: 20px; } @media only screen and (max-width: 759px) { #footer-logos img { display: block; margin: 0 auto 10px auto; } } @media only screen and (max-width: 999px) { #footer-nav ul { width: 100%; position: relative; } #footer-nav li { width: 48%; border-top: 1px solid #DDD; } #footer-nav li:nth-child(5), #footer-nav li:nth-child(10) { border-bottom: 1px solid #DDD; } #footer-nav li a, #footer-nav li strong { padding: 5px 0; } #footer #social ul { display: table; margin: 0 auto; } #footer #social li { margin: 25px 5px 0 5px; } #footer #social a { display: block; width: 60px; height: 60px; border: 1px solid #DDD; border-radius: 100%; text-align: center; } #footer #social img { display: block; margin: 17px auto 0 auto; position: relative; } #footer #social li:first-child img { top: 1px; left: 1px; } #footer #social li:last-child img { left: 1px; } #footer-logos p { text-align: center; padding-top: 25px; border-top: 1px solid #DDD; margin: 25px 0 15px 0; } } @media only screen and (min-width: 760px) { #footer-nav-logos { width: 740px; padding-left: 0; padding-right: 0; margin: 0 auto; } #footer-logos p { margin-top: 50px; } } @media only screen and (min-width: 1000px) { #footer-nav-logos { width: 960px; padding-top: 30px; } #footer-nav { position: relative; float: left; width: 280px; min-height: 11.5rem; } #footer-nav li:nth-child(6), #footer-nav li:nth-child(7), #footer-nav li:nth-child(8), #footer-nav li:nth-child(9), #footer-nav li:nth-child(10) { left: 50%; } #footer-nav li:nth-child(2), #footer-nav li:nth-child(7) { top: 2.3rem; } #footer-nav li:nth-child(3), #footer-nav li:nth-child(8) { top: 4.6rem; } #footer-nav li:nth-child(4), #footer-nav li:nth-child(9) { top: 6.9rem; } #footer-nav li:nth-child(5), #footer-nav li:nth-child(10) { top: 9.2rem; } #footer-logos { float: right; width: 680px; text-align: right; } #footer-logos p { margin-top: 20px; margin-right: -25px; } } @media only screen and (min-width: 1200px) { #footer-nav-logos { width: 1080px; } #footer-nav { width: 400px; } #footer-logos { width: 680px; } } /* Temporary */ .header-logo { padding: 15px 10px 15px 10px; color: #FFF; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (min-width: 750px) { .header-logo { box-sizing: border-box; min-height: 140px; padding: 30px 0 22px 0; text-align: center; } } .header-logo p { margin: 0; } @media (min-width: 750px) and (max-width: 790px) { .wirtschaftsdienst.jubilaeum .header-logo p { padding-left: 50px; } } .wd .header-logo-wirtschaftsdienst { font-family: "Minion W08", "times new roman", "times", serif; background-color: #0066B6; } .ie .header-logo-intereconomics { font-family: "Myriad W01", helvetica, arial, sans-serif; background-color: #0D6459; } .header .header-logo a { text-decoration: none; color: #FFF; } .header-logo a:hover, .header-logo a:focus, .header-logo a:active { text-decoration: none; } .header-logo-wirtschaftsdienst-line-1 { font-size: 2.5rem; font-weight: 400; line-height: 2.0rem; display: block; } @media (min-width: 750px) { .header-logo-wirtschaftsdienst-line-1 { font-size: 5.8rem; line-height: 6.0rem; } } .header-logo-intereconomics-line-1 { font-size: 2.5rem; font-weight: 400; line-height: 2.0rem; display: block; } @media (min-width: 750px) { .header-logo-intereconomics-line-1 { font-size: 7.3rem; line-height: 5.6rem; } } .header-logo-wirtschaftsdienst-line-2 { font-size: 1.3rem; font-style: normal; line-height: 2.2rem; display: none; padding-left: 3.4rem; } @media (min-width: 750px) { .header-logo-wirtschaftsdienst-line-2 { font-size: 1.65rem; line-height: 2.5rem; display: block; padding-left: 8.8rem; } } .header-logo-intereconomics-line-2 { font-family: "Minion W08", "times new roman", "times", serif; font-size: 1.3rem; font-style: normal; line-height: 2.2rem; padding-left: 3.4rem; } @media (min-width: 750px) { .header-logo-intereconomics-line-2 { font-size: 1.65rem; line-height: 2.5rem; padding-left: 8.8rem; } } .header-search-nav { background-color: #FFF; } .header-search-nav > .inside { padding: 14px 10px; } @media (min-width: 750px) { .header-search-nav > .inside { display: flex; align-items: center; justify-content: space-between; max-width: calc(1080px + 10px + 10px); margin: 0 auto; } } .header-navbar-articles > .inside { padding: 14px 0; } @media (min-width: 750px) { .header-navbar-articles > .inside { display: flex; align-items: center; justify-content: space-between; max-width: calc(1080px + 10px + 10px); margin: 0 auto; } } #header .header-search-placeholder { margin: 0 auto; display: flex; } @media (min-width: 750px) { #header .header-search-placeholder { width: calc(32.0rem + 28px + .8rem + .8rem); margin: 0; } } .header-search-placeholder-text { font-size: 1.4rem; line-height: 2.2rem; display: flex; align-items: center; box-sizing: border-box; width: calc(100% - 28px - .8rem - .8rem); height: calc(28px + .8rem + .8rem); padding: 0 10px; color: #777; border: 1px solid #CFCFCF; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } @media (min-width: 750px) { .header-search-placeholder-text { width: 32.0rem; } } .header-search-placeholder-submit { padding: .8rem; border-top-right-radius: 3px; border-bottom-right-radius: 3px; background-color: #CFCFCF; } .header-search-placeholder-submit img { width: 28px; height: 28px; } .header-navbar-articles ul { display: flex; justify-content: space-between; margin: 12px 0 0 0; padding: 0; list-style: none; } @media (min-width: 360px) { .header-navbar-articles ul { justify-content: center; } } @media (min-width: 750px) { .header-navbar-articles ul { justify-content: flex-start; margin: 0; } } .header-navbar-articles li { font-size: 1.4rem; line-height: 2.2rem; margin: 1px 0 0 0; } .header-navbar-articles li:first-child { margin-left: 0; } .header-navbar-articles li:last-child { margin-right: 0; } @media (min-width: 360px) { .header-navbar-articles li { margin: 1px 10px 0 10px; } } @media (min-width: 400px) { .header-navbar-articles li { font-size: 1.5rem; margin: 1px 12px 0 12px; } } @media (min-width: 750px) { .header-navbar-articles li { margin: 1px 0 0 25px; } } @media (min-width: 850px) { .header-navbar-articles li { font-size: 1.6rem; margin: 1px 0 0 40px; } } @media (max-width: 399px) { .hidden-under-400 { position: absolute !important; top: -6000px !important; left: -6000px !important; height: 1px !important; width: 1px !important; } } /* Sidedrawer */ /* Button */ .header-sidedrawer-button-wrapper { max-width: calc(1080px + 10px + 10px); margin: 0 auto; position: relative; } .header-sidedrawer-button { cursor: pointer; background-color: transparent; padding: 0; margin: 0; position: absolute; top: 10px; right: 7px; border: 1px solid transparent; width: 30px; height: 30px; border-radius: 2px; } .header-sidedrawer-button:hover, .header-sidedrawer-button:focus, .header-sidedrawer-button:active { outline: none; } .header-sidedrawer-button:hover, .header-sidedrawer-button:focus, .header-sidedrawer-button:active { border-color: rgba(255, 255, 255, 0.8); } /* If open */ .is-open .sidedrawer { display: flex; } .is-open .sidedrawer-overlay { display: block; } .is-open + #wrapper { position: fixed; top: 0; left: 0; right: 0; } /* Sidedrawer */ .sidedrawer-overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(51, 52, 53, 0.4); z-index: 1000; } .sidedrawer { position: absolute; top: 0; right: 0; display: none; width: 29.0rem; max-width: 90%; min-height: 100vh; background-color: #FFF; box-shadow: 0 1px 6px 0 rgba(51, 51, 51, 0.2); z-index: 1001; } .sidedrawer header { position: absolute; right: 5px; top: 5px; } .sidedrawer-button-close { cursor: pointer; background-color: transparent; padding: 0; margin: 0; border: none; width: 24px; height: 24px; } .sidedrawer-button-close:hover, .sidedrawer-button-close:focus, .sidedrawer-button-close:active { outline: none; } .sidedrawer-button-close #icon-close-bg { fill: #FFF; } .wirtschaftsdienst .sidedrawer-button-close #icon-close-x { fill: #006AB2; } .intereconomics .sidedrawer-button-close #icon-close-x { fill: #0D6459; } .wirtschaftsdienst .sidedrawer-button-close:hover #icon-close-bg, .wirtschaftsdienst .sidedrawer-button-close:focus #icon-close-bg, .wirtschaftsdienst .sidedrawer-button-close:active #icon-close-bg { fill: #006AB2; } .intereconomics .sidedrawer-button-close:hover #icon-close-bg, .intereconomics .sidedrawer-button-close:focus #icon-close-bg, .intereconomics .sidedrawer-button-close:active #icon-close-bg { fill: #0D6459; } .sidedrawer-button-close:hover #icon-close-x, .sidedrawer-button-close:focus #icon-close-x, .sidedrawer-button-close:active #icon-close-x { fill: #FFF; } .sidedrawer-button-close:hover:focus #icon-close-bg { fill: #974777; } .sidedrawer-button-close:hover:focus #icon-close-x { fill: #FFF; } .sidedrawer-content { display: flex; flex-direction: column; justify-content: flex-start; width: 100%; } .sidedrawer-section { width: calc(100% - 60px); margin: 30px; } .sidedrawer-section:first-child { margin-top: 50px; } .sidedrawer-section-link { margin: 10px 30px 0 30px; } .sidedrawer-section-button { margin: 10px 30px; } .sidedrawer-section-link p > a, .sidedrawer-section-navbar li > a, .sidedrawer-section-footernav li > a { text-decoration: none; color: #111; } .sidedrawer-section-link p > a:hover, .sidedrawer-section-link p > a:focus, .sidedrawer-section-link p > a:active, .sidedrawer-section-navbar li > a:hover, .sidedrawer-section-navbar li > a:focus, .sidedrawer-section-navbar li > a:active, .sidedrawer-section-footernav li > a:hover, .sidedrawer-section-footernav li > a:focus, .sidedrawer-section-footernav li > a:active { color: #974777; text-decoration: underline; } .sidedrawer-section-navbar-ul { margin: 0; padding: 0; list-style: none; } .sidedrawer-section-navbar-ul a { text-decoration: none; } .sidedrawer-section-navbar-ul a:hover, .sidedrawer-section-navbar-ul a:focus, .sidedrawer-section-navbar-ul a:active { color: #974777; text-decoration: underline; } .sidedrawer-section-navbar-ul > li, .sidedrawer-section-link-p { font-size: 1.5rem; line-height: 2.0rem; margin: 0; } .sidedrawer-section-navbar-ul > li { margin: 0; border-top: 1px solid #DDD; } .sidedrawer-section-navbar-ul > li:last-child { border-bottom: 1px solid #DDD; } .sidedrawer-section-navbar-ul > li a, .sidedrawer-section-link-p > a { position: relative; display: block; padding: 1.0rem 0 .9rem 22px; } .sidedrawer-section-navbar-ul > li a:before, .sidedrawer-section-link-p a:before { position: absolute; top: 1.3rem; left: 0; display: block; width: 8px; height: 12px; content: " "; background-image: url(/files/system/images/icons-chevron.svg); background-repeat: no-repeat; background-size: 24px 12px; } .wirtschaftsdienst .sidedrawer-section-navbar-ul > li a:before, .wirtschaftsdienst .sidedrawer-section-link-p a:before { background-position: 0 0; } .wirtschaftsdienst .sidedrawer-section-navbar-ul > li a:hover:before, .wirtschaftsdienst .sidedrawer-section-navbar-ul > li a:focus:before, .wirtschaftsdienst .sidedrawer-section-navbar-ul > li a:active:before { background-position: -16px 0; } .intereconomics .sidedrawer-section-navbar-ul > li a:before, .intereconomics .sidedrawer-section-link-p a:before { background-position: -8px 0; } .intereconomics .sidedrawer-section-navbar-ul > li a:hover:before, .intereconomics .sidedrawer-section-navbar-ul > li a:focus:before, .intereconomics .sidedrawer-section-navbar-ul > li a:active:before { background-position: -16px 0; } .sidedrawer-section-button .button { display: block; margin: 0; font-size: 1.6rem; font-weight: 500; line-height: 2.4rem; padding: .5rem 14px .6rem 14px; text-align: center; } .wirtschaftsdienst .sidedrawer-section-button .button { color: #FFF; border: 1px solid #006AB2; background-color: #006AB2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .intereconomics .sidedrawer-section-button .button { color: #FFF; border: 1px solid #0D6459; background-color: #0D6459; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .wirtschaftsdienst .sidedrawer-section-button .button:hover, .wirtschaftsdienst .sidedrawer-section-button .button:focus, .wirtschaftsdienst .sidedrawer-section-button .button:active, .intereconomics .sidedrawer-section-button .button:hover, .intereconomics .sidedrawer-section-button .button:focus, .intereconomics .sidedrawer-section-button .button:active { background-color: #974777; border-color: #974777; } .sidedrawer-section-footernav { display: flex; align-items: flex-end; flex: 1; justify-items: flex-end; justify-content: space-between; } .sidedrawer-section-footernav-ul { display: flex; justify-content: flex-start; margin: 0; padding: 0; } .sidedrawer-section-footernav-ul > li { font-size: 1.4rem; line-height: 2.0rem; margin: 0 0 0 15px; list-style: none; } .sidedrawer-section-footernav .sidedrawer-section-social { position: relative; top: 3px; margin: 0; } .sidedrawer-section-footernav .sidedrawer-section-social svg { display: block; } .wirtschaftsdienst .sidedrawer-section-footernav .sidedrawer-section-social #icon { fill: #006AB2; } .intereconomics .sidedrawer-section-footernav .sidedrawer-section-social #icon { fill: #0D6459; } .wirtschaftsdienst .sidedrawer-section-footernav .sidedrawer-section-social :hover #icon, .wirtschaftsdienst .sidedrawer-section-footernav .sidedrawer-section-social :focus #icon, .wirtschaftsdienst .sidedrawer-section-footernav .sidedrawer-section-social :active #icon, .intereconomics .sidedrawer-section-footernav .sidedrawer-section-social :hover #icon, .intereconomics .sidedrawer-section-footernav .sidedrawer-section-social :focus #icon, .intereconomics .sidedrawer-section-footernav .sidedrawer-section-social :active #icon { fill: #974777; } .youtube-cookie-config { margin: 0 10px; padding: 25px 0; } @media (min-width: 760px) { .youtube-cookie-config { margin: 0 25px; } } .youtube-cookie-config h3 { margin-top: 0; } .box.box-grey { background-color: #F6F6F6; } /* General */ /* General element styles */ a, #main .ce_text a .image_container .caption, #main .ce_text a .image_container .caption { color: #006AB2; } /* Offscreen */ /* Nav bars */ /* Layout */ .body-spalten:not(.artikeldetail) #main .mod_article, .body-spalten #right.durchgehende-spalte > .inside, .einspaltig #main .inside, .body-boxen #main .ce_text, .body-boxen #right .ce_text, .body-spalten #right .ce_text, .body-spalten #right .ce_person, .body-spalten #right .mod_customnav:not(.bereichsmenue-jubilaeum) { border-top: 6px solid #0066B6; } .body-boxen #right .ce_text.blau { background: #0066B6; border-top: none; } @media only screen and (min-width: 760px) { .body-spalten #main .mod_article { border-top: 6px solid #0066B6; } } /* Header */ /* Header allgemein */ #header { background: #0066B6; } /* Navbar top */ @media only screen and (min-width: 760px) { #header-top-menu-bar { background: #0E478F; } } /* 100 Jahre Logo */ /* Logo */ #logo.wirtschaftsdienst { color: #FFF; text-align: center; padding: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #logo.wirtschaftsdienst > p { line-height: 2.0rem; margin: 1.6rem 0 0 0; } #logo.wirtschaftsdienst .logo-1 { display: block; font-family: "Minion W08", "times new roman", "times", serif; font-size: 2.5rem; font-weight: normal; line-height: 2.0rem; } #logo.wirtschaftsdienst .logo-2 { font-family: "Minion W08", "times new roman", "times", serif; font-size: 1.3rem; font-weight: normal; font-style: normal; line-height: 2.2rem; padding-left: 3.4rem; } #logo.wirtschaftsdienst br { display: none; } @media only screen and (min-width: 760px) { #logo.wirtschaftsdienst { padding: 35px 0 20px 0; } #logo.wirtschaftsdienst > p { line-height: 2.4rem; margin: 1.0rem 0; } #logo.wirtschaftsdienst .logo-1 { font-size: 5.8rem; line-height: 6.0rem; } #logo.wirtschaftsdienst .logo-2 { font-size: 1.65rem; line-height: 2.5rem; padding-left: 8.8rem; } } /* Search */ #header-search .text { border: 1px solid #974777; } #header-search .submit { background: #974777; } #header-search .submit:hover, #header-search .submit:focus, #header-search .submit:active { background: #0066B6; } @media only screen and (max-width: 729px) { } @media only screen and (min-width: 730px) { } @media only screen and (min-width: 1000px) { } /* Navbar articles */ /* Breadcrumb */ /* Social Media / RSS */ /* Elements */ /* Typography */ /* Images */ /* General elements */ /* Artikel */ /* Artikel-Detail (Archiv) */ @media only screen and (max-width: 759px) { .artikeldetail #main h2 { background-color: #0066B6; } } /* Artikel-Funktionen (Archiv) */ .link-artikel-pdf a:before { background-image: url(https://www.wirtschaftsdienst.eu/files/images/icons/icons-artikel-download-blue.png); } .link-artikel-kommentieren a:before { background-image: url(https://www.wirtschaftsdienst.eu/files/images/icons/icons-artikel-kommentieren-blue.png); } /* Artikel teilen (Archiv) */ .artikel-teilen { background-color: #0167B8; } /* Artikel-Teaser */ #main .ce_teaser a:hover h2, #main .ce_teaser a:focus h2, #main .ce_teaser a:active h2, #main .ce_teaser a:hover h3, #main .ce_teaser a:focus h3, #main .ce_teaser a:active h3 { color: #974777; } /* Boxen */ .box.blau { background: #0066B6; } /* Boxen: Teaser-Boxen */ #container .teaser.box.blau > h2, #container .teaser.box.blau > a > h2 { color: #FFF; } /* Boxen: PDF-Boxen */ .pdf.box a:hover, .pdf.box a:focus, .pdf.box a:active { background: #006AB2; } /* Boxen: Personen */ /* Boxen: Zitate */ /* Buttons */ .button { color: #0066B6; border: 1px solid #0066B6; } .button.solid.blau { color: #FFF; background-color: #0066B6; } /* Dekadenseiten */ .dekade.die-1910er h1 + .ce_text { background-image: url(/files/images/wd-dekade-header-650x160px/dekade-1910er.png); } .dekade.die-1920er h1 + .ce_text { background-image: url(/files/images/wd-dekade-header-650x160px/dekade-1920er.png); } .dekade.die-1930er h1 + .ce_text { background-image: url(/files/images/wd-dekade-header-650x160px/dekade-1930er.png); } .dekade.die-1940er h1 + .ce_text { background-image: url(/files/images/wd-dekade-header-650x160px/dekade-1940er.png); } .dekade.die-1950er h1 + .ce_text { background-image: url(/files/images/wd-dekade-header-650x160px/dekade-1950er.png); } .dekade.die-1960er h1 + .ce_text { background-image: url(/files/images/wd-dekade-header-650x160px/dekade-1960er.png); } .dekade.die-1970er h1 + .ce_text { background-image: url(/files/images/wd-dekade-header-650x160px/dekade-1970er.png); } .dekade.die-1980er h1 + .ce_text { background-image: url(/files/images/wd-dekade-header-650x160px/dekade-1980er.png); } .dekade.die-1990er h1 + .ce_text { background-image: url(/files/images/wd-dekade-header-650x160px/dekade-1990er.png); } .dekade.die-2000er h1 + .ce_text { background-image: url(/files/images/wd-dekade-header-650x160px/dekade-2000er.png); } .dekade.die-2010er h1 + .ce_text { background-image: url(/files/images/wd-dekade-header-650x160px/dekade-2010er.png); } /* Fussnoten */ /* Lesen Sie auch */ /* Menschen */ /* Redaktion / Wissenschaftlicher Beirat */ /* Startseite: Aktuelle Ausgabe */ /* Zitate */ .einspaltig #main .ce_single_quote .quelle { color: #635C5C; } /* Footer */ /* Footer: Dekaden Navi */ @media only screen and (max-width: 760px) { #dekadenav li { width: 25%; } #dekadenav li:nth-child(1), #dekadenav li:nth-child(5), #dekadenav li:nth-child(9) { border-left: 1px solid #DDD; } } @media only screen and (min-width: 760px) and (max-width: 999px) { #dekadenav li { width: 123px; } #dekadenav li:nth-child(1), #dekadenav li:nth-child(7) { width: 125px; border-left: 1px solid #DDD; } #dekadenav li:nth-child(7) { clear: left; } } /* Archiv-Styles */ a.link { background: #0066B6; } a.link:hover, a.link:focus, a.link:active { background-color: #974777; } #main input.submit, #right input.submit, .widget-submit button { border: 1px solid #0066B6; background: #0066B6; } #main input.submit:hover, #main input.submit:focus, #main input.submit:active, #right input.submit:hover, #right input.submit:focus, #right input.submit:active, .widget-submit button:hover, .widget-submit button:focus, .widget-submit button:active { background-color: #974777; border: 1px solid #974777; } #right .kaesten a:link, #right .kaesten a:visited, #right .kaesten strong:not(.on), #right .kaesten span.leer { border: 1px solid #0066B6; } #right .kaesten a:hover, #right .kaesten a:focus, #right .kaesten a:active { background: #0066B6 !important; } #right .kaesten strong, #right .kaesten strong.on a:link, #right .kaesten strong.on a:visited { background: #0066B6 !important; } .archiv .options { /*display: none !important;*/ } /* YouTube Player */ .ce_youtube { margin: 4.0rem 10px 6.0rem 10px; } @media (min-width: 760px) { .ce_youtube { margin: 4.0rem 25px 6.0rem 25px; } } .ce_youtube.youtube-full-width { max-width: 100%; } .ce_youtube > .inside { position: relative; width: 100%; height: 0; padding-bottom: 56.2%; background-color: #006AB2; } .ce_youtube h2 { margin-bottom: 2.0rem; } .ce_youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; } .ce_youtube noscript p { max-width: 40.0rem; margin: 0 auto; padding: 30px 20px; text-align: center; color: #FFF; } /* YouTube Preview */ .youtube-preview { position: absolute; top: 0; bottom: 0; display: flex; width: 100%; background-size: 100% auto; } .youtube-preview > .inside { display: flex; align-items: center; justify-content: center; width: 100%; background-color: rgba(1, 102, 182, 0.7); } .youtube-preview .youtube-preview-fake-play-button { width: 116px; height: 116px; margin: 0; padding: 0; cursor: pointer; border: none; background: transparent; } .youtube-preview .youtube-preview-fake-play-button:hover #circle, .youtube-preview .youtube-preview-fake-play-button:focus #circle, .youtube-preview .youtube-preview-fake-play-button:active #circle { fill-opacity: 100; } .youtube-preview .youtube-preview-fake-play-button:hover #play, .youtube-preview .youtube-preview-fake-play-button:focus #play, .youtube-preview .youtube-preview-fake-play-button:active #play { fill: #006AB2; } .youtube-preview .youtube-preview-cookie-info { position: absolute; top: 0; bottom: 0; display: flex; flex-direction: column; justify-content: center; width: 100%; padding: 20px 0 10px 0; color: #FFF; background-color: rgba(1, 102, 182, 0.7); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .youtube-preview .youtube-preview-cookie-infotext { font-size: 1.3rem; line-height: 1.8rem; max-width: 40.0rem; margin: 1.0rem 0; padding: 0 10px; text-align: center; } @media (min-width: 400px) { .youtube-preview .youtube-preview-cookie-infotext { font-size: 1.7rem; line-height: 2.4rem; margin: 1.0rem auto; } } @media (min-width: 450px) { .youtube-preview .youtube-preview-cookie-infotext { margin: 1.0rem auto 2.0rem auto; } } .youtube-preview .youtube-preview-cookie-infotext a { color: #FFF; } .youtube-preview .button.youtube-preview-accept-cookies-button { margin: 0 auto; cursor: pointer; border-color: #FFF; color: #FFF; font-weight: 500; background-color: transparent; } @media (min-width: 400px) { .youtube-preview .button.youtube-preview-accept-cookies-button { padding: .8rem 25px; } } .youtube-preview .button.youtube-preview-accept-cookies-button:hover, .youtube-preview .button.youtube-preview-accept-cookies-button:focus, .youtube-preview .button.youtube-preview-accept-cookies-button:active { color: #006AB2; border-color: #FFF; background-color: #FFF; } .youtube-preview .youtube-preview-close-cookie-info { position: absolute; top: 5px; right: 5px; width: 24px; height: 24px; margin: 0; padding: 0; cursor: pointer; border: none; background: transparent; } .youtube-preview .youtube-preview-close-cookie-info #icon-close-circle { fill: transparent; } .youtube-preview .youtube-preview-close-cookie-info #icon-close-x { fill: #FFF; } .youtube-preview .youtube-preview-close-cookie-info:hover #icon-close-circle, .youtube-preview .youtube-preview-close-cookie-info:focus #icon-close-circle, .youtube-preview .youtube-preview-close-cookie-info:active #icon-close-circle { fill: #FFF; } .youtube-preview .youtube-preview-close-cookie-info:hover #icon-close-x, .youtube-preview .youtube-preview-close-cookie-info:focus #icon-close-x, .youtube-preview .youtube-preview-close-cookie-info:active #icon-close-x { fill: #006AB2; } @media (min-width: 400px) { .youtube-preview .youtube-preview-close-cookie-info { top: 10px; right: 10px; } } /* YouTube Config (data protection page) */ .youtube-config-button { margin: 0; cursor: pointer; color: #FFF; border-color: #006AB2; background-color: #006AB2; }