:root {
    --brand-blue: #0096D7;
    --brand-green: #37AA32;
    --brand-red: #CC0C0F;

    --black-soft: #0D0D0D;
    --gray-deep: #222222;
    --white-soft: #FAFAFA;

    @supports (color: lab(0 0 0)) {
        --brand-blue: lab(58 -17 -44);
        --brand-green: lab(61 -51 48);
        --brand-red: lab(44 67 53);

        --black-soft: lab(3.64 0 0);
        --gray-deep: lab(13.23 0 0);
        --white-soft: lab(98.27 0 0);
    }

    --color-accent: #3A8C2D;
    /*--color-accent: #2C6A22;*/
    --color-accent-primary: #0096D7;
    --color-accent-special: var(--brand-red);
}

:root {
    --color-action: var(--color-accent-special);
    --color-action-hover: color-mix(in srgb, var(--color-action), black 25%);
}

    /*
        #8F7085
        #00558C
    
        #009ee3
        
        DEFAULT
        --color-accent: #0077cc;

Mittelblau	#0077cc	Neutral, seriös, klassischer Web-Farbton
Türkis	#17a2b8	Frisch, modern, nah an Bootstrap's info
Violett	#6f42c1	Elegant, kreativ, etwas auffälliger
Grün	#28a745	Positiv, geeignet für Success/CTAs

    */

