:root {
    --brand-blue: #58748E;
    --brand-gray: #2C2F35;

    --black-soft: #0D0D0D;
    --brown: #7F5B4A;
    --brown-light: hsl(from var(--brown) h s 80%);
    --white-soft: #FAFAFA;

    @supports (color: lab(0 0 0)) {
        --brand-blue: lab(48 -7 -20);
        --brand-gray: lab(17 0 -5);

        --black-soft: lab(3.64 0 0);
        --brown: lab(42 17 19);
        --white-soft: lab(98.27 0 0);
    }
    
    --brand-blue-dark: hsl(from var(--brand-blue) h s calc(l * 0.7));
    --brand-blue-light: hsl(from var(--brand-blue) h s 90%);
    
    
    --color-accent: var(--brand-blue);
    --color-accent-primary: var(--brown);
    --color-accent-special: var(--brown);
    --color-action: var(--color-accent);
    --color-action-hover: var(--color-accent-primary);
    --color-text: var(--brand-gray);
    
    --border-radius: 12px;
}


.nav-meta a.test {
    width: auto;
    background-color: #FFF;
}

.nav-meta a.test .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    font-size: 48px;
}

a:focus-visible {
/*    outline: 2px solid black !important;
    box-shadow: 0 0 0 4px #F0F !important;
    border-radius: 5px !important;*/

    border-radius: 2px;
    outline: 2px solid black;
    outline-offset: 4px;
    box-shadow: 0 0 0 4px #fff;
    transition: box-shadow 0.2s ease, outline 0.2s ease;    
}

/* Source Sans 3 – Latin */
@font-face {
  font-display: swap;
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 200;
  src: url('../font/source-sans-3/source-sans-3-v19-latin-200.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 200;
  src: url('../font/source-sans-3/source-sans-3-v19-latin-200italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 300;
  src: url('../font/source-sans-3/source-sans-3-v19-latin-300.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 300;
  src: url('../font/source-sans-3/source-sans-3-v19-latin-300italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  src: url('../font/source-sans-3/source-sans-3-v19-latin-regular.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 400;
  src: url('../font/source-sans-3/source-sans-3-v19-latin-italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 500;
  src: url('../font/source-sans-3/source-sans-3-v19-latin-500.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 500;
  src: url('../font/source-sans-3/source-sans-3-v19-latin-500italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 600;
  src: url('../font/source-sans-3/source-sans-3-v19-latin-600.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 600;
  src: url('../font/source-sans-3/source-sans-3-v19-latin-600italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  src: url('../font/source-sans-3/source-sans-3-v19-latin-700.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 700;
  src: url('../font/source-sans-3/source-sans-3-v19-latin-700italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 800;
  src: url('../font/source-sans-3/source-sans-3-v19-latin-800.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 800;
  src: url('../font/source-sans-3/source-sans-3-v19-latin-800italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 900;
  src: url('../font/source-sans-3/source-sans-3-v19-latin-900.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 900;
  src: url('../font/source-sans-3/source-sans-3-v19-latin-900italic.woff2') format('woff2');
}


/* Source Serif 4 - Latin */
@font-face {
  font-display: swap;
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 200;
  src: url('../font/source-serif-4/source-serif-4-v14-latin-200.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Source Serif 4';
  font-style: italic;
  font-weight: 200;
  src: url('../font/source-serif-4/source-serif-4-v14-latin-200italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 300;
  src: url('../font/source-serif-4/source-serif-4-v14-latin-300.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Source Serif 4';
  font-style: italic;
  font-weight: 300;
  src: url('../font/source-serif-4/source-serif-4-v14-latin-300italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 400;
  src: url('../font/source-serif-4/source-serif-4-v14-latin-regular.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Source Serif 4';
  font-style: italic;
  font-weight: 400;
  src: url('../font/source-serif-4/source-serif-4-v14-latin-italic.woff2') format('woff2');
}

/* source-serif-4-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 500;
  src: url('../font/source-serif-4/source-serif-4-v14-latin-500.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Source Serif 4';
  font-style: italic;
  font-weight: 500;
  src: url('../font/source-serif-4/source-serif-4-v14-latin-500italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 600;
  src: url('../font/source-serif-4/source-serif-4-v14-latin-600.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Source Serif 4';
  font-style: italic;
  font-weight: 600;
  src: url('../font/source-serif-4/source-serif-4-v14-latin-600italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 700;
  src: url('../font/source-serif-4/source-serif-4-v14-latin-700.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Source Serif 4';
  font-style: italic;
  font-weight: 700;
  src: url('../font/source-serif-4/source-serif-4-v14-latin-700italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 800;
  src: url('../font/source-serif-4/source-serif-4-v14-latin-800.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Source Serif 4';
  font-style: italic;
  font-weight: 800;
  src: url('../font/source-serif-4/source-serif-4-v14-latin-800italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 900;
  src: url('../font/source-serif-4/source-serif-4-v14-latin-900.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Source Serif 4';
  font-style: italic;
  font-weight: 900;
  src: url('../font/source-serif-4/source-serif-4-v14-latin-900italic.woff2') format('woff2');
}

/* icon */
@font-face {
    font-family:'icon';
    font-style:normal;
    font-weight:normal;
    font-display:block;
    src:url('../font/icon/icon.ttf?f084zx') format('truetype'),
        url('../font/icon/icon.woff?f084zx') format('woff'),
        url('../font/icon/icon.svg?f084zx#icon') format('svg');
}
[class^="icon-"], [class*=" icon-"] {
	font-family:'icon' !important;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	speak:none;
}
.icon-icon_kununu:before {
  content: "\e90a";
}
.icon-facebook1:before {
  content: "\ea90";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-youtube:before {
  content: "\ea9d";
}
.icon-linkedin2:before {
  content: "\eaca";
}
.icon-xing2:before {
  content: "\ead4";
}
.icon-zoom_out_map:before {
  content: "\e905";
}
.icon-calendar:before {
  content: "\e903";
}
.icon-chevron-right:before {
  content: "\e907";
}
.icon-clock:before {
  content: "\e918";
  position: relative; left: -3px;
  font-size: 1.7em;
}
.icon-info:before {
  content: "\e919";
}
.icon-link-extern:before {
  content: "\e91b";
}
.icon-link-extern-alt:before {
  content: "\e91c";
}
.icon-minus:before {
  content: "\e91d";
}
.icon-plus:before {
  content: "\e91e";
}
.icon-x:before {
  content: "\e91f";
}
.icon-certificate:before {
  content: "\e916";
}
.icon-chat:before {
  content: "\e917";
}
.icon-arrow-right:before {
  content: "\e900";
}
.icon-bubble:before {
  content: "\e901";
}
.icon-bubble-alt:before {
  content: "\e902";
}
.icon-circle:before {
  content: "\e904";
}
.icon-download:before {
  content: "\e906";
}
.icon-facebook:before {
  content: "\e908";
}
.icon-fax:before {
  content: "\e909";
}
.icon-lightbulb:before {
  content: "\e90b";
}
.icon-location:before {
  content: "\e90c";
}
.icon-mail:before {
  content: "\e90d";
}
.icon-menu:before {
  content: "\e90e";
}
.icon-btg-minus:before {
  content: "\e90f";
}
.icon-paper-plane:before {
  content: "\e910";
}
.icon-pencil:before {
  content: "\e911";
}
.icon-phone:before {
  content: "\e912";
}
.icon-btg-plus:before {
  content: "\e913";
}
.icon-btg-plus-alt:before {
  content: "\e914";
}
.icon-search:before {
  content: "\e915";
}