/* Font Families Text Verdana, Arial, Helvetica, sans-serif Header (serif) "Palatino Linotype", "Book Antiqua", Palatino, serif Header (sans-serif) "Arial Black", Gadget, sans-serif */  body {padding-top: 60px; text-align: justify;} address {margin-bottom: 10px;} a.dot {border-bottom: 1px dotted;} .cookie-notice-container {padding-left: 10px; padding-right: 10px;} .row.match-my-cols {overflow: hidden;} .row.match-my-cols [class*="col-"] {margin-bottom: -99999px; padding-bottom: 99999px;} .fancytable {font-size: 10px; line-height: 12px; margin: 1.5em 0 1.5em 0; vertical-align: middle; border-collapse: collapse;} .fancytable th {font-weight: normal;} .fancytable td {width:auto; padding: 3px 0 3px 0;} .teaser-footer {clear: both; font-size: 11px; line-height: 1.3em; padding: 5px 0 0 0;} .site-footer h3 {font-size: 14px; padding-bottom: 10px; border-bottom: 1px solid;} @media screen { .print-only {display: none; width: 0px; height: 0px;} } @media screen and (min-width: 415px) and (max-width: 768px) { .site-footer-bg > .visible-sm-block {display: block !important;} .site-footer-bg > .col-xs-12 {width: 49%;} } @media screen and (min-width: 769px) and (max-width: 1023px) { #cookie-notice, #cookie-notice .button.wp-default {font-size: 12px;} #cn-notice-text {display: block; margin-bottom: 10px;} .site-footer-bg > .visible-md-block {display: block !important;} .col-lg-9 {width: 33%; padding-left: 10px; padding-right: 10px;} .post h1, .post .entry-header, .entry-content {font-size: 14px;} .site-footer h3 {width: 60%;} } @media screen and (min-width: 769px) and (max-width: 1279px) { .container {width: 744px;} .col-sm-1, .col-md-1, .col-lg-1 {width: 100px;} .col-sm-3, .col-md-3, .col-lg-3 {width: 156px;} .col-sm-6, .col-md-6, .col-lg-6 {width: 488px;} .col-lg-10 {width: 744px;} .site-main {width: 468px; margin: 0 10px 0 10px;} .wd3kfeedback {display: none;} } @media screen and (min-width: 1024px) and (max-width: 1279px) { #cookie-notice, #cookie-notice .button.wp-default {font-size: 11px;} .col-lg-9 {width: 33%; padding-left: 10px; padding-right: 10px;} .post h1, .post .entry-header, .entry-content {font-size: 13px;} } @media screen and (max-width: 240px) { body, .tab-with-bg p {text-align: left !important;} .rates td, .ratesremarks td, .tab-with-bg, .tab-with-bg p {font-size: 9px !important;} .navbar-brand {display: none; visibility: hidden; width: 0px; height: 0px;} } @media screen and (max-width: 768px) { body {background-color: #fff;} #cookie-notice {min-height: 50px;} #cookie-notice, #cookie-notice .button.wp-default {font-size: 11px;} #cn-notice-text {display: block; margin-bottom: 10px;} .cookie-notice-container {margin: 10px auto;} .hideonmobile {display: none; visibility: hidden; width: 0px; height: 0px;} .col-xs-12 {padding-left: 10px; padding-right: 10px;} .navbar-brand {margin-left: 10px;} .navbar-toggle {margin-right: 10px;} .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {background-color: inherit;} .navbar-default .navbar-nav > li > a:hover, .navbar-nav > .active > a, .navbar-nav > .current-post-parent > a {color: #BF2020 !important; background-color: #FFF !important;} .headerimgmobile {margin: -10px 0 0 0; padding: 0;} .headerimgmobile img {margin: 0; padding: 0; width: 100%; height: auto;} .breadcrumbs {font-size: 12px; text-transform: uppercase; padding: 10px 0 0 0; text-align: left;} .post h1, .post .entry-header, .entry-content {font-size: 14px;} .fancytable {border-top: 1px #F3F3F3 solid;} .fancytable tr {border-bottom: 1px #F3F3F3 solid;} .site-footer {padding-top: 10px;} .site-footer {background-color: #BF2020;} .site-footer p, .site-footer h3 {padding-right: 10px;} .site-footer, .site-footer a {color: #FFFFFF;} .site-footer a:hover {color: #999;} .site-footer h3 {border-bottom: 0px solid;} .site-footer h3:after {content: ""; display: block; width: 50px; padding-top: 10px; border-bottom: 5px solid #FFFFFF;} .site-footer-home {height: 24px; background-color: #BF2020; padding: 0 10px 0 10px; border-top: 2px solid #fff;} .site-footer-home a {color: #FFFFFF; text-transform: uppercase; vertical-align: middle; font-size: 10px; margin-top: 5px;} .site-footer-home a:hover  {color: #999;} .shariff .orientation-horizontal.button-style-standard li {min-width: 35px !important; max-width: 35px !important; height: 35px !important; margin-right: 10px !important; overflow: hidden !important;} .shariff li .fab, .shariff li .far, .shariff li .fas {width: 35px !important; height: 35px !important; font-size: 14px !important;} .socialmedia .fab {font-size: 18px !important; padding: 0px 14px 0px 0px !important; margin: 6px 6px 6px 0px !important;} .socialmedia-container {margin-top: -25px;} .wd3kfeedback {display: none;} } @media screen and (min-width: 769px) { body {padding-top: 0px;} .navbar, .headerimgmobile, .hideondesktop {display: none; width: 0px; height: 0px;} .breadcrumbs {margin-top: 10px; font-size: 10px;} .container, .col-lg-6 {background-color: #fff;} .container-bottom, .row-bottom {background-color: #f3f3f3;} .col-sm-3, .col-md-3, .col-lg-3 {background-image: url(/wp-content/themes/spore/img/layout/layout_003.jpg);} .col-sm-1, .col-md-1, .col-lg-1 {background-color: #BF2020;} .site-footer {background-color: #999;; font-size: 13px; border-top: 5px solid #fff;} .site-footer, .site-footer a {color: #f3f3f3;} .site-footer a:hover {color: #323232;} .site-footer-home {height: 24px; background-color: #BF2020; padding: 0 10px 0 10px; border-top: 2px solid #fff;} .site-footer-home a {color: #FFFFFF; text-transform: uppercase; vertical-align: middle; font-size: 10px; margin-top: 5px;} .site-footer-home a:hover  {color: #999;} .shariff li a {background-color: #b0b0b0 !important;} .shariff .orientation-horizontal.button-style-standard li {min-width: 35px !important; max-width: 35px !important; height: 35px !important; margin-right: 6px !important; overflow: hidden !important;} .shariff li .fab, .shariff li .far, .shariff li .fas {width: 35px !important; height: 40px !important; font-size: 14px !important;} .socialmedia .fab {font-size: 18px !important; padding: 0px 4px 0px 0px !important; margin: 6px 6px 6px 0px !important;} .layout-right-bottom, .layout-middle-bottom, .layout-left-bottom {min-height: 80px; padding-top: 10px; padding-bottom: 10px;} .tagcloud {margin-top: 7px;} .tagcloud a {display:block; padding: 1px 3px 1px 3px;} .tag-cloud-link:hover {color: #666F6E; background-color: #fff; text-decoration: none;} .widget-header {border-top:1px dotted #323232; border-bottom:1px dotted #323232; color: #323232; font-size: 12px; letter-spacing:0.2em; margin-left: 3px;} .widget-text {margin-top: 7px; padding:3px; font-size: 11px; color:#323232; text-align: justify;} .widget-navi	{white-space: nowrap; width: 100px; word-spacing: -1px;} .widget-navi a 	{display:block; padding:2px 2px 2px 5px; margin:0; font-size: 11px; color:#fff;} .widget-navi a:hover {color: #DE144F; background-color: #fff; text-decoration: none;} .fancytable {border-top: 1px dotted;} .fancytable tr {border-bottom: 1px dotted;} .fancytable tr:hover, .fancytable tr:hover a	{background: #e5d1e3; height: 11px;} /* Folding Category List */ .navigation ul, .navigation li {margin: 0; padding: 0; list-style: none;} .navigation li a {display:block;} .navigation a {display:block; padding:2px; margin:0; font-size: 11px; color:#fff;} .navigation a:hover {color:#BF2020; background-color: #fff; text-decoration: none; width: 100%;} .widget a.nav-active {color:#BF2020; background-color: #fff; text-decoration: none;} .focalLinkSelected {background: #fff; color:#BF2020 !important;} .FoldingCategoryList a:before 		{content:"\00A0 \00BB \00A0";} .nodeLevel0 {margin-left:0px; margin-right: 0px; white-space: nowrap; width: 100px; word-spacing: -1px;} .nodeLevel0 a:before {content:"\00A0 \00A0 \00BB \00A0";} .nodeLevel1 a:before {content:"\00A0 \00A0 \00A0 \00A0 \00A0 \00BB \00A0";} .nodeLevel2 a:before {content:"\00A0 \00A0 \00A0 \00A0 \00A0 \00A0 \00A0 \00A0 \00A0 \00BB \00A0";} .nodeLevel0 a, .nodeLevel1 a, .nodeLevel2 a {color:white} /* Wordpress Menu */ .menu {white-space: nowrap; width: 100px; word-spacing: 0px; margin: 0; padding: 0;} .menu a {display:block; padding:2px; margin:0; font-size: 11px; color:#fff; word-spacing: -1px !important;} .menu a:hover {color: #BF2020; background-color: #fff; text-decoration: none;} .menu ul, .menu li {margin: 0; padding: 0; list-style: none;} .menu li a:before {content:"\00A0 \00A0 \00BB \00A0";} .menu li.current-post-ancestor  a {background: #fff; color:#BF2020;} .sub-menu li a:before {content:"\00A0 \00A0 \00A0 \00A0 \00BB \00A0";} .sub-menu li.current-menu-item  a {background: #fff; color:#BF2020;} .sub-menu li.current-post-parent  a {background: #fff; color:#BF2020;} .menu li.current-menu-item >  a {background: #fff; color:#BF2020;} /* Manuell Menu */ .widget a {display:block; padding:2px 2px 2px 0px; margin:0; font-size: 11px; color:#fff; word-spacing: -1px;} .widget a:hover {color: #BF2020; background-color: #fff; text-decoration: none;} } @media screen and (min-width: 1024px) { .banner-top {background-color: #f3f3f3; padding-bottom: 10px;} .banner-top-container {padding: 4px; border: 1px solid #666f6e; width: 744px;} .banner-right {margin: 50px 0 0 10px; padding: 0 0 0 0; float: left;} .banner-right-container {width: 160px;} .banner-right-spacer {background-color: #f3f3f3;} } @media screen and (min-width: 1280px) { #cookie-notice, #cookie-notice .button.wp-default {font-size: 15px;} .container {width: 904px; padding-left: 0px; padding-right: 0px;} .row {width: 904px;} .col-sm-1, .col-md-1, .col-lg-1 {width: 100px;} /* Navi Left */ .col-sm-3, .col-md-3, .col-lg-3 {width: 156px;} /* Widget Right */ .col-sm-6, .col-md-6, .col-lg-6 {width: 488px;} /* Content Middle */ .col-lg-10 {width: 744px;} .col-lg-2  {width: 160px; background-color: #f3f3f3;} /* Banner Aside */ .col-lg-9  {width: 25%; padding-left: 10px; padding-right: 10px;} /* Footer */ .site-main {width: 468px; margin: 0 10px 0 10px;} .site-footer {font-size: 11px;} .site-footer-bg {min-height: 1050px; background: url(/wp-content/themes/spore/img/bg_footer.png) no-repeat center bottom;} .post h1, .post .entry-header, .entry-content {font-size: 12px;} } @media screen and (min-width: 1600px) { .post h1, .post .entry-header, .entry-content {font-size: 13px;} } @media screen and (min-width: 1900px) { .post h1, .post .entry-header, .entry-content {font-size: 14px;} }