/* Theme Name: Eggers 1.2 Version: 1.2 Author: elektrischerwalfisch Author URI: http://elektrischerwalfisch.de */ @font-face { font-family: 'SourceSansPro'; /* Normal */ src: url('fonts/sourcesanspro/SourceSansPro-Regular.woff2') format('woff2'), url('fonts/sourcesanspro/SourceSansPro-Regular.woff') format('woff'), url('fonts/sourcesanspro/SourceSansPro-Regular.ttf') format('truetype'); font-weight: 400; /* entspricht font-weight: normal */ font-style: normal; } @font-face { font-family: 'SourceSansPro'; /* Regular Italic */ src: url('fonts/sourcesanspro/SourceSansPro-It.woff2') format('woff2'), url('fonts/sourcesanspro/SourceSansPro-It.woff') format('woff'), url('fonts/sourcesanspro/SourceSansPro-It.ttf') format('truetype'); font-weight: 400; /* entspricht font-weight: normal */ font-style: italic; } @font-face { font-family: 'SourceSansPro'; /* Bold */ src: url('fonts/sourcesanspro/SourceSansPro-Bold.woff2') format('woff2'), url('fonts/sourcesanspro/SourceSansPro-Bold.woff') format('woff'), url('fonts/sourcesanspro/SourceSansPro-Bold.ttf') format('truetype'); font-weight: 700; /* entspricht font-weight: bold */ font-style: normal; } @font-face { font-family: 'SourceSansPro'; /* Bold Italic */ src: url('fonts/sourcesanspro/SourceSansPro-BoldIt.woff2') format('woff2'), url('fonts/sourcesanspro/SourceSansPro-BoldIt.woff') format('woff'), url('fonts/sourcesanspro/SourceSansPro-BoldIt.ttf') format('truetype'); font-weight: 700; /* entspricht font-weight: bold */ font-style: italic; } /* Folgende Schrift-Schnitte sind nicht eingebunden: */ /* Light font-weight: 300 */ /* Light Italic font-weight: 300 */ /* Semi Bold font-weight: 600*/ /* Semi Bold Italic font-weight: 600 */ /* Extra Bold font-weight: 800 */ /* Extra Bold Italic font-weight: 800 */ /* VARIABLEN */ :root { --colordark: #666666;} :root { --colorlight: #FFFFFF;} :root { --color01: #333333;} :root { --color02: #8c827a;} :root { --color03: rgb(230, 230, 230);} :root { --color04: #8c827a;} * {margin: 0;padding: 0;box-sizing: border-box;} header, footer, section, article, nav {display: block;} body {background: var(--colorlight);color: var(--color01);font-family: 'SourceSansPro', Arial, Helvetica, Sans-Serif;font-weight: 400;font-style: normal;line-height: 21px;font-size: 18px; } h1 {color: var(--colordark);font-size: 32px;line-height: 36px;font-weight: 700;text-transform: uppercase;margin-bottom: 15px;} h2 {color: var(--colordark);font-size: 26px;line-height: 28px;text-transform: uppercase;margin-bottom: 15px;} h3 {color: var(--colordark);font-size: 18px;line-height: 20px;font-weight: 700;margin-bottom: 10px;} h4, h5, h6 {color: var(--colordark); font-weight: 700; font-size: inherit;line-height: inherit;} a:link, a:visited {color: var(--color01);text-decoration: underline;} a:hover, a:active {text-decoration: none;outline: 0;} i {font-size: 40px;} p {margin-bottom: 15px;} ul {list-style: none;} img {border: none;} b, strong {font-weight: 700;} table {border-collapse: collapse;border-spacing: 0;} .invisible, .screen-reader-text {display: none;} .clear {clear: both;} .deutsch, .english {display: none;} html[lang=de-DE] .deutsch, html[lang=en-US] .english {display: block;} html[lang=de-DE] span.deutsch, html[lang=en-US] span.english {display: inline;} .wpcf7 label {font-weight: 700;} .wpcf7 label span {font-weight: 400;} .wpcf7 input.wpcf7-text, .wpcf7 select, .wpcf7 textarea, .searchform .textbox { background: var(--colorlight) none repeat scroll 0 0;border: 1px solid var(--colordark);padding: 8px 10px;box-sizing: border-box;-moz-box-sizing: border-box;width: 100%;margin-bottom: 15px;-webkit-appearance: none;border-radius: 0;} input.submit, .wpcf7 input.wpcf7-submit {background: var(--colordark) none repeat scroll 0 0;font-size: 100%;color: var(--colorlight);font-weight: 700;text-transform: uppercase;width: 100%;border: none;padding: 8px;cursor: pointer;} .wpcf7 input.wpcf7-submit:hover {opacity: 0.5;} .wpcf7 span.wpcf7-list-item {margin: 0 10px 0 0;} .wpcf7 .wpcf7-checkbox .wpcf7-list-item {margin: 0;display: block;} .wpcf7 .wpcf7-response-output {margin: 0 0 20px 0;} /*.icon {display: block;height: 35px;text-decoration: none;margin-bottom: 10px;} .icon .fas {min-width: 36px; font-size: 24px;} .icon .fa-mobile-alt {margin-left: 5px;margin-right: -5px;}*/ a.icon {text-decoration: none;} a.icon:hover {opacity: 0.7;} .icon {display: flex;align-items: center;gap: 5px;margin-bottom: 15px;} .icon i {min-width: 36px; font-size: 24px;} .icon span {font-size: 24px;line-height: 28px;font-style: normal;} p.has-text-align-center .icon {justify-content: center;} /* Layout Basis-Einstellungen (z.B. Spaltensets) */ #wrapper .inside {margin: 0 auto} #wrapper .inside, #wrapper .content > *, #wrapper .content .wp-block-group > * {width: 1180px;} #wrapper .content > *, #wrapper .content .wp-block-group .wp-block-group__inner-container {margin-left: auto;margin-right: auto;} #wrapper .content .wp-block-group.bgColor01, #wrapper .content .wp-block-group.bgColor02 {margin: 0;width: 100%;padding-top: 60px;padding-bottom: 20px;} #wrapper hr.wp-block-separator {margin-bottom: 30px; background: var(--color04);border: medium none;height: 1px;} #wrapper .wp-block-image {position: relative; margin-bottom: 0; text-align: center;} #wrapper .wp-block-image img {max-width: 100%;height: auto;display: block;} /*#wrapper .wp-block-image img[src*=".svg"] {padding: 0 20px;}*/ #wrapper .wp-block-image a {display: block;} /*#wrapper .wp-block-image > * {margin-bottom: 0;display: block; overflow: hidden;}*/ #wrapper .wp-block-image .aligncenter {display: inline-block;} #wrapper .wp-block-image .alignleft, #wrapper .wp-block-image .alignright {margin-bottom: 0;max-width: 50%;} #wrapper .wp-block-image:not(.is-resized) > img, #wrapper .wp-block-image figure {position: relative;} #wrapper .wp-block-image:not(.is-resized) > img, #wrapper .wp-block-image:not(.is-resized) > a > img, #wrapper .wp-block-image figure:not(.is-resized) > img {width: 100%;height: auto;} #wrapper figcaption, #wrapper .wp-block-gallery figcaption {font-style: italic;font-size: 14px;line-height: 16px;text-align: center;} #wrapper .wp-block-gallery {margin-bottom: 15px;} #wrapper .wp-block-gallery ul {list-style: none;margin: 0;} /* Animationen */ #header #menu ul, #header #menu ul li a, #header .sidebar p, #banner > div, #main .boxLink { -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;} #header, #container {background: var(--colorlight);} #header #top {position: absolute;top: 0;left: 0;width: 100%;z-index: 100;} #header #top {display: flex;justify-content: center;gap: 0;} #header #top .inside {position: relative;} #header .title {padding: 35px 25px;} #header .title a img {display: inline-block;height: auto;width: 280px;border: none;} #header .topbar {display: none;background: var(--color02);color: var(--colorlight);font-weight: 700;text-align: center;padding: 5px;} #header .topbar p {margin: 0;} #header .topbar a {color: var(--colorlight);text-decoration: none;} #header.scrolled #top {position: fixed;padding: 0;} #header.scrolled #top > *:not(.sidebar) {display: flex;justify-content: center;align-items: center;} #header.scrolled .title {flex-basis: calc(50% + 5px);background: var(--colorlight);margin: 0;padding: 5px;} #header.scrolled .title a img {width: 150px;} #header.scrolled .topbar {flex-basis: calc(50% - 5px);display: block;} #header .sidebar {position: absolute;top: 180px;right: 0;list-style: none;} #header .sidebar li:after {content:'';display: block;clear:both;height: 4px;width: 1px;} #header .sidebar p {width: 50px;height: 50px;overflow: hidden;position: relative;margin-bottom: 0;background: var(--color01);float: right;padding-top: 8px;} #header .sidebar p:hover, #header .sidebar a.icon {width: 300px;} #header .sidebar a.icon {text-decoration: none;margin-bottom: 0;} #header .sidebar a.icon:hover {opacity: 1;} #header .sidebar a.icon span {color: var(--colorlight);font-size: 20px; font-style: italic;font-weight: 700;} #header .sidebar a.icon i {font-size: 18px;color: var(--colorlight);background: var(--color01);margin:0 10px 0 7px;display: flex; align-items: center;justify-content: center;border: 2px solid var(--colorlight);border-radius: 50%;height: 34px;width: 34px;} #banner {background: url("img/loader-white01.gif") no-repeat scroll center center var(--colorlight);margin-bottom: 32px;} #banner.bg-loaded {background: none;} #banner > div {opacity: 0;position: relative;} #banner.bg-loaded > div {opacity: 1;} #banner p.wp-caption-text {position: absolute;bottom: -8px;left: 0;color: var(--colorlight);font-size: 50px;line-height: 50px;width: 100%;text-align: center;font-weight: 700;text-transform: uppercase;margin: 0;} #banner .thumb img {display: none;} #banner .thumb {display: block;position: relative;margin-top: 0;text-align: left;height: 65vh;width: auto;margin: 0; background-repeat: no-repeat;background-position: center center;background-attachment: scroll;background-color: transparent; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: opacity 0.4s ease-in-out 0s; -moz-transition: opacity 0.4s ease-in-out 0s; -o-transition: opacity 0.4s ease-in-out 0s; transition: opacity 0.4s ease-in-out 0s; } #banner .inside {height: 100%;display: flex;align-items: flex-end;} #banner .inside figcaption {background: rgba(255,255,255,0.7);display: inline-block;padding: 5px 10px;font-size: 26px;line-height: 34px;margin: 0 0 15px 0;} #header #menu {text-align: right;width: 100%;} #header #menu .inside {} #header #menu .title {display: none;} #header #menu ul {display: flex;justify-content: space-between; gap: 6px;text-align: center;} #header #menu li {flex-grow: 1;} #header #menu a {font-weight: 700;font-size: 20px;line-height: 55px;background: var(--color02) ;width: 100%;display: block;color: var(--colorlight); text-transform: uppercase; padding: 0 10px;text-decoration: none;} #header #menu ul li.current_page_item > a, #header #menu ul li.current_page_ancestor > a, #header #menu ul li a:hover {background: var(--color01);} #header #menu ul.children {display: none;} #header.scrolled .title {padding: 10px 15px;} #header.scrolled .title a img {width: 140px;} #header #menu #toggle-nav {display: none;} #container {padding-top: 30px;} #main a {font-style: italic;font-weight: 700;} #main p {margin-bottom: 30px;} #main ul, #main ol { margin: 0 0 15px 20px;} #main ul { list-style: disc;} #main .bigFont {font-size: 24px;line-height: 28px;} #main .wp-block-media-text {background: var(--color01);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: 20px;align-self: auto;} #main .wp-block-pullquote {padding-top: 0;margin-bottom: 15px;} #main .wp-block-pullquote p {font-size: 20px;line-height: 28px;margin-bottom: 15px; } #main .wp-block-pullquote.is-style-solid-color {background: #E9ECF0;} #main .wp-block-pullquote.is-style-solid-color blockquote {max-width: 100%; padding: 20px 30px 0px 30px;} #main .wp-block-pullquote cite {font-style: italic;} #main .wp-block-quote {padding: 20px 30px;} #main .wp-block-quote p {font-size: 20px;line-height: 28px;} #main .wp-block-quote cite {} #main .wp-block-verse {background: #E9ECF0;padding: 20px 30px;white-space: normal;} #main .wp-block-buttons {margin-bottom: 10px;} #main .wp-block-buttons .wp-block-button {display: block; margin: 0 0 5px 0} #main .wp-block-button > a {background: var(--color01);color: var(--colorlight);text-decoration: none;font-weight: 700;border-radius: 12px;} #main .wp-block-button > a:hover {opacity: 0.7;} #main table {width: 100%;} #main table th, #main table td {text-align: left;border: 1px solid var(--colordark);padding: 4px 8px;} #main .wp-block-embed {} #main iframe {background: url("img/loader-black01.gif") no-repeat scroll center center var(--colordark);} #main .wp-block-embed.is-type-video .wp-block-embed__wrapper {background: var(--colordark);position: relative;padding-bottom: 55%;padding-top: 15px;height: 0;overflow: hidden;} #main .wp-block-embed.is-type-video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} #main .spacer {height: 50px;} #main .bgColor01:not(.wp-block-columns), #main .bgColor01 .wp-block-column {background: var(--color02);} #main .bgColor01:not(.wp-block-columns) *, #main .bgColor01 .wp-block-column > *, #main .bgColor01 .wp-block-column strong, #main .bgColor01 .wp-block-column a {color: var(--colorlight);} #main .bgColor02:not(.wp-block-columns), #main .bgColor02 .wp-block-column {background: var(--color01);} #main .bgColor02:not(.wp-block-columns) > *, #main .bgColor02 .wp-block-column > *, #main .bgColor02 .wp-block-column strong, #main .bgColor02 .wp-block-column a {color: var(--colorlight);} #main .bgColor01 .wp-block-column > *:first-child:not(.wp-block-image), #main .bgColor02 .wp-block-column > *:first-child:not(.wp-block-image) {padding-top:20px;} #main .bgColor01:not(.wp-block-columns), #main .bgColor02:not(.wp-block-columns), #main .bgColor01 .wp-block-column > *:not(.wp-block-image.size-full), #main .bgColor02 .wp-block-column > *:not(.wp-block-image.size-full) {padding-left: 10px;padding-right: 10px;} #main .bgColor01 .wp-block-column .wp-block-image img, #main .bgColor02 .wp-block-column .wp-block-image img {margin-bottom: 0;} #main .pic-fill .wp-block-image {height: 100%;} #main .pic-fill .wp-block-image img {width: 100%; height: 100%; object-fit: cover;} #main .wpcf7 .wp-block-columns {gap: 0;} /*#main .boxLink a {text-decoration: none;}*/ #main .boxLink a {cursor: pointer;display: block;text-decoration: none;font-style: normal;padding-top: 15px;color: var(--color02);} #main .boxLink:hover {cursor: pointer;background: var(--color03);} #footer .wp-block-cover {min-height: 0;} #footer .wp-block-columns {margin-bottom: 0;} #footer ul li {display: block;} #footer ul li a {color: var(--colorlight);text-decoration: none;} #footer ul li a:hover {text-decoration: underline;} .wp-lightbox-overlay .scrim {background-color: rgba(255, 255, 255, 0.9) !important;} .wp-lightbox-overlay .close-button {border: 1px solid var(--colordark)!important;background-color: var(--colorlight)!important;border-radius: 50%;} .wp-lightbox-overlay .close-button:hover, .wp-lightbox-overlay .close-button:focus {opacity: 0.5;outline: none;} @media screen and (max-width: 1199px) { #wrapper .inside, #wrapper .content > *, #wrapper .content .wp-block-group > *{width: 970px;} #header #top {padding: 0;} #header #top > *, #header.scrolled #top > * {display: flex;justify-content: center;align-items: center;} #header .title, #header.scrolled .title {flex-basis: calc(50% + 5px);background: var(--colorlight);margin: 0;padding: 5px;} #header .topbar, #header.scrolled .topbar {flex-basis: calc(50% - 5px);} #header .title a img, #header.scrolled .title a img {width: 150px;} #header #top .sidebar {display: none;} } @media screen and (max-width: 991px) { #wrapper .inside, #wrapper .content > *, #wrapper .content .wp-block-group > * {width: 100%;} #wrapper .inside, #wrapper .content > *, #banner .thumb .caption-wrap .caption {padding-left: 15px;padding-right: 15px;} #main figure.wp-block-image {padding-left: 0;padding-right: 0;} #header #top, #header.scrolled #top {flex-wrap: wrap;gap: 0;} #header #top > *:not(.sidebar), #header.scrolled #top > *:not(.sidebar) {flex-basis: 100%;} #header #menu li, #header #menu a {font-size: 14px;} #header #menu a {padding: 0 10px;} } @media screen and (max-width: 680px) { #header #top {position: absolute;} #header .title, #header.scrolled #top .title {width: 140px;padding: 5px 15px;} #header .sidebar {top: 15px;} #header #banner {margin-bottom: 0;} #header #menu {background: var(--color01);} #header #menu .inside {padding: 0;} #header #menu {position: static;} #header #menu ul {padding: 0;flex-wrap: wrap;gap: 0;} #header #menu ul li {flex-basis: 100%;} #header #menu ul li a {font-size: 18px;line-height: 36px;display: block;overflow: hidden;} #header #menu ul li a {height: 0;} #header #menu.menu-active ul li a {height: 36px;} #header #menu #toggle-nav {cursor: pointer;display: block;width: 50px;position: absolute;top: 10px;left: 0px;z-index: 101;padding: 5px 7px;} #header #menu #toggle-nav span {background: var(--color01);display: block;height: 4px;margin: 6px 0;width: auto;} #banner .thumb {height: 200px;} #banner p.wp-caption-text {font-size: 18px;line-height: 27px;} }