/** Theme Name: ML Author: MEDIEN MIT LEIDENSCHAFT Author URI: http://www.medien.ml */ @import url('content.css'); /* globals */ html,body { font-size:16px; height:100%; } body { display:table; table-layout:fixed; width:100%; } @-webkit-keyframes fadein { 0% {opacity:0;} 50% {opacity:0;} 100% {opacity:1;} } @keyframes fadein { 0% {opacity:0;} 50% {opacity:0;} 100% {opacity:1;} } #frame,footer { position:relative; display:table-row; animation:fadein 2s; -webkit-animation:fadein 2s; animation:none; width:100%; height:100%; background:#fff; } .mm-page { display:table; table-layout:fixed; width:100%; height:100%; } .mm-page #frame { } body.search #frame,body.search footer { animation:none; } .inner { max-width:1280px; width:100%; margin:0 auto; padding:0 25px; position:relative; } .sd { display:block; } .print, .md, .ld { display:none; } /* header */ header { width:100%; } #logo { padding:64px 0 25px; margin-bottom:0.5em; position:relative; text-align:center; border-bottom:1px solid #ddd; overflow:hidden; } #logo a:hover { background-color:rgba(255,255,255,1); } #logo a img { } #logo div { font-weight:bold; display:block; } /* breadcrumb */ #breadcrumb { font-size:0.8em; margin-bottom:0.9rem; } #breadcrumb * { color:#aaa; } #breadcrumb a { text-decoration:underline; border:none; } #breadcrumb a:hover { color:#222; } /* sidebar */ aside.sidebar { font-size:1rem; margin-bottom:1rem; } aside.sidebar > div.wrap { background-color:#EEE; padding:0.5rem 1rem 1rem; margin-top:1rem; } aside.sidebar p.mail, aside.sidebar p.row, aside.sidebar p.fax, aside.sidebar p.fon { margin-bottom:0; overflow:hidden; } aside.sidebar p.facebook { margin-bottom:1em; } aside.sidebar a { color:#222; text-decoration:none; border-bottom:1px dotted #222; transition:all 0.3s ease-in-out; text-decoration:none; } aside.sidebar p.facebook:hover, aside.sidebar p.facebook:hover a, aside.sidebar p.mail:hover, aside.sidebar p.mail:hover a, aside.sidebar a:hover { color:#aaa; border-color:#aaa; } aside.sidebar p.mail:hover { border:none; } aside.sidebar p.fon::before { content:""; display:block; width:1.2rem; float:left; font-size:1em; margin-top:0.05em } aside.sidebar p.fax::before { content:""; display:block; width:1.2rem; float:left; font-size:0.9em; margin:0; } aside.sidebar p.mail::before { content:""; display:block; width:1.2rem; float:left; font-size:0.8em; transition:all 0.3s ease-in-out; margin:0 0.1em 0 0; } aside.sidebar p.facebook::before { content:""; display:block; width:1.2rem; float:left; font-size:0.9em; transition:all 0.3s ease-in-out; margin-top:0.05rem; } aside.sidebar ul li { margin-bottom:0.7em; padding-left:1.1em; line-height:1.6em; } aside.sidebar ul li::before { content:""; display:block; margin:0.04em 0 0 -1.7em; font-size:0.64em; color:#ff0000; float:left; transition:all 0.3s ease-in-out; } aside.sidebar ul li:hover::before { color:#777; } aside.sidebar ul li a { color:#222; border-color:#222; } aside.sidebar .newsletter-subscription a { font-size:0.75em; } aside.sidebar .newsletter-subscription .newsletter-field-button { margin-top:1rem; } .sidebar-width .textwidget ul { min-height:7.4rem; } .sidebar-width .textwidget ul li { margin-bottom:0.7em; padding-left:1.1em; line-height:1.6em; } .sidebar-width .textwidget ul li { margin-bottom:0; } .sidebar-width .textwidget ul li::before { content:""; display:block; margin:0.2em 0 0 -2.2em; font-size:0.45em; color:#aaa; float:left; transition:all 0.3s ease-in-out; } .sidebar-width .textwidget ul li:hover::before { color:#222; } .sidebar-width p.copyright, .sidebar-width .textwidget ul li a { color:#aaa; display:block; } .sidebar-width .textwidget ul li:hover a, .sidebar-width .textwidget ul li a:hover { color:#222; } /* mobile */ #mobile-nav { background:rgba(0,0,0,0.8); } #mobile-nav .phone::before, #mobile-nav .mobile::before, #mobile-nav .mail::before, #mobile-nav .facebook::before, #mobile-nav .twitter::before { color:#fff; } #mmenu-button:before,#mmenu-button:after,#mmenu-button span { background:#fff; } .mm-opening #mm-blocker { background: rgba(0, 0, 0, 0.2); } #mm-nav #mm-submit::before { color:#222; } /* content footer */ #content-footer { clear:both; margin-top:3rem; } #content-footer li { padding-left:0; display:block; float:left; text-align:center; margin-bottom:1%; height:100% } #content-footer li div, #content-footer li a { display:block; width:100%; height:100%; padding:0.7em 0; text-decoration:none; background:#ccc; border:none; } #content-footer li a:hover { background:#ddd; } #content-footer li:before { display:none; } #content-footer li.top { width:100%; } #content-footer li.post_back { width:60% } #content-footer li.post_prev { width:19%; margin-right:1%; } #content-footer li.post_next { width:19%; margin-left:1%; } #content-footer li.post_prev span, #content-footer li.post_next span { display:none; } #content-footer li.post_prev a:before,#content-footer li.post_next a:before { text-decoration:underline; border-bottom:1px solid #000; } #content-footer li.post_prev div:before, #content-footer li.post_prev a:before { content:''; border:none; text-decoration:none; } #content-footer li.post_next div:before, #content-footer li.post_next a:before { content:''; border:none; text-decoration:none; } #content-footer li div { opacity:0.3; } #content-footer li.printer { display:none; } /* footer */ footer { height:auto; } #footer-content { padding-top:1rem; } /* misc */ span.relevanssi-query-term { background:#aaa; color:#fff; text-shadow:none; } ::selection { background:#aaa; color:#fff; text-shadow:none; } ::-webkit-selection { background:#aaa; color:#fff; text-shadow:none; } ::-moz-selection { background:#aaa; color:#fff; text-shadow:none; } *::-webkit-input-placeholder { color:#999; opacity:1; } *::-moz-placeholder { color:#999; opacity:1; } *::-ms-input-placeholder { color:#999; opacity:1; } #showsearch { display:none; } /* mobile */ /* md */ @media only screen and (min-width:992px) { #frame > .inner { padding:0 0 0 25px; } header { position:absolute; background:url(/content/uploads/hintergrund.jpg) no-repeat center top; z-index:1; transition:none; } header .inner { padding:0; } /* visibility */ .sd { display:none; } .md { display:block; } /* scroll */ header.fixed { position:fixed; background:rgba(255,255,255,1); box-shadow:0px 3px 10px rgba(0,0,0,0.2); visibility:hidden; opacity:0; display:none; } header.fixed.fadeout { transition:opacity .3s ease-in-out,visibility 0s ease-in-out .3s; display:block; } header.fixed.fadein { visibility:visible; opacity:1; animation:fadein 1s; -webkit-animation:fadein 1s; } header.fixed #logo { margin:0; float:left; } header.fixed #logo a { background:none; width:200px; } header.fixed #logo a:hover { background:none; } header.fixed #logo div { display:none; } header.fixed #nav { margin:40px 0 0 -200px; padding:0 0 0 200px; } /* columns */ #searchform.md, aside.md, nav, main, aside, #searchform { } .main-width { padding:0 24em 0 0; margin:0 -24em 0 0; width:100%; float:left; } .sidebar-width { width:20em; float:right } .main-width, .sidebar-width { } /* logo */ #logo { margin:0 0 0; position:relative; border-bottom:0; padding:0; } #logo a { width:275px; padding:10px 25px 15px; background-color:#fff; display:block; } #logo a img { } #logo div { font-weight:bold; font-family:'Roboto Condensed'; font-size:1.7rem; line-height:1.7rem; color:#fff; text-align:left; padding:30px 0; } /* search */ #searchform { position:relative; overflow:hidden; transition:width .3s ease-in-out,box-shadow .3s ease-in-out; float:none; clear:both; } form.search { width:100%; position:relative; transition:none; overflow:hidden; } form.search button { display:block; float:right; width:2em; position:relative; border:none; background:transparent; } form.search button:after { content:''; width:2em; border:none; font-size:1.2em; line-height:1.52em; display:block; position:absolute; top:0px; right:0px; bottom:0px; transition:all 0.3s ease-in-out; cursor:pointer; color:#b7b7b7; } form.search input[type=search] { width:100%; padding:0 3rem 0 1rem; margin:0 -4rem 0 0; color:#222; float:left; height:100%; display:block; font-size:0.9em; background:#EEE; border-color:#EEE } #searchform { width:20em; overflow:visible; transition:max-width 300ms ease-in-out,box-shadow 300ms ease-in-out; box-shadow:none; } /* navigations */ /* main-nav */ #nav { width:100%; background-color:rgba(255,255,255,0.85); padding:0 9px; } #nav ul li, #nav ul li a { display:block; position:relative; text-decoration:none; } #nav[class*="offset"] > ul > li > a:first-child, #nav ul li a { padding:0.5rem 0.8rem; } #nav ul li a { background-color:rgba(239,239,239,0.9); color:#999; font-size:0.95rem; } #nav[class*="nav-h"] > ul > li, #nav[class*="nav-h"] > ul > li > a { float:left; } #nav[class*="nav-h"] > ul > li { } #nav[class*="nav-h"] > ul > li > a { background-color:rgba(255,255,255,0); color:#aaa; } #nav > ul { font-size:1em; width:100%; } #nav > ul > li > a { font-weight:bold; font-size:1.1em; font-family:'Roboto Condensed'; } #nav > ul > li > a, #nav > ul > li, #nav > ul { min-height:2.5rem; } form.search button,#showsearchbutton, #searchform { min-height:2rem; } form.search { height:2rem; } #nav > ul ul > li { min-height:1em; } #nav > ul ul > li > a { min-height:1em; } #nav > ul ul > li:last-child > a { padding-bottom:1em; } #nav > ul:after { content:' '; display:table; clear:both; } #nav > ul:before { content:' '; } #nav > ul ul { font-size:1em; visibility:hidden; opacity:0; clear:both; transition:opacity .3s ease-in-out,height .3s ease-in-out,top .3s ease-in-out,left .3s ease-in-out,visibility 0s ease-in-out .3s; z-index:10; white-space:nowrap; z-index:1000; min-width:10rem; } #nav > ul ul ul { z-index:20; font-size:1em; } #nav[class*="nav-h-"] > ul ul { position:absolute; } #nav[class*="nav-h-"] > ul a:after { margin:0 0 0 5px; content:''; font-size:0.85em; vertical-align:top; line-height:1.6em; } #nav[class*="nav-h-"] > ul a:only-child:after { margin-left:0; content:''; } #nav[class*="nav-h-v-v"] > ul > li > ul > li > a:after { margin-left:8px; content:''; } #nav[class*="h-v-v"] > ul > li > ul > li > ul, #nav[class*="h-h"] > ul > li > ul { left:80%; top:0; } #nav[class*="h-v"] > ul > li > ul, #nav[class*="h-h-v"] > ul > li > ul > li > ul { top:80%; left:0; } #nav[class*="nav"] > ul > li > ul > li:hover > ul, #nav[class*="nav"] > ul > li:hover > ul { visibility:visible !important; opacity:1 !important; transition-delay:0s; } #nav[class*="h-v"] > ul > li:hover > ul, #nav[class*="h-v-v"] > ul > li > ul > li:hover > ul { top:0; left:100%; } #nav[class*="h-v"] > ul > li:hover > ul { top:100%; left:0; } #nav[class*="border"] > ul > li:after { position:absolute; height:2px; bottom:0; left:0; right:0; background-color:#ddd; content:' '; z-index:100; } #nav[class*="border"] > ul > li:hover:after { background-color:#000; z-index:110; } #nav[class*="borderin"] > ul > li:first-child:after { left:0; } #nav[class*="borderin"] > ul > li:after { left:1rem; right:1rem; } #nav[class*="h-v"][class*="borderin"] > ul > li > ul, #nav[class*="h-h-v"][class*="borderin"] > ul > li > ul > li > ul { } #nav[class*="shadow"] > ul ul { box-shadow:3px 3px 3px rgba(0,0,0,0.1); } #nav[class*="inset"] { overflow:hidden; } #nav[class*="inset"] > ul > li { transition:height .3s ease-in-out; } #nav[class*="inset"] > ul > li > ul > li > a:after, #nav[class*="inset"] > ul > li > ul ul { display:none; } #nav[class*="inset"] > ul > li > ul, #nav[class*="inset"] > ul > li:hover > ul { top:2.5rem; } #nav > ul > li.hover > a, #nav > ul > li:hover > a, #nav > ul > li > a:hover, #nav > ul ul > li > a:hover, #nav ul li.current_page_parent > a, #nav ul li.current_page_parent > a:hover, #nav ul li.current-page-ancestor > a, #nav ul li.current-page-ancestor > a:hover, #nav ul li.current_page_parent > a, #nav ul li.current_page_ancestor > a, #nav ul li.current_page_parent > a:hover, #nav ul li.current_page_ancestor > a:hover, #nav > ul > li > ul > li.current-menu-item > a, #nav > ul > li.current-menu-item > a:hover, #nav > ul > li.current-menu-item > a, #nav > ul > li.current-menu-item:hover { color:#222; } #nav > ul > li.current-page-ancestor > a, #nav > ul > li.current-menu-item > a { background-color:#fff; } ul#menu-nav-top { position:absolute; top:0; right:0; background:rgba(255,255,255,0.9); overflow:hidden; padding:5px 15px 6px; } ul#menu-nav-top li { display:block; float:left; border-left:1px solid #ccc; } ul#menu-nav-top li:first-child { border-left:none; } ul#menu-nav-top li a { display:block; float:left; font-size:0.85em; text-decoration:none; padding:0 10px; color:#999; } ul#menu-nav-top li a:hover { color:#222; } /* panorama */ #head-spacer { height:0; transition:height .3s ease-in-out; margin-bottom:1rem; } #panorama { margin:0 0 1em; overflow:hidden; position:relative; } #panorama .ms-layer { position:absolute; right:0; bottom:50%; text-align:right; } #panorama .ms-layer span { display:inline-block; background:#fff; padding:0.355em 3em 0.5em 1em; font-style:italic; font-size:1.5rem; } body.startseite #panorama { background:#fff; transition:background-color 0s ease-in-out; } #panorama { background:#eee; transition:background-color 1s ease-in-out; } /* main */ /* content footer */ #content-footer { border-top:1px solid black; font-size:0.85rem } #content-footer li { padding-left:0; display:block; float:left; text-align:center; margin-bottom:1%; height:100% } #content-footer li div, #content-footer li a { display:inline-block; width:auto; height:auto; padding:0; text-decoration:none; background:none; } #content-footer li a:hover { background:none; text-decoration:none; } #content-footer li:before { display:none; } #content-footer li.top { text-align:left; } #content-footer li.top, #content-footer li.post_prev, #content-footer li.post_next, #content-footer li.printer, #content-footer li.post_back { width:20% } #content-footer li.post_prev { margin-right:0; } #content-footer li.post_next { margin-left:0; } #content-footer li.post_prev span, #content-footer li.post_next span { display:inline; } #content-footer li.post_prev a:before,#content-footer li.post_next a:before { } #content-footer li.post_next a:before, #content-footer li.post_prev div:before, #content-footer li.post_next div:before { display:none; } #content-footer li.top a:before { content:' '; } #content-footer li.post_prev a:before { content:' '; } #content-footer li.post_next a:after { content:' '; } #content-footer li.printer a:after { content:' '; } #content-footer li.printer { display:block; text-align:right; } /* Footer */ #frame > .inner { padding-bottom:2rem; } footer { background:#eee; } footer .inner { padding-right:0; } } @media only screen and (min-width:1200px) { .md { display:none; } .ld { display:block; } /* navigations */ /* search */ }