/* -------------------------------------- */
/* SOURCESANS */

@font-face {
    font-family: 'sourcesans'; /* ExtraLight */
    src: url('fonts/sourcesans/SourceSansPro-ExtraLight.woff2') format('woff2'),
         url('fonts/sourcesans/SourceSansPro-ExtraLight.woff') format('woff'),
         url('fonts/sourcesans/SourceSansPro-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'sourcesans'; /* ExtraLight Italic*/
    src: url('fonts/sourcesans/SourceSansPro-ExtraLightItalic.woff2') format('woff2'),
         url('fonts/sourcesans/SourceSansPro-ExtraLightItalic.woff') format('woff'),
         url('fonts/sourcesans/SourceSansPro-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'sourcesans'; /* Light */
    src: url('fonts/sourcesans/SourceSansPro-Light.woff2') format('woff2'),
         url('fonts/sourcesans/SourceSansPro-Light.woff') format('woff'),
         url('fonts/sourcesans/SourceSansPro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'sourcesans'; /* Light Italic*/
    src: url('fonts/sourcesans/SourceSansPro-LightItalic.woff2') format('woff2'),
         url('fonts/sourcesans/SourceSansPro-LightItalic.woff') format('woff'),
         url('fonts/sourcesans/SourceSansPro-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'sourcesans'; /* Normal */
    src: url('fonts/sourcesans/SourceSansPro-Regular.woff2') format('woff2'),
         url('fonts/sourcesans/SourceSansPro-Regular.woff') format('woff'),
         url('fonts/sourcesans/SourceSansPro-Regular.ttf') format('truetype');
    font-weight: 400; /* entspricht font-weight: normal */
    font-style: normal;
}

@font-face {
    font-family: 'sourcesans'; /* Regular Italic */
    src: url('fonts/sourcesans/SourceSansPro-Italic.woff2') format('woff2'),
         url('fonts/sourcesans/SourceSansPro-Italic.woff') format('woff'),
         url('fonts/sourcesans/SourceSansPro-Italic.ttf') format('truetype');
    font-weight: 400; /* entspricht font-weight: normal */
    font-style: italic;
}

@font-face {
    font-family: 'sourcesans'; /* Semi Bold */
    src: url('fonts/sourcesans/SourceSansPro-Semibold.woff2') format('woff2'),
         url('fonts/sourcesans/SourceSansPro-Semibold.woff') format('woff'),
         url('fonts/sourcesans/SourceSansPro-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'sourcesans'; /* Semi Bold Italic */
    src: url('fonts/sourcesans/SourceSansPro-SemiboldItalic.woff2') format('woff2'),
         url('fonts/sourcesans/SourceSansPro-SemiboldItalic.woff') format('woff'),
         url('fonts/sourcesans/SourceSansPro-SemiboldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'sourcesans'; /* Bold */
    src: url('fonts/sourcesans/SourceSansPro-Bold.woff2') format('woff2'),
         url('fonts/sourcesans/SourceSansPro-Bold.woff') format('woff'),
         url('fonts/sourcesans/SourceSansPro-Bold.ttf') format('truetype');
    font-weight: 700;  /* entspricht font-weight: bold */
    font-style: normal;
}

@font-face {
    font-family: 'sourcesans'; /* Bold Italic */
    src: url('fonts/sourcesans/SourceSansPro-BoldItalic.woff2') format('woff2'),
         url('fonts/sourcesans/SourceSansPro-BoldItalic.woff') format('woff'),
         url('fonts/sourcesans/SourceSansPro-BoldItalic.ttf') format('truetype');
    font-weight: 700;  /* entspricht font-weight: bold */
    font-style: italic;
}

@font-face {
    font-family: 'sourcesans'; /* Black Bold */
    src: url('fonts/sourcesans/SourceSansPro-Black.woff2') format('woff2'),
         url('fonts/sourcesans/SourceSansPro-Black.woff') format('woff'),
         url('fonts/sourcesans/SourceSansPro-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'sourcesans'; /* Black Italic */
    src: url('fonts/sourcesans/SourceSansPro-BlackItalic.woff2') format('woff2'),
         url('fonts/sourcesans/SourceSansPro-BlackItalic.woff') format('woff'),
         url('fonts/sourcesans/SourceSansPro-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

/* -------------------------------------- */
/* OPENSANS */

@font-face {
    font-family: 'opensans'; /* Light */
    src: url('fonts/opensans/OpenSans-Light.woff2') format('woff2'),
         url('fonts/opensans/OpenSans-Light.woff') format('woff'),
         url('fonts/opensans/OpenSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'opensans'; /* Light Italic*/
    src: url('fonts/opensans/OpenSans-LightItalic.woff2') format('woff2'),
         url('fonts/opensans/OpenSans-LightItalic.woff') format('woff'),
         url('fonts/opensans/OpenSans-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'opensans'; /* Normal */
    src: url('fonts/opensans/OpenSans-Regular.woff2') format('woff2'),
         url('fonts/opensans/OpenSans-Regular.woff') format('woff'),
         url('fonts/opensans/OpenSans-Regular.ttf') format('truetype');
    font-weight: 400; /* entspricht font-weight: normal */
    font-style: normal;
}

@font-face {
    font-family: 'opensans'; /* Regular Italic */
    src: url('fonts/opensans/OpenSans-Italic.woff2') format('woff2'),
         url('fonts/opensans/OpenSans-Italic.woff') format('woff'),
         url('fonts/opensans/OpenSans-Italic.ttf') format('truetype');
    font-weight: 400; /* entspricht font-weight: normal */
    font-style: italic;
}

@font-face {
    font-family: 'opensans'; /* Semi Bold */
    src: url('fonts/opensans/OpenSans-Semibold.woff2') format('woff2'),
         url('fonts/opensans/OpenSans-Semibold.woff') format('woff'),
         url('fonts/opensans/OpenSans-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'opensans'; /* Semi Bold Italic */
    src: url('fonts/opensans/OpenSans-SemiboldItalic.woff2') format('woff2'),
         url('fonts/opensans/OpenSans-SemiboldItalic.woff') format('woff'),
         url('fonts/opensans/OpenSans-SemiboldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'opensans'; /* Bold */
    src: url('fonts/opensans/OpenSans-Bold.woff2') format('woff2'),
         url('fonts/opensans/OpenSans-Bold.woff') format('woff'),
         url('fonts/opensans/OpenSans-Bold.ttf') format('truetype');
    font-weight: 700;  /* entspricht font-weight: bold */
    font-style: normal;
}

@font-face {
    font-family: 'opensans'; /* Bold Italic */
    src: url('fonts/opensans/OpenSans-BoldItalic.woff2') format('woff2'),
         url('fonts/opensans/OpenSans-BoldItalic.woff') format('woff'),
         url('fonts/opensans/OpenSans-BoldItalic.ttf') format('truetype');
    font-weight: 700;  /* entspricht font-weight: bold */
    font-style: italic;
}

@font-face {
    font-family: 'opensans'; /* Extra Bold */
    src: url('fonts/opensans/OpenSans-ExtraBold.woff2') format('woff2'),
         url('fonts/opensans/OpenSans-ExtraBold.woff') format('woff'),
         url('fonts/opensans/OpenSans-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'opensans'; /* Extra Bold Italic */
    src: url('fonts/opensans/OpenSans-ExtraBoldItalic.woff2') format('woff2'),
         url('fonts/opensans/OpenSans-ExtraBoldItalic.woff') format('woff'),
         url('fonts/opensans/OpenSans-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

/* VARIABLEN */
:root {  --content-width01: 1180px;}
:root {  --content-width02: 1600px;}

:root {  --colordark: #666666;}
:root {  --colorlight: #FFFFFF;}

:root {  --color01: #52a5dc;} /* BLAU */
:root {  --color02: #DDDDDD;} /* GRAU */

:root {  --space-below01: 15px;} /* Vertikaler Abstand 01 */
:root {  --space-below02: 30px;} /* Vertikaler Abstand 02 */
:root {  --space-below03: 60px;} /* Vertikaler Abstand 03 */
:root {  --side-space01: 15px;} /* Seitlicher Abstand 01 */
:root {  --gap01: 30px;} /* Gap 01 */
:root {  --hover-opacity: 0.5;} /* Link-hover-opacity */
:root {  --animation01: all 0.4s ease-in-out 0s;} /* Animation 01 */

:root {  --fontsize-s: 12px;} /* Font Size S */
:root {  --fontsize-m: 16px;} /* Font Size Default */
:root {  --fontsize-l: 25px;} /* Font Size L */
:root {  --fontsize-xl: 46px;} /* Font Size XL */
:root {  --fontsize-xxl: 60px;} /* Font Size XXL */

* {margin: 0;padding: 0;box-sizing: border-box;}
header, footer, section, article, nav {display: block;}

body {background: var(--colorlight);color: var(--colordark);font-family: 'sourcesans', Arial, Helvetica, Sans-Serif;font-weight: 400;font-style: normal;line-height: 21px;font-size: 14px; }

h1 {font-size: var(--fontsize-xxl);font-weight: 600;}
h2 {font-size: var(--fontsize-xl);font-weight: 700;}
h3 {font-size: var(--fontsize-l);font-weight: 700;}
h1, h2, h3  { line-height: 1.2; color: var(--colordark); }

h4, h5, h6 {color: var(--colordark); font-weight: 400; font-size: inherit;line-height: inherit;}

h1, h2, h3, p, ul, ol {margin-bottom: var(--space-below01);}

a:link, a:focus {color: var(--color01);text-decoration: underline;}
a:hover {text-decoration: none;outline: 0;}
p {margin-bottom: var(--space-below01);}
ul {list-style: none;}
img {border: none;}
b, strong {font-weight: 700;}
hr {margin-bottom: var(--space-below01); background: var(--colordark);border: medium none;height: 1px;}
table {border-collapse: collapse;border-spacing: 0;}
.invisible,
.screen-reader-text {display: none;}
img {border: none;max-width: 100%; height: auto;}

/* .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-form-control,
.wpcf7 select,
.wpcf7 textarea {background: var(--colorlight) none repeat scroll 0 0;border: 1px solid var(--colordark);padding: 5px 10px;box-sizing: border-box;-moz-box-sizing: border-box;width: 100%;margin-bottom: 10px;-webkit-appearance: none;border-radius: 0;}

input.submit,
.wpcf7 input.wpcf7-submit,
.wp-block-buttons .wp-block-button .wp-block-button__link {color: var(--colorlight);background: var(--color01) none repeat scroll 0 0;font-size: 100%;font-weight: 700;text-transform: uppercase;text-decoration: none;width: 100%;border: 1px solid var(--color01);padding: 8px;cursor: pointer;border-radius: 0;}

input.submit:hover,
.wpcf7 input.wpcf7-submit:hover,
.wp-block-buttons .wp-block-button > *:hover {opacity: var(--hover-opacity);}

.wp-block-buttons .wp-block-button > .wp-block-button__link,
.wp-block-buttons .wp-block-button.is-style-outline > .wp-block-button__link {border: 1px solid var(--color01);}
.wp-block-buttons .wp-block-button.is-style-outline > .wp-block-button__link {color: var(--colordark);background: none;}

.wpcf7 .wpcf7-radio > *,
.wpcf7 .wpcf7-checkbox > * {display: block;margin: 0;}
.wpcf7 .wpcf7-response-output {margin: 0 0 var(--space-below01) 0;}
.wpcf7 .wpcf7-acceptance .wpcf7-list-item {margin-left: 0;}

.wp-block-search .wp-block-search__inside-wrapper {border:none;background: var(--colorlight);padding: 0;}
.wp-block-search .wp-block-search__input {margin-bottom: 0;border: none;}
.wp-block-search .wp-block-search__button {padding: 0;margin: 0;color: var(--colordark);background: none;} */


.slick-slider ul.slick-dots {font-size: 10px;line-height: 10px;list-style: none!important;margin: 0!important;text-align: center;width: 100%; bottom: 0;left: 0; position: absolute;z-index: 10;}
.slick-slider .slick-dots li {display: inline;margin: 0!important;}
.slick-slider .slick-dots li button {background: var(--color01);border: 1px solid var(--color01);height: 10px;margin: 0 6px;overflow: hidden;text-indent: -1000px;width: 10px;padding: 0;border-radius: 50%;}
.slick-slider .slick-dots li.slick-active button {background: var(--colorlight);}
.slick-slider .slick-arrow {position: absolute;top: 0;z-index: 1;height: 100%;width: 40px;display: flex;justify-content: center;align-items: center;}
.slick-slider .slick-arrow span {text-align: center;font-weight: 300;display: block;cursor: pointer;color: var(--color01);font-size: 90px;line-height: 30px;height: 50px;}
.slick-slider .slick-arrow:hover span {opacity: var(--hover-opacity);}
.slick-slider .slick-arrow.prev {left: 0;}
.slick-slider .slick-arrow.next {right: 0;}
.slick-slider .slick-arrow.prev span::before {content: '‹';}
.slick-slider .slick-arrow.next span::after {content: '›';}

a.icon {display: flex; text-decoration: none;margin-bottom: var(--space-below01); color: var(--colordark); line-height: 35px;}
a.icon.center {justify-content: center;}
a.icon.right {justify-content: flex-end;}
a.icon.left {justify-content: flex-start;}
a.icon[href="#"] {pointer-events: none;text-decoration: none;}
a.icon:hover {opacity: var(--hover-opacity);}
a.icon i {min-width: 36px; font-size: 24px;}


/* Basis-Einstellungen für Breiten von Block-Elementen (Einstellungen für Editor-Breiten in der theme.json) */
#header .inside .inside,
#header .mod_navigation > ul,
#main > .inside > .block > *,
#main > .inside > *,
#footer .inside .inside
/* , #main > .content > .wp-block-cover > .wp-block-cover__inner-container,
#main > .content > *:is(.bgColor01, .bgColor02) > * */ {max-width: var(--content-width01); width: 100%; margin-left: auto!important; margin-right: auto!important; padding-left: var(--side-space01); padding-right: var(--side-space01);}
/* #main > .content > .alignwide {max-width: var(--content-width02);}
#main > .content > .alignfull {max-width: none;padding-left: 0;padding-right: 0;} */

/* Standard-Margin von Block-Elementen nach unten und Außnahmen davon */
#main .mod_article,
#main > .inside > .block > *:not(.wide) {margin-bottom: var(--space-below02);} 
#main > *:not(.wp-block-spacer, .wp-block-heading, .is-reusable, p, .accordion) {margin-bottom: var(--space-below02);} 

/* Besondere Block-Elemente mit Padding oben und unten */
#main :is(.bgColor01, .bgColor02, .bgPic) {padding-top: var(--space-below03);padding-bottom: var(--space-below02);} 

#main :is(.columns-50-50, .columns-66-33, .columns-33-66, .columns-33-33-33) {display: grid;grid-template-rows: auto;gap: var(--gap01);}
#main :is(.columns-50-50, .columns-66-33, .columns-33-66, .columns-33-33-33) > :is(h1, h2, h3, h4, h5, h6) {grid-column:  1 / -1;}

#main .columns-50-50 {grid-template-columns: 50% 50%;}
#main .columns-33-66 {grid-template-columns: 33.33% 66.66%;}
#main .columns-66-33 {grid-template-columns: 66.66% 33.33%;}
#main .columns-33-33-33 {grid-template-columns: repeat(3, 1fr);}

/* #main :is(.media--left, .media--right) {display: flex;flex-wrap: wrap;gap:var(--gap01);}
#main :is(.media--left, .media--right) > :is(h1, h2, h3, h4, h5, h6) { flex: 1 1 100%;}
#main :is(.media--left, .media--right) > :not(h1, h2, h3, h4, h5, h6, figure) {flex-basis: 75%;}
#main :is(.media--left, .media--right) > figure { flex-basis: calc(25% - var(--gap01));}
#main .media--right figure {order: 3;} */
#main :is(.media--left, .media--right) {}
#main :is(.media--left, .media--right) > :is(h1, h2, h3, h4, h5, h6) {}
#main :is(.media--left, .media--right) > :not(h1, h2, h3, h4, h5, h6, figure) {}
#main :is(.media--left, .media--right) > figure {margin-bottom: 15px;}
#main .media--left > figure {float: left;margin-right: 20px;}
#main .media--right > figure {float: right;margin-left: 20px;}


#header {background: var(--colorlight);margin-bottom: var(--space-below03);}

#header .topline {height: 100px;}
#header .topline .inside {height: 100%; display: flex;justify-content: space-between;align-items: center;}

#header .title a {display: block;width: 260px;background: var(--color01);}
#header .title a img {display: block;height: auto;width: 100%;border: none;}

#header .extra a {color: var(--colordark);}


/* #header .extra a.icon  {color: var(--colordark);display: block;font-size: 16px;line-height: 20px;display: inline-block;text-decoration: none;color: var(--colordark);padding-left: 10px;}
#header .extra a.icon:hover {opacity: var(--hover-opacity);} */

/* #header .extra #lang {text-align: right;}
#header .extra #lang li {display: inline-block;}
#header .extra #lang li a {background: var(--color02);padding: 0 10px;font-size: 16px;text-decoration: none;}
#header .extra #lang li a:hover,
#header .extra #lang li a.current_language {background: var(--color01);color: var(--colorlight);}
#header .extra #lang li a::after {display: none;} */

#header .mod_navigation {background: var(--color01);position: relative;}
#header .mod_navigation > ul {display: flex; justify-content: flex-end;align-items: center;margin-bottom: 0;}
#header .mod_navigation a.invisible {display: block;border: 0;clip: rect(1px,1px,1px,1px);clip-path: inset(50%);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;word-wrap: normal !important;}
#header .mod_navigation {font-size: 0;line-height: 0;margin: 0; transition:var(--animation01)}
#header .mod_navigation li {position: relative;}
/* #header .mod_navigation li, */
#header .mod_navigation li > :is(a, strong) {display: block;font-size: 14px;line-height: 30px;font-weight: 600;white-space: nowrap;color: var(--colorlight); text-transform: uppercase; padding: 0 10px;text-decoration: none;transition: var(--animation01);}
#header .mod_navigation li > :is(.active, .trail, a:hover) {background: var(--colorlight);color: var(--color01);}
#header .mod_navigation .submenu > ul {position: absolute;top: 30px;left: 0;z-index: 10;background: var(--color01); margin: 0;}
#header .mod_navigation .submenu > ul li {display: block;}
#header .mod_navigation .submenu > ul li > :is(a, strong) {height:0; overflow: hidden; display: block;transition: var(--animation01);}
#header .mod_navigation .submenu:hover > ul li > :is(a, strong) {height: 30px;}

/* #header.scrolled #menu-block {position: fixed;top: 0;left: 0;width: 100%;z-index: 100;}
#header #toggle-nav {display: none;} */

/* #main {margin-bottom: var(--space-below03);}
#main .content > *:first-child {margin-top: var(--space-below02);}
#main .content > *:first-child:is(.wp-block-cover, .cover-slideshow) {margin-top: 0;}
#main .wp-block-cover.fallback-bg {background-repeat: no-repeat;background-size: cover;}

.editor-styles-wrapper ul.wp-block-list,
#main ul { list-style: disc;}
.editor-styles-wrapper ul.wp-block-list > li,
#main ul > li { margin-left: 20px;} */


/* Korrektur Ankernavi*/
/* #main h2[id],
#main h3[id]{margin-top: -40px;padding-top: 40px;}

#ankernavi {position: fixed;left: 0;top: 20%;z-index: 100;margin: 0 !important; padding: 0 !important;}
#ankernavi ul {list-style: none;}
#ankernavi ul li {margin: 0;}
#ankernavi ul.menu li {margin-bottom: 5px;}
#ankernavi ul.menu li a {border: 1px solid var(--color01);padding: 5px 10px;text-decoration: none;display: block;width: 150px;font-weight: 700;background: var(--colorlight);color: var(--color01);}
#ankernavi ul.menu li.active a {background: var(--color01);color: var(--colorlight);}

.editor-styles-wrapper p > a,
#main p > a {font-weight: 600;}

.wp-block-cover *:is(h1, h2, h2, h4, h5) {color: inherit;}

.wp-block-image {margin-bottom: 0;}
.wp-block-image.alignleft,
.wp-block-image.alignright {margin-bottom: 0;}
#main .wp-block-image {position: relative; margin-bottom: var(--space-below01); text-align: center;}
#main .wp-block-image img {max-width: 100%;height: auto;display: block;}
#main .wp-block-image .aligncenter {display: inline-block;}

#main .wp-block-image:not(.is-resized) > img,
#main .wp-block-image figure {position: relative;}
#main .wp-block-image:not(.is-resized) > img,
#main .wp-block-image:not(.is-resized) > a > img,
#main .wp-block-image figure:not(.is-resized) > img {width: 100%;height: auto;} 

.wp-block-image .wp-element-caption {font-style: italic;font-size: var(--fontsize-s);text-align: center;margin-bottom: 0;}
#main figcaption {position: absolute;bottom: 0;left: 0;z-index: 1;background: rgba(0,0,0,0.7);color: var(--colorlight);margin: 0!important;width: 100%;text-align: left;padding: 4px 10px;font-style: italic;font-size: 14px;line-height: 16px;}
#main .wp-block-video,
#main .wp-block-embed,
#main .wp-block-gallery {position: relative;background: none;}*/

#main .content-gallery {}
#main .content-gallery > ul {list-style: none;display: grid;gap: var(--gap01);}
#main .content-gallery--cols-4 > ul {grid-template-columns: repeat(4, 1fr);}

#main .content-gallery ul li {margin: 0;}
#main .content-gallery figure {}
#main .content-gallery a {}
#main .content-gallery img {}

/* #main .content-gallery.logo-gallery01 ul {display:flex;justify-content: center;gap: 10px;}
#main .content-gallery.logo-gallery01 li {width: auto !important;flex-grow: 0;}
#main .content-gallery.logo-gallery01 img {height: 70px !important;width: auto;}

#main .wp-block-gallery.logo-gallery02 {justify-content: center;}
#main .wp-block-gallery.logo-gallery02 .wp-block-image {flex-grow: 0;
  margin: 0 !important;}
#main .wp-block-gallery.logo-gallery02 .wp-block-image img {padding: 20px;}

.wp-block-media-text {background: var(--color01);}
.wp-block-media-text * {color: var(--colorlight);}
.wp-block-media-text {height: 100%;}

.wp-block-media-text .wp-block-media-text__media img {height: auto;}
.wp-block-media-text.is-image-fill a {display: block;height: 100%;}
.wp-block-media-text.is-image-fill a img {display: none;}
.wp-block-media-text .wp-block-media-text__content {padding: 4px 8px;}

.wp-block-pullquote,
.wp-block-quote,
.wp-block-verse {background: var(--color02);padding: 20px 30px;white-space: normal;margin-bottom: var(--space-below01);}
.wp-block-pullquote p,
.wp-block-quote p,
.wp-block-verse {font-size: 20px;line-height: 28px;margin-bottom: var(--space-below01); }
.wp-block-pullquote cite,
.wp-block-quote cite {font-size: 14px;line-height: 18px;font-style: italic;}
.wp-block-quote {position: relative;padding: 20px 30px 20px 60px;}
.wp-block-quote::before {content: '“';  position: absolute;top: 5px;left: 22px;font-size: 68px;line-height: 68px;opacity: 0.5;}

.wp-block-verse {}

#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/loading.gif") no-repeat scroll center center var(--colordark);background-size: 32px auto;}
#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 .post {margin-bottom: var(--space-below01);}
#main .post::after {content: ''; display: block; clear:both;}
#main .post .thumb {float: right;width: 150px;margin: 10px 0 0 30px;display: block;border: 1px solid var(--color01);background: var(--colorlight);}
#main .post .thumb:empty {display: none;}
#main .post .thumb img {width: 100%;height: auto;display: block;}

#main .post .moretag {display: block;}

#main .post .subhead {border-bottom: 1px solid var(--color01);color: var(--color01);font-size: 12px;line-height: 22px;margin-bottom: 15px;}
#main .post .subhead a:hover {text-decoration: none;}
#main .post .post-footer {font-size: 12px;line-height: 15px;}
#main .post .post-footer ul {list-style: none;margin: 0;display: inline;}
#main .post .post-footer li {display: inline;}

#main .post .post-footer .cats:empty,
#main .post .post-footer .tags:empty,
#main .post .post-footer .author:empty {display: none;}

#main .post .post-footer .cats::before {content: 'Kategorien: ';}
#main .post .post-footer .tags::before {content: 'Schlagworte: ';}
#main .post .post-footer .author::before {content: 'Autor: ';}

#main .post h1,
#main .post h2 {margin-bottom: 0;}
#main .post h2 a,
#main .post .subhead a,
#main .post .post-footer a {text-decoration: none;}
#main .post h2 a:hover,
#main .post .subhead a:hover,
#main .post .post-footer a:hover {color: var(--colordark);}

#main .post .comments {margin-bottom: 0;margin-top: 15px;}
#main .comment-field {padding: 15px;}
#main .comment-field label {display: block;}

#main .postnav {border-top: 1px solid var(--color01);display: flex;justify-content: space-between;}
#main .postnav .prev,
#main .postnav .next {}
#main .postnav .prev {}
#main .postnav .next {}

#main .post-list {}
#main .post-list .content > *  {margin: 0;width: 100%;}

#main .pagination {border-top: 1px solid var(--colordark);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(--color01);color: var(--colorlight);} */

/*SLIDESHOWS*/
#header .mod_article {height: 50vh;overflow: hidden;}
#header .mod_article > * {height: 50vh;position: relative;}
#header .mod_article .slick-slide {height: 50vh;}
#header .mod_article figure {height: 100%;}
#header .mod_article .rte {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;z-index: 1;justify-content: center;align-items: center;font-size: var(--fontsize-l);color: var(--colorlight);}

#header .mod_article img,
#main :is(.slideshow01, .slideshow02, .slideshow03) img {object-fit: cover;height: 100%;width: 100%;}

#header .mod_article,
#main .cover-slideshow,
#main .slideshow01,
#main .slideshow02,
#main .slideshow03,
#main .contentslider01 {display: block; background: url("img/loading.gif") no-repeat scroll center center transparent;background-size: 32px auto;margin-bottom: 24px; /* margin-bottom for dots */}

#header .mod_article.img-loaded,
#main .cover-slideshow.img-loaded,
#main .slideshow01.img-loaded,
#main .slideshow02.img-loaded,
#main .slideshow03.img-loaded,
#main .contentslider01.img-loaded {background: none;}

#header .mod_article > *,
#main .cover-slideshow > *,
#main .slideshow01 > *,
#main .slideshow02 > *,
#main .slideshow03 > *,
#main .contentslider01 > * {display: block; opacity: 0;transition: var(--animation01);} /* gallery content invisible while slider gets set up via jquery */

#header .mod_article.img-loaded > *,
#main .cover-slideshow.img-loaded > *,
#main .slideshow01.img-loaded > *,
#main .slideshow02.img-loaded > *,
#main .slideshow03.img-loaded > *,
#main .contentslider01.img-loaded > * {opacity: 1;}

#main .slideshow01 .slider-main,
#main .slideshow01 .slider-nav,
#main .slideshow02 .slider-wrap,
#main .slideshow03 .slider-wrap,
#main .contentslider01 .slider-wrap {padding: 0 40px;}

#main .slideshow01 .slick-slide {aspect-ratio: 1.6 / 1;}

#main .slideshow01 .slider-main .slick-slide {margin: 0;}
#main .slideshow01 .slider-nav {padding-top: 5px;}
#main .slideshow01 .slider-nav .slick-slide {padding-right: 5px;}

#main .slideshow01 .slider-nav a {pointer-events: none;}

#main .slideshow02 .slick-slider .slick-slide,
#main .slideshow03 .slick-slider .slick-slide,
#main .slideshow04 .slick-slider .slick-slide {display: block; margin: 0 3px;height: 300px;width: auto;}

#main .contentslider01 > * {width: 100% !important;}
#main .contentslider01 .slick-track {display: flex;align-items: stretch;}
#main .contentslider01 .slick-slide {float: none;height: auto;display: flex;align-items: stretch;padding: 0 10px;}
#main .contentslider01 .slick-slide { flex-basis: 50%; max-height: 600px; }
#main .contentslider01 .slick-slide .inner { border: 1px solid var(--colordark);background: var(--colorlight);margin: 0;padding: 10px 15px;width: auto;}

/* .editor-styles-wrapper .contentslider01 {padding: 20px;}
.editor-styles-wrapper .contentslider01 .wp-block-group {padding: 5px;margin-bottom: var(--space-below01);}
.editor-styles-wrapper .contentslider01 .wp-block-group::after {content: '';display: block; clear:both;}

#main .cover-slideshow .wp-block-cover.slick-slide {display: flex;height: 50vh;}
#header .mod_article .slick-slider ul.slick-dots,
#main .cover-slideshow .slick-slider ul.slick-dots {bottom: 10px;}

#main .accordion .toggle {font-size: 20px;line-height: 24px;font-weight: 700;background: var(--color01);padding: 10px 10px 10px 24px;cursor: pointer;position: relative;color: var(--colorlight);margin-bottom: 4px;}
#main .accordion .toggle::before {content: '›';color: var(--colorlight);display: block;position: absolute;top: 15px;left: 5px;width: 15px;height: 15px;line-height: 10px;text-align: center;}
#main .accordion .toggle.active::before {moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);}
#main .accordion .inner {display: none;padding-left: 24px;padding-top: 10px;} */

.bgColor01 {background: var(--color01);}
.bgColor02 {background: var(--color02);}

#main .bgPic {position: relative;opacity:0;transition: var(--animation01);}
#main .bgPic.img-loaded {opacity: 1;}
#main .bgPic > * {z-index: 1;position: relative;}
#main .bgPic .hiddenpic {display: none;}
#main .bgPic > img:first-child {border: none;bottom: 0;height: 100%;left: 0;margin: 0;max-height: none;max-width: none;object-fit: cover;outline: none;padding: 0;position: absolute;right: 0;top: 0;width: 100%;z-index: 0;opacity: 0.2;}

/* .boxColor01.wp-block-columns .wp-block-column {background: var(--color01);}
.boxColor01.wp-block-columns * {color: var(--colorlight);}
.boxColor01.wp-block-columns .wp-block-column > *:not(.wp-block-image),
.boxColor01.wp-block-columns .wp-block-column.boxLink > a > *:not(.wp-block-image) {padding-left: 10px; padding-right: 10px;}
.boxColor01.wp-block-columns .wp-block-column.boxLink > a {padding-left: 0; padding-right: 0;}

#main .boxLink > a {text-decoration: none; cursor: pointer;display: block;height: 100%;color: inherit;}
#main .boxLink:hover {opacity: var(--hover-opacity);}

#main.search-results h1 span {font-size: var(--fontsize-l);line-height: 1.1;display: block;}
#main.search-results .result {padding-top: 5px;margin-bottom: var(--space-below02);border-top: 1px solid var(--color01);}
#main.search-results .result a {text-decoration: none;font-size: var(--fontsize-l);}
#main.search-results .result a:hover {opacity: var(--hover-opacity);}
#main.search-results .result a.moretag {display: none;}
#main.search-results .result .excerpt {font-size: var(--fontsize-s);} */


#footer {color: var(--colorlight);background: var(--colordark);}
#footer .inside .inside {display: flex;position: relative;}
#footer div div ul li a:hover {text-decoration: underline;}

#footer .line-one .inside {justify-content: space-between;}
#footer .line-one {border-bottom: 1px solid var(--colorlight);padding: 10px 0;}
#footer .line-one ul {text-align: right;margin: 0;}
#footer .line-one ul li {display: inline;margin-left: 15px;margin-right: 0;}
#footer .line-one ul li a {color: var(--colorlight);padding-left: 10px;text-decoration: none;}

#footer .line-two ul {line-height: 40px;}
#footer .line-two ul li {display: block;float: left;margin-right: 20px;}
#footer .line-two ul li :is(a, strong) {color: var(--colorlight);text-decoration: none;font-weight: 400;}
#footer .line-two .submenu > ul {margin: 5px 0 20px 0;}
#footer .line-two .submenu > ul li { float: none;margin-right: 0;line-height: 22px;}

#footer .arrow {position: absolute;bottom: 0;right: var(--side-space01);background: var(--colorlight);border: none;}
#footer .arrow a {display: inline-block;position: relative; width: 36px;height: 28px;}
#footer .arrow a:hover {opacity: 0.5;}
#footer .arrow a::before, #footer .arrow a::after {content: '';display: block;position: absolute;top: 12px;background: var(--colordark);height: 4px;width: 18px;}
#footer .arrow a::before {transform: rotate(-45deg);left: 4px;}
#footer .arrow a::after {transform: rotate(45deg);right: 4px;}


@media screen and (max-width: 1210px) {

   #header .mod_navigation li,
   #header .mod_navigation li > :is(a, strong) {font-size: 14px;}
   #header .mod_navigation li > :is(a, strong) {padding: 0 10px;}

}

@media screen and (max-width: 781px) {

    h1, h2 {font-size: var(--fontsize-l);}

    #main .slick-slider .slick-arrow span {font-size: 50px;line-height: 18px;height: 30px;}
    #main .slick-slider .slick-arrow {width: 25px;}
    #main .slideshow01 .slider-main,
    #main .slideshow01 .slider-nav,
    #main .slideshow02 .slider-wrap,
    #main .slideshow03 .slider-wrap,
    #main .contentslider01 .slider-wrap {padding-left: 25px;padding-right: 25px;}

    #header .topline {height: auto; padding-bottom: 20px;}
    #header .title {padding-top: 40px;}
    #header .title a {width: 200px;}
    #header .extra {position: absolute;top: 0;}
    #header .extra >*:not(#lang) {display: none;}
    #sidebar {}
    #header .extra #lang {text-align: center;margin: 0;}

    #header .mod_navigation {background: var(--color01);}
    #header .mod_navigation .inside {display: block; padding: 0;}
    #header .mod_navigation,
    #header.scrolled #menu-block {position: static;}
    #header .mod_navigation {}
    #header .mod_navigation li {display: block;}
    #header .mod_navigation li a {padding: 0 var(--side-space01);display: block;overflow: hidden;height: 0;}
    #header .mod_navigation .submenu > ul {position: static;background: none;}    
    #header .mod_navigation .submenu > ul a {position: static;background: none;padding-left: 30px;}

    #header.menu-active #menu-block {}
    #header.menu-active #menu li a {height: 30px!important;}

    #header .mod_navigation .wp-block-search {height: 0;overflow: hidden;padding: 0 var(--side-space01);transition: var(--animation01);}
    #header.menu-active #menu-block .wp-block-search {height: 40px;}

   #header #toggle-nav {cursor: pointer;display: block;width: 38px;position: absolute;top: 40px;right: var(--side-space01);z-index: 1;border: none;background: none;}
   #header #toggle-nav span {background: var(--color01);display: block;height: 6px;margin: 6px 0;width: auto;transition: var(--animation01)}

   #header.menu-active #toggle-nav span {opacity: 0;transform-origin: 2px center;}
   #header.menu-active #toggle-nav span:first-child {opacity: 1;transform: rotate(45deg);}
   #header.menu-active #toggle-nav span:last-child {opacity: 1;transform: rotate(-45deg);}

   #header .extra {top: 0;right: 0;width: 100%;text-align: center;border-bottom: 1px solid var(--color01);padding: 3px 0;}

   #main .post .thumb {max-width: 30%;}

   #footer .inside {display: block;text-align: center;}
   #footer .line-one {line-height: 26px;padding: 10px 0;}
   #footer ul {text-align: center;}
   #footer ul li {display: block!important;text-align: center;margin: 0;}
   #footer .one {display: none;}

}

@media screen and (max-width: 540px) { }
@media screen and (max-width: 280px) { }

  
/* Slick-Slider css-fix: Hintergrund blitzt sonst durch */
/*.slick-slide:not(.slick-current) {transition-delay: 1200ms !important;}*/

/* Slick-Slider 1.8.0 */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}