/* Encode Sans – Latin */
@font-face {
  font-display: swap;
  font-family: 'Encode Sans';
  font-style: normal;
  font-weight: 100;
  src: url('../font/encode-sans/encode-sans-v19-latin-100.woff2') format('woff2'),
       url('../font/encode-sans/encode-sans-v19-latin-100.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Encode Sans';
  font-style: normal;
  font-weight: 200;
  src: url('../font/encode-sans/encode-sans-v19-latin-200.woff2') format('woff2'),
       url('../font/encode-sans/encode-sans-v19-latin-200.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Encode Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../font/encode-sans/encode-sans-v19-latin-300.woff2') format('woff2'),
       url('../font/encode-sans/encode-sans-v19-latin-300.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Encode Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../font/encode-sans/encode-sans-v19-latin-regular.woff2') format('woff2'),
       url('../font/encode-sans/encode-sans-v19-latin-regular.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Encode Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../font/encode-sans/encode-sans-v19-latin-500.woff2') format('woff2'),
       url('../font/encode-sans/encode-sans-v19-latin-500.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Encode Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../font/encode-sans/encode-sans-v19-latin-600.woff2') format('woff2'),
       url('../font/encode-sans/encode-sans-v19-latin-600.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Encode Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../font/encode-sans/encode-sans-v19-latin-700.woff2') format('woff2'),
       url('../font/encode-sans/encode-sans-v19-latin-700.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Encode Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../font/encode-sans/encode-sans-v19-latin-800.woff2') format('woff2'),
       url('../font/encode-sans/encode-sans-v19-latin-800.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Encode Sans';
  font-style: normal;
  font-weight: 900;
  src: url('../font/encode-sans/encode-sans-v19-latin-900.woff2') format('woff2'),
       url('../font/encode-sans/encode-sans-v19-latin-900.ttf') format('truetype');
}
/* Encode Sans Condensed – Latin */
@font-face {
  font-display: swap;
  font-family: 'Encode Sans Condensed';
  font-style: normal;
  font-weight: 100;
  src: url('../font/encode-sans-condensed/encode-sans-condensed-v10-latin-100.woff2') format('woff2'),
       url('../font/encode-sans-condensed/encode-sans-condensed-v10-latin-100.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Encode Sans Condensed';
  font-style: normal;
  font-weight: 200;
  src: url('../font/encode-sans-condensed/encode-sans-condensed-v10-latin-200.woff2') format('woff2'),
       url('../font/encode-sans-condensed/encode-sans-condensed-v10-latin-200.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Encode Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../font/encode-sans-condensed/encode-sans-condensed-v10-latin-300.woff2') format('woff2'),
       url('../font/encode-sans-condensed/encode-sans-condensed-v10-latin-300.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Encode Sans Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../font/encode-sans-condensed/encode-sans-condensed-v10-latin-regular.woff2') format('woff2'),
       url('../font/encode-sans-condensed/encode-sans-condensed-v10-latin-regular.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Encode Sans Condensed';
  font-style: normal;
  font-weight: 500;
  src: url('../font/encode-sans-condensed/encode-sans-condensed-v10-latin-500.woff2') format('woff2'),
       url('../font/encode-sans-condensed/encode-sans-condensed-v10-latin-500.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Encode Sans Condensed';
  font-style: normal;
  font-weight: 600;
  src: url('../font/encode-sans-condensed/encode-sans-condensed-v10-latin-600.woff2') format('woff2'),
       url('../font/encode-sans-condensed/encode-sans-condensed-v10-latin-600.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Encode Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../font/encode-sans-condensed/encode-sans-condensed-v10-latin-700.woff2') format('woff2'),
       url('../font/encode-sans-condensed/encode-sans-condensed-v10-latin-700.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Encode Sans Condensed';
  font-style: normal;
  font-weight: 800;
  src: url('../font/encode-sans-condensed/encode-sans-condensed-v10-latin-800.woff2') format('woff2'),
       url('../font/encode-sans-condensed/encode-sans-condensed-v10-latin-800.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Encode Sans Condensed';
  font-style: normal;
  font-weight: 900;
  src: url('../font/encode-sans-condensed/encode-sans-condensed-v10-latin-900.woff2') format('woff2'),
       url('../font/encode-sans-condensed/encode-sans-condensed-v10-latin-900.ttf') format('truetype');
}

/* 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";
}





/*.icon-mlm-bed:before {
  content: "\e933";
}
.icon-mlm-bell:before {
  content: "\e934";
}
.icon-mlm-hangers:before {
  content: "\e935";
}
.icon-mlm-shirt:before {
  content: "\e936";
}
.icon-mlm-award:before {
  content: "\e92d";
}
.icon-mlm-chat:before {
  content: "\e92e";
}
.icon-mlm-flower:before {
  content: "\e92f";
}
.icon-mlm-protection:before {
  content: "\e930";
}
.icon-mlm-sparkle:before {
  content: "\e931";
}
.icon-mlm-truck:before {
  content: "\e932";
}
.icon-mlm-leaf:before {
  content: "\e92c";
}
.icon-mlm-organization:before {
  content: "\e92b";
}

.icon-mlm-alert:before {
  content: "\e911";
}
.icon-mlm-bluetooth:before {
  content: "\e912";
}
.icon-mlm-collection-2:before {
  content: "\e913";
}
.icon-mlm-collection-3:before {
  content: "\e914";
}
.icon-mlm-doc-pdf:before {
  content: "\e915";
}
.icon-mlm-email:before {
  content: "\e916";
}
.icon-mlm-fax:before {
  content: "\e917";
}
.icon-mlm-file:before {
  content: "\e918";
}
.icon-mlm-heart:before {
  content: "\e919";
}
.icon-mlm-phone:before {
  content: "\e91a";
}
.icon-mlm-round-arrow:before {
  content: "\e91b";
}
.icon-mlm-round-bluetooth:before {
  content: "\e91c";
}
.icon-mlm-round-close:before {
  content: "\e91d";
}
.icon-mlm-round-minus:before {
  content: "\e91e";
}
.icon-mlm-round-plus:before {
  content: "\e91f";
}
.icon-mlm-search:before {
  content: "\e920";
}
.icon-mlm-smartphone:before {
  content: "\e921";
}
.icon-mlm-star:before {
  content: "\e922";
}
.icon-mlm-trash:before {
  content: "\e923";
}
.icon-mlm-trash-2:before {
  content: "\e924";
}
.icon-mlm-video:before {
  content: "\e925";
}
.icon-mlm-video-2:before {
  content: "\e926";
}
.icon-mlm-authentication:before {
  content: "\e927";
}
.icon-mlm-collection:before {
  content: "\e928";
}
.icon-mlm-language:before {
  content: "\e929";
}
.icon-mlm-navigation:before {
  content: "\e92a";
}
.icon-email:before {
  content: "\e910";
}
.icon-mobile:before {
  content: "\e907";
}
.icon-fax:before {
  content: "\e909";
}
.icon-search:before {
  content: "\e90a";
}
.icon-mlm-bubbles:before {
  content: "\e906";
}
.icon-mlm-bulb:before {
  content: "\e90c";
}
.icon-mlm-certificate:before {
  content: "\e90d";
}
.icon-mlm-gears:before {
  content: "\e90e";
}
.icon-mlm-handshake:before {
  content: "\e90f";
}
.icon-expand:before {
  content: "\f065";
}
.icon-compress:before {
  content: "\f066";
}
.icon-info:before {
  content: "\f129";
}
.icon-ellipsis-h:before {
  content: "\f141";
}
.icon-ellipsis-v:before {
  content: "\f142";
}
.icon-map-world:before {
  content: "\e64d";
}
.icon-google-plus:before {
  content: "\ea89";
}
.icon-facebook:before {
  content: "\ea8d";
}
.icon-twitter:before {
  content: "\ea92";
}
.icon-youtube:before {
  content: "\ea9a";
}
.icon-education:before {
  content: "\e637";
}
.icon-location:before {
  content: "\e63e";
}
.icon-smile:before {
  content: "\e634";
}
.icon-happy:before {
  content: "\e635";
}
.icon-phone:before {
  content: "\e63c";
}
.icon-pencil:before {
  content: "\e63f";
}
.icon-paperclip:before {
  content: "\e640";
}
.icon-bubbles:before {
  content: "\e642";
}
.icon-users:before {
  content: "\e628";
}
.icon-key:before {
  content: "\e629";
}
.icon-arrow-right:before {
  content: "\e62a";
}
.icon-arrow-left:before {
  content: "\e62b";
}
.icon-help:before {
  content: "\e62c";
}
.icon-document:before {
  content: "\e62d";
}
.icon-truck:before {
  content: "\e62e";
}
.icon-alert:before {
  content: "\e62f";
}
.icon-true:before {
  content: "\e630";
}
.icon-user:before {
  content: "\e631";
}
.icon-basket:before {
  content: "\e632";
}
.icon-caret-down:before {
  content: "\e624";
}
.icon-caret-up:before {
  content: "\e625";
}
.icon-search1:before {
  content: "\e602";
}
.icon-mlm-plus:before {
  content: "\e603";
}
.icon-play:before {
  content: "\e604";
}
.icon-coffee:before {
  content: "\e60a";
}
.icon-auto:before {
  content: "\e60b";
}
.icon-attachment:before {
  content: "\e60c";
}
.icon-star:before {
  content: "\e60f";
}
.icon-star-empty:before {
  content: "\e610";
}
.icon-reorder:before {
  content: "\e611";
}
.icon-chevron-left:before {
  content: "\e612";
}
.icon-chevron-right:before {
  content: "\e613";
}
.icon-comments:before {
  content: "\e614";
}
.icon-plus:before {
  content: "\e616";
}
.icon-minus:before {
  content: "\e617";
}
.icon-caret-left:before {
  content: "\e61f";
}
.icon-caret-right:before {
  content: "\e620";
}
.icon-angle-left:before {
  content: "\e621";
}
.icon-angle-right:before {
  content: "\e622";
}
.icon-th:before {
  content: "\f00a";
}
.icon-image:before {
  content: "\e900";
}
.icon-images:before {
  content: "\e901";
}
.icon-camera:before {
  content: "\e902";
}
.icon-file-empty:before {
  content: "\e903";
}
.icon-qrcode:before {
  content: "\e905";
}
.icon-clock2:before {
  content: "\e908";
}
.icon-file-pdf:before {
  content: "\e90b";
}
.icon-link-external:before {
  content: "\e904";
}*/