/* Document
 * ========================================================================== */

/**
 * 1. Add border box sizing in all browsers (opinionated).
 * 2. Backgrounds do not repeat by default (opinionated).
 */

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  background-repeat: no-repeat; /* 2 */
}

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritance in all browsers (opinionated).
 */

::before,
::after {
  text-decoration: inherit; /* 1 */
  vertical-align: inherit; /* 2 */
}

/**
 * 1. Use the default cursor in all browsers (opinionated).
 * 2. Change the line height in all browsers (opinionated).
 * 3. Breaks words to prevent overflow in all browsers (opinionated).
 * 4. Use a 4-space tab width in all browsers (opinionated).
 * 5. Remove the grey highlight on links in iOS (opinionated).
 * 6. Prevent adjustments of font size after orientation changes in iOS.
 */

:where(:root) {
  cursor: default; /* 1 */
  line-height: 1.5; /* 2 */
  overflow-wrap: break-word; /* 3 */
  -moz-tab-size: 4; /* 4 */
  tab-size: 4; /* 4 */
  -webkit-tap-highlight-color: transparent; /* 5 */
  -webkit-text-size-adjust: 100%; /* 6 */
  text-size-adjust: 100%; /* 6 */
}

/* Sections
 * ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

:where(body) {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Edge, Firefox, and Safari.
 */

