/* Theme Name: Klimagourmet 5.2 Version: 5.2 Author: elektrischerwalfisch Author URI: http://elektrischerwalfisch.de */ @font-face { font-family: 'roboto'; /* Light */ src: url('fonts/Roboto-Light-webfont.eot'); src: url('fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Light-webfont.woff') format('woff'), url('fonts/Roboto-Light-webfont.ttf') format('truetype'), url('fonts/Roboto-Light-webfont.svg#roboto') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'roboto'; /* Light Italic*/ src: url('fonts/Roboto-LightItalic-webfont.eot'); src: url('fonts/Roboto-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-LightItalic-webfont.woff') format('woff'), url('fonts/Roboto-LightItalic-webfont.ttf') format('truetype'), url('fonts/Roboto-LightItalic-webfont.svg#roboto') format('svg'); font-weight: 300; font-style: italic; } @font-face { font-family: 'roboto'; /* Regular */ src: url('fonts/Roboto-Regular-webfont.eot'); src: url('fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Regular-webfont.woff') format('woff'), url('fonts/Roboto-Regular-webfont.ttf') format('truetype'), url('fonts/Roboto-Regular-webfont.svg#roboto') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'roboto'; /* Regular Italic */ src: url('fonts/Roboto-Italic-webfont.eot'); src: url('fonts/Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Italic-webfont.woff') format('woff'), url('fonts/Roboto-Italic-webfont.ttf') format('truetype'), url('fonts/Roboto-Italic-webfont.svg#roboto') format('svg'); font-weight: 400; font-style: italic; } @font-face { font-family: 'roboto'; /* Bold */ src: url('fonts/Roboto-Bold-webfont.eot'); src: url('fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Bold-webfont.woff') format('woff'), url('fonts/Roboto-Bold-webfont.ttf') format('truetype'), url('fonts/Roboto-Bold-webfont.svg#open_sansbold') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'roboto'; /* Bold Italic */ src: url('fonts/Roboto-BoldItalic-webfont.eot'); src: url('fonts/Roboto-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-BoldItalic-webfont.woff') format('woff'), url('fonts/Roboto-BoldItalic-webfont.ttf') format('truetype'), url('fonts/Roboto-BoldItalic-webfont.svg#roboto') format('svg'); font-weight: 700; /*Same as 700.*/ font-style: italic; } /* VARIABLEN */ :root { --colordark: #000000;} :root { --colorlight: #FFFFFF;} :root { --colorgrey01: #666666;} :root { --color01: #eb5c3f;} /* ORANGE */ :root { --color02: #2978ad;} /* BLAU 01 */ :root { --color03: #2e5f7f;} /* BLAU 02 */ :root { --color04: #8FBDDA;} /* BLAU 03 */ :root { --color05: #f1ede3;} /* BEIGE */ * {margin: 0;padding: 0;box-sizing: border-box;} header, footer, section, article, nav {display: block;} body {background: /*#f1ede3*/ var(--colorlight);color: var(--colordark);font-family: 'roboto', Arial, Helvetica, Sans-Serif;font-weight: 300;font-style: normal;line-height: 23px;font-size: 14px; } h1,h2,h3,h4 {color: var(--colordark);font-weight: 700;text-transform: uppercase;} h1 {font-size: 20px;line-height: 30px;margin-bottom: 21px;} h2 {font-size: 14px;line-height: 20px;margin-bottom: 14px;} h3 {font-size: 15px;line-height: 20px;margin-bottom: 10px;} h4 {font-size: 18px;line-height: 27px;font-weight: 300;margin-bottom: 0;text-transform: uppercase;} h5, h6 {color: var(--colorgrey01); font-weight: 700; font-size: inherit;line-height: inherit;} h1 span {font-weight: 300;} a:link, a:visited {color: var(--color01);text-decoration: none;} a:hover, a:active {text-decoration: none;outline: 0;} p {margin-bottom: 15px;} ul {list-style: none;} img {border: none;} b, strong {font-weight: 700;} hr {background: #999;border: medium none;height: 1px;margin-bottom: 25px;} table {border-collapse: collapse;border-spacing: 0;} .invisible {display: none;} .clear {clear: both;} .inside {margin: 0 auto;width: 1000px;} /* Animationen */ #header #menu ul, #header #menu ul li a, #header #menu ul.children li, #main .archive.orte .post .inner, #main .tooltips span, #map-container #map, #main .post .thumb .copy { -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s;} /* IE-fix object-fit-images (Gutenberg-Gallery) */ #main .wp-block-gallery img, #main .gallery img, #main .kachelraster img {object-fit: cover;height: 100%;width: 100%;font-family: 'object-fit: cover;';} .wpcf7 label {font-weight: 700;} .wpcf7 label span {font-weight: 400;} .wpcf7 input.wpcf7-text, .wpcf7 input.wpcf7-number, .wpcf7 input.wpcf7-date, .wpcf7 input.wpcf7-file, .wpcf7 select, .wpcf7 textarea, .wpcf7 .wpcf7-captchar, .searchform .textbox, #map-container .search .filterfield ul, #map-container .search .geocoder .leaflet-control-mapbox-geocoder-wrap, #map-container .search .geocoder .radiusbox { background: var(--colorlight) none repeat scroll 0 0;border: 1px solid var(--colorgrey01);padding: 5px 10px;box-sizing: border-box;-moz-box-sizing: border-box;width: 100%;margin-bottom: 10px;-webkit-appearance: none;border-radius: 0;font-size: 14px;line-height: 20px;} .wpcf7 .select-wrap {overflow: hidden;padding-left: 0;background: url("img/select-arrow.png") no-repeat 97% center var(--colorlight);} .wpcf7 .select-wrap select {background: none;margin-bottom: 0;} input.submit, .wpcf7 input.wpcf7-submit, #container #sidebar .sidebar-extras a, #map-container .button a {background: var(--color01) none repeat scroll 0 0;font-size: 100%;color: var(--colorlight);font-weight: 700;text-transform: uppercase;width: 100%;border: none;padding: 4px 8px;cursor: pointer;} .wpcf7 input.wpcf7-submit {margin-bottom: 10px;} .wpcf7 fieldset {border: none;margin: 0;} .wpcf7 span.wpcf7-list-item {margin: 0 10px 0 0;} .wpcf7 form .wpcf7-response-output {margin: 0 0 20px 0!important;} .wpcf7 .wpcf7-checkbox .wpcf7-list-item, .wpcf7 .wpcf7-acceptance .wpcf7-list-item, .wpcf7 .c2p-top-level .checkbox-term {margin: 0 0 5px 0;display: block;} .wpcf7 .wpcf7-checkbox .wpcf7-list-item > *, .wpcf7 .wpcf7-acceptance .wpcf7-list-item > *, .wpcf7 .c2p-top-level .checkbox-term > * {display: flex;align-items: flex-start;} .wpcf7 .wpcf7-checkbox .wpcf7-list-item input, .wpcf7 .wpcf7-acceptance .wpcf7-list-item input, .wpcf7 .c2p-top-level .checkbox-term input {margin: 3px 4px 0 0;} .wpcf7 .c2p-top-level label {font-weight: inherit;} #wrapper .screen-reader-text {display: none;} #wrapper .wp-block-buttons {margin-bottom: 10px;} #wrapper .wp-block-buttons .wp-block-button {display: block; margin: 0 0 5px 0} #wrapper .wp-block-button > a {background: var(--color01);color: var(--colorlight);text-decoration: none;font-weight: 600;border-radius: 12px;} #wrapper .wp-block-button > a:hover {opacity: 0.7;} #wrapper #main .wp-block-separator {border-bottom: none; padding-bottom: 40px;} #header {height: 88px;background: var(--colorlight); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);} #header .inside {position: relative;} #header a.title {position: absolute;top: 17px;left: 0;display: block;width: 248px;height: 55px;z-index: 15;background: url("img/logo-text.png")no-repeat center center;background-size: 248px auto;overflow: hidden;} #header a.title img {display: block;height: auto;width: 57px;border: none;background: var(--colorlight);position: absolute;left: 1px;top: -1px;} #header #menu {text-align: right;position: absolute;z-index: 10;top: 60px;right: 0;width: 100%;} #header #menu .title {display: none;} #header #menu ul {font-size: 0;line-height: 0;} #header #menu > ul > li {position: relative;} #header #menu li, #header #menu a {display: inline-block; font-size: 13px;line-height: 28px;font-weight: 700;color: #4e9fd5; text-transform: uppercase;text-decoration: none;} #header #menu a { padding: 0 7px;} #header #menu .page_item_has_children a {} #header #menu .page_item_has_children > a::after {content: '';display: inline-block;margin-left: 3px;margin-bottom: 2px;width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 5px solid #4e9fd5;} #header #menu ul.children .page_item_has_children > a::after {display: none;} #header #menu ul li.current_page_item > a::after, #header #menu ul li.current_page_ancestor > a::after, #header #menu ul li a:hover::after {border-top: 5px solid var(--colorlight);} #header #menu ul li.current_page_item > a, #header #menu ul li.current_page_ancestor > a, #header #menu ul li a:hover {background: var(--color02);color: var(--colorlight);} #header #menu ul.children {position: absolute;top: 28px;right: 0;z-index: 10;} #header #menu ul.children li a {background: #4e9fd5;color: var(--colorlight);padding: 0 15px;font-weight: 400;width: 180px;text-transform: none;overflow: hidden;height: 0;display: block;} #header #menu li:hover ul.children li a {height: 28px;} #header #menu ul.children li ul.children {display: none;} #header #menu ul.children li.current_page_item > a, #header #menu ul.children li.current_page_ancestor > a, #header #menu ul.children li a:hover {background: var(--color02);} #header #menu #toggle-nav {display: none;} #container {padding: 40px 0;min-height: 75vh;} #container > .inside {} #container #main {width: 66%;float: left;margin-bottom: 30px;} /*#container #sidebar {width: 32%;float: right;overflow: hidden;margin-bottom: 20px;}*/ #container #sidebar {width: 30%;float: right;overflow: hidden;margin-bottom: 20px;} #container #main.no-sidebar {width: 100%;float: none;margin: 0;} #container .left-sidebar #sidebar {float: left;} #container .left-sidebar #main {float: right;} /*#container #sidebar {background: var(--colorlight);padding: 20px;}*/ #container #sidebar {padding-top: 20px;} #container #sidebar p img.size-medium, #container #sidebar p img.size-medium {width: 50%;height: auto;} #container #sidebar .widget {margin-bottom: 20px;} #container #sidebar .widget h3 {margin-bottom: 5px;} #container #sidebar .widget ul li {padding-bottom: 0;} #container #sidebar .sidebar-extras a {} #container #crumbs {padding-top: 20px;} #container #crumbs a {color: var(--colordark);} #container .deutsch, #container .english {display: none;} body.deutsch #container .deutsch, body.english #container .english {display: block;} #container #main .language {list-style: none;text-align: center;} #container #main .language li {display: inline-block;} #container #main .language li a {display: inline-block;background: var(--color04);color: var(--colorlight);padding: 5px 15px;margin: 0 1px;font-weight: 400;} #container #main .language li a:hover, .deutsch #container #main .language li.deutsch a, .english #container #main .language li.english a {background: var(--color02);} #container ul, #container ol { margin: 0 0 15px 20px;} #container ul { list-style: disc;} #container li {padding-bottom: 10px;} #container img {max-width: 100%;box-sizing: border-box;height: auto;} #container .alignleft {float: left;margin: 0 15px 20px 0;} #container .alignright {float: right;margin: 0 0 20px 15px;} #container .alignnone {} #container .aligncenter {display: block;height: auto;margin: 0 auto 20px auto;} #container .content .wp-block-image {position: relative; margin-bottom: 0; padding-bottom: 0; text-align: center;} #container .wp-block-image img {max-width: 100%;height: 100%;display: block;} #container .wp-block-image a {display: block;} #container .wp-block-image > * {padding-bottom: 15px;display: block; overflow: hidden;} #container .wp-block-image .aligncenter {display: inline-block;} #container .wp-block-image .alignleft, #container .wp-block-image .alignright {margin-bottom: 0;max-width: 50%;} #container .wp-block-image:not(.is-resized) > img, #container .wp-block-image figure {position: relative;} #container .wp-block-image:not(.is-resized) > img, #container .wp-block-image:not(.is-resized) > a > img, #container .wp-block-image figure:not(.is-resized) > img {width: 100%;height: auto;} #container .gallery {margin-bottom: 20px;margin-left: -5px;margin-right: -5px;} #container .gallery .gallery-item img {width: 100%;height: auto;border: none;} #container .gallery .gallery-item {padding: 5px 5px 0px 5px;margin: 0;} #container table {width: 100%;} #container table th, #container table td {text-align: left;border: 1px solid var(--colorgrey01);padding: 4px 8px;} #container iframe {background: url("img/loader.gif") no-repeat scroll center center transparent;} #container .video {position: relative;padding-bottom: 55%;padding-top: 15px;height: 0;overflow: hidden;} #container .video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} /*#main .content > * {background: var(--colorlight);padding: 0 20px 20px 20px;margin: 0;}*/ #main .content > * {background: none;padding: 0 0 20px 0;margin: 0;} #main .content .kachelraster {background: none;padding: 0;} #main .content {background: none;} #main .content .wp-block-image.size-large, #main .content .wp-block-image.size-full, #main .content .kachelraster, #main .content iframe {padding: 0;margin: 0;} #main .content .button-sidebar {display: none;} /*#main.no-sidebar .post {width: 100%;float: none;padding: 0;}*/ #main .post h1 {margin-bottom: 0;} #main .post .subtitle {font-weight: 700;} #main .post .tags ul {list-style: none;margin: 0;} #main .post .tags ul li {display: inline-block;padding-bottom: 0;} #main .post .tags ul li::after {content: '|'; display: inline-block;padding: 0 10px;} #main .post .tags ul li:last-child::after {display: none;} #main .post .infos p > span, #main .post .infos p a, #sidebar.post .infos p > span, #sidebar.post .infos p a {display: block;} #main .post .infos p > span:empty, #main .post .infos p a:empty, #sidebar.post .infos p > span:empty, #sidebar.post .infos p a:empty {display: none;} #main .post .thumb, #main .post .thumb a {display: block;position: relative;} #main .post .thumb img {display: block;} #main .post .thumb .copy {display: block;font-size: 12px;font-style: italic;line-height: 16px;position: absolute;bottom: 0;left: 0;z-index: 10;background: var(--colorlight);color: var(--colordark);padding: 2px 6px;width: 100%;opacity: 0;} #main .post .thumb .copy:empty {display: none;} #main .post .thumb:hover .copy {opacity: 0.8;} #main .post .thumb .copy::before {content:'© ';} #main .post .thumb .copy:empty::before {display: none;} #main .post.event-details .thumb {float: left;margin: 0 15px 15px 0;} #main .post-events-list .day-filter {padding: 0 0 30px 0;} #main .post-events-list .tags-filter {padding: 0 0 60px 0;} #main .post-events-list .day-filter strong, #main .post-events-list .tags-filter strong {margin-bottom: 10px;display: block;} #main .post-events-list .day-filter ul, #main .post-events-list .tags-filter ul {margin: 0 auto;list-style: none;display: flex;flex-wrap: wrap;gap: 5px;} #main .post-events-list .day-filter ul li, #main .post-events-list .tags-filter ul li {padding: 2px 6px;border: 1px solid var(--colordark);font-weight: 700;} #main .post-events-list .day-filter ul li.active, #main .post-events-list .day-filter ul li:hover, #main .post-events-list .tags-filter ul li.active, #main .post-events-list .tags-filter ul li:hover {background: var(--colordark);color: var(--colorlight);cursor: pointer;} #main .post-events-list .day {} #main .post-events-list .post.hidden {display: none;} #main .post-events-list .day.hidden {display: none;} #main .post-events-list .date {border-bottom: 1px solid var(--colordark);margin-bottom: 15px;} #main .post-events-list .date span {background: var(--colordark);color: var(--colorlight);display: inline-block;padding: 0;font-weight: 700;} #main .post-events-list .date span:first-child {padding-left: 8px;padding-right: 4px;} #main .post-events-list .date span:last-child {padding-right: 8px;} #main .post-events-list .post {margin-bottom: 30px;display: flex;justify-content: space-between;} #main .post-events-list .post .thumb {flex-basis: 25%;padding-right: 15px;} #main .post-events-list .post .teaser {flex-basis: 75%;} #main .post-events-list .post h2 {margin: 0;} #main .post-events-list .post .description, #main .post-events-list .post .infos {padding-top: 15px;} #main .post-events-list .post .time {font-weight: 700;margin-bottom: 0;} #main .post-events-list .post.Gastro-Special .tags .cat {background: var(--color01);color: var(--colorlight);padding: 0 7px;font-weight: 600;} #main .post-events-list .accordion02 .inside {margin-bottom: 60px;} #main .post-events-list .accordion02::after {display: none;} #main .post-events-list .accordion02 span {display: block;} /*#main .post-events-list .accordion02 .column-wrap {display: flex;justify-content: space-between;} #main .post-events-list .accordion02 .column-wrap > *:first-child {} #main .post-events-list .accordion02 .column-wrap > *:last-child {}*/ #main .post-events-list .post h2 a, #main .post-events-list .post .date a {text-decoration: none;font-size: 18px;line-height: 24px;} #main .post-events-list .post h2 a:hover, #main .post-events-list .post .date a:hover {color: var(--colorgrey01);} #main .post.event-details .tags {margin-bottom: 20px;} #main .subnavigation {background: var(--color04) !important;padding: 0;} #main .subnavigation ul {list-style: none;margin: 0;} #main .subnavigation ul.children {display: inline;} #main .subnavigation ul li {display: inline;padding: 0;} #main .subnavigation ul li a {display: none;} #main .subnavigation .current_page_ancestor.current_page_parent {display: block;width: 100%;position: relative;} #main .subnavigation .current_page_ancestor.current_page_parent > a {display: block;position: absolute;top: 0;left: 50%;width: 200px;margin-left: -100px;color: var(--colorlight);text-align: center;overflow: hidden;height: 50px;line-height: 50px;font-weight: 700;text-transform: uppercase;} .deutsch #main .subnavigation .current_page_ancestor.current_page_parent > a::before {content: 'Zur Übersicht'; display: block;} .english #main .subnavigation .current_page_ancestor.current_page_parent > a::before {content: 'Back to overview'; display: block;} #main .subnavigation .current_page_ancestor.current_page_parent > .children {display: block; height: 50px;} #main .subnavigation .current_page_ancestor.current_page_parent > .children li {display: none;} #main .subnavigation .current_page_ancestor.current_page_parent > .children li.prev {display: block;float: left;} #main .subnavigation .current_page_ancestor.current_page_parent > .children li.next {display: block;float: right;} #main .subnavigation .current_page_ancestor.current_page_parent > .children li.prev a, #main .subnavigation .current_page_ancestor.current_page_parent > .children li.next a {display: block; color: var(--colorlight); width: 30px;overflow: hidden;font-size: 65px;line-height: 34px;white-space: nowrap;height: 50px;} #main .subnavigation .current_page_ancestor.current_page_parent > .children li.prev a:hover, #main .subnavigation .current_page_ancestor.current_page_parent > .children li.next a:hover {background: var(--color02);} #main .subnavigation .current_page_ancestor.current_page_parent > .children li.prev a::before {content: ' ‹ ';} #main .subnavigation .current_page_ancestor.current_page_parent > .children li.next a::before {content: ' › ';} #main .subnavigation .current_page_ancestor.current_page_parent > .children li.prev a::before, #main .subnavigation .current_page_ancestor.current_page_parent > .children li.next a::before { display: inline-block; width: 30px; text-align: center; height: 50px;} #main .accordion {display: none;padding: 20px 0;} #main .accordion::before {content:''; display: block;background: #999;height: 1px;margin-bottom: 20px;} #main .accordion .inner {display: none;} #main .accordion .more {color: var(--color01);cursor: pointer;} #main .accordion .more .one, #main .accordion .more.active .two{display: inline;} #main .accordion .more.active .one, #main .accordion .more .two {display: none;} #main .accordion img { display: block;float: left;height: auto;width: 25%;} #main .accordion.pic h2, #main .accordion.pic h3, #main .accordion.pic .inner, #main .accordion.pic .more {margin-left: 28%;} #main .accordion h3 { font-size: inherit;line-height: inherit;font-weight: inherit;text-transform: inherit;margin-bottom: 20px;color: inherit;} #main .accordion.pic h3 {margin-bottom: 0;} #main .accordion02 {} #main .accordion02::after {content: ''; display: block;background: #999;height: 1px;} #main .accordion02 .toggle {color: var(--color01); cursor: pointer;position: relative;margin-bottom: 4px; padding-left: 15px;} #main .accordion02 .toggle::before {content: '›';display: block;position: absolute;top: 5px;left: 0px;width: 15px;height: 15px;line-height: 10px;text-align: center;font-size: 20px;font-weight: 700;} #main .accordion02 .toggle.active::before {moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);} #main .accordion02 .inside {display: none;width: 100%;} #main #sbc-calendar-wrapper {overflow: visible;} #main .sbc-calendar-wrapper #sbc-calendar {float: none;margin: 0;} #main .sbc-calendar-wrapper .sbc-calendar-month { border: medium none;float: none;margin: 0;padding: 0;width: 100%;} #main .sbc-calendar-wrapper #sbc-calendar table {width: 100%;border: none;} #main #sbc-calendar .sbc-navigation select {width: 38%;} #main #sbc-calendar .sbc-navigation select[name="sbcMonth"] {float: left;} #main #sbc-calendar .sbc-navigation select[name="sbcYear"] {float: right;} .sbc-calendar-wrapper #sbc-calendar table tfoot td.pad {display: none;} #main .pagination {border-top: 1px solid var(--colorgrey01);padding-top: 5px;text-align: center;} #main .pagination a, #main .pagination span {padding: 0 4px;} #main .pagination a:hover, #main .pagination span.current {text-decoration: none;background: var(--color02);color: var(--colorlight);} #main .wp-block-media-text {background: var(--color02);color: var(--colorlight);margin-bottom: 15px;} #main .wp-block-media-text {height: 100%;} #main .wp-block-media-text .wp-block-media-text__media img {height: auto;} #main .wp-block-media-text.is-image-fill a {display: block;height: 100%;} #main .wp-block-media-text.is-image-fill a img {display: none;} #main .wp-block-media-text .wp-block-media-text__content {padding: 4px 8px;} #main .content .kachelraster {background: none;display: flex;flex-wrap: wrap;margin-left: -10px;margin-right: -10px;margin-top: 20px;} #main .content .kachelraster:first-child {margin-top: 0;} #main .kachelraster > * {text-align: center;padding: 0 10px 20px 10px!important;} #main .kachelraster.zwei > * {flex-basis: 50%;} #main .kachelraster.zwei > * .wp-block-image {height: 200px;} #main .kachelraster.drei > * {flex-basis: 33.33%;} #main .kachelraster.drei > * .wp-block-image {height: 150px;} #main .kachelraster.vier > * {flex-basis: 25%;} #main .kachelraster.vier > * .wp-block-image {height: 150px;} #main .kachelraster .inner {width: 100%;height: 100%;padding: 0;} #main .kachelraster .inner .wp-block-image img {height: 100%;} #main .kachelraster a {height: 100%;} #main .kachelraster h2 {font-size: 20px;line-height: 30px;text-align: center;margin: 5px 0 0 0;margin-bottom: 0px;text-align: center;} #main .kachelraster .inner > * {height: 100%;display: block;} #main .kachelraster.wendekarten01 .inner, #main .kachelraster.wendekarten02 .inner , #main .kachelraster.wendekarten03 .inner {} #main .inner > div {background: var(--colorlight);} /* Weiss */ #main .wendekarten01 .wp-block-image figcaption, #main .wendekarten02 .wp-block-image figcaption, #main .wendekarten03 .wp-block-image figcaption {display: none;} #main .bgColor00 .inner > div {background: var(--color04);} /* Default Color*/ #main .bgColor01 .inner > div {background: #8073B0;} /* Lila hell */ #main .bgColor02 .inner > div {background: #6165A9;} /* Lila dunkel*/ #main .bgColor03 .inner > div {background: #D5B123;} /* Curry */ #main .bgColor04 .inner > div {background: #DF9925;} /* Orange */ #main .bgColor05 .inner > div {background: #B0C853;} /* Hellgrün */ #main .bgColor06 .inner > div {background: #B2483E;} /* Rot 1 */ #main .bgColor07 .inner > div {background: #6C94C6;} /* Blau */ #main .bgColor08 .inner > div {background: #75AD40;} /* Grün */ #main .bgColor09 .inner > div {background: #AF1D1F;} /* Rot 2 */ #main .bgColor00 .inner > div > *, #main .bgColor01 .inner > div > *, #main .bgColor02 .inner > div > *, #main .bgColor03 .inner > div > *, #main .bgColor04 .inner > div > *, #main .bgColor05 .inner > div > *, #main .bgColor06 .inner > div > *, #main .bgColor07 .inner > div > * {color: var(--colorlight); } #main .wendekarten01 > div, #main .wendekarten02 > div, #main .wendekarten03 > div {display: block;padding-bottom: 0 !important;margin-bottom: 20px;width: 100%;} #main .wendekarten01 > div .inner, #main .wendekarten02 > div .inner, #main .wendekarten03 > div .inner {cursor: pointer;position: relative;width: 100%;height: 0;perspective: 2000px;} #main .wendekarten01 > div .inner {padding-bottom: 133%;} #main .wendekarten02 > div .inner {padding-bottom: 100%;} #main .wendekarten03 > div .inner {padding-bottom: 200%;} #main .wendekarten01 > div .inner .wp-block-column, #main .wendekarten02 > div .inner .wp-block-column, #main .wendekarten03 > div .inner .wp-block-column {padding: 20px;margin: 0;position: absolute;width: 100%;height: 100%;overflow: hidden; -webkit-backface-visibility: hidden; /* Safari */ backface-visibility: hidden; -webkit-transition: transform 0.8s; transition: transform 0.8s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d;} #main .wendekarten01 > div .inner .wp-block-column:first-child, #main .wendekarten02 > div .inner .wp-block-column:first-child, #main .wendekarten03 > div .inner .wp-block-column:first-child { -webkit-transform: rotateY(0deg); transform: rotateY(0deg);} #main .wendekarten01 > div .inner .wp-block-column:last-child, #main .wendekarten02 > div .inner .wp-block-column:last-child, #main .wendekarten03 > div .inner .wp-block-column:last-child { -webkit-transform: rotateY(180deg); transform: rotateY(180deg);} #main .wendekarten01 > div .inner .wp-block-image, #main .wendekarten02 > div .inner .wp-block-image, #main .wendekarten03 > div .inner .wp-block-image {height: auto;} #main .wendekarten01 > div .inner .wp-block-column.frameless, #main .wendekarten02 > div .inner .wp-block-column.frameless, #main .wendekarten03 > div .inner .wp-block-column.frameless {padding: 0;} #main .wendekarten01 > div .inner .wp-block-column.frameless > *:not(.wp-block-image), #main .wendekarten02 > div .inner .wp-block-column.frameless > *:not(.wp-block-image), #main .wendekarten03 > div .inner .wp-block-column.frameless > *:not(.wp-block-image){padding: 0 20px;} #main .wendekarten01 > div .inner .wp-block-column.frameless img, #main .wendekarten02 > div .inner .wp-block-column.frameless img, #main .wendekarten03 > div .inner .wp-block-column.frameless img {padding-bottom: 0;height: auto;} #main .wendekarten01 > div.active .inner .wp-block-column:first-child, #main .wendekarten02 > div.active .inner .wp-block-column:first-child, #main .wendekarten03 > div.active .inner .wp-block-column:first-child {-webkit-transform: rotateY(-180deg); transform: rotateY(-180deg);} #main .wendekarten01 > div.active .inner .wp-block-column:last-child, #main .wendekarten02 > div.active .inner .wp-block-column:last-child, #main .wendekarten03 > div.active .inner .wp-block-column:last-child { -webkit-transform: rotateY(0deg); transform: rotateY(0deg);} #main .row {margin-left: -10px;margin-right: -10px;} #main .row::after {content: '';display: block;clear: both;} #main .row .column {float: left;width: 50%;padding: 0 10px;} #main .tooltips {overflow: hidden;background: var(--color01);width: 12px;height: 12px;display: inline-block;text-transform: none;font-size: 11px;color: var(--colorlight);text-align: center;line-height: 14px;font-family: courier, serif;border-radius: 6px;font-weight: 300;vertical-align: middle;margin-top: -4px;cursor: pointer;position: relative;} #main .tooltips span {font-family: 'roboto'; width: 190px;opacity: 0;position: absolute;bottom: 24px;left: -8px;display: block;background: var(--colorgrey01);text-align: left;padding: 8px 10px;z-index: 20; -moz-box-shadow: 2px 2px 5px var(--colorgrey01); -webkit-box-shadow: 2px 2px 5px var(--colorgrey01); box-shadow: 2px 2px 5px var(--colorgrey01);} #main .tooltips span::after{content: '';display: block;width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 10px solid var(--colorgrey01);position: absolute;bottom: -10px;left: 7px;} #main .tooltips:hover span {opacity: 1;} #main .tooltips:hover {overflow: visible;} #map.blocked {display: flex;align-items: center;} #map.blocked div {padding: 20px;flex-basis: 100%;text-align: center;background: var(--colorlight);justify-content: center;} #map.blocked ._brlbs-title {display: none;} #map-container {background: #ccc;margin-top: -40px;position: relative;margin-bottom: 20px;} #map-container .inside {height: 1px;overflow: visible;} #map-container .inside > div {background: none;width: 25%;margin: 0 0 10px 0;padding-right: 12px;} #map-container .buttons {position: absolute;z-index: 100;width: 100%;height: 1px;overflow: visible;} #map-container .buttons .button a {display: block;} #map-container .buttons.up {top: 20px;} #map-container .buttons.down {bottom: 0;} #map-container .buttons.down .button {margin-bottom: 5px;} #map-container .buttons.down .button:first-child {margin-top: -65px;} #map-container .buttons.down .button a {background: var(--color02);font-size: 12px;line-height: 20px;} #map-container .buttons.down .button a:hover {background: #4e9fd5;} #map-container .search {position: absolute;top: 0;left: 0;z-index: 1;width: 100%;padding-top: 20px;height: 1px;overflow: visible;} #map-container .search .filterfield ul {padding: 4px 0;margin: 0;position: relative;list-style: none;} #map-container .search .filterfield label {display: block;line-height: 30px;padding: 0 8px;} #map-container .search .filterfield input[type=checkbox] {} #map-container .search .geocoder > div {width: 100%;border: none;} #map-container .search .geocoder .leaflet-control-mapbox-geocoder-wrap {left: 0;top: 0;height: 32px;} #map-container .search .geocoder .leaflet-control-mapbox-geocoder-results {left: 0;top: 30px;width: 100%;} #map-container .search .geocoder .leaflet-control-mapbox-geocoder-form {position: absolute;top: 0;} #map-container .search .geocoder .leaflet-control-mapbox-geocoder-form input {padding: 0;line-height: inherit;font-size: inherit;height: 30px;font-weight: inherit;} #map-container .search .geocoder .leaflet-control a.mapbox-icon {width: 0;overflow: hidden;} #map-container .search .geocoder .radiusbox {display: block;text-align: right;padding: 34px 4px 4px 4px;} #map-container .search .geocoder .radiusbox span {font-size: 12px;} .post-type-archive #map-container .buttons.up, .tax-item-categories #map-container .search > .inside.filter {display: none;} #map-container .search > .inside.filter {display: block;} .post-type-archive #main .archive.orte {display: none;} .post-type-archive #container {min-height: 0;padding-bottom: 0;} .post-type-archive #map-container {margin-bottom: 0;} .filter-active.post-type-archive #main .archive.orte {display: block;} .filter-active.post-type-archive #container {padding-bottom: 40px;} .filter-active.post-type-archive #map-container {margin-bottom: 20px;} .filter-active #map-container #map {height: 60vh;} #map-container #map {height: 60vh;width: 100%;position: relative;} .single #map-container #map {height: 40vh;} #map-container #map .marker01 {background: url(img/marker-icon.png) no-repeat center 0;padding-top: 50px;overflow: hidden;} #map-container #map .leaflet-popup-content {max-width: 250px;} #map-container #map .leaflet-popup-content p.title {font-weight: 600;text-transform: uppercase;margin-bottom: 0;} #map-container #map .leaflet-popup-content p {margin-bottom: 10px;font-size: 13px;line-height: 18px;} #map-container #map .leaflet-popup-content a {background: var(--color01);color: var(--colorlight);padding: 0 8px;line-height: 20px;text-transform: uppercase;display: inline-block;} #map-container #map .leaflet-popup-content a.bigmap {background: none;color: inherit;padding: 0;text-decoration: underline;} #map-container #map .leaflet-top.leaflet-left, #map-container #map .leaflet-control-attribution {display: none;} #map-container #map .supplier-hide, #main .archive.orte .supplier-hide {display: none;} #main .archive.orte {margin-left: -8px;margin-right: -8px;} #main .archive.orte::after {content: '';clear: both;display: block;} #main .archive.orte > h1 {padding: 0 8px;} #main .archive.orte .post {width: 25%;float: left;background: none;padding: 0 8px 16px 8px;margin: 0;} #main .archive.orte .post .inner {display: block;background: var(--colorlight);position: relative;cursor: pointer;} #main .archive.orte .post .inner:hover {opacity: 0.5;} #main .archive.orte .post .inner .distance {background: #ddd;padding: 0 4px;font-style: italic;font-size: 12px;font-weight: 500;text-align: center;} #main .archive.orte .post .inner h3 {height: 90px;display: block;color: var(--colorgrey01);text-transform: uppercase;font-weight: 700;text-align: center;padding: 20px 5px 0 5px;margin: 0;} #main .item-categories {height: 60px;text-align: center;margin: 0;} #main .item-categories li {padding: 0;display: inline-block;} #main .item-categories li a {display: inline-block;width: 26px;} #main .item-categories li a img {width: 100%;height: auto;display: block;} #main .item-categories li a .name {display:none;} #main .inner .adress { padding: 0 10px;text-align: center;height: 70px;font-size: 14px;line-height: 20px;overflow: hidden;} #main .item-supplier-names, #main .item-category-names, #main .coordinates, #main .permalink {display: none;} .single #main .item-categories {text-align: left;} #footer {width: 100%;clear: both;color: var(--colorlight);background: var(--color04);padding: 30px 0 60px 0;} #footer .inside {position: relative;} #footer h3 {color: var(--color03); font-weight: 700; font-size: 16px;text-transform: uppercase; margin-bottom: 20px;} #footer .widget {display: inline-block;width: 33.33%;vertical-align: top;} #footer .textwidget a {display: inline-block;} #footer .textwidget a img {padding-right: 10px;} #footer ul.menu {list-style: none;} #footer ul.menu li {background: none;padding: 0;border: none;float: left;width: 50%;} #footer ul.menu li a {font-size: 15px;line-height: 24px;color: var(--color03);} #footer .textwidget .logo a, #footer .textwidget .logo a img {display: inline;vertical-align: top;padding-right: 10px;margin-bottom: 25px;} @media screen and (max-width: 1050px) { #header a.title {left: 11px;top: 17px;} #header #menu { padding: 0 15px;} .inside {width: 100%;padding-left: 15px;padding-right: 15px;} #main .archive.orte .post {width: 33.33%;} } @media screen and (max-width: 767px) { #header {height: auto;} #header .inside {padding: 0;} #header a.title {position: static;height: 80px;width: 280px;} #header a.title img {top: 11px;left: 16px;width: 58px;} #header #menu {padding: 0;position: static;} #header #menu ul {padding: 0;text-align: left;} #header #menu ul li {width: 100%;display: block;} #header #menu ul li a {width: 100%;display: block;line-height: 28px;padding: 0 15px;overflow: hidden;background: #4e9fd5;color: var(--colorlight);} #header #menu ul li a, #header #menu ul li:hover ul.children li a {height: 0;} #header #menu .page_item_has_children > a::after {border-top: 5px solid var(--colorlight);} #header #menu ul li.current_page_ancestor > a {background: #4e9fd5;} #header #menu ul li.current_page_ancestor > a:hover {background: var(--color02);} #header #menu ul.children {background: none;padding: 0!important;position: static;display: block;} #header #menu ul.children li a {color: var(--colorlight);text-transform: none;padding-left: 40px;width: 100%;} #header #menu.menu-active ul li a, #header #menu.menu-active li:hover ul.children li a {height: 28px;} #header #menu.menu-active ul.children li a {line-height: 24px;} #header #menu #toggle-nav {cursor: pointer;display: block;width: 38px;position: absolute;top: 10px;right: 15px;z-index: 1;} #header #menu #toggle-nav span {background: var(--color02);display: block;height: 6px;margin: 6px 0;width: auto;} #container .post, #container #sidebar {width: 100%;float: none;} #main .archive.orte .post {width: 50%;} #map-container .inside > div {width: 40%;padding-right: 0;} #container #main, #content #sidebar {width: 100%;float: none;} #main .content {position: relative;} #main .content .button-sidebar {display: block;position: absolute;z-index: 1;right: 10px;top: 20px;padding: 5px 10px;background: var(--color04);color: var(--colorlight);font-weight: 400;} #main .content .button-sidebar:hover {background: var(--color02);cursor: pointer;} #main .kachelraster.zwei > *, #main .kachelraster.drei > *, #main .kachelraster.vier > * {flex-basis: 50%;} #main .wendekarten01 > div, #main .wendekarten02 > div, #main .wendekarten03 > div {font-size: 2.5vw; line-height: 3vw;} #main .row .column {float: none;width: 100%;} #footer .widget {width: 100%;display: block;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid var(--color03);text-align: center;} #footer .widget:last-child{border: none;} #footer ul.menu li {float: none;width: 100%;} #footer .textwidget .logo a, #footer .textwidget .logo a img {width: 50%;padding-right: 0;} } @media screen and (max-width: 450px) { #map-container {background: var(--color04);} .post-type-archive #map-container {padding-top: 205px;} #map-container .search .inside > div {padding: 0;} #main .archive.orte .post .inner h3, #main .inner .adress {height: auto;margin-bottom: 20px;} #main .archive.orte .post {width: 100%;float: none;} .single #main .archive.orte .post {width: 100%;float: none;} #map-container .search .inside > div {width: 100%;} #main .kachelraster.zwei > *, #main .kachelraster.drei > *, #main .kachelraster.vier > * {flex-basis: 100%;} #main .kachelraster .inner .wp-block-image, #main .kachelraster .inner .wp-block-image img {height: auto;} #main .wendekarten01 > div, #main .wendekarten02 > div, #main .wendekarten03 > div {font-size: 4vw;line-height: 5vw;} #map-container .buttons.up .button {width: 100%;} #map-container .buttons.down {position: static;height: auto;} #map-container .buttons.down .inside {height: auto;padding-top: 10px;padding-bottom: 5px;} #map-container .buttons.down .button {width: 100%;} #map-container .buttons.down .button:first-child {margin-top: 0;} #main .post-events-list .post {display: block;} #main .post-events-list .post .thumb {padding-right: 0;} #main .post-events-list .post .teaser {} }