/* Theme Name: SPD Borkum Text Domain: spdborkum Theme URI: https://www.spd-borkum.de Description: SPD Ortsverein Borkum - Die Sozialdemokratische Partei Deutschlands, Ortsverein auf der Insel Borkum. Sozial und demokratisch für Borkum. Die Menschen gewinnen. Version: 1.1 Author: Holger Schrank Author URI: https://www.webdesign-borkum.de */ :root { --red: #e3000f; --black: #333; } @font-face { font-display:swap; font-family:'Open Sans'; font-style:normal; font-weight:400; src: url('fonts/open-sans-v18-latin-regular.woff2') format('woff2'), url('fonts/open-sans-v18-latin-regular.ttf') format('truetype'); } @font-face { font-display:swap; font-family:'Open Sans'; font-style:italic; font-weight:400; src: url('fonts/open-sans-v18-latin-italic.woff2') format('woff2'), url('fonts/open-sans-v18-latin-italic.ttf') format('truetype'); } @font-face { font-display:swap; font-family:'Open Sans'; font-style: normal; font-weight: 600; src: url('fonts/open-sans-v18-latin-600.woff2') format('woff2'), url('fonts/open-sans-v18-latin-600.ttf') format('truetype'); } @font-face { font-display:swap; font-family:'Open Sans'; font-style:italic; font-weight: 600; src: url('fonts/open-sans-v18-latin-600italic.woff2') format('woff2'), url('fonts/open-sans-v18-latin-600italic.ttf') format('truetype'); } @font-face { font-display:swap; font-family:'Open Sans'; font-style:normal; font-weight:700; src: url('fonts/open-sans-v27-latin-700.woff2') format('woff2'), url('fonts/open-sans-v27-latin-700.ttf') format('truetype'); } @font-face { font-display:swap; font-family:'Open Sans'; font-style:normal; font-weight:800; src: url('fonts/open-sans-v27-latin-800.woff2') format('woff2'), url('fonts/open-sans-v27-latin-800.ttf') format('truetype'); } /* Counter */ #counterwrap { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; width:100%; padding:1.5em 20px 2em; background-color:var(--red); color:#fff; box-sizing:border-box; font-size:1.5rem; text-align:center; margin:1em auto 1.5em; } #c1, #c3 { width:100%; text-align:center; font-size:1.2rem; } @media screen and (min-width: 992px) { #counterwrap { flex-wrap:nowrap; text-align:left; font-size:1.2rem; margin:1.5em auto 1.5em; } #c1, #c3 { width:auto; text-align:left; font-size:1.2rem; } } @media screen and (min-width: 1280px) { #counterwrap { font-size:1.3rem; } #c1, #c3 { font-size:1.3rem; } } html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}img{border-style:none}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none} body{background:#fff;font:normal 16px/20px 'Open Sans',Arial;color:#222; display: flex; flex-direction: column; min-height: 100vh;} #navigation, #head, footer { flex-grow: 0; flex-shrink: 0; flex-basis: auto;} a, a:hover{text-decoration:none} ol{margin-left:30px;list-style:decimal inside} ul {padding-left:22px; margin:10px 0; line-height:1.4em; } h3, h4{font-weight:300;font-size:1.4em} h4 {margin:0 0 .4em} .clr { clear:both; display:block; content:" "} .ul { text-decoration:underline; } .grey{color:#7F7F7F} #titelbild { z-index:1; } #titelbild img { width:98%; margin-left:auto; margin-right:auto; } #headerh1 { width:100%; max-width:1200px; margin:-15px auto 0; z-index:0; } #titleh1 { box-sizing:border-box; display:inline-block; width:100%; background-color:var(--red); text-align:right; padding-right:5%; padding-top:.6em; padding-bottom:.6em; } #titleh1 h1 {color:#fff; font-weight:700; letter-spacing:-.03em; word-spacing:.2em; line-height:normal; font-size:1.8em; margin:0; } #beitragh1 { box-sizing:border-box; width:100%; max-width:1200px;margin:.5em auto 0; line-height:2em; background-color:#fff;padding:5px 3% 0; } #pressetitle h1 { color:var(--red); font-weight:700; margin:0; font-size:1.8em; line-height:normal; } #beitragh1 + main { margin-top:0!important; padding-top:0!important; } #head{width:100%; max-width:1200px; background:#fff; padding-bottom:8px; border-bottom:2px solid #eee; } #spdlogo { width:63px;height:60px; display:inline-block; float:left; } #header, #teaserpc {display:none} #header h5 {font-family:'Open Sans', Arial, sans-serif; font-weight:600; letter-spacing:-.02em; } #head #header em {display:none; font-size:.8em;color:#aaa;} #mob-fb {text-align:center; display:block; margin-top:20%!important;} #mob-fb img{width:12%; margin:0 auto;} .wp-post-image {display:block; width:100%; max-width:1200px; height:auto; margin:10px auto; } #navigation { display:none; } /*#mnav { background:rgba(0, 0, 0, 0) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAXCAYAAAD6FjQuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkJGQzM3QkE5NUUxMTFFNjhFMTc4NzkyRjk2RkE2RDEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkJGQzM3QkI5NUUxMTFFNjhFMTc4NzkyRjk2RkE2RDEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGQkZDMzdCODk1RTExMUU2OEUxNzg3OTJGOTZGQTZEMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGQkZDMzdCOTk1RTExMUU2OEUxNzg3OTJGOTZGQTZEMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Phbj8rUAAAD9SURBVHja3Ja/DsFQFMbvbRlNBgQhLIY+gPAyBkE33sQsFk/TiLFBGAghKQmD1Z/6TnKaiFXvGZzkl97bNPnS75yvvfqsSo5Sagyq4K7iryTYgLaGmIdFXZkvj8RCJVQWWAtprUisA3YfN8MYiWoPemQjbfIgA/TXQ7+W5usJHBK8OTLGeyZW0ZulQBE8DWjYZCG4kVgTDEHWoFgABjQgPhaOgIu+eKiXQlpz6pnLPSuAl4GcWTwg/SjUaVA2KLYF12j0L8z/hTrHVoaGvo3kWkBiDTABFQ513GI2/6lbNCA0+jUBFxfioZ4JaU2pZ10wAhS4h6EhpJOA+xZgAH7BUH3xabqBAAAAAElFTkSuQmCC") no-repeat scroll center center; display:inline-block; top:9px; right:9px; height:30px; line-height:30px; width:30px; position:absolute; z-index:2 }*/ button#rmp_menu_trigger-790 {top:8px!important} @media screen and (min-width:480px) { button#rmp_menu_trigger-790 {top:15px!important} } #rmp-container-790 { border-right:1px solid #506577; } .responsive-menu-open #head, .responsive-menu-open main, .responsive-menu-open footer, .responsive-menu-open .wp-post-image {opacity:.7} .rmp-menu-item { text-transform: uppercase; outline:0;} #rmp_menu_trigger-790 .rmp-trigger-label.rmp-trigger-label-top {margin-bottom:0;} #rmp_menu_trigger-790 .responsive-menu-pro-inner, #rmp_menu_trigger-790 .responsive-menu-pro-inner::before, #rmp_menu_trigger-790 .responsive-menu-pro-inner::after { height:4px; } button.rmp_menu_trigger .responsive-menu-pro-inner::before { top:7px; } button.rmp_menu_trigger .responsive-menu-pro-inner::after { bottom:7px; } #rmp_menu_trigger-790 .rmp-trigger-label { line-height:9px; } #rmp_menu_trigger-790 .rmp-trigger-label.rmp-trigger-label-top { margin-top:-5px; } #rmp-menu-title-790 { padding-top:25px; padding-bottom:25px; } .rmp-menu-item-link { box-sizing:border-box; } .rmp-menu-open { box-shadow:-200px 0 100px rgba(100,100,100,.7); } .current-menu-item > a { color:var(--red)!important; font-weight:700!important; } .rmp-menu-top-level-item { border-bottom:1px solid #eee; } main{box-sizing:border-box; width:100%; max-width:1200px;margin:1.2em auto 0; line-height:2em; background-color:#fff;padding:5px 3% 20px; font-size:1em; flex-grow: 1; flex-shrink: 0; flex-basis: auto; -moz-hyphens: auto;-o-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;-hyphens:auto} .vorstandimg img{ width:75px; height:110px; margin:0 15px 5px 0; } address{font-size:1em;line-height:1.8em;color:#666} .pressetext{overflow:hidden} .pressetext img{width:100%} #contentindex{ margin:0; line-height:2.2em; width:94%; background-color:#fff;padding:10px 3%; font-size:1em} #contentboxen {display:none} /* #contentindex h2, main h2 {display:block; padding-bottom:1px; border-bottom:1px solid #e2001a; font-size:1.3em; margin-bottom:.4em; text-transform:uppercase; } */ #contentindex h2, main h2, #post-6 h1 { margin:0; color:var(--black); text-transform:uppercase; border-bottom:0 none; font-size:1.5em; font-weight:700; } main h2 a {color:#222} main a { color:#222; } h6 {display:block;font-size:1.15em;margin:0 0 .2em 0; vertical-align:super} .home h1 {font-weight: 300; font-size: 1.5em; color:#111; } .us1 {box-sizing:border-box; display:block; width:100%; text-align:right; padding-top: 12px; padding-right:20%; font-style:italic;} .us2 {box-sizing:border-box; display:block; width:100%; text-align:right; padding-right:10%; font-weight: 700; font-style:italic; } figcaption { font-size: .8em; color: #777; line-height: 1.2em; text-align: center; } .politikerlink {display:block; padding:0!important; line-height:60px; } .politikerlink img {width:40px; height:60px; float:left;border:0;margin:0 10px 0 0} .politikerlink h6 { float:right; text-align:left; margin:0; width:calc( 100% - 50px )} main a {font-style:italic; text-decoration:underline; color:#777;} main a:after { font-family: FontAwesome; content: "\f064"; display: inline-block; padding-left:3px; padding-right:3px; vertical-align: middle; font-size:.8rem } .sitzlink {margin-top:1em; font-size:.95em; } .sitzlink a{text-decoration:underline; font-style:italic; color:#777;} .sitzlink .fa {font-size:.8rem} .read-more-state { display:none; } .read-more-state ~ .read-more-trigger { display:block; cursor:pointer; padding:0; color:#666; font-size:.9em; line-height:2; font-style:italic; position:relative; z-index:9999; text-align:right; margin-bottom:2em} .read-more-state:checked ~ .read-more-trigger { display:none; } .read-more-target { opacity:0; max-height:0; margin-bottom:0; -webkit-transition-property:opacity, max-height;-webkit-transition-duration:1.8s; -webkit-transition-timing-function:ease-in; transition-property:opacity, max-height; transition-duration:1.8s; transition-timing-function:ease-in; } .read-more-state:checked ~ .read-more-wrap .read-more-target { opacity:1; max-height:999em; margin-bottom:3em; } .back-to-top {background:none; margin:0; position:fixed; bottom:0; right:0; width:50px; height:50px; z-index:100; display:none; text-decoration:none; opacity:1; } .back-to-top i {font-size:40px; color:rgba(226,0,26,1)} .back-to-top i:hover {color:#e2001a} footer{box-sizing:border-box; position:relative; width:100%; font-size:.88em; margin:0 auto;clear:both;line-height:2.5em; color:#fff; display:block; background:var(--red); z-index:999; padding:.2em 0 0; } footer ul { list-style-type:none; padding:0 0 0 3px; } footer a {color:#fff; text-decoration:none} footer em{display:none} #footertop { box-sizing:border-box; display:block; width:100%; padding-left:12px; padding-right:12px; } #footertop div { width:100%; max-width:1200px; display:block; margin:0 auto; border-bottom:1px solid #ccc; text-align:right; } #footertop #mitgliedwerden_mobil { float:left; } #footertop i { font-size:1.6em; } #footernav {display:block;width:100%; max-width:1200px; margin:0 auto; padding:.8em 0 .8em; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:stretch; } #footernav .column {box-sizing:border-box; width:50%; vertical-align:top; padding-left:12px; padding-right:12px; flex-grow:1; } #footernav .column1 { display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:stretch; flex-grow:2; padding-left:0; padding-right:0; } #footernav .column1 div { width:50%; padding-left:12px; padding-right:12px; } #footernav:after {clear:both;display:block;content:""} /* #footernav .columns {display:block;width:100%} */ @media screen and (min-width:600px) { } #footerbottom { box-sizing:border-box; display:block; width:100%; text-align:left; background:#fff; font-size:1em; color:#333; padding-left:12px; padding-right:12px; } #footerbottom a { color:#333; } #footerbottom > div { width:100%; max-width:1200px; display:block; margin:0 auto; } #footerbottom #cpy {display:none} #footerbottom #imp span { display:none; } #cms_button_showsubmenu {display:none} /* Anträge */ #post-22 .content p {margin-top:0; margin-bottom:2em; } .archivantraege {margin-top:2em } .archivantraege summary { box-sizing:border-box; display:block; width:100%; padding:10px 12px; color:#fff; } .archivantraege summary { display:block !important; padding:.5rem !important; font-size:1.3em !important; font-weight:bold !important; color:#fff; outline:0; text-decoration:underline; background:#b61c3e;} /*.archivantraege summary i {font-weight:100; padding-left:12px; } .archivantraege summary i::before { font-weight:100!important; }*/ .archivantraege summary strong:before { font-family: FontAwesome; content: "\f0da"; display: inline-block; padding-left:3px; padding-right:3px; vertical-align: middle; width:18px; } .archivantraege[open] summary strong:before { content: "\f0d7"; } .archivantraege summary:hover {cursor:pointer} .archivantraege summary::-webkit-details-marker { display: none } details.archivantraege[open] summary { text-decoration:none; } details.archivantraege {box-sizing:border-box; margin-bottom:6px; background:#f3f3f3; padding:0; } details.archivantraege div { box-sizing:border-box; padding: 1rem 1rem 1rem 2rem; margin:0; font-size:90%; } a[href^="mailto"]:before { font-family: FontAwesome; content: "\f003"; font-style:normal; padding-right:3px; vertical-align: middle; } a[href^="mailto"]:after { content: ""!important; padding-left:0; padding-right:0; } a[href*="spd-borkum.de"]:after { content: ""!important; padding-left:0; padding-right:0; } a[href*="spd.holgerschrank.de"]:after { content: ""!important; padding-left:0; padding-right:0; } a[href$=".pdf"]:after { font-family: FontAwesome; content: "\f1c1"!important; padding-left:3px;} /* Vorstand */ #post-24 h2 {font-size:20px; line-height:27px; border-bottom:1px solid #e2001a; font-weight:700; color:#444; padding-bottom:1px; font-size:1.3em; margin-bottom:.4em; } #post-24 h3{margin:-5px 0 0;} #post-24 .vline{display:block; margin-bottom:2rem; } #post-24 .vline, #post-24 .vbox { text-align:center; } #post-24 .vbox {display:block; width:100%; text-align:center; margin-bottom:2rem; } #post-24 .vorstandimg { width:150px; height:220px; margin:0; } #post-24 .content img { width:auto; height:300px; margin:0; } @media screen and (min-width: 600px) { #post-24 h2 {display: flex; flex-direction: column; justify-content:center;height:54px; } #post-24 .vbox {display:inline-block; width:50%; float:left; } #post-24 .vbox:after {clear:both;display:block;content:" "} } @media screen and (min-width: 1024px) { #post-24 .vbox { width:33.3%; } } /* Stadtratswahlen 2021 */ #post-590 .wp-block-column {display:block; width:100%; text-align:center; margin-bottom:2rem; } #post-590 .copy { font-size:90%; font-style:italic; margin-top:0; margin-bottom:2em; } #post-590 .vbox {display:block; width:100%; text-align:center; margin-bottom:1rem; } @media screen and (min-width: 600px) { #post-590 .wp-block-column {display:inline-block; flex-basis: calc(33.3% - 1em) !important; float:left; } #post-590 .wp-block-column:after {clear:both;display:block;content:" "} #post-590 .wp-block-column img { width:100%; height:auto; } #post-590 .wp-block-column:nth-child(2n),#post-590 .wp-block-column:nth-child(3n) { margin-left:0 } } /* Presse */ #post-20 h2, #post-43 h2, #post-37 h2, #post-39 h2, #post-41 h2, #post-45 h2, #post-534 h2 {margin-top:0;font-size:1.3em} #post-20 summary strong:first-child, #post-43 summary strong:first-child, #post-37 summary strong:first-child, #post-39 summary strong:first-child, #post-41 summary strong:first-child, #post-45 summary strong:first-child, #post-534 summary strong:first-child { display:inline-block; width:100%; margin-top:0;font-size:1.3em; border-bottom: 1px solid #e2001a; text-transform: uppercase;} #post-20 .pressedatum, #post-43 .pressedatum, #post-37 .pressedatum, #post-39 .pressedatum, #post-41 .pressedatum, #post-45 .pressedatum, #post-534 .pressedatum {display:inline-block; width:100%; color:#7F7F7F;font-size:.9em; margin-bottom:0;} #post-20 .wp-block-preformatted, #post-43 .wp-block-preformatted, #post-37 .wp-block-preformatted, #post-39 .wp-block-preformatted, #post-41 .wp-block-preformatted, #post-45 .wp-block-preformatted, #post-534 .wp-block-preformatted {display:inline-block; width:100%; color:#7F7F7F;font-size:.9em; margin-bottom:0; font-family:'Open Sans',Arial} .pressepdf { position:relative; z-index:999; display:block; color:#555;text-decoration:underline;margin-bottom:3em; } .fototext{display:block;color:#888!important; font-size:.8em!important;line-height:1.3em!important;margin:-.6em 0 1em} .mobilpic {margin-top:1em;max-width:100%} #post-20 summary, #post-43 summary, #post-37 summary, #post-39 summary, #post-41 summary, #post-45 summary, #post-534 summary { box-sizing:border-box; display:block; width:100%; padding:0 0 10px; outline:0;} #post-20 summary strong:before, #post-43 summary strong:before, #post-37 summary strong:before, #post-39 summary strong:before, #post-41 summary strong:before, #post-45 summary strong:before, #post-534 summary strong:before { display:none; } #post-20 details, #post-43 details, #post-37 details, #post-39 details, #post-41 details, #post-45 details, #post-534 details {margin-bottom:1.5em; } #post-20 details p, #post-43 details p, #post-37 details p, #post-39 details p, #post-41 details p, #post-45 details p, #post-534 details p {margin-top:0; } /*#post-20 details[open] summary strong:before, #post-43 details[open] summary strong:before { content: "\f0d7"; }*/ #post-20 figure, #post-43 figure, #post-37 figure, #post-39 figure, #post-41 figure, #post-45 figure, #post-534 figure { margin-left:0; margin-right:0 } #post-20 figcaption, #post-43 figcaption, #post-37 figcaption, #post-39 figcaption, #post-41 figcaption, #post-45 figcaption, #post-534 figcaption { text-align:left } #post-20 img, #post-43 img, #post-37 img, #post-39 img, #post-41 img, #post-45 img, #post-534 img { height:auto; } #post-20 details .wp-block-image .alignleft, #post-43 details .wp-block-image .alignleft, #post-37 details .wp-block-image .alignleft, #post-39 details .wp-block-image .alignleft, #post-41 details .wp-block-image .alignleft, #post-45 details .wp-block-image .alignleft, #post-534 details .wp-block-image .alignleft {margin-right:12px; } #post-20 summary:hover, #post-43 summary:hover, #post-37 summary:hover, #post-39 summary:hover, #post-41 summary:hover, #post-45 summary:hover, #post-534 summary:hover {cursor:pointer} #post-20 summary::-webkit-details-marker, #post-43 summary::-webkit-details-marker, #post-37 summary::-webkit-details-marker, #post-39 summary::-webkit-details-marker, #post-41 summary::-webkit-details-marker, #post-45 summary::-webkit-details-marker, #post-534 summary::-webkit-details-marker { display: none } #post-20 details[open] summary, #post-43 details[open] summary, #post-37 details[open] summary, #post-39 details[open] summary, #post-41 details[open] summary, #post-45 details[open] summary, #post-534 details[open] summary { text-decoration:none; } #post-20 summary:after, #post-43 summary:after, #post-37 summary:after, #post-39 summary:after, #post-41 summary:after, #post-45 summary:after, #post-534 summary:after {float:right; display:inline-block; content:"[weiterlesen]"; color:#999; } #post-20 details[open] summary:after, #post-43 details[open] summary:after, #post-37 details[open] summary:after, #post-39 details[open] summary:after, #post-41 details[open] summary:after, #post-45 details[open] summary:after, #post-534 details[open] summary:after { display:none } /* Pressearchiv */ #post-45 h4 { margin-top:1.5em; } /* Lightbox */ #slb_viewer_wrap .slb_theme_slb_baseline .slb_data_title { color:#555!important; font-size:1.4em!important; margin-top:.7em!important; } .slb_template_tag_ui_group_status {display:none} /* Startseite (Aktuelles und Presse) */ hr.trenner_index { display:block; clear:both; content:" "; border-bottom-width:12px!important; color:var(--red)!important; margin-top:2.2em; } #post-6 h1 { margin-top:1em; } #post-6 .wp-block-columns h2 { border-bottom:0 none; } #post-6 .wp-block-latest-posts__list li img { float:left; margin:0 20px 0 0; } #post-6 .wp-block-latest-posts__list li a { width:100%; font-size:1.3em; font-weight:700; font-style:normal; text-transform:uppercase; color:var(--red); text-decoration:none; } #post-6 .wp-block-latest-posts__list .wp-block-latest-posts__post-date { color:#aaa; } /* Aktuelles */ #post-8 .wp-block-latest-posts__list li { margin-bottom:2.2em; } #post-8 .wp-block-latest-posts__list li img { float:left; margin:0 20px 0 0; } #post-8 .wp-block-latest-posts__list li a { width:100%; font-size:1.3em; font-weight:700; font-style:normal; text-transform:uppercase; color:var(--red); text-decoration:none; } #post-8 .wp-block-latest-posts__list .wp-block-latest-posts__post-date { color:#aaa; } #post-8 .wp-block-latest-posts__list .wp-block-latest-posts__post-excerpt { line-height:2em; } /* Ziele und Absichten */ #post-542 h3 { font-weight:600;font-size:1.3em; margin-bottom:0; text-transform:uppercase; } #post-542 h3 + p { margin-top:0; } #post-542 details { padding-bottom:.3em; margin-top:1em; margin-bottom:1em; border-bottom:1px solid var(--red); } #post-542 details summary { display: flex; justify-content: space-between; font-size:1.2rem; line-height:1.2rem; padding-bottom:.5em; font-weight:600; cursor:pointer; transition: margin 150ms ease-out; } #post-542 details summary::after { content: ''; width:24px; height:24px; min-width:24px; background: url('img/acc-open.png'); background-size: cover; margin-left: .75em; transition: 0.2s; } #post-542 details[open] > summary::after { content: ''; width:24px; height:24px; min-width:24px; background: url('img/acc-close.png'); background-size: cover; margin-left: .75em; transition: 0.2s; } #post-542 details[open] summary { margin-bottom:10px; } @media screen and (min-width: 600px) { #post-542 details > summary { font-size:1.3rem; line-height:1.3rem; } } @media screen and (min-width: 1280px) { #post-542 details > summary { font-size:1.3rem; line-height:1.3rem; } #post-542 details > summary::after, #post-542 details[open] > summary::after { width:30px; height:30px; } } /* Presse */ #post-20 .wp-block-latest-posts__list li { margin-bottom:2.2em; } #post-20 .wp-block-latest-posts__list li img { float:left; margin:0 20px 0 0; } #post-20 .wp-block-latest-posts__list li a { width:100%; font-size:1.35em; font-weight:600; font-style:normal; text-transform:uppercase; color:var(--red); text-decoration:none; } #post-20 .wp-block-latest-posts__list .wp-block-latest-posts__post-date { color:#aaa; } #post-20 .wp-block-latest-posts__list .wp-block-latest-posts__post-excerpt { line-height:2em; } /* Ratsfraktion */ #post-28 .spalte1 img {width:165px; height:230px;} #post-28 .spalte2 h5 { margin:0; font-size:1.1em; color:#777; font-weight:600; } #post-28 .spalte2 h2 { margin:0; color:var(--red); text-transform:uppercase; border-bottom:0 none; font-size:1.5em; font-weight:800; } #post-28 .spalte3 h6 { font-weight:600; } #post-28 .wp-block-columns { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; margin-bottom:2.2em; } #post-28 .wp-block-columns .spalte1 { flex-grow:0; flex-shrink:0; flex-basis:165px!important; margin-right:20px; } #post-28 .wp-block-columns .spalte2 { flex-grow:1; flex-shrink:1; flex-basis: calc(100% - 185px)!important;} #post-28 .wp-block-columns .spalte3 { flex-grow:2; } /*#post-28 .wp-block-columns .wp-block-column { border:1px dotted #f00; }*/ #post-28 :where(figure) { margin:0; } } @media screen and (min-width: 600px) { #post-28 .wp-block-columns .spalte2 { flex-basis:calc(50% - 1em) !important } } @media screen and (min-width: 768px) { #post-28 .wp-block-columns { flex-wrap:nowrap!important; align-items:stretch; } #post-28 .wp-block-columns .spalte1 { flex-grow:1; margin-right:0; } #post-28 .wp-block-columns .spalte2 { flex-grow:1; flex-basis:calc(50% - 1em) !important } #post-28 .wp-block-columns .spalte3 { flex-grow:1; flex-basis:calc(100% - 185px)!important; } } @media screen and (min-width: 800px) { #post-28 :where(figure) { margin:0 0 1em; } } /* Weiterlesen-Link */ .wp-block-latest-posts__post-excerpt a { font-style:italic!important; font-weight:400!important; font-size:1em!important; color:var(--red)!important; text-transform:none!important; } .wp-block-latest-posts__post-excerpt a:before { content:"["!important; } .wp-block-latest-posts__post-excerpt a:after { font-family:"Open Sans", Arial!important; font-size:1em!important; content:"]"!important; padding-left:0px!important; vertical-align:baseline!important; } /* Kontakt */ #post-30 h2 { margin:0; color:#506577; text-transform:uppercase; border-bottom:0 none; font-size:1.5em; font-weight:800; } #post-30 .content img { width:200px; height:auto; } #post-30 .wp-block-columns { margin-top:1em; } #post-30 .wp-block-column:nth-child(1) {flex-basis:200px!important; flex-grow:0!important; margin-right:20px;} #post-30 .wp-block-column:nth-child(2) { flex-basis:calc(100% - 220px)!important } #post-30 .wp-block-column:nth-child(2) p { margin:0; } @media screen and (min-width: 600px) { #post-30 .content img { width:268px; height:auto; } #post-30 .wp-block-column:nth-child(1) {flex-basis:268px!important; margin-right:0} #post-30 .wp-block-column:nth-child(2) { flex-basis:calc(50% - 1em) !important; } } #slb_viewer_wrap .slb_theme_slb_baseline { z-index:9999999!important } /* geöffnete Lightbox liegt über Mobilnavigations (Bild läßt sich schließen) */ @media screen and (min-width:360px) { #header { display:inline-block; width:auto; float:left; padding:12px 0 0 5px} #header h5{width:auto;padding:0;margin:0;font-size:1.2em;} #header h5 a { color:#333; } #header h2{width:auto;padding:0;margin:0;color:#e2001a;font-size:.8em;font-weight:inherit} #footerbottom {text-align:right} #footerbottom #cpy {display:inline-block; float:left} } @media screen and (min-width:480px) { #header { padding:22px 0 0 5px} #spdlogo { width:84px;height:80px} #header h5{font-size:1.5em;} #contentboxen {display:inline-block;float:right} .vorstandimg img{ width:150px; height:220px; } .right { float:right; } footer em{font-style:normal;display:inline-block} } @media screen and (min-width:600px) { #spdlogo { width:106px;height:100px} #header { padding-top:30px} #header h5{font-size:2em} h1 { font-size:1.9em; } #contentindex{ margin:10px 0; } .date{display:none} #footernav .column { width:33%; } #footernav .column1 { flex-direction:column; flex-wrap:wrap; justify-content:flex-start; padding-left:12px; padding-right:12px; text-align:right; } #footernav .column1 div { width:100%; padding-left:0; padding-right:0; } #footernav .column2 { text-align:center; } } @media screen and (min-width:768px) { #head { height:109px; background:#fff; } #spdlogo {width:115px;height:109px;float:left; margin-left:0} #head #header em { display:inline-block; line-height:1em; } /*#mobilefb{display:none}*/ #header { display:inline-block; width:auto; float:left; padding:30px 0 0 5px; } #header h5{font-size:2em; } #header h5 a { color:#333; } #header h2{width:auto;padding:0;margin:0;color:#e2001a;font-size:.8em;line-height:2rem!important; font-weight:inherit} #titelbild { width:100%; background: linear-gradient(to bottom, #e3000f 0%,#e3000f 33%,#ffffff 33%,#ffffff 100%); } #headerh1 { margin:-50px auto 0; z-index:2; } #titleh1 { float:right; width:auto; text-align:left; padding:24px 36px; margin-right:12%; margin-bottom:2em; } h1 {line-height: 1.1em; font-size:2em; } .pager {width:8px; height:8px; margin:0 4px 0 0; -webkit-border-radius:8px; border-radius:8px; border:2px solid #fff; } main {padding:0 3% 10px; margin:0 auto; } #beitragh1 { padding-left:3%; padding-right:3%; } #fby {display:inline-block;position:relative;margin-right:5px!important; transition:all .2s ease-out; float:right;line-height:60px; height:60px; top:0; } #insta {display:inline-block;position:relative;margin-right:15px!important; transition:all .2s ease-out; float:right;line-height:60px; height:60px; top:0; } #ahome:hover {background:#fff!important} #fb a { color:#666; } #fb i::before {font-size:1.33em;line-height:60px; } #fb a:hover {color:#046285} /*#footernav .columns {display:initial;width:auto} #footernav .column { float:left; width:25%; text-align:left; } */ } @media screen and (min-width:800px) { #head #header {padding-top:15px; width:calc(100% - 400px); } #footerbottom #imp span { display:inline-block; } } @media screen and (min-width:1024px) { #spdlogo {border-right:10px solid #fff; } /* #head #header { width:calc(100% - 420px); } */ .date{display:inline-block} .sub-menu .menu-item a { padding:0} #fb i::before {font-size:1.8em} #head #header { width:auto; padding:15px 0 0 0} #head #header h5 {font-size:2.4em; line-height:1em} #head #header h2 {font-size:1em; line-height:1.2rem!important; } #headerh1 { margin:-70px auto 0; } #titleh1 { padding:30px 45px; margin-right:12%; margin-bottom:2em; } h1 { line-height:normal; font-size:2.4em; } main {padding:5px 50px 2em} #beitragh1 { padding-left:50px; padding-right:50px; } #contentindex{width:880px; padding:40px 100px} .contentbox {height:68px;border:1px solid #e20019; margin:0 0 10px 20px; padding:10px } } @media screen and (min-width:1100px) { #head { margin:10px auto 0; } /*#navigation a{display:inline-block; }*/ #fb {left:24px} main {padding:5px 80px 3em} #beitragh1 { padding-left:80px; padding-right:80px; } #teaserpc {display:inline-block; width:auto; float:right; margin:0; padding:0 10px; height:109px; font-size:.9em; letter-spacing:.015em; } #teaserpc h6 {display:block; color:#777; text-align:left; height:45px; line-height:45px; margin:7px 0 0 12px; font-size:1.7rem; font-weight:100; } #teaserpc a {display:block; color:#333; text-decoration:none; height:40px; line-height:40px; margin:0 0 19px 0; font-size:1em; letter-spacing:0; } #mitgliedwerdenhead { text-align:right; font-weight:700; } #mnav {display:none} #navigation{ display:block; width:100%; background:#fff; } #navwrap{ box-sizing:border-box; width:100%; max-width:1200px; margin:0 auto; padding-left:0; padding-right:0;} #navigation ul { list-style: none; padding-left: 0; margin-top: 0; margin-bottom: 0; } #navigation a { font-size:.98em;color:#333;text-decoration:none;text-transform:uppercase;font-weight:400; transition:all .3s ease-out;display: block; cursor: pointer; } #menu-mainmenu { display:inline-block; line-height:3.5em; font-weight: 700; text-transform: uppercase; width:90%; width: calc(100% - 80px);} .menu-item { display: inline-block; position: relative; } .menu-item a {padding: 0 3px; line-height:60px; height:60px; } .menu-item a:hover, .nav__menu-item a.active { background:#fefefe ; color:#333!important;} .menu-item:hover .sub-menu, .menu-item a.active .sub-menu { display: block; z-index:999} .sub-menu { text-transform: none; display: none; position: absolute; width:auto; background-color: #fff; box-shadow: 2px 2px 10px rgba(100,100,100,.5); box-shadow: 2px 2px 5px rgba(50,50,50,.5); } .sub-menu .menu-item {width:auto; min-width:180px; height:50px; line-height:50px; } .sub-menu .menu-item a { color:#333!important; box-sizing:border-box; width:100%; padding:0 0 0 12px!important; font-weight: 400!important; height:50px; line-height:50px; } .sub-menu .menu-item a:hover { color:#333!important; background: rgba(0, 0, 0, 0.1);} #menu-item-65 .sub-menu{width:180px;} #menu-item-65 .sub-menu .menu-item {width:180px;} } @media screen and (min-width:1280px) { #teaserpc a { } #navwrap{ padding-left:12px; padding-right:12px;} #navigation a { font-size:1.08em; font-weight:600; } .menu-item a {padding: 0 5px; } }