:where(h1) {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
 * ========================================================================== */

/**
 * Remove the margin on nested lists in Chrome, Edge, and Safari.
 */

:where(dl, ol, ul) :where(dl, ol, ul) {
  margin: 0;
}

/**
 * 1. Correct the inheritance of border color in Firefox.
 * 2. Add the correct box sizing in Firefox.
 */

:where(hr) {
  color: inherit; /* 1 */
  height: 0; /* 2 */
}

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */

:where(nav) :where(ol, ul) {
  list-style-type: none;
  padding: 0;
}

/**
 * Prevent VoiceOver from ignoring list semantics in Safari (opinionated).
 */

:where(nav li)::before {
  content: "\200B";
  float: left;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 * 3. Prevent overflow of the container in all browsers (opinionated).
 */

:where(pre) {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
  overflow: auto; /* 3 */
}

/* Text-level semantics
 * ========================================================================== */

/**
 * Add the correct text decoration in Safari.
 */

:where(abbr[title]) {
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

:where(b, strong) {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

:where(code, kbd, samp) {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

:where(small) {
  font-size: 80%;
}

/* Embedded content
 * ========================================================================== */

/*
 * Change the alignment on media elements in all browsers (opinionated).
 */

:where(audio, canvas, iframe, img, svg, video) {
  vertical-align: middle;
}

/**
 * Remove the border on iframes in all browsers (opinionated).
 */

:where(iframe) {
  border-style: none;
}

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */

:where(svg:not([fill])) {
  fill: currentColor;
}

/* Tabular data
 * ========================================================================== */

/**
 * 1. Collapse border spacing in all browsers (opinionated).
 * 2. Correct table border color in Chrome, Edge, and Safari.
 * 3. Remove text indentation from table contents in Chrome, Edge, and Safari.
 */

:where(table) {
  border-collapse: collapse; /* 1 */
  border-color: currentColor; /* 2 */
  text-indent: 0; /* 3 */
}

/* Forms
 * ========================================================================== */

/**
 * Remove the margin on controls in Safari.
 */

:where(button, input, select) {
  margin: 0;
}

/**
 * Correct the inability to style buttons in iOS and Safari.
 */

:where(button, [type="button" i], [type="reset" i], [type="submit" i]) {
  -webkit-appearance: button;
}

/**
 * Change the inconsistent appearance in all browsers (opinionated).
 */

:where(fieldset) {
  border: 1px solid #a0a0a0;
}

/**
 * Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */

:where(progress) {
  vertical-align: baseline;
}

/**
 * 1. Remove the margin in Firefox and Safari.
 * 3. Change the resize direction in all browsers (opinionated).
 */

:where(textarea) {
  margin: 0; /* 1 */
  resize: vertical; /* 3 */
}

/**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */

:where([type="search" i]) {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
 * ========================================================================== */

/*
 * Add the correct styles in Safari.
 */

:where(dialog) {
  background-color: white;
  border: solid;
  color: black;
  height: -moz-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: fit-content;
}

:where(dialog:not([open])) {
  display: none;
}

/*
 * Add the correct display in Safari.
 */

:where(details > summary:first-of-type) {
  display: list-item;
}

/* Accessibility
 * ========================================================================== */

/**
 * Change the cursor on busy elements in all browsers (opinionated).
 */

:where([aria-busy="true" i]) {
  cursor: progress;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements in all browsers (opinionated).
 */

:where([aria-disabled="true" i], [disabled]) {
  cursor: not-allowed;
}

/*
 * Change the display on visually hidden accessible elements
 * in all browsers (opinionated).
 */

:where([aria-hidden="false" i][hidden]) {
  display: initial;
}

:where([aria-hidden="false" i][hidden]:not(:focus)) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

@charset "UTF-8";

/* Variable fonts usage:
:root { font-family: "Inter", sans-serif; }
@supports (font-variation-settings: normal) {
  :root { font-family: "InterVariable", sans-serif; font-optical-sizing: auto; }
} */
@font-face {
  font-family: InterVariable;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../../files/contao-theme/fonts/inter/InterVariable.woff2") format("woff2");
}
@font-face {
  font-family: InterVariable;
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("../../files/contao-theme/fonts/inter/InterVariable-Italic.woff2") format("woff2");
}

/* static fonts */
@font-face { font-family: "Inter"; font-style: normal; font-weight: 100; font-display: swap; src: url("../../files/contao-theme/fonts/inter/Inter-Thin.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 100; font-display: swap; src: url("../../files/contao-theme/fonts/inter/Inter-ThinItalic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 200; font-display: swap; src: url("../../files/contao-theme/fonts/inter/Inter-ExtraLight.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 200; font-display: swap; src: url("../../files/contao-theme/fonts/inter/Inter-ExtraLightItalic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 300; font-display: swap; src: url("../../files/contao-theme/fonts/inter/Inter-Light.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 300; font-display: swap; src: url("../../files/contao-theme/fonts/inter/Inter-LightItalic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("../../files/contao-theme/fonts/inter/Inter-Regular.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 400; font-display: swap; src: url("../../files/contao-theme/fonts/inter/Inter-Italic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("../../files/contao-theme/fonts/inter/Inter-Medium.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 500; font-display: swap; src: url("../../files/contao-theme/fonts/inter/Inter-MediumItalic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("../../files/contao-theme/fonts/inter/Inter-SemiBold.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 600; font-display: swap; src: url("../../files/contao-theme/fonts/inter/Inter-SemiBoldItalic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("../../files/contao-theme/fonts/inter/Inter-Bold.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 700; font-display: swap; src: url("../../files/contao-theme/fonts/inter/Inter-BoldItalic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 800; font-display: swap; src: url("../../files/contao-theme/fonts/inter/Inter-ExtraBold.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 800; font-display: swap; src: url("../../files/contao-theme/fonts/inter/Inter-ExtraBoldItalic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 900; font-display: swap; src: url("../../files/contao-theme/fonts/inter/Inter-Black.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 900; font-display: swap; src: url("../../files/contao-theme/fonts/inter/Inter-BlackItalic.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 100; font-display: swap; src: url("../../files/contao-theme/fonts/inter/InterDisplay-Thin.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 100; font-display: swap; src: url("../../files/contao-theme/fonts/inter/InterDisplay-ThinItalic.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 200; font-display: swap; src: url("../../files/contao-theme/fonts/inter/InterDisplay-ExtraLight.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 200; font-display: swap; src: url("../../files/contao-theme/fonts/inter/InterDisplay-ExtraLightItalic.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 300; font-display: swap; src: url("../../files/contao-theme/fonts/inter/InterDisplay-Light.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 300; font-display: swap; src: url("../../files/contao-theme/fonts/inter/InterDisplay-LightItalic.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 400; font-display: swap; src: url("../../files/contao-theme/fonts/inter/InterDisplay-Regular.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 400; font-display: swap; src: url("../../files/contao-theme/fonts/inter/InterDisplay-Italic.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 500; font-display: swap; src: url("../../files/contao-theme/fonts/inter/InterDisplay-Medium.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 500; font-display: swap; src: url("../../files/contao-theme/fonts/inter/InterDisplay-MediumItalic.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 600; font-display: swap; src: url("../../files/contao-theme/fonts/inter/InterDisplay-SemiBold.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 600; font-display: swap; src: url("../../files/contao-theme/fonts/inter/InterDisplay-SemiBoldItalic.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 700; font-display: swap; src: url("../../files/contao-theme/fonts/inter/InterDisplay-Bold.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 700; font-display: swap; src: url("../../files/contao-theme/fonts/inter/InterDisplay-BoldItalic.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 800; font-display: swap; src: url("../../files/contao-theme/fonts/inter/InterDisplay-ExtraBold.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 800; font-display: swap; src: url("../../files/contao-theme/fonts/inter/InterDisplay-ExtraBoldItalic.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 900; font-display: swap; src: url("../../files/contao-theme/fonts/inter/InterDisplay-Black.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 900; font-display: swap; src: url("../../files/contao-theme/fonts/inter/InterDisplay-BlackItalic.woff2") format("woff2"); }

@font-feature-values InterVariable {
    @character-variant {
        cv01: 1; cv02: 2; cv03: 3; cv04: 4; cv05: 5; cv06: 6; cv07: 7; cv08: 8;
        cv09: 9; cv10: 10; cv11: 11; cv12: 12; cv13: 13;
        alt-1:            1; /* Alternate one */
        alt-3:            9; /* Flat-top three */
        open-4:           2; /* Open four */
        open-6:           3; /* Open six */
        open-9:           4; /* Open nine */
        lc-l-with-tail:   5; /* Lower-case L with tail */
        simplified-u:     6; /* Simplified u */
        alt-double-s:     7; /* Alternate German double s */
        uc-i-with-serif:  8; /* Upper-case i with serif */
        uc-g-with-spur:  10; /* Capital G with spur */
        single-story-a:  11; /* Single-story a */
        compact-lc-f:    12; /* Compact f */
        compact-lc-t:    13; /* Compact t */
    }
    @styleset {
        ss01: 1; ss02: 2; ss03: 3; ss04: 4; ss05: 5; ss06: 6; ss07: 7; ss08: 8;
        open-digits: 1;                /* Open digits */
        disambiguation: 2;             /* Disambiguation (with zero) */
        disambiguation-except-zero: 4; /* Disambiguation (no zero) */
        round-quotes-and-commas: 3;    /* Round quotes & commas */
        square-punctuation: 7;         /* Square punctuation */
        square-quotes: 8;              /* Square quotes */
        circled-characters: 5;         /* Circled characters */
        squared-characters: 6;         /* Squared characters */
    }
}
@font-feature-values Inter {
    @character-variant {
        cv01: 1; cv02: 2; cv03: 3; cv04: 4; cv05: 5; cv06: 6; cv07: 7; cv08: 8;
        cv09: 9; cv10: 10; cv11: 11; cv12: 12; cv13: 13;
        alt-1:            1; /* Alternate one */
        alt-3:            9; /* Flat-top three */
        open-4:           2; /* Open four */
        open-6:           3; /* Open six */
        open-9:           4; /* Open nine */
        lc-l-with-tail:   5; /* Lower-case L with tail */
        simplified-u:     6; /* Simplified u */
        alt-double-s:     7; /* Alternate German double s */
        uc-i-with-serif:  8; /* Upper-case i with serif */
        uc-g-with-spur:  10; /* Capital G with spur */
        single-story-a:  11; /* Single-story a */
        compact-lc-f:    12; /* Compact f */
        compact-lc-t:    13; /* Compact t */
    }
    @styleset {
        ss01: 1; ss02: 2; ss03: 3; ss04: 4; ss05: 5; ss06: 6; ss07: 7; ss08: 8;
        open-digits: 1;                /* Open digits */
        disambiguation: 2;             /* Disambiguation (with zero) */
        disambiguation-except-zero: 4; /* Disambiguation (no zero) */
        round-quotes-and-commas: 3;    /* Round quotes & commas */
        square-punctuation: 7;         /* Square punctuation */
        square-quotes: 8;              /* Square quotes */
        circled-characters: 5;         /* Circled characters */
        squared-characters: 6;         /* Squared characters */
    }
}
@font-feature-values InterDisplay {
    @character-variant {
        cv01: 1; cv02: 2; cv03: 3; cv04: 4; cv05: 5; cv06: 6; cv07: 7; cv08: 8;
        cv09: 9; cv10: 10; cv11: 11; cv12: 12; cv13: 13;
        alt-1:            1; /* Alternate one */
        alt-3:            9; /* Flat-top three */
        open-4:           2; /* Open four */
        open-6:           3; /* Open six */
        open-9:           4; /* Open nine */
        lc-l-with-tail:   5; /* Lower-case L with tail */
        simplified-u:     6; /* Simplified u */
        alt-double-s:     7; /* Alternate German double s */
        uc-i-with-serif:  8; /* Upper-case i with serif */
        uc-g-with-spur:  10; /* Capital G with spur */
        single-story-a:  11; /* Single-story a */
        compact-lc-f:    12; /* Compact f */
        compact-lc-t:    13; /* Compact t */
    }
    @styleset {
        ss01: 1; ss02: 2; ss03: 3; ss04: 4; ss05: 5; ss06: 6; ss07: 7; ss08: 8;
        open-digits: 1;                /* Open digits */
        disambiguation: 2;             /* Disambiguation (with zero) */
        disambiguation-except-zero: 4; /* Disambiguation (no zero) */
        round-quotes-and-commas: 3;    /* Round quotes & commas */
        square-punctuation: 7;         /* Square punctuation */
        square-quotes: 8;              /* Square quotes */
        circled-characters: 5;         /* Circled characters */
        squared-characters: 6;         /* Squared characters */
    }
}

/* EOF */
@charset "UTF-8";

::selection {background-color: rgba(255,244,147,0.8); color: #2c3338;}

a, *:focus {color: inherit; outline: 0 none; text-decoration: none;}

a:has(> img) {display: block;}

img {border: 0 none;}

.invisible { /* Contao Klasse */
  border: 0; 
  clip: rect(0 0 0 0); 
  height: 1px; 
  margin: -1px; 
  overflow: hidden; 
  padding: 0; 
  position: absolute; 
  width: 1px; 
}



/**
 * (sanitize.css/assets.css)
 */

/**
 * Restrict sizing to the page width in all browsers (opinionated). 
 */

:where(iframe, img, input, video, select, textarea) {
  height: auto;
  max-width: 100%;
}



/**
 * (sanitize.css/system-ui.css)
 */

/**
 * Add the correct system-ui font-family in Firefox. 
 */

@font-face {
  font-family: system-ui;
  src: local(".AppleSystemUIFont"), local("Segoe UI"), local("Ubuntu"), local("Roboto-Regular"), local("HelveticaNeue");
}

@font-face {
  font-family: system-ui;
  font-style: italic;
  src: local(".AppleSystemUIFont"), local("Segoe UI Italic"), local("Ubuntu-Italic"), local("Roboto-Italic"), local("HelveticaNeue-Italic");
}

@font-face {
  font-family: system-ui;
  font-weight: bold;
  src: local(".AppleSystemUIFont"), local("Segoe UI Bold"), local("Ubuntu-Bold"), local("Roboto-Bold"), local("HelveticaNeue-Bold");
}

@font-face {
  font-family: system-ui;
  font-style: italic;
  font-weight: bold;
  src: local(".AppleSystemUIFont"), local("Segoe UI Bold Italic"), local("Ubuntu-BoldItalic"), local("Roboto-BoldItalic"), local("HelveticaNeue-BoldItalic");
}



/**
 * (sanitize.css/ui-monospace.css)
 */

/**
 * Add the correct system-ui font-family in Chrome, Edge, and Firefox. 
 */

@font-face {
  font-family: ui-monospace;
  src: local(".AppleSystemUIFontMonospaced-Regular"), local("Segoe UI Mono"), local("UbuntuMono"), local("Roboto-Mono"), local("Menlo");
}

@font-face {
  font-family: ui-monospace;
  font-style: italic;
  src: local(".AppleSystemUIFontMonospaced-RegularItalic"), local("Segoe UI Mono Italic"), local("UbuntuMono-Italic"), local("Roboto-Mono-Italic"), local("Menlo-Italic");
}

@font-face {
  font-family: ui-monospace;
  font-weight: bold;
  src: local(".AppleSystemUIFontMonospaced-Bold"), local("Segoe UI Mono Bold"), local("UbuntuMono-Bold"), local("Roboto-Mono-Bold"), local("Menlo-Bold");
}

@font-face {
  font-family: ui-monospace;
  font-style: italic;
  font-weight: bold;
  src: local(".AppleSystemUIFontMonospaced-BoldItalic"), local("Segoe UI Mono Bold Italic"), local("UbuntuMono-BoldItalic"), local("Roboto-Mono-BoldItalic"), local("Menlo-BoldItalic");
}



/**
 * (sanitize.css/typography.css) erweitert um Font Inter
 */

/**
 * Use the default user interface font in all browsers (opinionated). 
 */

html {
  font-family:
    "Inter", 
    system-ui,
    /* macOS 10.11-10.12 */ -apple-system,
    /* Windows 6+ */ "Segoe UI",
    /* Android 4+ */ "Roboto",
    /* Ubuntu 10.10+ */ "Ubuntu",
    /* Gnome 3+ */ "Cantarell",
    /* KDE Plasma 5+ */ "Noto Sans",
    /* fallback */ sans-serif,
    /* macOS emoji */ "Apple Color Emoji",
    /* Windows emoji */ "Segoe UI Emoji",
    /* Windows emoji */ "Segoe UI Symbol",
    /* Linux emoji */ "Noto Color Emoji";
}

/**
 * Use the default monospace user interface font in all browsers (opinionated).
 */

code,
kbd,
samp,
pre {
  font-family:
    ui-monospace,
    /* macOS 10.10+ */ "Menlo",
    /* Windows 6+ */ "Consolas",
    /* Android 4+ */ "Roboto Mono",
    /* Ubuntu 10.10+ */ "Ubuntu Monospace",
    /* KDE Plasma 5+ */ "Noto Mono",
    /* KDE Plasma 4+ */ "Oxygen Mono",
    /* Linux/OpenOffice fallback */ "Liberation Mono",
    /* fallback */ monospace,
    /* macOS emoji */ "Apple Color Emoji",
    /* Windows emoji */ "Segoe UI Emoji",
    /* Windows emoji */ "Segoe UI Symbol",
    /* Linux emoji */ "Noto Color Emoji";
}



/**
 * (sanitize.css/forms.css)
 */

/**
 * 1. Change the inconsistent appearance in all browsers (opinionated).
 * 2. Add typography inheritance in all browsers (opinionated).
 */

:where(button, input, select, textarea) {
  background-color: transparent; /* 1 */
  border: 1px solid WindowFrame; /* 1 */
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  letter-spacing: inherit; /* 2 */
  padding: 0.25em 0.375em; /* 1 */
}

/**
 * Change the inconsistent appearance in all browsers (opinionated).
 */

:where(select) {
  -webkit-appearance: none;
  appearance: none;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Cpath d='M4 0h6L7 4'/%3E%3C/svg%3E") no-repeat right center / 1em;
  border-radius: 0;
  padding-right: 1em;
}

/**
 * Don't show the arrow for multiple choice selects
 */

:where(select[multiple]) {
  background-image: none;
}

/**
 * Remove the border and padding in all browsers (opinionated).
 */

:where([type="color" i], [type="range" i]) {
  border-width: 0;
  padding: 0;
}


/* EOF */

@charset "UTF-8";

:root {
  --color-background: #ffffff;
  --color-background-gray1: #f3f3f3;
  --color-background-gray2: #efefef;
  --color-text: #000000;
  --color-headline: #00458b;
  --color-primary: #00458b;
  --color-secondary: #b81a22;  
  
  --color-black: #000000;
  --color-white: #ffffff;
  --color-gray0: #f6f7f7;
	--color-gray2: #f0f0f1;
  --color-gray5: #dcdcde;
	--color-gray10: #c3c4c7;
  --color-gray20: #a7aaad;
  --color-gray80: #2c3338;
  
  --nav-breakpoint:800;
  --nav-color: var(--color-gray80);
  --nav-active-color: var(--color-primary);
  --nav-item-line-height:1.5;
  --nav-font-size:18px;
  --nav-font-weight:600;
  --nav-icon:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="%23000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg>');
  --nav-icon-background:transparent;
  
  --nav-mobile-background: var(--color-gray10);
  --nav-mobile-color: var(--color-gray80);
  --nav-mobile-active-background:var(--color-gray5);
  --nav-mobile-active-color: var(--color-primary);
  --nav-mobile-active-border-color:#f47c00;
  --nav-mobile-btn-clr:#f47caa;
  --nav-mobile-separator-color:hsla(0,0%,100%,.1);
  --nav-mobile-separator-color: var(--color-white);
  --nav-mobile-padding:120px 20px 20px;
  --nav-mobile-font-size:18px;
  --nav-mobile-backdrop-height:80px;
  --nav-mobile-icon:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg>');
  --nav-submenu-background: var(--color-white);
  --nav-burger-line-color: var(--color-black);
  --skip-background:#172b3b;
  --skip-color:#d3d6da;
  --skip-focus-border-color:#f47c00;
  
  --max-width: 1024px;
}

body{
  background: var(--color-background);
  color: var(--color-text);
  text-rendering: optimizeLegibility;
  word-spacing: 0.16em;
}

header {
  background-color: var(--color-background);
}

/* ## Container Header */
#container-header {
  padding: 0 15px;
}
#container-header .container-inside {
  align-items: center;
  display: grid;
  grid-template-columns: 220px auto;
  margin: 0 auto;
  max-width: var(--max-width);
  padding: 15px 0;
}
#container-header .container-logo {
  padding: 10px 0; 
  text-align: center;
}
#container-header .container-nav {
  padding-left: 25px;
  padding-right: 10px;
}
.nav-burger {
  margin-left: auto;
}
body.nav-is-desktop .navigation-main .level_2 a:hover {
  background-color: var(--color-gray2);
}



/* ## Seitenbild */
#seitenbild {border-bottom: 1px solid var(--color-gray10);}
#seitenbild .image_container {margin: 0; padding: 0;}
#seitenbild .image_container img {
  display: block;
  margin: 0 auto;
  object-fit: contain;
  width: auto;
}



.breadcrumb {
  border-bottom: 1px solid var(--color-gray10);
  display: flex;
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 8px 25px 6px 25px;
}
.breadcrumb ul {
  font-size: .875rem;
  line-height: 1.5;
  display: flex;
  flex-wrap: wrap;
  gap: .5rem 1.5rem;
  margin: 0;
  padding: .5rem 1rem;
  border-radius: 4rem;
  list-style: none;
}
.breadcrumb li {
  display: flex;
  align-items: center;
  gap: .5rem;
  font-weight: 600;
  color: #48535b;
}
.breadcrumb a {
  transition: color .2s ease-in-out,text-decoration .2s ease-in-out;
  color: var(--color-text);
  font-weight: 400;
  text-decoration: none;
  text-decoration: underline rgba(0,0,0,0) .0625rem;
  text-underline-offset: .4em;
}
.breadcrumb li + li::before {
  display: block;
  width: 1rem;
  height: 1rem;
  margin-inline-start: -1.25rem;
  background: rgba(0,0,0,0) url("/files/contao-theme/img/icons/caret-right--gray.svg") center center no-repeat;
  content: "";
}
.breadcrumb a::after {
  content: "";
  display: block;
  height: 2px;
  position: relative;
  transition: width 0.5s ease;
  -webkit-transition: width 0.5s ease;
  -moz-transition: width 0.5s ease;
  -ms-transition: width 0.5s ease;
  width: 0%;
}
.breadcrumb a:hover::after {
  background-color: var(--color-secondary);
  width: 100%;
}



#main .inside {min-height: 260px; padding-bottom: 32px;}

#footer {
  padding-bottom: 1rem;
  padding-top: 2rem;
}

/* ## Navigation Service */
#nav-service ul {margin: 0; padding: 0;}
#nav-service li {
	border-top: 1px solid var(--color-gray10);
	display: block;
}
#nav-service li.active strong {
	color: var(--color-primary);
	font-weight: 400;
}
#nav-service a, #nav-service strong{
	color: #000000;
	display: block;
	font-size: 0.875rem;
	font-weight: 400;
	letter-spacing: 1px;
	margin: 0;
	padding: 10px 10px;
	text-align: center;
}
#nav-service a:hover {color: var(--color-secondary);}



/* ## Fußzeile */
#copyright {border-top: 1px solid var(--color-gray10);}
#copyright p {font-size: 0.75rem; letter-spacing: 1px; margin: 0 auto; padding: 12px 8px; text-align: center;}



/*
 *
  ## Media-Queries
 *
*/

/* 400px = 25em */
@media handheld, screen and (min-width: 25em) {
  #nav-service {
    border-top: 1px solid var(--color-gray10);
		height: 100%;
  }
  #nav-service ul {
    align-items: end;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: 0 auto;
    max-width: var(--max-width);
    padding: 0 16px 0 10px; 
  }
  #nav-service li {
    border-top: 0px solid var(--color-gray10);
  }
  #nav-service li.active strong::after {
    background-color: var(--color-primary);
    content: "";
    display: block;
    height: 2px;
    position: relative;
    transition: width 0.5s ease;
    -webkit-transition: width 0.5s ease;
    -moz-transition: width 0.5s ease;
    -ms-transition: width 0.5s ease;
    width: 100%;
  }
  #nav-service a::after {
    background-color: var(--color-secondary);
    content: "";
    display: block;
    height: 2px;
    position: relative;
    transition: width 0.5s ease;
    -webkit-transition: width 0.5s ease;
    -moz-transition: width 0.5s ease;
    -ms-transition: width 0.5s ease;
    width: 0%;
  }
  #nav-service a:hover {
    color: #000000;
  }
  #nav-service a:hover::after, #nav-service a:focus::after {
    background-color: var(--color-secondary);
    width: 100%;
  }
}
/* 480px = 30em */
@media handheld, screen and (min-width: 30em) {
  #nav-service ul {justify-content: flex-end;}
}
/* 576px = 36em */
@media handheld, screen and (min-width: 36em) {}
/* 600px = 37,5em */
@media handheld, screen and (min-width: 37.5em) {}
/* 768px = 48em */
@media handheld, screen and (min-width: 48em) {}
/* 800px = 50em */
@media handheld, screen and (min-width: 50em) {}
/* 992px = 62em*/
@media handheld, screen and (min-width: 62em) {}
/* 1200px = 75em */
@media handheld, screen and (min-width: 75em) {}
/* 1280px = 80em */
@media handheld, screen and (min-width: 80em) {}
/* 1440px = 90em */
@media handheld, screen and (min-width: 90em) {}


/* EOF */
@charset "UTF-8";

.cv-header-title {
  font-size: 2rem;
	font-weight: 700;
	letter-spacing: 8px;
  max-width: var(--max-width); /* 1024px */
  padding-top: 20px;
  text-align: center;
}

.cv-header {display: grid; max-width: 50rem; padding: 2rem 0 2rem 0;}
.cv-header-text {
  grid-row: 2;
  padding: 0; 
  text-align: left;
}
.cv-subtitle-title {color: #004080; font-size: 1.25rem; margin: 0;
	padding: 26px 0 10px 26px; text-transform: uppercase;}
.name, .adresse, .phone, .e-mail, .born {margin: 0; padding-left: 26px;}
.adresse {padding: 5px 0 0 26px;}
.phone {padding: 5px 0 5px 26px;}
.e-mail {padding: 0 0 5px 26px;}
.cv-header-image {grid-row: 1;}
.cv-header-image figure {margin: 0;}
.cv-header-image img {}
.cv-header-image figcaption {font-size: 0.875rem; padding: 0.25rem 0.5rem 0.5rem 1rem;}

.cv-tags {margin: 0 auto; max-width: 50rem; padding: 20px 10px;}
.cv-tags .tags {font-size: 1.25rem; font-weight: 700; padding-left: 16px;}
.cv-tags .tags-list {font-size: 1rem; letter-spacing: 1px; padding: 1rem;}
.cv-tags .label,
.cv-position .label {
  background-color: var(--color-gray0);
	border: 1px solid #c3c4c7;
	border-radius: 8px;
	color: #262626;
	display: inline-block;
	font-size: 0.75rem;
	font-weight: 700;
	margin-bottom: 8px;
	padding: 5px 8px;
  padding: 10px;
}


.nav-sub-lebenslauf {
/*  padding: 2rem 0; */
}
.nav-sub-lebenslauf ul {
	height: 100%;
	margin: 0 auto;
  max-width: 50rem; /* 800px */
	padding: 0 10px 0 15px; 
  text-align: center;
}
.nav-sub-lebenslauf ul::before {
  content: "weiter zur ... ";
  display: block;
  font-size: 0.875rem;
  height: 100%;
}

.nav-sub-lebenslauf li {
  background: var(--color-gray0);
  border: 1px solid var(--color-gray5);
  border-radius: 4rem;
  display: inline-block;
  font-style: italic;
  margin: 8px 5px ;
}
.nav-sub-lebenslauf a, 
.nav-sub-lebenslauf strong {
  color: var(--color-primary);
	display: block;
  font-size: 0.875rem;
	font-weight: 600;
	letter-spacing: 1px;
	margin: 0;
	padding: 10px;
	text-align: center;
}
.nav-sub-lebenslauf a::after {
  background-color: var(--color-secondary);
	content: "";
	display: block;
	height: 2px;
	position: relative;
	transition: width 0.5s ease;
	-webkit-transition: width 0.5s ease;
	-moz-transition: width 0.5s ease;
	-ms-transition: width 0.5s ease;
	width: 0%;
}
.nav-sub-lebenslauf a:hover::after, 
.nav-sub-lebenslauf a:focus::after {
  background-color: var(--color-secondary);
	width: 100%;
}



.cv-position {background-color: var(--color-background)}
.cv-position:nth-child(2n) {background-color: var(--color-background-gray1);}
.cv-position .position-inside {
  margin: 0 auto; 
  max-width: var(--max-width);
  padding: 26px;
}
.cv-position .date {
  color: #004080; 
  font-size: 1.25rem; 
  font-weight: 700; 
  margin: 0;
}
.cv-position .title {
  font-size: 1.125rem; 
  font-weight: 700; 
  margin: 0;
}
.cv-position .subtitle {
  font-size: 0.875rem; 
  font-weight: 400;
}
.cv-position .subtitle p {margin: 0;}
.cv-position .location {
  font-style: italic; 
  font-weight: 400; 
  margin: 0; 
  padding-bottom: 2px;
}
.cv-position .description {font-size: 0.875rem;}
.cv-position .description p {margin: 0 0 5px 0;}
.cv-position .listing {
  margin: 0 0 8px 0; 
  padding-left: 20px;
}
.cv-position .label {
  background-color: var(--color-gray5);
	border: 1px solid #c3c4c7;
	border-radius: 8px;
	color: #262626;
	display: inline-block;
	font-size: 0.75rem;
	font-weight: 700;
	margin-bottom: 8px;
	padding: 5px 8px;
}


/*
 *
  ## Media-Queries
 *
*/

/* 600px = 37,5em */
@media handheld, screen and (min-width: 37.5em) {
  .nav-sub-lebenslauf ul {
    align-items: end;
    display: flex;
    justify-content: flex-start; 
  }
  .nav-sub-lebenslauf ul::before {
    padding-bottom: 14px;
    margin-bottom: 14px;
  }
}

/* 768px = 48em */
@media handheld, screen and (min-width: 48em) {
  .cv-header {
    grid-template-columns: auto auto;
		margin: 0 auto;
		padding-left: 15px;
		padding-right: 15px;
  }
  .cv-header-text {grid-row: 1;}
  .cv-header-title {margin: 0 auto 2rem auto;}
  .cv-header-image img {max-width: 24.5rem;}
  .cv-header-image figcaption {padding: 0.25rem 0 0 0; max-width: 24.5rem;}
  .cv-position .position-inside {
    display: grid;
    grid-template-columns: 200px auto;
    grid-gap: 16px;
  }
  .cv-position .date {border-right: 1px solid var(--color-gray10);}
  .nav-sub-lebenslauf ul {
    display: flex;
  }
}

@media print {
  @page {
    size: A4 portrait;
    margin: 15mm;
    font-family: arial, Helvetica; sans-serif;
    marks: crop cross;
    prince-trim: 0mm;
    prince-bleed: 0mm;
    @bottom-center {
      content: "Seite " counter(page) " von " counter(pages);
      font-size: 10pt;
    }
    .chapter h1 {page-break-before: always; string-set: chapter-title content();}
    h2, h3 {page-break-after: avoid;}
    p {
      orphans: 3;
      widows: 3;
    }
  }
}

/* EOF */