/* Theme Name: OeGERN 1.5 Theme URI:http://graphiks.info/ Author:www.graphiks.info */ /* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('fonts/open-sans-v29-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/open-sans-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v29-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v29-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('/fonts/open-sans-v29-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/open-sans-v29-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v29-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v29-latin-700.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v29-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v29-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */ } /*Reset ------------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline; font-weight:normal;}body {line-height: 1;}ol,ul {list-style: none;}blockquote,q {quotes: none;}blockquote:before,blockquote:after,q:before,q:after {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;}caption,th,td {font-weight: normal;text-align: left;}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {display: block;}audio,canvas,video {display: inline-block;}audio:not([controls]) {display: none;}del {color: #333;}ins {background: #fff9c0;text-decoration: none;}sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sup {top: -0.5em;}sub {bottom: -0.25em;}small {font-size: smaller;}img {border: 0;-ms-interpolation-mode: bicubic;} /*HTML Elements*/ html {overflow-y: scroll;} body, tr, td, form, label, cite, input {font-family:'Open Sans','Lucida Grande',Verdana, Arial, Helvetica, sans-serif;font-size:13px;line-height:1.6em;color:#333; font-weight:400;} body {text-align:center;margin:0;padding:0;} small {font-size:.85em;color:#999; line-height:1em; padding:0;} h1,h2,h3,h4,h5,h6, #navi a {font-size:1.1em;margin:0 0 10px 0;font-family:'Open Sans','Arial Narrow',Helvetica,Arial,sans-serif; } h2, h3, h4, h5 {font-size:1.6em;line-height:1.25em;margin-bottom:20px; color:#6d6d6b;} h3 {font-size:1.3em;line-height:normal;margin:5px 0 15px 0; padding-bottom:3px;border-bottom:1px dotted #ccc;} h3.archivtitle { padding-bottom:3px;border-bottom:1px dotted #ccc;} h4 {font-size:1.3em;} h5 { line-height:1.4em; margin-bottom:12px; font-size:1.2em; font-weight:normal !important;} p {margin-bottom:10px;} strong, b { font-weight:700;} .clear { height:1px; clear:both;} hr { background: #fff;border:1px dotted #ccc; border-width:0 0 1px 0;height: 1px;width:99,99%;margin:15px 0;} blockqoute { padding:10px 3%; background:#f9f9f9; border:1px solid #ccc;} img { max-width: 100%; height: auto;} /*Links*/ a, a:visited {color:#333;text-decoration:underline;outline:none;} a:hover, a:active {color:#ccc;/*Transition*/ } .storycontent a.external {padding-right:13px;background:url(pics/extLink.gif) no-repeat right center;margin-right:3px;} .storycontent .linkliste a.external { background:0 none;} a[href*=".pdf"], .storycontent a.external[href*=".pdf"] {background:url(pics/pdf_logo.jpg) left top no-repeat !important;line-height:17px;padding:0 0 0 20px;display:block;} .more-link {display:block;padding:7px 0 0 0;} /*Layout ------------------------------------------------------------------------------------*/ #topofpage, .skiplink {position:absolute;left:0;top:-2em;} #header, #main, #footer, #navi {position:relative;width:100%; text-align:center; background:#fff;} #headercontent, #navi ul, #maincontent, #footercontent {position:relative;width:94%; min-width:300px;max-width:1400px; margin:0 auto;text-align:left;padding:15px 0; display:block;} /*Header ------------------------------------------------------------------------------------*/ #logo {position:relative;width:35%;height:auto; max-width:350px; min-width:200px; margin:45px 0 10px 0; display:block;} #logo img { width:100%; height:auto;} h1 {font-size:1.4em;color:#333; position:relative; margin:10px 0 0 0; width:50%; max-width:500px; min-width:300px; display:block; height:2.5em; background:url(pics/h1.png) left top no-repeat; background-size:100% auto; text-indent:-9999px; display:block;} #navi { background:#6d6d6b; z-index:2;} #navi ul { padding:0;} #navi li {display:inline; margin:0 0 4px 0; } #navi li.handheld { display:none;} #navi a, #navi a:visited {font-size:1.25em;text-decoration:none;color:#fff; padding:8px 7px; line-height:2em; } #navi a:hover, #navi a:active {color:#999; outline:1px dotted #fff;} #navi .current_page_item a, #navi .current-cat a {color:#333;cursor:default; background:#fff; outline:0 none !important; } #navi .red a, #navi a .red { color:#b4121e !important;} #navi a.active_category,#navi .current_page_parent a {color:#333 !important; background:#fff; outline:0 none !important;} #navi li a.active_category:hover,#navi .current_page_parent a:hover{color:#ccc !important;} #header .searchform input{min-width:100px;top: 20px;width:20%;position:absolute;right:0;} #header .searchform input:focus, #headercontent .searchform input:active {min-width:125px;width:23%;} /*Content ------------------------------------------------------------------------------------*/ #main {background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgyODI4MiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MjgyODIiIHN0b3Atb3BhY2l0eT0iMC4yNyIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(130,130,130,0) 0%, rgba(130,130,130,0.27) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(130,130,130,0)), color-stop(100%,rgba(130,130,130,0.27))); background: -webkit-linear-gradient(top, rgba(130,130,130,0) 0%,rgba(130,130,130,0.27) 100%); background: -o-linear-gradient(top, rgba(130,130,130,0) 0%,rgba(130,130,130,0.27) 100%); background: -ms-linear-gradient(top, rgba(130,130,130,0) 0%,rgba(130,130,130,0.27) 100%); background: linear-gradient(to bottom, rgba(130,130,130,0) 0%,rgba(130,130,130,0.27) 100%); } #maincontent { padding:35px 0 20px 0; font-size:1.1em; line-height:1.6em;} #post {padding:15px 3% ;margin-bottom:15px;border:2px solid #ccc; background:#fff; border-radius: 3px; } .archive #post, .search #post { min-height:450px;} .storycontent { padding:15px 0; } .category .storycontent, .search .storycontent { min-height:10px;} .date { font-size:0.75em; color:#999;} .category-1 .storycontent img { max-width:100px !important;} /*Startseite*/ .home #post .storycontent { font-size:1.1em; } /*Bilder, Videos, Objects, iframes, Captions*/ .storycontent img, .storycontent embed, .storycontent object, .storycontent iframe, .wp-caption {max-width:100%;height:auto;} .alignright {margin:0 0 15px 20px;display:inline;float:right;} .alignleft {margin:0 20px 15px 0;display:inline;float:left;} .storycontent img.alignleft, .storycontent img.alignright { max-width:50%;} .storycontent a img {opacity:1;border:1px solid #ccc;} .storycontent a:hover img {opacity:.5;border-color:#000;} .video-container { position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden; margin-bottom:10px;} .video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} /*Caption, WP-Gallery*/ .wp-caption { max-width:100%; padding:4px;} .wp-caption .wp-caption-text, .gallery-caption, .entry-caption { font-style: italic; font-size: 0.8em; color:#999; } dl.gallery-item { margin: 0;}.gallery-item a,.gallery-caption {width: 90%;}.gallery-item a {display: block;}.gallery-caption a {display: inline;}.gallery-columns-1 .gallery-item a {max-width: 100%;width: auto;}.gallery .gallery-icon img {height: auto;max-width: 90%;padding: 5%;}.gallery-columns-1 .gallery-icon img {padding: 3%;} /*JQury Lightbox */ #jqlb_closelabel{background-image: url(pics/lightbox/closelabel.jpg) !important;} #prevLink, #prevLink:visited { background: url(pics/lightbox/nothing.png) left 120px no-repeat;} #nextLink, #nextLink:visited { background: url(pics/lightbox/nothing.png) right 120px no-repeat;} #prevLink:hover, #prevLink:visited:hover { background: url(pics/lightbox/zurueck.gif) left 125px no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(pics/lightbox/weiter.gif) right 125px no-repeat; } /*Listen*/ .storycontent ul {margin:10px 0 0 0;padding:0 0 10px 0;} .storycontent ul li {margin:0 0 4px 20px;list-style:disc;} .storycontent ol li {margin:0 0 4px 20px;list-style:decimal;} .storycontent dl { margin-bottom:10px;} .storycontent dt { display:inline-block; float:left; width:80px; font-weight:bold; clear:left; margin-bottom:5px;} .storycontent dd { display:inline-block; float:left;margin-bottom:5px;} .storycontent dd:after { content:""; clear:both; height:5px; display:block;} /*Tabellen*/ table {border:0 none;border-spacing:0;margin:15px 0;} td, th {padding:2px 12px 2px 0;vertical-align:top;text-align:left; font-size:1.1em;} th {font-weight:bold;font-size:1.2em;} /*Formular, Kontakt */ #wpcf7-f4-p8-o1 {margin:15px 0 0 0;padding:15px 0 0 0;min-width:200px; float:right; z-index:2; background:#fff; /*R*/ } .button, input[type="submit"] { width:auto;/*Transition*/ /*Buttons*/} textarea, input, select {width:100%;border:1px solid #ddd; max-width:320px; padding:3px 4px;/*Transition*/ } select {width:auto;} textarea {height:120px;} .checkbox { width:20px;} textarea:focus, input:focus, textarea:active, input:active, select:focus, select:active {border-color: #fbc500;} div.wpcf7-response-output {margin:2em 0;padding:4px;background:#fff;color:#333; text-align:center;-webkit-border-radius:2px;border-radius:2px; font-size:1em; } div.wpcf7-mail-sent-ok {border:2px solid #EAA734;} div.wpcf7-mail-sent-ng {border:2px solid #f00;} div.wpcf7-spam-blocked {border:2px solid #f00;} div.wpcf7-validation-errors {border:2px solid #f00;top:2px; } span.wpcf7-not-valid-tip { padding:2px 0 7px 0; line-height:1.2em; color:#f00; display:block; font-size:0.7em; font-family:"Courier New", Courier, monospace;} span.wpcf7-not-valid-tip-no-ajax {color:#f00;font-size:10px;display:block;} .wpcf7-display-none {display:none;left:0;} div.wpcf7 img.ajax-loader {border:none;vertical-align:middle;margin-left:4px;} span.wpcf7-list-item { display: block; padding:1px 0 7px 0; } wpcf7-list-item-label { margin-top:-2px;} .wpcf7 .screen-reader-response { display:none !important;} input.wpcf7-not-valid, select.wpcf7-not-valid, textarea.wpcf7-not-valid { border:1px solid #f00 !important;} .wpcf7-checkbox input, .checkbox {width:15px;line-height:1em;padding:0;} .wpcf7 tr td:first-child { width:140px;} .wpcf7 table { width:100%;} /*Suche*/ .searchform {width:auto;height:auto;z-index:2;} .searchform input {width:200px;background:url(pics/search.png) right center no-repeat #fff;color:#999;} .searchform input:focus, .searchform input:active {color:#333;} .searchform .button {display:none;} .search h3 {margin-top:20px;padding:0;border:0 none;} .search-highlight {background:#FFF984;font-weight:bold;color:#000;padding:0 1px;font-style:normal;} /*Child-Pages*/ .subpagesbox { width:45%; margin:0 2.5% 15px 0; border:1px dotted #ccc; float:left; display:inline; padding:10px 0;} .subpagesbox p, .subpagesbox h5, .subpagesbox img { margin:0 5%; width:90%;} .subpagesbox h5 { height:4em; } .subpagesbox a { text-decoration:none; padding:0; line-height:normal;} .subpagebox h5 { height:auto; font-size:1.2em;} .subpagebox { margin:0 0 15px ; width:90%; border:1px dotted #ccc; border-width:0 0 1px 0; padding:10px 4%; background:#fff;} .subpagebox a {-webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;} body.page-id-23 subpagesbox { display:none;} /*Pagenavi*/ .wp-pagenavi:before {content:"";clear:both;} .wp-pagenavi {text-align:center;padding:20px 0;display:block;margin:20px 0;border-top:1px dotted #ccc;} .wp-pagenavi .pages {margin-right:10px;line-height:2em;} .wp-pagenavi a, .wp-pagenavi .current { /*Buttons*/ text-decoration:none;display:inline;margin-right:5px;} .wp-pagenavi .current {background:#f1f1f1 !important;color:#000;/*Buttons*/} /*Sidebar -------------------------------------------------------------------*/ #sidebar {position:relative; } .sidebarcontent {margin:0 0 25px 0; border:2px solid #ccc; background:#fff; padding:15px 7% !important;} #sidebar .current_page_item a {color:#999;cursor:default;} .sidebarnavi {margin:10px 0 0 0;padding:0;} .sidebarcontent li {margin:0 0 4px 14px;list-style:disc;} #sidebar h5 { color:#b4121e;} body.page-id-613 .newsletterbox { display: none;} /*Footer ------------------------------------------------------------------------------------*/ #footer { border-top:5px solid #b4121e;} #footercontent {color:#333;} #footercontent p { margin-right:25px;} #bottom-navigation { display:none;} #footer a, #footer a:visited {color:#333;} #footer a:hover, #footer a:active {color:#ddd;} .top {text-decoration:none;position:absolute;right:0;top:15px;background:url(pics/up.png) right center no-repeat;text-indent:-9999px;width:16px;height:16px;display:block;opacity:1;} .top:hover {opacity:.6;} /*Ueberschreiben, Editor-Styles ------------------------------------------------------------------------------------*/ #maincontent .red, #maincontent .red a, #maincontent .red a:visited, #maincontent h2 i, .red a {color:#b4121e !important;font-weight:bold;} .noborder, .wp-smiley { border:0 none !important;} .border { border:1px solid #ccc;} /*.Clear*/ .post-edit-link:after {content: ".";display:block; height: 0; clear: both; visibility: hidden;} /*Transition*/ a:hover, a:active, a:hover img, .searchform input:focus, .searchform input:active, .button:hover, .button:active, textarea:focus, input:focus, textarea:active, input:active, .wp-pagenavi a, .sidecontent .current_page_item ul a:hover, .sidecontent .current_page_item ul a:active, .more-link:hover, .more-link:active, select:focus, select:active, #navi li:hover, #navi li:active, .top:hover, select:focus, select:active,.button:hover, input[type="submit"]:hover, .wp-pagenavi a:hover {-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;-ms-transition:all 400ms ease;-o-transition:all 400ms ease;transition:all 400ms ease;} /*Buttons*/ .button, .wp-pagenavi a, button, input[type="submit"], input[type="button"], input[type="reset"], .wp-pagenavi .current {border:1px solid #666;letter-spacing:1px;padding:5px 7px;font-weight:bold;line-height:2.5em; background-color: #e6e6e6; border: 1px solid #d2d2d2; border-radius: 3px; box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);} .wp-pagenavi .extend { padding-right: 5px;} .button:hover, input[type="submit"]:hover, .wp-pagenavi a:hover, input[type="button"]:hover, input[type="reset"]:hover { border-color: #fbc500;cursor:pointer;color:#000; background-color: #ebebeb; } /*Corner*/ #post, .sidebarcontent, textarea, input, select, .button, .wp-pagenavi a, button, input[type="submit"], input[type="button"], input[type="reset"], .wp-pagenavi .current {-webkit-border-radius:2px;border-radius:2px; } @media screen and (max-width: 480px) { #navi li { display:none; } #navi li.handheld { display:block;} #bottom-navigation { background:#6d6d6b; display:block;} #navi bottom-navigation { padding:0;} #bottom-navigation li {letter-spacing:1px;padding:5px 0;font-weight:bold;line-height:2.5em; background-color: #e6e6e6; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: linear-gradient(top, #f4f4f4, #e6e6e6); border: 1px solid #d2d2d2; border-radius: 3px; box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1); width:47%; margin:2px .5% 2px 0; text-align:center; display:inline-block;} #bottom-navigation li:hover { border-color: #fbc500;cursor:pointer;color:#000; background-color: #ebebeb; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb); background-image: linear-gradient(top, #f9f9f9, #ebebeb); } #bottom-navigation a, #bottom-navigation a:visited {font-size:1em; color:#333; } #bottom-navigation a, #bottom-navigation a:visited { color:#999;} } @media screen and (min-width: 480px) { #logo { margin:15px 0;} .sidebarcontent { padding:0 0 0 4%;} #wpcf7-f4-p8-o1 {margin:0 10% 0 0;} .subpagebox { float:right; margin:0 0 15px 5%; width:45%; border-width:1px; padding:10px 2%;} .subpagesbox h5 { font-size:1.1em; height:2.8em;} } @media screen and (min-width: 700px) { #post {float:left;width:67%;display:inline; padding:20px 2% 15px 2%;} #sidebar {float:right;width:27%;display:inline; } .storycontent { min-height:450px;} #headline { height:2.5em;} .subpagesbox h5 { font-size:1.1em; height:3.2em; line-height:1.25em;} #logo {margin:25px 0 10px 0; } #wpcf7-f4-p8-o1 {margin:0 20px;width:50%;max-width:270px;padding:0 0 0 20px;border:0 none;float:right;} } @media screen and (max-width: 800px) { #maincontent {-webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } } @media screen and (min-width: 1024px) { #logo { float:left; display:inline;} #headline { float:right; margin:70px 0 0 0; height:3em;} .subpagesbox, .subpagebox { width:30%; } #navi a, #navi a:visited { padding: 10px 10px; font-size: 1.2em;} } @media screen and (min-width: 1024px) { body, tr, td, form, label, cite, input { font-size: 14px;} h2 { font-size: 2em;} }