/* compiled by scssphp v0.6.2 on Thu, 15 Jul 2021 13:51:08 +0200 (0.2003s) */

/*
 ┌┬┐┌─┐┌─┐┌┬┐  ┌─┐┬┌─┐┬ ┬  ┌─┐┌┬┐┌┐ ┬ ┬
 │ ├┤ ├─┤│││  └─┐│└─┐│ │  │ ┬│││├┴┐├─┤
 ┴ └─┘┴ ┴┴ ┴  └─┘┴└─┘└─┘  └─┘┴ ┴└─┘┴ ┴
 */
/*
 ┌┬┐┬─┐ ┬┬┌┐┌┌─┐
 ││││┌┴┬┘││││└─┐
 ┴ ┴┴┴ └─┴┘└┘└─┘
 File: _base/_mixins.scss
 Beschreibung: Vorlagen zum einbinden einer oder mehrerer Deklarationen
 Autor: Roman Kröpl
 Datum: 01.02.2016
 */
/*
 Example:
 @include placeholder {
 font-style:italic;
 color: white;
 font-weight:100;
 }
 */
/*
 ┌─┐┌─┐┌┐┌┌┬┐┌─┐
 ├┤ │ ││││ │ └─┐
 └  └─┘┘└┘ ┴ └─┘
 File: _base/_fonts.scss
 Beshreibung: Beinhaltet alle Schriften
 Autor: Roman Kröpl
 Datum: 29.02.2016
 */
@font-face {
  font-family: 'PT Sans Bold Italic';
  src: url('../fonts/PT-Sans/PTS76F-webfont.eot');
  src: url('../fonts/PT-Sans/PTS76F-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/PT-Sans/PTS76F-webfont.woff') format('woff'), url('../fonts/PT-Sans/PTS76F-webfont.ttf') format('truetype'), url('../fonts/PT-Sans/PTS76F-webfont.svg#pt_sansbold_italic') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'PT Sans Italic';
  src: url('../fonts/PT-Sans/PTS56F-webfont.eot');
  src: url('../fonts/PT-Sans/PTS56F-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/PT-Sans/PTS56F-webfont.woff') format('woff'), url('../fonts/PT-Sans/PTS56F-webfont.ttf') format('truetype'), url('../fonts/PT-Sans/PTS56F-webfont.svg#pt_sansitalic') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'PT Sans Regular';
  src: url('../fonts/PT-Sans/PTS55F-webfont.eot');
  src: url('../fonts/PT-Sans/PTS55F-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/PT-Sans/PTS55F-webfont.woff') format('woff'), url('../fonts/PT-Sans/PTS55F-webfont.ttf') format('truetype'), url('../fonts/PT-Sans/PTS55F-webfont.svg#pt_sansregular') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'PT Sans Bold';
  src: url('../fonts/PT-Sans/PTS75F-webfont.eot');
  src: url('../fonts/PT-Sans/PTS75F-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/PT-Sans/PTS75F-webfont.woff') format('woff'), url('../fonts/PT-Sans/PTS75F-webfont.ttf') format('truetype'), url('../fonts/PT-Sans/PTS75F-webfont.svg#pt_sansbold') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'OpenSans Regular';
  src: url('../fonts/OpenSans/OpenSans-Regular-webfont.eot');
  src: url('../fonts/OpenSans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans/OpenSans-Regular-webfont.woff') format('woff'), url('../fonts/OpenSans/OpenSans-Regular-webfont.ttf') format('truetype'), url('../fonts/OpenSans/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'OpenSans Bold';
  src: url('../fonts/OpenSans/OpenSans-Bold-webfont.eot');
  src: url('../fonts/OpenSans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans/OpenSans-Bold-webfont.woff') format('woff'), url('../fonts/OpenSans/OpenSans-Bold-webfont.ttf') format('truetype'), url('../fonts/OpenSans/OpenSans-Bold-webfont.svg#open_sansregular') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'OpenSans Light';
  src: url('../fonts/OpenSans/OpenSans-Light-webfont.eot');
  src: url('../fonts/OpenSans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans/OpenSans-Light-webfont.woff') format('woff'), url('../fonts/OpenSans/OpenSans-Light-webfont.ttf') format('truetype'), url('../fonts/OpenSans/OpenSans-Light-webfont.svg#open_sansregular') format('svg');
  font-weight: normal;
  font-style: normal; }
/*
 ┬  ┬┌─┐┬─┐┬┌─┐┌┐ ┬  ┌─┐┌┐┌
 └┐┌┘├─┤├┬┘│├─┤├┴┐│  ├┤ │││
 └┘ ┴ ┴┴└─┴┴ ┴└─┘┴─┘└─┘┘└┘
 File: _base/_variables.scss
 Beschreibung: verwendete Variablen
 Autor: Roman Kröpl
 Datum: 29.02.2016
 */
/* 
 Hauptschriftart
 Verwendet in _reset.scss
 */
/*
 alt - Myriad
 $font_normal: "Myriad W01 It", $font_arial;
 $font_light: "Myriad W01 Lt It", $font_arial;
 $font_bold: "Myriad W01 SmBd It", $font_arial;
 $font_regular: "Myriad W01", $font_arial;
 $font_regular_bold: "Myriad W01 SmBd", $font_arial;*/
/*
 Schriften für H1 bis H4
 */
/*
 Fonts für Buttons
 Verwendet in: 
 _cb_formular.scss
 _main.scss
 _newsletter.scss
 */
/* 
 Menu Font
 Verwendet in:
 hauptmenu.scss
 */
/*
 ================
 Farbdefinitionen
 ================
 */
/*
 Hauptmenü
 Verwendet in:
 hauptmenu.scss
 */
/* 
 Footer
 Verwendet in:
 _footer.scss
 */
/* 
 Formulare
 Verwendet in:
 _cookiehinweis.scss
 */
/* 
 Cookiehinweis
 Verwendet in:
 _cookiehinweis.scss
 */
/*
 ┬─┐┌─┐┌─┐┌─┐┌┬┐
 ├┬┘├┤ └─┐├┤  │ 
 ┴└─└─┘└─┘└─┘ ┴ 
 File: _base/_reset.scss
 Beschreibung: Reset default browser styles
 Autor: Roman Kröpl
 Datum: 01.02.2016
 */
html {
  -webkit-font-smoothing: antialiased;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: 10px; }

body {
  line-height: 1.5em;
  font-family: "PT Sans Italic", Arial, sans-serif;
  color: #666;
  overflow-x: hidden;
  width: 100%;
  text-align: left;
  background-color: #fff;
  background-position: top center;
  background-repeat: no-repeat;
  /* Wartungsmodus */ }
  body.wartungsmodus {
    text-align: center; }
    body.wartungsmodus #content {
      margin-top: 100px;
      margin-top: 10rem; }

* {
  margin: 0px;
  margin: 0rem;
  padding: 0px;
  padding: 0rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
/* LINKS */
a {
  color: #bb0d1e;
  -webkit-transition: color 0.3s ease-in;
  -moz-transition: color 0.3s ease-in;
  -ms-transition: color 0.3s ease-in;
  -o-transition: color 0.3s ease-in;
  transition: color 0.3s ease-in;
  text-decoration: none;
  cursor: pointer;
  font-weight: normal;
  outline: none; }
  a:hover {
    text-decoration: underline;
    color: #666; }
  a:active {
    color: #666; }
  a:focus {
    color: #666; }

b, strong {
  font-family: "PT Sans Bold Italic", Arial, sans-serif;
  font-weight: normal; }

input::-ms-clear {
  display: none; }

address {
  font-style: italic;
  margin: 0px 0px 24px 0px;
  margin: 0rem 0rem 2.4rem 0rem; }

abbr[title] {
  border-bottom: 1px dotted; }

code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 14px;
  font-size: 1.4rem;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none; }

pre {
  background: #f5f5f5;
  color: #00619f;
  font-family: monospace, serif;
  font-size: 14px;
  font-size: 1.4rem;
  margin: 20px 0px 20px 0px;
  margin: 2rem 0rem 2rem 0rem;
  overflow: auto;
  padding: 20px;
  padding: 2rem;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

small {
  font-size: smaller; }

sub, sup {
  font-size: 7.5px;
  font-size: 0.75rem;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -5px;
  top: -0.5rem; }

sub {
  bottom: -2.5px;
  bottom: -0.25rem; }

dl {
  margin: 0px 20px;
  margin: 0rem 2rem; }

dt {
  font-weight: bold; }

dd {
  margin: 0px 0px 20px;
  margin: 0rem 0rem 2rem; }

menu, ol, ul {
  padding: 0px;
  padding: 0rem;
  margin: 0px;
  margin: 0rem; }
/* Listenelemente */
ul {
  list-style-type: square;
  margin: 0px 0px 20px 20px;
  margin: 0rem 0rem 2rem 2rem; }

nav ul, nav ol {
  margin: 0px 0px 0px 0px;
  margin: 0rem 0rem 0rem 0rem;
  list-style: none;
  list-style-image: none; }

li > ul, li > ol {
  margin: 0; }

img {
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
  border: 0;
  max-width: 100%;
  height: auto; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }
/*
 ┬ ┬┌─┐┬  ┌─┐┌─┐┬─┐
 ├─┤├┤ │  ├─┘├┤ ├┬┘
 ┴ ┴└─┘┴─┘┴  └─┘┴└─
 File: _base/_helper.scss 
 Beschreibung: hilfreiche CSS Klassen
 Autor: Roman Kröpl
 Datum: 01.02.2016
 */
.gap0 {
  margin-bottom: 0px;
  margin-bottom: 0rem; }

.gap5 {
  margin-bottom: 5px;
  margin-bottom: 0.5rem; }

.gap10 {
  margin-bottom: 10px;
  margin-bottom: 1rem; }

.gap15 {
  margin-bottom: 15px;
  margin-bottom: 1.5rem; }

.gap20 {
  margin-bottom: 20px;
  margin-bottom: 2rem; }

.gap25 {
  margin-bottom: 25px;
  margin-bottom: 2.5rem; }

.gap30 {
  margin-bottom: 30px;
  margin-bottom: 3rem; }

.gap40 {
  margin-bottom: 40px;
  margin-bottom: 4rem; }

.gap60 {
  margin-bottom: 60px;
  margin-bottom: 6rem; }

.nogap {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important; }

.nogap-top {
  margin-top: 0 !important;
  padding-top: 0 !important; }

.padding-xs {
  padding: 5px;
  padding: 0.5rem; }

.padding-sm {
  padding: 15px;
  padding: 1.5rem; }

.padding-md {
  padding: 20px;
  padding: 2rem; }

.padding-lg {
  padding: 30px;
  padding: 3rem; }

.clearfix {
  clear: both; }

.height5 {
  height: 5px;
  height: 0.5rem; }

.height10 {
  height: 10px;
  height: 1rem; }

.height15 {
  height: 15px;
  height: 1.5rem; }

.height20 {
  height: 20px;
  height: 2rem; }

.height25 {
  height: 25px;
  height: 2.5rem; }

.height30 {
  height: 30px;
  height: 3rem; }

.height35 {
  height: 35px;
  height: 3.5rem; }

.height40 {
  height: 40px;
  height: 4rem; }

.height45 {
  height: 45px;
  height: 4.5rem; }

.height50 {
  height: 50px;
  height: 5rem; }

.height55 {
  height: 55px;
  height: 5.5rem; }

.height60 {
  height: 60px;
  height: 6rem; }

.height65 {
  height: 65px;
  height: 6.5rem; }

.height70 {
  height: 70px;
  height: 7rem; }

.height75 {
  height: 75px;
  height: 7.5rem; }

.height80 {
  height: 80px;
  height: 8rem; }

.height85 {
  height: 85px;
  height: 8.5rem; }

.height90 {
  height: 90px;
  height: 9rem; }

.height95 {
  height: 95px;
  height: 9.5rem; }

.height100 {
  height: 100px;
  height: 10rem; }

@font-face {
  font-family: 'icomoon';
  src: url('../fonts/Linearicons/icomoon.eot?vngpn5');
  src: url('../fonts/Linearicons/icomoon.eot?vngpn5#iefix') format('embedded-opentype'), url('../fonts/Linearicons/icomoon.ttf?vngpn5') format('truetype'), url('../fonts/Linearicons/icomoon.woff?vngpn5') format('woff'), url('../fonts/Linearicons/icomoon.svg?vngpn5#icomoon') format('svg');
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-home:before {
  content: "\e900"; }

.icon-home2:before {
  content: "\e901"; }

.icon-home3:before {
  content: "\e902"; }

.icon-home4:before {
  content: "\e903"; }

.icon-home5:before {
  content: "\e904"; }

.icon-home6:before {
  content: "\e905"; }

.icon-bathtub:before {
  content: "\e906"; }

.icon-toothbrush:before {
  content: "\e907"; }

.icon-bed:before {
  content: "\e908"; }

.icon-couch:before {
  content: "\e909"; }

.icon-chair:before {
  content: "\e90a"; }

.icon-city:before {
  content: "\e90b"; }

.icon-apartment:before {
  content: "\e90c"; }

.icon-pencil:before {
  content: "\e90d"; }

.icon-pencil2:before {
  content: "\e90e"; }

.icon-pen:before {
  content: "\e90f"; }

.icon-pencil3:before {
  content: "\e910"; }

.icon-eraser:before {
  content: "\e911"; }

.icon-pencil4:before {
  content: "\e912"; }

.icon-pencil5:before {
  content: "\e913"; }

.icon-feather:before {
  content: "\e914"; }

.icon-feather2:before {
  content: "\e915"; }

.icon-feather3:before {
  content: "\e916"; }

.icon-pen2:before {
  content: "\e917"; }

.icon-pen-add:before {
  content: "\e918"; }

.icon-pen-remove:before {
  content: "\e919"; }

.icon-vector:before {
  content: "\e91a"; }

.icon-pen3:before {
  content: "\e91b"; }

.icon-blog:before {
  content: "\e91c"; }

.icon-brush:before {
  content: "\e91d"; }

.icon-brush2:before {
  content: "\e91e"; }

.icon-spray:before {
  content: "\e91f"; }

.icon-paint-roller:before {
  content: "\e920"; }

.icon-stamp:before {
  content: "\e921"; }

.icon-tape:before {
  content: "\e922"; }

.icon-desk-tape:before {
  content: "\e923"; }

.icon-texture:before {
  content: "\e924"; }

.icon-eye-dropper:before {
  content: "\e925"; }

.icon-palette:before {
  content: "\e926"; }

.icon-color-sampler:before {
  content: "\e927"; }

.icon-bucket:before {
  content: "\e928"; }

.icon-gradient:before {
  content: "\e929"; }

.icon-gradient2:before {
  content: "\e92a"; }

.icon-magic-wand:before {
  content: "\e92b"; }

.icon-magnet:before {
  content: "\e92c"; }

.icon-pencil-ruler:before {
  content: "\e92d"; }

.icon-pencil-ruler2:before {
  content: "\e92e"; }

.icon-compass:before {
  content: "\e92f"; }

.icon-aim:before {
  content: "\e930"; }

.icon-gun:before {
  content: "\e931"; }

.icon-bottle:before {
  content: "\e932"; }

.icon-drop:before {
  content: "\e933"; }

.icon-drop-crossed:before {
  content: "\e934"; }

.icon-drop2:before {
  content: "\e935"; }

.icon-snow:before {
  content: "\e936"; }

.icon-snow2:before {
  content: "\e937"; }

.icon-fire:before {
  content: "\e938"; }

.icon-lighter:before {
  content: "\e939"; }

.icon-knife:before {
  content: "\e93a"; }

.icon-dagger:before {
  content: "\e93b"; }

.icon-tissue:before {
  content: "\e93c"; }

.icon-toilet-paper:before {
  content: "\e93d"; }

.icon-poop:before {
  content: "\e93e"; }

.icon-umbrella:before {
  content: "\e93f"; }

.icon-umbrella2:before {
  content: "\e940"; }

.icon-rain:before {
  content: "\e941"; }

.icon-tornado:before {
  content: "\e942"; }

.icon-wind:before {
  content: "\e943"; }

.icon-fan:before {
  content: "\e944"; }

.icon-contrast:before {
  content: "\e945"; }

.icon-sun-small:before {
  content: "\e946"; }

.icon-sun:before {
  content: "\e947"; }

.icon-sun2:before {
  content: "\e948"; }

.icon-moon:before {
  content: "\e949"; }

.icon-cloud:before {
  content: "\e94a"; }

.icon-cloud-upload:before {
  content: "\e94b"; }

.icon-cloud-download:before {
  content: "\e94c"; }

.icon-cloud-rain:before {
  content: "\e94d"; }

.icon-cloud-hailstones:before {
  content: "\e94e"; }

.icon-cloud-snow:before {
  content: "\e94f"; }

.icon-cloud-windy:before {
  content: "\e950"; }

.icon-sun-wind:before {
  content: "\e951"; }

.icon-cloud-fog:before {
  content: "\e952"; }

.icon-cloud-sun:before {
  content: "\e953"; }

.icon-cloud-lightning:before {
  content: "\e954"; }

.icon-cloud-sync:before {
  content: "\e955"; }

.icon-cloud-lock:before {
  content: "\e956"; }

.icon-cloud-gear:before {
  content: "\e957"; }

.icon-cloud-alert:before {
  content: "\e958"; }

.icon-cloud-check:before {
  content: "\e959"; }

.icon-cloud-cross:before {
  content: "\e95a"; }

.icon-cloud-crossed:before {
  content: "\e95b"; }

.icon-cloud-database:before {
  content: "\e95c"; }

.icon-database:before {
  content: "\e95d"; }

.icon-database-add:before {
  content: "\e95e"; }

.icon-database-remove:before {
  content: "\e95f"; }

.icon-database-lock:before {
  content: "\e960"; }

.icon-database-refresh:before {
  content: "\e961"; }

.icon-database-check:before {
  content: "\e962"; }

.icon-database-history:before {
  content: "\e963"; }

.icon-database-upload:before {
  content: "\e964"; }

.icon-database-download:before {
  content: "\e965"; }

.icon-server:before {
  content: "\e966"; }

.icon-shield:before {
  content: "\e967"; }

.icon-shield-check:before {
  content: "\e968"; }

.icon-shield-alert:before {
  content: "\e969"; }

.icon-shield-cross:before {
  content: "\e96a"; }

.icon-lock:before {
  content: "\e96b"; }

.icon-rotation-lock:before {
  content: "\e96c"; }

.icon-unlock:before {
  content: "\e96d"; }

.icon-key:before {
  content: "\e96e"; }

.icon-key-hole:before {
  content: "\e96f"; }

.icon-toggle-off:before {
  content: "\e970"; }

.icon-toggle-on:before {
  content: "\e971"; }

.icon-cog:before {
  content: "\e972"; }

.icon-cog2:before {
  content: "\e973"; }

.icon-wrench:before {
  content: "\e974"; }

.icon-screwdriver:before {
  content: "\e975"; }

.icon-hammer-wrench:before {
  content: "\e976"; }

.icon-hammer:before {
  content: "\e977"; }

.icon-saw:before {
  content: "\e978"; }

.icon-axe:before {
  content: "\e979"; }

.icon-axe2:before {
  content: "\e97a"; }

.icon-shovel:before {
  content: "\e97b"; }

.icon-pickaxe:before {
  content: "\e97c"; }

.icon-factory:before {
  content: "\e97d"; }

.icon-factory2:before {
  content: "\e97e"; }

.icon-recycle:before {
  content: "\e97f"; }

.icon-trash:before {
  content: "\e980"; }

.icon-trash2:before {
  content: "\e981"; }

.icon-trash3:before {
  content: "\e982"; }

.icon-broom:before {
  content: "\e983"; }

.icon-game:before {
  content: "\e984"; }

.icon-gamepad:before {
  content: "\e985"; }

.icon-joystick:before {
  content: "\e986"; }

.icon-dice:before {
  content: "\e987"; }

.icon-spades:before {
  content: "\e988"; }

.icon-diamonds:before {
  content: "\e989"; }

.icon-clubs:before {
  content: "\e98a"; }

.icon-hearts:before {
  content: "\e98b"; }

.icon-heart:before {
  content: "\e98c"; }

.icon-star:before {
  content: "\e98d"; }

.icon-star-half:before {
  content: "\e98e"; }

.icon-star-empty:before {
  content: "\e98f"; }

.icon-flag:before {
  content: "\e990"; }

.icon-flag2:before {
  content: "\e991"; }

.icon-flag3:before {
  content: "\e992"; }

.icon-mailbox-full:before {
  content: "\e993"; }

.icon-mailbox-empty:before {
  content: "\e994"; }

.icon-at-sign:before {
  content: "\e995"; }

.icon-envelope:before {
  content: "\e996"; }

.icon-envelope-open:before {
  content: "\e997"; }

.icon-paperclip:before {
  content: "\e998"; }

.icon-paper-plane:before {
  content: "\e999"; }

.icon-reply:before {
  content: "\e99a"; }

.icon-reply-all:before {
  content: "\e99b"; }

.icon-inbox:before {
  content: "\e99c"; }

.icon-inbox2:before {
  content: "\e99d"; }

.icon-outbox:before {
  content: "\e99e"; }

.icon-box:before {
  content: "\e99f"; }

.icon-archive:before {
  content: "\e9a0"; }

.icon-archive2:before {
  content: "\e9a1"; }

.icon-drawers:before {
  content: "\e9a2"; }

.icon-drawers2:before {
  content: "\e9a3"; }

.icon-drawers3:before {
  content: "\e9a4"; }

.icon-eye:before {
  content: "\e9a5"; }

.icon-eye-crossed:before {
  content: "\e9a6"; }

.icon-eye-plus:before {
  content: "\e9a7"; }

.icon-eye-minus:before {
  content: "\e9a8"; }

.icon-binoculars:before {
  content: "\e9a9"; }

.icon-binoculars2:before {
  content: "\e9aa"; }

.icon-hdd:before {
  content: "\e9ab"; }

.icon-hdd-down:before {
  content: "\e9ac"; }

.icon-hdd-up:before {
  content: "\e9ad"; }

.icon-floppy-disk:before {
  content: "\e9ae"; }

.icon-disc:before {
  content: "\e9af"; }

.icon-tape2:before {
  content: "\e9b0"; }

.icon-printer:before {
  content: "\e9b1"; }

.icon-shredder:before {
  content: "\e9b2"; }

.icon-file-empty:before {
  content: "\e9b3"; }

.icon-file-add:before {
  content: "\e9b4"; }

.icon-file-check:before {
  content: "\e9b5"; }

.icon-file-lock:before {
  content: "\e9b6"; }

.icon-files:before {
  content: "\e9b7"; }

.icon-copy:before {
  content: "\e9b8"; }

.icon-compare:before {
  content: "\e9b9"; }

.icon-folder:before {
  content: "\e9ba"; }

.icon-folder-search:before {
  content: "\e9bb"; }

.icon-folder-plus:before {
  content: "\e9bc"; }

.icon-folder-minus:before {
  content: "\e9bd"; }

.icon-folder-download:before {
  content: "\e9be"; }

.icon-folder-upload:before {
  content: "\e9bf"; }

.icon-folder-star:before {
  content: "\e9c0"; }

.icon-folder-heart:before {
  content: "\e9c1"; }

.icon-folder-user:before {
  content: "\e9c2"; }

.icon-folder-shared:before {
  content: "\e9c3"; }

.icon-folder-music:before {
  content: "\e9c4"; }

.icon-folder-picture:before {
  content: "\e9c5"; }

.icon-folder-film:before {
  content: "\e9c6"; }

.icon-scissors:before {
  content: "\e9c7"; }

.icon-paste:before {
  content: "\e9c8"; }

.icon-clipboard-empty:before {
  content: "\e9c9"; }

.icon-clipboard-pencil:before {
  content: "\e9ca"; }

.icon-clipboard-text:before {
  content: "\e9cb"; }

.icon-clipboard-check:before {
  content: "\e9cc"; }

.icon-clipboard-down:before {
  content: "\e9cd"; }

.icon-clipboard-left:before {
  content: "\e9ce"; }

.icon-clipboard-alert:before {
  content: "\e9cf"; }

.icon-clipboard-user:before {
  content: "\e9d0"; }

.icon-register:before {
  content: "\e9d1"; }

.icon-enter:before {
  content: "\e9d2"; }

.icon-exit:before {
  content: "\e9d3"; }

.icon-papers:before {
  content: "\e9d4"; }

.icon-news:before {
  content: "\e9d5"; }

.icon-reading:before {
  content: "\e9d6"; }

.icon-typewriter:before {
  content: "\e9d7"; }

.icon-document:before {
  content: "\e9d8"; }

.icon-document2:before {
  content: "\e9d9"; }

.icon-graduation-hat:before {
  content: "\e9da"; }

.icon-license:before {
  content: "\e9db"; }

.icon-license2:before {
  content: "\e9dc"; }

.icon-medal-empty:before {
  content: "\e9dd"; }

.icon-medal-first:before {
  content: "\e9de"; }

.icon-medal-second:before {
  content: "\e9df"; }

.icon-medal-third:before {
  content: "\e9e0"; }

.icon-podium:before {
  content: "\e9e1"; }

.icon-trophy:before {
  content: "\e9e2"; }

.icon-trophy2:before {
  content: "\e9e3"; }

.icon-music-note:before {
  content: "\e9e4"; }

.icon-music-note2:before {
  content: "\e9e5"; }

.icon-music-note3:before {
  content: "\e9e6"; }

.icon-playlist:before {
  content: "\e9e7"; }

.icon-playlist-add:before {
  content: "\e9e8"; }

.icon-guitar:before {
  content: "\e9e9"; }

.icon-trumpet:before {
  content: "\e9ea"; }

.icon-album:before {
  content: "\e9eb"; }

.icon-shuffle:before {
  content: "\e9ec"; }

.icon-repeat-one:before {
  content: "\e9ed"; }

.icon-repeat:before {
  content: "\e9ee"; }

.icon-headphones:before {
  content: "\e9ef"; }

.icon-headset:before {
  content: "\e9f0"; }

.icon-loudspeaker:before {
  content: "\e9f1"; }

.icon-equalizer:before {
  content: "\e9f2"; }

.icon-theater:before {
  content: "\e9f3"; }

.icon-3d-glasses:before {
  content: "\e9f4"; }

.icon-ticket:before {
  content: "\e9f5"; }

.icon-presentation:before {
  content: "\e9f6"; }

.icon-play:before {
  content: "\e9f7"; }

.icon-film-play:before {
  content: "\e9f8"; }

.icon-clapboard-play:before {
  content: "\e9f9"; }

.icon-media:before {
  content: "\e9fa"; }

.icon-film:before {
  content: "\e9fb"; }

.icon-film2:before {
  content: "\e9fc"; }

.icon-surveillance:before {
  content: "\e9fd"; }

.icon-surveillance2:before {
  content: "\e9fe"; }

.icon-camera:before {
  content: "\e9ff"; }

.icon-camera-crossed:before {
  content: "\ea00"; }

.icon-camera-play:before {
  content: "\ea01"; }

.icon-time-lapse:before {
  content: "\ea02"; }

.icon-record:before {
  content: "\ea03"; }

.icon-camera2:before {
  content: "\ea04"; }

.icon-camera-flip:before {
  content: "\ea05"; }

.icon-panorama:before {
  content: "\ea06"; }

.icon-time-lapse2:before {
  content: "\ea07"; }

.icon-shutter:before {
  content: "\ea08"; }

.icon-shutter2:before {
  content: "\ea09"; }

.icon-face-detection:before {
  content: "\ea0a"; }

.icon-flare:before {
  content: "\ea0b"; }

.icon-convex:before {
  content: "\ea0c"; }

.icon-concave:before {
  content: "\ea0d"; }

.icon-picture:before {
  content: "\ea0e"; }

.icon-picture2:before {
  content: "\ea0f"; }

.icon-picture3:before {
  content: "\ea10"; }

.icon-pictures:before {
  content: "\ea11"; }

.icon-book:before {
  content: "\ea12"; }

.icon-audio-book:before {
  content: "\ea13"; }

.icon-book2:before {
  content: "\ea14"; }

.icon-bookmark:before {
  content: "\ea15"; }

.icon-bookmark2:before {
  content: "\ea16"; }

.icon-label:before {
  content: "\ea17"; }

.icon-library:before {
  content: "\ea18"; }

.icon-library2:before {
  content: "\ea19"; }

.icon-contacts:before {
  content: "\ea1a"; }

.icon-profile:before {
  content: "\ea1b"; }

.icon-portrait:before {
  content: "\ea1c"; }

.icon-portrait2:before {
  content: "\ea1d"; }

.icon-user:before {
  content: "\ea1e"; }

.icon-user-plus:before {
  content: "\ea1f"; }

.icon-user-minus:before {
  content: "\ea20"; }

.icon-user-lock:before {
  content: "\ea21"; }

.icon-users:before {
  content: "\ea22"; }

.icon-users2:before {
  content: "\ea23"; }

.icon-users-plus:before {
  content: "\ea24"; }

.icon-users-minus:before {
  content: "\ea25"; }

.icon-group-work:before {
  content: "\ea26"; }

.icon-woman:before {
  content: "\ea27"; }

.icon-man:before {
  content: "\ea28"; }

.icon-baby:before {
  content: "\ea29"; }

.icon-baby2:before {
  content: "\ea2a"; }

.icon-baby3:before {
  content: "\ea2b"; }

.icon-baby-bottle:before {
  content: "\ea2c"; }

.icon-walk:before {
  content: "\ea2d"; }

.icon-hand-waving:before {
  content: "\ea2e"; }

.icon-jump:before {
  content: "\ea2f"; }

.icon-run:before {
  content: "\ea30"; }

.icon-woman2:before {
  content: "\ea31"; }

.icon-man2:before {
  content: "\ea32"; }

.icon-man-woman:before {
  content: "\ea33"; }

.icon-height:before {
  content: "\ea34"; }

.icon-weight:before {
  content: "\ea35"; }

.icon-scale:before {
  content: "\ea36"; }

.icon-button:before {
  content: "\ea37"; }

.icon-bow-tie:before {
  content: "\ea38"; }

.icon-tie:before {
  content: "\ea39"; }

.icon-socks:before {
  content: "\ea3a"; }

.icon-shoe:before {
  content: "\ea3b"; }

.icon-shoes:before {
  content: "\ea3c"; }

.icon-hat:before {
  content: "\ea3d"; }

.icon-pants:before {
  content: "\ea3e"; }

.icon-shorts:before {
  content: "\ea3f"; }

.icon-flip-flops:before {
  content: "\ea40"; }

.icon-shirt:before {
  content: "\ea41"; }

.icon-hanger:before {
  content: "\ea42"; }

.icon-laundry:before {
  content: "\ea43"; }

.icon-store:before {
  content: "\ea44"; }

.icon-haircut:before {
  content: "\ea45"; }

.icon-store-24:before {
  content: "\ea46"; }

.icon-barcode:before {
  content: "\ea47"; }

.icon-barcode2:before {
  content: "\ea48"; }

.icon-barcode3:before {
  content: "\ea49"; }

.icon-cashier:before {
  content: "\ea4a"; }

.icon-bag:before {
  content: "\ea4b"; }

.icon-bag2:before {
  content: "\ea4c"; }

.icon-cart:before {
  content: "\ea4d"; }

.icon-cart-empty:before {
  content: "\ea4e"; }

.icon-cart-full:before {
  content: "\ea4f"; }

.icon-cart-plus:before {
  content: "\ea50"; }

.icon-cart-plus2:before {
  content: "\ea51"; }

.icon-cart-add:before {
  content: "\ea52"; }

.icon-cart-remove:before {
  content: "\ea53"; }

.icon-cart-exchange:before {
  content: "\ea54"; }

.icon-tag:before {
  content: "\ea55"; }

.icon-tags:before {
  content: "\ea56"; }

.icon-receipt:before {
  content: "\ea57"; }

.icon-wallet:before {
  content: "\ea58"; }

.icon-credit-card:before {
  content: "\ea59"; }

.icon-cash-dollar:before {
  content: "\ea5a"; }

.icon-cash-euro:before {
  content: "\ea5b"; }

.icon-cash-pound:before {
  content: "\ea5c"; }

.icon-cash-yen:before {
  content: "\ea5d"; }

.icon-bag-dollar:before {
  content: "\ea5e"; }

.icon-bag-euro:before {
  content: "\ea5f"; }

.icon-bag-pound:before {
  content: "\ea60"; }

.icon-bag-yen:before {
  content: "\ea61"; }

.icon-coin-dollar:before {
  content: "\ea62"; }

.icon-coin-euro:before {
  content: "\ea63"; }

.icon-coin-pound:before {
  content: "\ea64"; }

.icon-coin-yen:before {
  content: "\ea65"; }

.icon-calculator:before {
  content: "\ea66"; }

.icon-calculator2:before {
  content: "\ea67"; }

.icon-abacus:before {
  content: "\ea68"; }

.icon-vault:before {
  content: "\ea69"; }

.icon-telephone:before {
  content: "\ea6a"; }

.icon-phone-lock:before {
  content: "\ea6b"; }

.icon-phone-wave:before {
  content: "\ea6c"; }

.icon-phone-pause:before {
  content: "\ea6d"; }

.icon-phone-outgoing:before {
  content: "\ea6e"; }

.icon-phone-incoming:before {
  content: "\ea6f"; }

.icon-phone-in-out:before {
  content: "\ea70"; }

.icon-phone-error:before {
  content: "\ea71"; }

.icon-phone-sip:before {
  content: "\ea72"; }

.icon-phone-plus:before {
  content: "\ea73"; }

.icon-phone-minus:before {
  content: "\ea74"; }

.icon-voicemail:before {
  content: "\ea75"; }

.icon-dial:before {
  content: "\ea76"; }

.icon-telephone2:before {
  content: "\ea77"; }

.icon-pushpin:before {
  content: "\ea78"; }

.icon-pushpin2:before {
  content: "\ea79"; }

.icon-map-marker:before {
  content: "\ea7a"; }

.icon-map-marker-user:before {
  content: "\ea7b"; }

.icon-map-marker-down:before {
  content: "\ea7c"; }

.icon-map-marker-check:before {
  content: "\ea7d"; }

.icon-map-marker-crossed:before {
  content: "\ea7e"; }

.icon-radar:before {
  content: "\ea7f"; }

.icon-compass2:before {
  content: "\ea80"; }

.icon-map:before {
  content: "\ea81"; }

.icon-map2:before {
  content: "\ea82"; }

.icon-location:before {
  content: "\ea83"; }

.icon-road-sign:before {
  content: "\ea84"; }

.icon-calendar-empty:before {
  content: "\ea85"; }

.icon-calendar-check:before {
  content: "\ea86"; }

.icon-calendar-cross:before {
  content: "\ea87"; }

.icon-calendar-31:before {
  content: "\ea88"; }

.icon-calendar-full:before {
  content: "\ea89"; }

.icon-calendar-insert:before {
  content: "\ea8a"; }

.icon-calendar-text:before {
  content: "\ea8b"; }

.icon-calendar-user:before {
  content: "\ea8c"; }

.icon-mouse:before {
  content: "\ea8d"; }

.icon-mouse-left:before {
  content: "\ea8e"; }

.icon-mouse-right:before {
  content: "\ea8f"; }

.icon-mouse-both:before {
  content: "\ea90"; }

.icon-keyboard:before {
  content: "\ea91"; }

.icon-keyboard-up:before {
  content: "\ea92"; }

.icon-keyboard-down:before {
  content: "\ea93"; }

.icon-delete:before {
  content: "\ea94"; }

.icon-spell-check:before {
  content: "\ea95"; }

.icon-escape:before {
  content: "\ea96"; }

.icon-enter2:before {
  content: "\ea97"; }

.icon-screen:before {
  content: "\ea98"; }

.icon-aspect-ratio:before {
  content: "\ea99"; }

.icon-signal:before {
  content: "\ea9a"; }

.icon-signal-lock:before {
  content: "\ea9b"; }

.icon-signal-80:before {
  content: "\ea9c"; }

.icon-signal-60:before {
  content: "\ea9d"; }

.icon-signal-40:before {
  content: "\ea9e"; }

.icon-signal-20:before {
  content: "\ea9f"; }

.icon-signal-0:before {
  content: "\eaa0"; }

.icon-signal-blocked:before {
  content: "\eaa1"; }

.icon-sim:before {
  content: "\eaa2"; }

.icon-flash-memory:before {
  content: "\eaa3"; }

.icon-usb-drive:before {
  content: "\eaa4"; }

.icon-phone:before {
  content: "\eaa5"; }

.icon-smartphone:before {
  content: "\eaa6"; }

.icon-smartphone-notification:before {
  content: "\eaa7"; }

.icon-smartphone-vibration:before {
  content: "\eaa8"; }

.icon-smartphone-embed:before {
  content: "\eaa9"; }

.icon-smartphone-waves:before {
  content: "\eaaa"; }

.icon-tablet:before {
  content: "\eaab"; }

.icon-tablet2:before {
  content: "\eaac"; }

.icon-laptop:before {
  content: "\eaad"; }

.icon-laptop-phone:before {
  content: "\eaae"; }

.icon-desktop:before {
  content: "\eaaf"; }

.icon-launch:before {
  content: "\eab0"; }

.icon-new-tab:before {
  content: "\eab1"; }

.icon-window:before {
  content: "\eab2"; }

.icon-cable:before {
  content: "\eab3"; }

.icon-cable2:before {
  content: "\eab4"; }

.icon-tv:before {
  content: "\eab5"; }

.icon-radio:before {
  content: "\eab6"; }

.icon-remote-control:before {
  content: "\eab7"; }

.icon-power-switch:before {
  content: "\eab8"; }

.icon-power:before {
  content: "\eab9"; }

.icon-power-crossed:before {
  content: "\eaba"; }

.icon-flash-auto:before {
  content: "\eabb"; }

.icon-lamp:before {
  content: "\eabc"; }

.icon-flashlight:before {
  content: "\eabd"; }

.icon-lampshade:before {
  content: "\eabe"; }

.icon-cord:before {
  content: "\eabf"; }

.icon-outlet:before {
  content: "\eac0"; }

.icon-battery-power:before {
  content: "\eac1"; }

.icon-battery-empty:before {
  content: "\eac2"; }

.icon-battery-alert:before {
  content: "\eac3"; }

.icon-battery-error:before {
  content: "\eac4"; }

.icon-battery-low1:before {
  content: "\eac5"; }

.icon-battery-low2:before {
  content: "\eac6"; }

.icon-battery-low3:before {
  content: "\eac7"; }

.icon-battery-mid1:before {
  content: "\eac8"; }

.icon-battery-mid2:before {
  content: "\eac9"; }

.icon-battery-mid3:before {
  content: "\eaca"; }

.icon-battery-full:before {
  content: "\eacb"; }

.icon-battery-charging:before {
  content: "\eacc"; }

.icon-battery-charging2:before {
  content: "\eacd"; }

.icon-battery-charging3:before {
  content: "\eace"; }

.icon-battery-charging4:before {
  content: "\eacf"; }

.icon-battery-charging5:before {
  content: "\ead0"; }

.icon-battery-charging6:before {
  content: "\ead1"; }

.icon-battery-charging7:before {
  content: "\ead2"; }

.icon-chip:before {
  content: "\ead3"; }

.icon-chip-x64:before {
  content: "\ead4"; }

.icon-chip-x86:before {
  content: "\ead5"; }

.icon-bubble:before {
  content: "\ead6"; }

.icon-bubbles:before {
  content: "\ead7"; }

.icon-bubble-dots:before {
  content: "\ead8"; }

.icon-bubble-alert:before {
  content: "\ead9"; }

.icon-bubble-question:before {
  content: "\eada"; }

.icon-bubble-text:before {
  content: "\eadb"; }

.icon-bubble-pencil:before {
  content: "\eadc"; }

.icon-bubble-picture:before {
  content: "\eadd"; }

.icon-bubble-video:before {
  content: "\eade"; }

.icon-bubble-user:before {
  content: "\eadf"; }

.icon-bubble-quote:before {
  content: "\eae0"; }

.icon-bubble-heart:before {
  content: "\eae1"; }

.icon-bubble-emoticon:before {
  content: "\eae2"; }

.icon-bubble-attachment:before {
  content: "\eae3"; }

.icon-phone-bubble:before {
  content: "\eae4"; }

.icon-quote-open:before {
  content: "\eae5"; }

.icon-quote-close:before {
  content: "\eae6"; }

.icon-dna:before {
  content: "\eae7"; }

.icon-heart-pulse:before {
  content: "\eae8"; }

.icon-pulse:before {
  content: "\eae9"; }

.icon-syringe:before {
  content: "\eaea"; }

.icon-pills:before {
  content: "\eaeb"; }

.icon-first-aid:before {
  content: "\eaec"; }

.icon-lifebuoy:before {
  content: "\eaed"; }

.icon-bandage:before {
  content: "\eaee"; }

.icon-bandages:before {
  content: "\eaef"; }

.icon-thermometer:before {
  content: "\eaf0"; }

.icon-microscope:before {
  content: "\eaf1"; }

.icon-brain:before {
  content: "\eaf2"; }

.icon-beaker:before {
  content: "\eaf3"; }

.icon-skull:before {
  content: "\eaf4"; }

.icon-bone:before {
  content: "\eaf5"; }

.icon-construction:before {
  content: "\eaf6"; }

.icon-construction-cone:before {
  content: "\eaf7"; }

.icon-pie-chart:before {
  content: "\eaf8"; }

.icon-pie-chart2:before {
  content: "\eaf9"; }

.icon-graph:before {
  content: "\eafa"; }

.icon-chart-growth:before {
  content: "\eafb"; }

.icon-chart-bars:before {
  content: "\eafc"; }

.icon-chart-settings:before {
  content: "\eafd"; }

.icon-cake:before {
  content: "\eafe"; }

.icon-gift:before {
  content: "\eaff"; }

.icon-balloon:before {
  content: "\eb00"; }

.icon-rank:before {
  content: "\eb01"; }

.icon-rank2:before {
  content: "\eb02"; }

.icon-rank3:before {
  content: "\eb03"; }

.icon-crown:before {
  content: "\eb04"; }

.icon-lotus:before {
  content: "\eb05"; }

.icon-diamond:before {
  content: "\eb06"; }

.icon-diamond2:before {
  content: "\eb07"; }

.icon-diamond3:before {
  content: "\eb08"; }

.icon-diamond4:before {
  content: "\eb09"; }

.icon-linearicons:before {
  content: "\eb0a"; }

.icon-teacup:before {
  content: "\eb0b"; }

.icon-teapot:before {
  content: "\eb0c"; }

.icon-glass:before {
  content: "\eb0d"; }

.icon-bottle2:before {
  content: "\eb0e"; }

.icon-glass-cocktail:before {
  content: "\eb0f"; }

.icon-glass2:before {
  content: "\eb10"; }

.icon-dinner:before {
  content: "\eb11"; }

.icon-dinner2:before {
  content: "\eb12"; }

.icon-chef:before {
  content: "\eb13"; }

.icon-scale2:before {
  content: "\eb14"; }

.icon-egg:before {
  content: "\eb15"; }

.icon-egg2:before {
  content: "\eb16"; }

.icon-eggs:before {
  content: "\eb17"; }

.icon-platter:before {
  content: "\eb18"; }

.icon-steak:before {
  content: "\eb19"; }

.icon-hamburger:before {
  content: "\eb1a"; }

.icon-hotdog:before {
  content: "\eb1b"; }

.icon-pizza:before {
  content: "\eb1c"; }

.icon-sausage:before {
  content: "\eb1d"; }

.icon-chicken:before {
  content: "\eb1e"; }

.icon-fish:before {
  content: "\eb1f"; }

.icon-carrot:before {
  content: "\eb20"; }

.icon-cheese:before {
  content: "\eb21"; }

.icon-bread:before {
  content: "\eb22"; }

.icon-ice-cream:before {
  content: "\eb23"; }

.icon-ice-cream2:before {
  content: "\eb24"; }

.icon-candy:before {
  content: "\eb25"; }

.icon-lollipop:before {
  content: "\eb26"; }

.icon-coffee-bean:before {
  content: "\eb27"; }

.icon-coffee-cup:before {
  content: "\eb28"; }

.icon-cherry:before {
  content: "\eb29"; }

.icon-grapes:before {
  content: "\eb2a"; }

.icon-citrus:before {
  content: "\eb2b"; }

.icon-apple:before {
  content: "\eb2c"; }

.icon-leaf:before {
  content: "\eb2d"; }

.icon-landscape:before {
  content: "\eb2e"; }

.icon-pine-tree:before {
  content: "\eb2f"; }

.icon-tree:before {
  content: "\eb30"; }

.icon-cactus:before {
  content: "\eb31"; }

.icon-paw:before {
  content: "\eb32"; }

.icon-footprint:before {
  content: "\eb33"; }

.icon-speed-slow:before {
  content: "\eb34"; }

.icon-speed-medium:before {
  content: "\eb35"; }

.icon-speed-fast:before {
  content: "\eb36"; }

.icon-rocket:before {
  content: "\eb37"; }

.icon-hammer2:before {
  content: "\eb38"; }

.icon-balance:before {
  content: "\eb39"; }

.icon-briefcase:before {
  content: "\eb3a"; }

.icon-luggage-weight:before {
  content: "\eb3b"; }

.icon-dolly:before {
  content: "\eb3c"; }

.icon-plane:before {
  content: "\eb3d"; }

.icon-plane-crossed:before {
  content: "\eb3e"; }

.icon-helicopter:before {
  content: "\eb3f"; }

.icon-traffic-lights:before {
  content: "\eb40"; }

.icon-siren:before {
  content: "\eb41"; }

.icon-road:before {
  content: "\eb42"; }

.icon-engine:before {
  content: "\eb43"; }

.icon-oil-pressure:before {
  content: "\eb44"; }

.icon-coolant-temperature:before {
  content: "\eb45"; }

.icon-car-battery:before {
  content: "\eb46"; }

.icon-gas:before {
  content: "\eb47"; }

.icon-gallon:before {
  content: "\eb48"; }

.icon-transmission:before {
  content: "\eb49"; }

.icon-car:before {
  content: "\eb4a"; }

.icon-car-wash:before {
  content: "\eb4b"; }

.icon-car-wash2:before {
  content: "\eb4c"; }

.icon-bus:before {
  content: "\eb4d"; }

.icon-bus2:before {
  content: "\eb4e"; }

.icon-car2:before {
  content: "\eb4f"; }

.icon-parking:before {
  content: "\eb50"; }

.icon-car-lock:before {
  content: "\eb51"; }

.icon-taxi:before {
  content: "\eb52"; }

.icon-car-siren:before {
  content: "\eb53"; }

.icon-car-wash3:before {
  content: "\eb54"; }

.icon-car-wash4:before {
  content: "\eb55"; }

.icon-ambulance:before {
  content: "\eb56"; }

.icon-truck:before {
  content: "\eb57"; }

.icon-trailer:before {
  content: "\eb58"; }

.icon-scale-truck:before {
  content: "\eb59"; }

.icon-train:before {
  content: "\eb5a"; }

.icon-ship:before {
  content: "\eb5b"; }

.icon-ship2:before {
  content: "\eb5c"; }

.icon-anchor:before {
  content: "\eb5d"; }

.icon-boat:before {
  content: "\eb5e"; }

.icon-bicycle:before {
  content: "\eb5f"; }

.icon-bicycle2:before {
  content: "\eb60"; }

.icon-dumbbell:before {
  content: "\eb61"; }

.icon-bench-press:before {
  content: "\eb62"; }

.icon-swim:before {
  content: "\eb63"; }

.icon-football:before {
  content: "\eb64"; }

.icon-baseball-bat:before {
  content: "\eb65"; }

.icon-baseball:before {
  content: "\eb66"; }

.icon-tennis:before {
  content: "\eb67"; }

.icon-tennis2:before {
  content: "\eb68"; }

.icon-ping-pong:before {
  content: "\eb69"; }

.icon-hockey:before {
  content: "\eb6a"; }

.icon-8ball:before {
  content: "\eb6b"; }

.icon-bowling:before {
  content: "\eb6c"; }

.icon-bowling-pins:before {
  content: "\eb6d"; }

.icon-golf:before {
  content: "\eb6e"; }

.icon-golf2:before {
  content: "\eb6f"; }

.icon-archery:before {
  content: "\eb70"; }

.icon-slingshot:before {
  content: "\eb71"; }

.icon-soccer:before {
  content: "\eb72"; }

.icon-basketball:before {
  content: "\eb73"; }

.icon-cube:before {
  content: "\eb74"; }

.icon-3d-rotate:before {
  content: "\eb75"; }

.icon-puzzle:before {
  content: "\eb76"; }

.icon-glasses:before {
  content: "\eb77"; }

.icon-glasses2:before {
  content: "\eb78"; }

.icon-accessibility:before {
  content: "\eb79"; }

.icon-wheelchair:before {
  content: "\eb7a"; }

.icon-wall:before {
  content: "\eb7b"; }

.icon-fence:before {
  content: "\eb7c"; }

.icon-wall2:before {
  content: "\eb7d"; }

.icon-icons:before {
  content: "\eb7e"; }

.icon-resize-handle:before {
  content: "\eb7f"; }

.icon-icons2:before {
  content: "\eb80"; }

.icon-select:before {
  content: "\eb81"; }

.icon-select2:before {
  content: "\eb82"; }

.icon-site-map:before {
  content: "\eb83"; }

.icon-earth:before {
  content: "\eb84"; }

.icon-earth-lock:before {
  content: "\eb85"; }

.icon-network:before {
  content: "\eb86"; }

.icon-network-lock:before {
  content: "\eb87"; }

.icon-planet:before {
  content: "\eb88"; }

.icon-happy:before {
  content: "\eb89"; }

.icon-smile:before {
  content: "\eb8a"; }

.icon-grin:before {
  content: "\eb8b"; }

.icon-tongue:before {
  content: "\eb8c"; }

.icon-sad:before {
  content: "\eb8d"; }

.icon-wink:before {
  content: "\eb8e"; }

.icon-dream:before {
  content: "\eb8f"; }

.icon-shocked:before {
  content: "\eb90"; }

.icon-shocked2:before {
  content: "\eb91"; }

.icon-tongue2:before {
  content: "\eb92"; }

.icon-neutral:before {
  content: "\eb93"; }

.icon-happy-grin:before {
  content: "\eb94"; }

.icon-cool:before {
  content: "\eb95"; }

.icon-mad:before {
  content: "\eb96"; }

.icon-grin-evil:before {
  content: "\eb97"; }

.icon-evil:before {
  content: "\eb98"; }

.icon-wow:before {
  content: "\eb99"; }

.icon-annoyed:before {
  content: "\eb9a"; }

.icon-wondering:before {
  content: "\eb9b"; }

.icon-confused:before {
  content: "\eb9c"; }

.icon-zipped:before {
  content: "\eb9d"; }

.icon-grumpy:before {
  content: "\eb9e"; }

.icon-mustache:before {
  content: "\eb9f"; }

.icon-tombstone-hipster:before {
  content: "\eba0"; }

.icon-tombstone:before {
  content: "\eba1"; }

.icon-ghost:before {
  content: "\eba2"; }

.icon-ghost-hipster:before {
  content: "\eba3"; }

.icon-halloween:before {
  content: "\eba4"; }

.icon-christmas:before {
  content: "\eba5"; }

.icon-easter-egg:before {
  content: "\eba6"; }

.icon-mustache2:before {
  content: "\eba7"; }

.icon-mustache-glasses:before {
  content: "\eba8"; }

.icon-pipe:before {
  content: "\eba9"; }

.icon-alarm:before {
  content: "\ebaa"; }

.icon-alarm-add:before {
  content: "\ebab"; }

.icon-alarm-snooze:before {
  content: "\ebac"; }

.icon-alarm-ringing:before {
  content: "\ebad"; }

.icon-bullhorn:before {
  content: "\ebae"; }

.icon-hearing:before {
  content: "\ebaf"; }

.icon-volume-high:before {
  content: "\ebb0"; }

.icon-volume-medium:before {
  content: "\ebb1"; }

.icon-volume-low:before {
  content: "\ebb2"; }

.icon-volume:before {
  content: "\ebb3"; }

.icon-mute:before {
  content: "\ebb4"; }

.icon-lan:before {
  content: "\ebb5"; }

.icon-lan2:before {
  content: "\ebb6"; }

.icon-wifi:before {
  content: "\ebb7"; }

.icon-wifi-lock:before {
  content: "\ebb8"; }

.icon-wifi-blocked:before {
  content: "\ebb9"; }

.icon-wifi-mid:before {
  content: "\ebba"; }

.icon-wifi-low:before {
  content: "\ebbb"; }

.icon-wifi-low2:before {
  content: "\ebbc"; }

.icon-wifi-alert:before {
  content: "\ebbd"; }

.icon-wifi-alert-mid:before {
  content: "\ebbe"; }

.icon-wifi-alert-low:before {
  content: "\ebbf"; }

.icon-wifi-alert-low2:before {
  content: "\ebc0"; }

.icon-stream:before {
  content: "\ebc1"; }

.icon-stream-check:before {
  content: "\ebc2"; }

.icon-stream-error:before {
  content: "\ebc3"; }

.icon-stream-alert:before {
  content: "\ebc4"; }

.icon-communication:before {
  content: "\ebc5"; }

.icon-communication-crossed:before {
  content: "\ebc6"; }

.icon-broadcast:before {
  content: "\ebc7"; }

.icon-antenna:before {
  content: "\ebc8"; }

.icon-satellite:before {
  content: "\ebc9"; }

.icon-satellite2:before {
  content: "\ebca"; }

.icon-mic:before {
  content: "\ebcb"; }

.icon-mic-mute:before {
  content: "\ebcc"; }

.icon-mic2:before {
  content: "\ebcd"; }

.icon-spotlights:before {
  content: "\ebce"; }

.icon-hourglass:before {
  content: "\ebcf"; }

.icon-loading:before {
  content: "\ebd0"; }

.icon-loading2:before {
  content: "\ebd1"; }

.icon-loading3:before {
  content: "\ebd2"; }

.icon-refresh:before {
  content: "\ebd3"; }

.icon-refresh2:before {
  content: "\ebd4"; }

.icon-undo:before {
  content: "\ebd5"; }

.icon-redo:before {
  content: "\ebd6"; }

.icon-jump2:before {
  content: "\ebd7"; }

.icon-undo2:before {
  content: "\ebd8"; }

.icon-redo2:before {
  content: "\ebd9"; }

.icon-sync:before {
  content: "\ebda"; }

.icon-repeat-one2:before {
  content: "\ebdb"; }

.icon-sync-crossed:before {
  content: "\ebdc"; }

.icon-sync2:before {
  content: "\ebdd"; }

.icon-repeat-one3:before {
  content: "\ebde"; }

.icon-sync-crossed2:before {
  content: "\ebdf"; }

.icon-return:before {
  content: "\ebe0"; }

.icon-return2:before {
  content: "\ebe1"; }

.icon-refund:before {
  content: "\ebe2"; }

.icon-history:before {
  content: "\ebe3"; }

.icon-history2:before {
  content: "\ebe4"; }

.icon-self-timer:before {
  content: "\ebe5"; }

.icon-clock:before {
  content: "\ebe6"; }

.icon-clock2:before {
  content: "\ebe7"; }

.icon-clock3:before {
  content: "\ebe8"; }

.icon-watch:before {
  content: "\ebe9"; }

.icon-alarm2:before {
  content: "\ebea"; }

.icon-alarm-add2:before {
  content: "\ebeb"; }

.icon-alarm-remove:before {
  content: "\ebec"; }

.icon-alarm-check:before {
  content: "\ebed"; }

.icon-alarm-error:before {
  content: "\ebee"; }

.icon-timer:before {
  content: "\ebef"; }

.icon-timer-crossed:before {
  content: "\ebf0"; }

.icon-timer2:before {
  content: "\ebf1"; }

.icon-timer-crossed2:before {
  content: "\ebf2"; }

.icon-download:before {
  content: "\ebf3"; }

.icon-upload:before {
  content: "\ebf4"; }

.icon-download2:before {
  content: "\ebf5"; }

.icon-upload2:before {
  content: "\ebf6"; }

.icon-enter-up:before {
  content: "\ebf7"; }

.icon-enter-down:before {
  content: "\ebf8"; }

.icon-enter-left:before {
  content: "\ebf9"; }

.icon-enter-right:before {
  content: "\ebfa"; }

.icon-exit-up:before {
  content: "\ebfb"; }

.icon-exit-down:before {
  content: "\ebfc"; }

.icon-exit-left:before {
  content: "\ebfd"; }

.icon-exit-right:before {
  content: "\ebfe"; }

.icon-enter-up2:before {
  content: "\ebff"; }

.icon-enter-down2:before {
  content: "\ec00"; }

.icon-enter-vertical:before {
  content: "\ec01"; }

.icon-enter-left2:before {
  content: "\ec02"; }

.icon-enter-right2:before {
  content: "\ec03"; }

.icon-enter-horizontal:before {
  content: "\ec04"; }

.icon-exit-up2:before {
  content: "\ec05"; }

.icon-exit-down2:before {
  content: "\ec06"; }

.icon-exit-left2:before {
  content: "\ec07"; }

.icon-exit-right2:before {
  content: "\ec08"; }

.icon-cli:before {
  content: "\ec09"; }

.icon-bug:before {
  content: "\ec0a"; }

.icon-code:before {
  content: "\ec0b"; }

.icon-file-code:before {
  content: "\ec0c"; }

.icon-file-image:before {
  content: "\ec0d"; }

.icon-file-zip:before {
  content: "\ec0e"; }

.icon-file-audio:before {
  content: "\ec0f"; }

.icon-file-video:before {
  content: "\ec10"; }

.icon-file-preview:before {
  content: "\ec11"; }

.icon-file-charts:before {
  content: "\ec12"; }

.icon-file-stats:before {
  content: "\ec13"; }

.icon-file-spreadsheet:before {
  content: "\ec14"; }

.icon-link:before {
  content: "\ec15"; }

.icon-unlink:before {
  content: "\ec16"; }

.icon-link2:before {
  content: "\ec17"; }

.icon-unlink2:before {
  content: "\ec18"; }

.icon-thumbs-up:before {
  content: "\ec19"; }

.icon-thumbs-down:before {
  content: "\ec1a"; }

.icon-thumbs-up2:before {
  content: "\ec1b"; }

.icon-thumbs-down2:before {
  content: "\ec1c"; }

.icon-thumbs-up3:before {
  content: "\ec1d"; }

.icon-thumbs-down3:before {
  content: "\ec1e"; }

.icon-share:before {
  content: "\ec1f"; }

.icon-share2:before {
  content: "\ec20"; }

.icon-share3:before {
  content: "\ec21"; }

.icon-magnifier:before {
  content: "\ec22"; }

.icon-file-search:before {
  content: "\ec23"; }

.icon-find-replace:before {
  content: "\ec24"; }

.icon-zoom-in:before {
  content: "\ec25"; }

.icon-zoom-out:before {
  content: "\ec26"; }

.icon-loupe:before {
  content: "\ec27"; }

.icon-loupe-zoom-in:before {
  content: "\ec28"; }

.icon-loupe-zoom-out:before {
  content: "\ec29"; }

.icon-cross:before {
  content: "\ec2a"; }

.icon-menu:before {
  content: "\ec2b"; }

.icon-list:before {
  content: "\ec2c"; }

.icon-list2:before {
  content: "\ec2d"; }

.icon-list3:before {
  content: "\ec2e"; }

.icon-menu2:before {
  content: "\ec2f"; }

.icon-list4:before {
  content: "\ec30"; }

.icon-menu3:before {
  content: "\ec31"; }

.icon-exclamation:before {
  content: "\ec32"; }

.icon-question:before {
  content: "\ec33"; }

.icon-check:before {
  content: "\ec34"; }

.icon-cross2:before {
  content: "\ec35"; }

.icon-plus:before {
  content: "\ec36"; }

.icon-minus:before {
  content: "\ec37"; }

.icon-percent:before {
  content: "\ec38"; }

.icon-chevron-up:before {
  content: "\ec39"; }

.icon-chevron-down:before {
  content: "\ec3a"; }

.icon-chevron-left:before {
  content: "\ec3b"; }

.icon-chevron-right:before {
  content: "\ec3c"; }

.icon-chevrons-expand-vertical:before {
  content: "\ec3d"; }

.icon-chevrons-expand-horizontal:before {
  content: "\ec3e"; }

.icon-chevrons-contract-vertical:before {
  content: "\ec3f"; }

.icon-chevrons-contract-horizontal:before {
  content: "\ec40"; }

.icon-arrow-up:before {
  content: "\ec41"; }

.icon-arrow-down:before {
  content: "\ec42"; }

.icon-arrow-left:before {
  content: "\ec43"; }

.icon-arrow-right:before {
  content: "\ec44"; }

.icon-arrow-up-right:before {
  content: "\ec45"; }

.icon-arrows-merge:before {
  content: "\ec46"; }

.icon-arrows-split:before {
  content: "\ec47"; }

.icon-arrow-divert:before {
  content: "\ec48"; }

.icon-arrow-return:before {
  content: "\ec49"; }

.icon-expand:before {
  content: "\ec4a"; }

.icon-contract:before {
  content: "\ec4b"; }

.icon-expand2:before {
  content: "\ec4c"; }

.icon-contract2:before {
  content: "\ec4d"; }

.icon-move:before {
  content: "\ec4e"; }

.icon-tab:before {
  content: "\ec4f"; }

.icon-arrow-wave:before {
  content: "\ec50"; }

.icon-expand3:before {
  content: "\ec51"; }

.icon-expand4:before {
  content: "\ec52"; }

.icon-contract3:before {
  content: "\ec53"; }

.icon-notification:before {
  content: "\ec54"; }

.icon-warning:before {
  content: "\ec55"; }

.icon-notification-circle:before {
  content: "\ec56"; }

.icon-question-circle:before {
  content: "\ec57"; }

.icon-menu-circle:before {
  content: "\ec58"; }

.icon-checkmark-circle:before {
  content: "\ec59"; }

.icon-cross-circle:before {
  content: "\ec5a"; }

.icon-plus-circle:before {
  content: "\ec5b"; }

.icon-circle-minus:before {
  content: "\ec5c"; }

.icon-percent-circle:before {
  content: "\ec5d"; }

.icon-arrow-up-circle:before {
  content: "\ec5e"; }

.icon-arrow-down-circle:before {
  content: "\ec5f"; }

.icon-arrow-left-circle:before {
  content: "\ec60"; }

.icon-arrow-right-circle:before {
  content: "\ec61"; }

.icon-chevron-up-circle:before {
  content: "\ec62"; }

.icon-chevron-down-circle:before {
  content: "\ec63"; }

.icon-chevron-left-circle:before {
  content: "\ec64"; }

.icon-chevron-right-circle:before {
  content: "\ec65"; }

.icon-backward-circle:before {
  content: "\ec66"; }

.icon-first-circle:before {
  content: "\ec67"; }

.icon-previous-circle:before {
  content: "\ec68"; }

.icon-stop-circle:before {
  content: "\ec69"; }

.icon-play-circle:before {
  content: "\ec6a"; }

.icon-pause-circle:before {
  content: "\ec6b"; }

.icon-next-circle:before {
  content: "\ec6c"; }

.icon-last-circle:before {
  content: "\ec6d"; }

.icon-forward-circle:before {
  content: "\ec6e"; }

.icon-eject-circle:before {
  content: "\ec6f"; }

.icon-crop:before {
  content: "\ec70"; }

.icon-frame-expand:before {
  content: "\ec71"; }

.icon-frame-contract:before {
  content: "\ec72"; }

.icon-focus:before {
  content: "\ec73"; }

.icon-transform:before {
  content: "\ec74"; }

.icon-grid:before {
  content: "\ec75"; }

.icon-grid-crossed:before {
  content: "\ec76"; }

.icon-layers:before {
  content: "\ec77"; }

.icon-layers-crossed:before {
  content: "\ec78"; }

.icon-toggle:before {
  content: "\ec79"; }

.icon-rulers:before {
  content: "\ec7a"; }

.icon-ruler:before {
  content: "\ec7b"; }

.icon-funnel:before {
  content: "\ec7c"; }

.icon-flip-horizontal:before {
  content: "\ec7d"; }

.icon-flip-vertical:before {
  content: "\ec7e"; }

.icon-flip-horizontal2:before {
  content: "\ec7f"; }

.icon-flip-vertical2:before {
  content: "\ec80"; }

.icon-angle:before {
  content: "\ec81"; }

.icon-angle2:before {
  content: "\ec82"; }

.icon-subtract:before {
  content: "\ec83"; }

.icon-combine:before {
  content: "\ec84"; }

.icon-intersect:before {
  content: "\ec85"; }

.icon-exclude:before {
  content: "\ec86"; }

.icon-align-center-vertical:before {
  content: "\ec87"; }

.icon-align-right:before {
  content: "\ec88"; }

.icon-align-bottom:before {
  content: "\ec89"; }

.icon-align-left:before {
  content: "\ec8a"; }

.icon-align-center-horizontal:before {
  content: "\ec8b"; }

.icon-align-top:before {
  content: "\ec8c"; }

.icon-square:before {
  content: "\ec8d"; }

.icon-plus-square:before {
  content: "\ec8e"; }

.icon-minus-square:before {
  content: "\ec8f"; }

.icon-percent-square:before {
  content: "\ec90"; }

.icon-arrow-up-square:before {
  content: "\ec91"; }

.icon-arrow-down-square:before {
  content: "\ec92"; }

.icon-arrow-left-square:before {
  content: "\ec93"; }

.icon-arrow-right-square:before {
  content: "\ec94"; }

.icon-chevron-up-square:before {
  content: "\ec95"; }

.icon-chevron-down-square:before {
  content: "\ec96"; }

.icon-chevron-left-square:before {
  content: "\ec97"; }

.icon-chevron-right-square:before {
  content: "\ec98"; }

.icon-check-square:before {
  content: "\ec99"; }

.icon-cross-square:before {
  content: "\ec9a"; }

.icon-menu-square:before {
  content: "\ec9b"; }

.icon-prohibited:before {
  content: "\ec9c"; }

.icon-circle:before {
  content: "\ec9d"; }

.icon-radio-button:before {
  content: "\ec9e"; }

.icon-ligature:before {
  content: "\ec9f"; }

.icon-text-format:before {
  content: "\eca0"; }

.icon-text-format-remove:before {
  content: "\eca1"; }

.icon-text-size:before {
  content: "\eca2"; }

.icon-bold:before {
  content: "\eca3"; }

.icon-italic:before {
  content: "\eca4"; }

.icon-underline:before {
  content: "\eca5"; }

.icon-strikethrough:before {
  content: "\eca6"; }

.icon-highlight:before {
  content: "\eca7"; }

.icon-text-align-left:before {
  content: "\eca8"; }

.icon-text-align-center:before {
  content: "\eca9"; }

.icon-text-align-right:before {
  content: "\ecaa"; }

.icon-text-align-justify:before {
  content: "\ecab"; }

.icon-line-spacing:before {
  content: "\ecac"; }

.icon-indent-increase:before {
  content: "\ecad"; }

.icon-indent-decrease:before {
  content: "\ecae"; }

.icon-text-wrap:before {
  content: "\ecaf"; }

.icon-pilcrow:before {
  content: "\ecb0"; }

.icon-direction-ltr:before {
  content: "\ecb1"; }

.icon-direction-rtl:before {
  content: "\ecb2"; }

.icon-page-break:before {
  content: "\ecb3"; }

.icon-page-break2:before {
  content: "\ecb4"; }

.icon-sort-alpha-asc:before {
  content: "\ecb5"; }

.icon-sort-alpha-desc:before {
  content: "\ecb6"; }

.icon-sort-numeric-asc:before {
  content: "\ecb7"; }

.icon-sort-numeric-desc:before {
  content: "\ecb8"; }

.icon-sort-amount-asc:before {
  content: "\ecb9"; }

.icon-sort-amount-desc:before {
  content: "\ecba"; }

.icon-sort-time-asc:before {
  content: "\ecbb"; }

.icon-sort-time-desc:before {
  content: "\ecbc"; }

.icon-sigma:before {
  content: "\ecbd"; }

.icon-pencil-line:before {
  content: "\ecbe"; }

.icon-hand:before {
  content: "\ecbf"; }

.icon-pointer-up:before {
  content: "\ecc0"; }

.icon-pointer-right:before {
  content: "\ecc1"; }

.icon-pointer-down:before {
  content: "\ecc2"; }

.icon-pointer-left:before {
  content: "\ecc3"; }

.icon-finger-tap:before {
  content: "\ecc4"; }

.icon-fingers-tap:before {
  content: "\ecc5"; }

.icon-reminder:before {
  content: "\ecc6"; }

.icon-fingers-crossed:before {
  content: "\ecc7"; }

.icon-fingers-victory:before {
  content: "\ecc8"; }

.icon-gesture-zoom:before {
  content: "\ecc9"; }

.icon-gesture-pinch:before {
  content: "\ecca"; }

.icon-fingers-scroll-horizontal:before {
  content: "\eccb"; }

.icon-fingers-scroll-vertical:before {
  content: "\eccc"; }

.icon-fingers-scroll-left:before {
  content: "\eccd"; }

.icon-fingers-scroll-right:before {
  content: "\ecce"; }

.icon-hand2:before {
  content: "\eccf"; }

.icon-pointer-up2:before {
  content: "\ecd0"; }

.icon-pointer-right2:before {
  content: "\ecd1"; }

.icon-pointer-down2:before {
  content: "\ecd2"; }

.icon-pointer-left2:before {
  content: "\ecd3"; }

.icon-finger-tap2:before {
  content: "\ecd4"; }

.icon-fingers-tap2:before {
  content: "\ecd5"; }

.icon-reminder2:before {
  content: "\ecd6"; }

.icon-gesture-zoom2:before {
  content: "\ecd7"; }

.icon-gesture-pinch2:before {
  content: "\ecd8"; }

.icon-fingers-scroll-horizontal2:before {
  content: "\ecd9"; }

.icon-fingers-scroll-vertical2:before {
  content: "\ecda"; }

.icon-fingers-scroll-left2:before {
  content: "\ecdb"; }

.icon-fingers-scroll-right2:before {
  content: "\ecdc"; }

.icon-fingers-scroll-vertical3:before {
  content: "\ecdd"; }

.icon-border-style:before {
  content: "\ecde"; }

.icon-border-all:before {
  content: "\ecdf"; }

.icon-border-outer:before {
  content: "\ece0"; }

.icon-border-inner:before {
  content: "\ece1"; }

.icon-border-top:before {
  content: "\ece2"; }

.icon-border-horizontal:before {
  content: "\ece3"; }

.icon-border-bottom:before {
  content: "\ece4"; }

.icon-border-left:before {
  content: "\ece5"; }

.icon-border-vertical:before {
  content: "\ece6"; }

.icon-border-right:before {
  content: "\ece7"; }

.icon-border-none:before {
  content: "\ece8"; }

.icon-ellipsis:before {
  content: "\ece9"; }
/*
 ┌─┐┌─┐┌─┐┬┌─┬┌─┐  ┬ ┬┬┌┐┌┬ ┬┌─┐┬┌─┐
 │  │ ││ │├┴┐│├┤   ├─┤│││││││├┤ │└─┐
 └─┘└─┘└─┘┴ ┴┴└─┘  ┴ ┴┴┘└┘└┴┘└─┘┴└─┘
 File: _modules/_cookiehinweis.scss
 Beschreibung: Styles für den Cookie Hinweis
 Autor: Roman Kröpl
 Datum: 11.03.2016
 */
#cookiesWarning {
  clear: both;
  overflow: hidden;
  position: fixed;
  bottom: 0px;
  bottom: 0rem;
  width: 100%;
  z-index: 1;
  background: #e8e8e8;
  display: table;
  padding: 5px 10px;
  padding: 0.5rem 1rem; }
  #cookiesWarning #cookiesWarningActive {
    font-size: 13px;
    font-size: 1.3rem;
    display: table-cell;
    vertical-align: middle; }
  #cookiesWarning #cookieAgreement {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    min-width: 60px; }
    #cookiesWarning #cookieAgreement input {
      border: none !important;
      padding: 4px 8px;
      padding: 0.4rem 0.8rem;
      border-radius: 40px;
      border-radius: 4rem;
      background: #fab932 !important;
      color: #fff; }
  #cookiesWarning a {
    text-decoration: underline;
    color: #666; }
    #cookiesWarning a:hover {
      text-decoration: none;
      color: #bb0d1e; }
/*
 ┌─┐┌─┐┌─┐┬┌─┐┬    ┌┬┐┌─┐┌┬┐┬┌─┐  ┬┌─┐┌─┐┌┐┌┌─┐
 └─┐│ ││  │├─┤│    │││├┤  │││├─┤  ││  │ ││││└─┐
 └─┘└─┘└─┘┴┴ ┴┴─┘  ┴ ┴└─┘─┴┘┴┴ ┴  ┴└─┘└─┘┘└┘└─┘
 File: _modules/_socialmedia.scss
 Beschreibung: Sozial Media Icons
 Autor: Roman Kröpl
 Datum: 01.02.2016
 */
#share_icons {
  margin-top: 25px;
  margin-top: 2.5rem;
  margin-bottom: 25px;
  margin-bottom: 2.5rem;
  width: 100%; }
  #share_icons .share_count, #share_icons #shariffbox .share_text {
    display: none;
    visibility: hidden; }
  #share_icons ul {
    display: table;
    margin: 0 auto; }
    #share_icons ul li {
      list-style-type: none;
      display: table-cell;
      margin: 0px;
      margin: 0rem;
      vertical-align: middle;
      text-align: center;
      min-width: 30px;
      min-width: 3rem;
      max-width: 30px;
      max-width: 3rem;
      float: left;
      margin: 0px 2px 0px 2px;
      margin: 0rem 0.2rem 0rem 0.2rem; }
      #share_icons ul li a {
        height: 30px !important; }
      #share_icons ul li .fa {
        width: 24px;
        width: 2.4rem;
        line-height: 31px;
        line-height: 3.1rem;
        font-size: 18px;
        font-size: 1.8rem; }
  #share_icons .round ul li a {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }
  #share_icons .round ul.theme-white li {
    border: none; }
    #share_icons .round ul.theme-white li a {
      border: solid 1px #ddd; }
/*
 ┬ ┬┌─┐┌─┐┌┬┐┌─┐┬─┐
 ├─┤├┤ ├─┤ ││├┤ ├┬┘
 ┴ ┴└─┘┴ ┴─┴┘└─┘┴└─
 File: _modules/_header.scss
 Beschreibung: Styles für die Hauptnavigation
 Autor: Roman Kröpl
 Datum: 01.02.2016
 */
header#header {
  background: #fff;
  /*
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -ms-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
   */
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 100%;
  z-index: 200;
  padding: 0px;
  padding: 0rem;
  /* kleinere Darstellung wenn man nach unten scrollt */ }
  header#header .navbar-default {
    background-color: transparent !important;
    border-radius: 0px !important;
    border: none !important; }
    header#header .navbar-default .navbar-collapse, header#header .navbar-default .navbar-form {
      border-color: #fff !important; }
  header#header.menu-opened {
    background: transparent;
    border-bottom: 1px solid transparent; }
  @media screen and (max-width: 767px) {
  header#header {
    position: absolute;
    border-bottom: none; } }
  @media screen and (min-width: 768px) {
  header#header {
    position: fixed;
    border-bottom: none; } }
  @media screen and (min-width: 992px) {
  header#header {
    position: fixed;
    border-bottom: solid 1px #e8e8e8; } }
  header#header #logo {
    float: left;
    display: block;
    z-index: 1000;
    position: absolute;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    @media screen and (max-width: 767px) {
  header#header #logo {
    margin: 10px 0px 10px 0px;
    margin: 1rem 0rem 1rem 0rem; } }
    @media screen and (min-width: 768px) {
  header#header #logo {
    margin: 20px 0px 10px 0px;
    margin: 2rem 0rem 1rem 0rem; } }
    @media screen and (min-width: 992px) {
  header#header #logo {
    margin: 20px 0px 10px 0px;
    margin: 2rem 0rem 1rem 0rem; } }
    header#header #logo img {
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      @media screen and (max-width: 767px) {
  header#header #logo img {
    width: 50%; } }
      @media screen and (min-width: 768px) {
  header#header #logo img {
    width: 50%; } }
      @media screen and (min-width: 992px) {
  header#header #logo img {
    width: inherit; } }
  header#header .nav.navbar-nav {
    float: right; }
  header#header .navbar {
    /*
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
     */
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    @media screen and (max-width: 767px) {
  header#header .navbar {
    margin: 10px 0px 0px 0px;
    margin: 1rem 0rem 0rem 0rem; } }
    @media screen and (min-width: 768px) {
  header#header .navbar {
    margin: 30px 0px 0px 0px;
    margin: 3rem 0rem 0rem 0rem; } }
    @media screen and (min-width: 992px) {
  header#header .navbar {
    margin: 0px 0px 0px 0px;
    margin: 0rem 0rem 0rem 0rem; } }
  @media screen and (max-width: 767px) {
    header#header #mainnav {
      margin: 70px 0px 0px 0px;
      margin: 7rem 0rem 0rem 0rem; } }
    @media screen and (min-width: 768px) {
  header#header #mainnav {
    margin: 70px 0px 0px 0px;
    margin: 7rem 0rem 0rem 0rem; } }
    @media screen and (min-width: 992px) {
  header#header #mainnav {
    margin: 0px 0px 0px 0px;
    margin: 0rem 0rem 0rem 0rem; } }
  header#header.smaller .navbar {
    margin: 0px 0px 0px 0px;
    margin: 0rem 0rem 0rem 0rem; }
    header#header.smaller #hauptmenu {
      margin-top: 0px;
      margin-top: 0rem; }
    header#header.smaller #logo {
      margin: 5px 0px 0px 0px;
      margin: 0.5rem 0rem 0rem 0rem; }
      header#header.smaller #logo img {
        width: 50%; }
    header#header.smaller .headersearch {
      top: -100px; }
    header#header.smaller .cart .items {
      display: none; }

.headersearch {
  position: absolute;
  right: 156px;
  top: 12px; }
  @media (max-width: 1200px) {
  .headersearch {
    right: 141px; } }
  @media (max-width: 991px) {
  .headersearch {
    right: 66px;
    top: 43px; } }
  @media (max-width: 491px) {
  .headersearch .search-field {
    width: 184px; } }
  @media (max-width: 400px) {
  .headersearch .search-field {
    width: 95px; } }
/*
 ┬ ┬┌─┐┌─┐┌┬┐┌─┐┬─┐  ┌─┐┌┬┐┌─┐
 ├─┤├┤ ├─┤ ││├┤ ├┬┘  │   │ ├─┤
 ┴ ┴└─┘┴ ┴─┴┘└─┘┴└─  └─┘ ┴ ┴ ┴
 File: _modules/header_cta.scss
 Beschreibung: CSS Styles für die CTA im sticky Header
 Autor: Roman Kröpl
 Datum: 09.02.2016
 */
.header_cta {
  position: absolute;
  left: 180px;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  transform: translate(0, -100px);
  -webkit-transform: translate(0, -100px);
  /** Chrome & Safari **/
  -o-transform: translate(0, -100px);
  /** Opera **/
  -moz-transform: translate(0, -100px);
  /** Firefox **/
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  -webkit-transition: transform 1.5s ease;
  -moz-transition: transform 1.5s ease;
  -ms-transition: transform 1.5s ease;
  -o-transition: transform 1.5s ease;
  transition: transform 1.5s ease; }
  @media screen and (max-width: 767px) {
  .header_cta {
    top: 6px; } }
  @media screen and (min-width: 768px) {
  .header_cta {
    top: 6px; } }
  @media screen and (min-width: 992px) {
  .header_cta {
    top: 10px; } }
  .header_cta .btn {
    padding: 5px 10px 5px 10px;
    padding: 0.5rem 1rem 0.5rem 1rem; }

header.smaller .header_cta {
  opacity: 1;
  -ms-filter: "progid:DXImageTra nsform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  transform: translate(0, 0px);
  -webkit-transform: translate(0, 0px);
  /** Chrome & Safari **/
  -o-transform: translate(0, 0px);
  /** Opera **/
  -moz-transform: translate(0, 0px);
  /** Firefox **/ }
/*
 ┌┬┐┌─┐┌─┐  ┌┐┌┌─┐┬  ┬┬┌─┐┌─┐┌┬┐┬┌─┐┌┐┌
 │ │ │├─┘  │││├─┤└┐┌┘││ ┬├─┤ │ ││ ││││
 ┴ └─┘┴    ┘└┘┴ ┴ └┘ ┴└─┘┴ ┴ ┴ ┴└─┘┘└┘
 File: _modules/top_nav.scss
 Beschreibung: CSS Styles die Top Navigation über der Hauptnavigation
 Autor: Roman Kröpl
 Datum: 26.02.2016
 */
.topnav {
  margin-top: 10px;
  margin-top: 1rem;
  margin-bottom: 10px;
  margin-bottom: 1rem;
  height: 21px;
  height: 2.1rem;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  @media screen and (max-width: 767px) {
  .topnav {
    display: none; } }
  @media screen and (min-width: 768px) {
  .topnav {
    display: none; } }
  @media screen and (min-width: 992px) {
  .topnav {
    display: block; } }
  .topnav .loginstatus {
    float: right;
    text-align: right;
    position: relative;
    margin-right: 2px;
    margin-right: 0.2rem;
    padding: 2px 8px;
    padding: 0.2rem 0.8rem;
    height: 24px;
    height: 2.4rem;
    background: #eaeaea;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px; }
    .topnav .loginstatus a {
      color: #444; }
    .topnav .loginstatus .layer {
      display: none;
      background: #eaeaea;
      text-align: left;
      position: absolute;
      width: 100%;
      min-width: 150px;
      right: 0px;
      z-index: 2;
      text-align: center;
      font-size: 12px;
      font-size: 1.2rem; }
      .topnav .loginstatus .layer a {
        width: 100%;
        display: block;
        padding: 5px 10px;
        padding: 0.5rem 1rem;
        color: #444; }
        .topnav .loginstatus .layer a:hover {
          background: #444;
          color: #fff;
          text-decoration: none; }
      .topnav .loginstatus .layer.formular {
        min-width: 200px; }
      .topnav .loginstatus .layer form#login_form .fields {
        padding: 10px 10px 10px 10px;
        padding: 1rem 1rem 1rem 1rem; }
        .topnav .loginstatus .layer form#login_form .fields input {
          display: inline-block;
          border-radius: 0px;
          border-radius: 0rem;
          padding: 5px 10px;
          padding: 0.5rem 1rem;
          margin-bottom: 5px;
          margin-bottom: 0.5rem;
          width: 200px;
          width: 20rem;
          border: 1px solid #ccc;
          background: #fff;
          color: #666;
          font-family: "PT Sans Bold Italic", Arial, sans-serif;
          font-size: 14px;
          font-size: 1.4rem;
          box-shadow: none !important; }
          .topnav .loginstatus .layer form#login_form .fields input:hover {
            background-color: #3a3a3a;
            color: #fff; }
        .topnav .loginstatus .layer form#login_form a {
          padding: 5px;
          padding: 0.5rem;
          background: #ccc;
          text-transform: uppercase; }
        .topnav .loginstatus .layer form#login_form a:hover {
          background-color: #3a3a3a;
          color: #fff; }
    .topnav .loginstatus:hover {
      -webkit-border-radius: 6px 6px 0px 0px;
      -moz-border-radius: 6px 6px 0px 0px;
      -ms-border-radius: 6px 6px 0px 0px;
      -o-border-radius: 6px 6px 0px 0px;
      border-radius: 6px 6px 0px 0px; }
      .topnav .loginstatus:hover .layer {
        display: block; }

.smaller .topnav {
  display: none; }
/*
 ┌─┐┌─┐┌─┐┌─┐┌─┐┌─┐┬┌┐ ┬┬  ┬┌┬┐┬ ┬  ┌┬┐┌─┐┌┐┌┬ ┬
 ├─┤│  │  ├┤ └─┐└─┐│├┴┐││  │ │ └┬┘  │││├┤ ││││ │
 ┴ ┴└─┘└─┘└─┘└─┘└─┘┴└─┘┴┴─┘┴ ┴  ┴   ┴ ┴└─┘┘└┘└─┘
 File: _modules/accessibilitymenu.scss
 Beschreibung: Menu für Barrierefreiheit
 Autor: Roman Kröpl
 Datum: 16.02.2016
 */
.accessibilityMenu {
  float: right;
  text-align: right; }
  @media screen and (max-width: 767px) {
  .accessibilityMenu {
    display: none; } }
  @media screen and (min-width: 768px) {
  .accessibilityMenu {
    display: none; } }
  @media screen and (min-width: 992px) {
  .accessibilityMenu {
    display: block; } }
  .accessibilityMenu ul {
    margin: 0px;
    padding: 0px; }
    .accessibilityMenu ul li {
      width: 24px;
      width: 2.4rem;
      height: 24px;
      height: 2.4rem;
      background: #eaeaea;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -ms-border-radius: 6px;
      -o-border-radius: 6px;
      border-radius: 6px;
      position: relative; }
      .accessibilityMenu ul li:before {
        position: absolute;
        left: 0px;
        top: 0px; }
    .accessibilityMenu ul li.fa-font {
      cursor: pointer; }
      .accessibilityMenu ul li.fa-font.normal {
        font-size: 12px;
        font-size: 1.2rem; }
        .accessibilityMenu ul li.fa-font.normal:before {
          left: 6px;
          left: 0.6rem;
          top: 6px;
          top: 0.6rem; }
      .accessibilityMenu ul li.fa-font.middle {
        font-size: 14px;
        font-size: 1.4rem; }
        .accessibilityMenu ul li.fa-font.middle:before {
          left: 5px;
          left: 0.5rem;
          top: 5px;
          top: 0.5rem; }
      .accessibilityMenu ul li.fa-font.big {
        font-size: 16px;
        font-size: 1.6rem; }
        .accessibilityMenu ul li.fa-font.big:before {
          left: 4px;
          left: 0.4rem;
          top: 4px;
          top: 0.4rem; }
    .accessibilityMenu ul li.fa-adjust {
      font-size: 14px;
      font-size: 1.4rem; }
      .accessibilityMenu ul li.fa-adjust.on {
        background: #000;
        color: #fff; }
      .accessibilityMenu ul li.fa-adjust:before {
        left: 6px;
        left: 0.6rem;
        top: 5px;
        top: 0.5rem; }
    .accessibilityMenu ul li.fa-tint {
      font-size: 16px;
      font-size: 1.6rem; }
      .accessibilityMenu ul li.fa-tint.on {
        background: #000;
        color: #fff; }
      .accessibilityMenu ul li.fa-tint:before {
        left: 7px;
        left: 0.7rem;
        top: 5px;
        top: 0.5rem; }
/*
 ┬ ┬┌─┐┬ ┬┌─┐┌┬┐┌┬┐┌┐┌┌─┐┬ ┬
 ├─┤├─┤│ │├─┘ │ ││││││├┤ │ │
 ┴ ┴┴ ┴└─┘┴   ┴ ┴ ┴┘└┘└─┘└─┘
 File: _modules/_hauptmenu.scss
 Beschreibung: CSS Styles für das Hauptmenü
 Autor: Roman Kröpl
 Datum: 01.02.2016
 */
/* Layer der sich über die gesamte Seite legt, wenn das Mobile Menü geöffnet ist */
.mobile_menu_background {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 1; }
  .mobile_menu_background.menu-opened {
    display: block; }
/* Hauptnavigation */
#hauptmenu {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin: 0px;
  margin: 0rem;
  margin-top: 40px;
  margin-top: 4rem;
  padding: 0px;
  padding: 0rem;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  font-family: "PT Sans Italic", Arial, sans-serif;
  z-index: 1;
  /* Mobiles Burger-Icon */ }
  @media screen and (max-width: 767px) {
  #hauptmenu {
    width: 100%;
    float: none; } }
  @media screen and (min-width: 768px) {
  #hauptmenu {
    width: 100%;
    float: none; } }
  @media screen and (min-width: 992px) {
  #hauptmenu {
    float: right;
    width: 80%; } }
  #hauptmenu:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  #hauptmenu .burgermenu {
    cursor: pointer;
    position: absolute;
    width: 30px;
    height: 25px;
    right: 0px;
    top: 10px;
    z-index: 1001;
    /* Burger Icon geöffnet */ }
    @media screen and (max-width: 767px) {
  #hauptmenu .burgermenu {
    display: block; } }
    @media screen and (min-width: 768px) {
  #hauptmenu .burgermenu {
    display: block; } }
    @media screen and (min-width: 992px) {
  #hauptmenu .burgermenu {
    display: none; } }
    #hauptmenu .burgermenu.navTrigger {
      width: 30px;
      height: 25px; }
      #hauptmenu .burgermenu.navTrigger i {
        background-color: #666;
        border-radius: 1px;
        border-radius: 0.1rem;
        content: "";
        display: block;
        width: 100%;
        height: 4px; }
        #hauptmenu .burgermenu.navTrigger i:nth-child(1) {
          -webkit-animation: outT 0.8s backwards;
          animation: outT 0.8s backwards;
          -webkit-animation-direction: reverse;
          animation-direction: reverse; }
        #hauptmenu .burgermenu.navTrigger i:nth-child(2) {
          margin: 5px 0;
          -webkit-animation: outM 0.8s backwards;
          animation: outM 0.8s backwards;
          -webkit-animation-direction: reverse;
          animation-direction: reverse; }
        #hauptmenu .burgermenu.navTrigger i:nth-child(3) {
          -webkit-animation: outBtm 0.8s backwards;
          animation: outBtm 0.8s backwards;
          -webkit-animation-direction: reverse;
          animation-direction: reverse; }
      #hauptmenu .burgermenu.navTrigger.active i:nth-child(1) {
        -webkit-animation: inT 0.8s forwards;
        animation: inT 0.8s forwards; }
        #hauptmenu .burgermenu.navTrigger.active i:nth-child(2) {
          -webkit-animation: inM 0.8s forwards;
          animation: inM 0.8s forwards; }
        #hauptmenu .burgermenu.navTrigger.active i:nth-child(3) {
          -webkit-animation: inBtm 0.8s forwards;
          animation: inBtm 0.8s forwards; }
    #hauptmenu .burgermenu.menu-opened i {
      background-color: #fff; }
  #hauptmenu ul {
    /* Submenu + Button in der mobilen Navigation */
    /* Menüpunkte in der Hauptnavigation */ }
    @media screen and (max-width: 767px) {
  #hauptmenu ul {
    display: none;
    width: 100%; } }
    @media screen and (min-width: 768px) {
  #hauptmenu ul {
    display: none;
    width: 100%; } }
    @media screen and (min-width: 992px) {
  #hauptmenu ul {
    display: block;
    width: auto; } }
    #hauptmenu ul:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      line-height: 0;
      height: 0; }
    #hauptmenu ul .submenu-button {
      position: absolute;
      z-index: 99;
      right: 0;
      top: 0;
      border-left: 1px solid #fff;
      height: 50px;
      width: 52px;
      cursor: pointer; }
      @media screen and (max-width: 767px) {
  #hauptmenu ul .submenu-button {
    display: block; } }
      @media screen and (min-width: 768px) {
  #hauptmenu ul .submenu-button {
    display: block; } }
      @media screen and (min-width: 992px) {
  #hauptmenu ul .submenu-button {
    display: none; } }
      #hauptmenu ul .submenu-button.submenu-opened {
        background: #fff; }
        #hauptmenu ul .submenu-button.submenu-opened:before {
          display: none; }
        #hauptmenu ul .submenu-button.submenu-opened:after {
          background: rgba(0, 0, 0, 0.9); }
      #hauptmenu ul .submenu-button:after {
        position: absolute;
        top: 22px;
        right: 19px;
        width: 8px;
        height: 2px;
        background: #fff;
        content: ""; }
        @media screen and (max-width: 767px) {
  #hauptmenu ul .submenu-button:after {
    display: block; } }
        @media screen and (min-width: 768px) {
  #hauptmenu ul .submenu-button:after {
    display: block; } }
        @media screen and (min-width: 992px) {
  #hauptmenu ul .submenu-button:after {
    display: none; } }
      #hauptmenu ul .submenu-button:before {
        position: absolute;
        top: 19px;
        right: 22px;
        width: 2px;
        height: 8px;
        background: #fff;
        content: ""; }
        @media screen and (max-width: 767px) {
  #hauptmenu ul .submenu-button:before {
    display: block; } }
        @media screen and (min-width: 768px) {
  #hauptmenu ul .submenu-button:before {
    display: block; } }
        @media screen and (min-width: 992px) {
  #hauptmenu ul .submenu-button:before {
    display: none; } }
    #hauptmenu ul li {
      margin: 0;
      padding: 0;
      border: 0;
      list-style: none;
      line-height: 1;
      display: block;
      position: relative;
      float: left;
      /* li Element hover State */
      /* Hauptmenüpunt hat ein Submenü */
      /* Aktiver Zustand des Menüpunktes */
      /* Style für Submenu */ }
      @media screen and (max-width: 767px) {
  #hauptmenu ul li {
    width: 100%;
    border-top: 1px solid #fff; } }
      @media screen and (min-width: 768px) {
  #hauptmenu ul li {
    width: 100%;
    border-top: 1px solid #fff; } }
      @media screen and (min-width: 992px) {
  #hauptmenu ul li {
    width: inherit;
    border-top: none; } }
      @media screen and (max-width: 767px) {
    #hauptmenu ul li:before {
      display: none; } }
        @media screen and (min-width: 768px) {
  #hauptmenu ul li:before {
    display: none; } }
        @media screen and (min-width: 992px) {
  #hauptmenu ul li:before {
    display: block;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    position: absolute;
    top: 25px;
    font-size: 22px;
    font-size: 2.2rem;
    color: #b9b3ad; } }
      @media screen and (max-width: 767px) {
      #hauptmenu ul li.search a {
        font-size: 14px;
        font-size: 1.4rem;
        padding: 16px 50px;
        padding: 1.6rem 5rem; }
        #hauptmenu ul li.search a:before {
          display: none; } }
        @media screen and (min-width: 768px) {
    #hauptmenu ul li.search a {
      font-size: 14px;
      font-size: 1.4rem;
      padding: 16px 50px;
      padding: 1.6rem 5rem; }
      #hauptmenu ul li.search a:before {
        display: none; } }
        @media screen and (min-width: 992px) {
    #hauptmenu ul li.search a {
      font-size: 0px;
      font-size: 0rem;
      padding: 19px 0px 19px 0px;
      padding: 1.9rem 0rem 1.9rem 0rem; }
      #hauptmenu ul li.search a:before {
        content: "\f002";
        font-family: "FontAwesome", Arial, sans-serif;
        font-size: 12px;
        font-size: 1.2rem;
        display: block; } }
      #hauptmenu ul li.cart .items {
        height: 30px; }
        @media screen and (max-width: 767px) {
    #hauptmenu ul li.cart .items {
      display: none; } }
        @media screen and (min-width: 768px) {
    #hauptmenu ul li.cart .items {
      display: none; } }
        @media screen and (min-width: 992px) {
    #hauptmenu ul li.cart .items {
      height: 80px;
      position: absolute;
      width: 100%;
      bottom: 16px;
      border-left: 1px solid #b9b3ad;
      padding-top: 8px;
      display: block;
      left: -6px;
      padding-left: 3px; } }
        #hauptmenu ul li.cart .items i {
          font-size: 40px;
          font-size: 4rem;
          color: #b9b3ad;
          width: -webkit-calc(100% - 0px);
          width: -moz-calc(100% - 0px);
          width: calc(100% - 0px);
          display: inline;
          position: absolute;
          text-align: center; }
        #hauptmenu ul li.cart .items a {
          color: #fff;
          font-size: 12px;
          font-size: 1.2rem;
          padding: 5px;
          padding: 0.5rem;
          font-family: "PT Sans Bold", Arial, sans-serif;
          background: #fab932;
          -webkit-border-radius: 12px;
          -moz-border-radius: 12px;
          border-radius: 12px;
          display: inline;
          position: absolute;
          left: 60%;
          top: 7px; }
        @media screen and (min-width: 992px) {
  #hauptmenu ul li.cart a {
    position: relative;
    padding-left: 12px;
    padding-right: 12px; } }
      #hauptmenu ul li a {
        -webkit-transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        -ms-transition: all 0.25s ease-in-out;
        -o-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
        margin: 0;
        padding: 0;
        border: 0;
        list-style: none;
        line-height: 1;
        display: block;
        position: relative;
        font-size: 20px;
        font-size: 2rem;
        font-family: "PT Sans Bold Italic", Arial, sans-serif;
        letter-spacing: 0px;
        text-decoration: none; }
        @media (max-width: 1200px) {
  #hauptmenu ul li a {
    font-size: 17px;
    font-size: 1.7rem; } }
        @media screen and (max-width: 767px) {
  #hauptmenu ul li a {
    padding: 16px 50px;
    padding: 1.6rem 5rem;
    color: #fff;
    text-align: center; } }
        @media screen and (min-width: 768px) {
  #hauptmenu ul li a {
    padding: 16px 50px;
    padding: 1.6rem 5rem;
    color: #fff;
    text-align: center; } }
        @media screen and (min-width: 992px) {
  #hauptmenu ul li a {
    padding: 28px 28px 20px 30px;
    padding: 2.8rem 2.8rem 2rem 3rem;
    color: #b9b3ad;
    text-align: left; } }
        #hauptmenu ul li a.fa:before {
          margin-right: 5px;
          margin-right: 0.5rem; }
      #hauptmenu ul li.menumessen {
        background-image: url("../images/messenicon.png");
        background-size: 22px;
        background-repeat: no-repeat;
        background-position: top 26px left 4px;
        -webkit-transition: all 0.15s ease-in-out;
        -moz-transition: all 0.15s ease-in-out;
        -ms-transition: all 0.15s ease-in-out;
        -o-transition: all 0.15s ease-in-out;
        transition: all 0.15s ease-in-out; }
        @media (max-width: 1199px) {
  #hauptmenu ul li.menumessen {
    display: none !important; } }
        #hauptmenu ul li.menumessen:hover {
          background-image: url("../images/messenicon_red.png"); }
      #hauptmenu ul li:hover:before {
        color: #bb0d1e; }
        @media screen and (max-width: 767px) {
    #hauptmenu ul li:hover > a {
      color: #fff; } }
        @media screen and (min-width: 768px) {
    #hauptmenu ul li:hover > a {
      color: #fff; } }
        @media screen and (min-width: 992px) {
    #hauptmenu ul li:hover > a {
      color: #bb0d1e; } }
      #hauptmenu ul li.has-sub {
        /* Fügt ein + Symbol zum Hauptmenü hinzu, wenn es Submenüelemente gibt */
        /* Hover Status für + Symbol => wird zu - */ }
        #hauptmenu ul li.has-sub > a {
          /*
           &:after {
           position: absolute;
           top: 22px;
           right: 11px;
           width: 8px;
           height: 2px;
           @include mediaquery(mobile) { display: none; }
           @include mediaquery(tablet) { display: none; }
           @include mediaquery(desktop) { display: block; }
           background: $menu_color;
           content: '';
           }
           &:before {
           position: absolute;
           top: 19px;
           right: 14px;
           width: 2px;
           height: 8px;
           @include mediaquery(mobile) { display: none; }
           @include mediaquery(tablet) { display: none; }
           @include mediaquery(desktop) { display: block; }
           background: $menu_color;
           content: '';
           @include transition(all .25s ease-in-out);
           }
           */ }
        #hauptmenu ul li.has-sub:hover > a:before {
          top: 23px;
          height: 0; }
      #hauptmenu ul li:hover > ul {
        opacity: 1;
        -ms-filter: "progid:DXImageTra nsform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        top: auto; }
        @media screen and (max-width: 767px) {
    #hauptmenu ul li:hover > ul {
      background: transparent; } }
        @media screen and (min-width: 768px) {
    #hauptmenu ul li:hover > ul {
      background: transparent; } }
        @media screen and (min-width: 992px) {
    #hauptmenu ul li:hover > ul {
      background: #f1f0ef; } }
        #hauptmenu ul li:hover > ul li:hover > ul {
          top: 0;
          right: 100%; }
          @media (min-width: 992px) {
      #hauptmenu ul li:hover > ul li:hover > ul {
        display: block !important; } }
      #hauptmenu ul li.current-menu-item:before, #hauptmenu ul li.current-menu-parent:before {
        color: #bb0d1e; }
        @media screen and (max-width: 767px) {
    #hauptmenu ul li.current-menu-item > a, #hauptmenu ul li.current-menu-parent > a {
      color: #fff; } }
        @media screen and (min-width: 768px) {
    #hauptmenu ul li.current-menu-item > a, #hauptmenu ul li.current-menu-parent > a {
      color: #fff; } }
        @media screen and (min-width: 992px) {
    #hauptmenu ul li.current-menu-item > a, #hauptmenu ul li.current-menu-parent > a {
      color: #bb0d1e; } }
      #hauptmenu ul li ul {
        -webkit-transition: all 0s ease-in-out;
        -moz-transition: all 0s ease-in-out;
        -ms-transition: all 0s ease-in-out;
        -o-transition: all 0s ease-in-out;
        transition: all 0s ease-in-out;
        /* SubSubmenu + Button in der mobilen Navigation */ }


        @media screen and (min-width: 992px) {
  #hauptmenu ul li ul {
    position: absolute;
    opacity: 0;
    -ms-filter: "progid:DXImageTra nsform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    top: -9999em;
    padding: 0px 13px;
    padding: 0rem 1.3rem; } }
        #hauptmenu ul li ul .submenu-button {
          height: 39px;
          width: 34px; }
        #hauptmenu ul li ul .submenu-button:after {
          top: 15px;
          right: 13px; }
        #hauptmenu ul li ul .submenu-button:before {
          top: 12px;
          right: 16px; }
        #hauptmenu ul li ul li {
          -webkit-transition: all 0.25s ease-in-out;
          -moz-transition: all 0.25s ease-in-out;
          -ms-transition: all 0.25s ease-in-out;
          -o-transition: all 0.25s ease-in-out;
          transition: all 0.25s ease-in-out;
          width: 100%;
          min-width: 250px;
          /* letztes Element hat keinen Border bottom */
          /* Fügt ein + Symbol zum Submenu hinzu, wenn es weitere Submenüelemente gibt */
          /* Style für SubSubmenü */ }
        #hauptmenu ul li ul li:last-child > a {
          border-bottom: 0; }
        #hauptmenu ul li ul li:hover {
          -webkit-transition: all 0.25s ease-in-out;
          -moz-transition: all 0.25s ease-in-out;
          -ms-transition: all 0.25s ease-in-out;
          -o-transition: all 0.25s ease-in-out;
          transition: all 0.25s ease-in-out; }
          @media screen and (max-width: 767px) {
    #hauptmenu ul li ul li:hover {
      background: transparent; } }
          @media screen and (min-width: 768px) {
    #hauptmenu ul li ul li:hover {
      background: transparent; } }
          @media screen and (min-width: 992px) {
    #hauptmenu ul li ul li:hover {
      background: transparent; } }
        #hauptmenu ul li ul li.has-sub {
          /*
           > a:after {
           position: absolute;
           top: 16px;
           right: 11px;
           width: 8px;
           height: 2px;
           @include mediaquery(mobile) { display: none; }
           @include mediaquery(tablet) { display: none; }
           @include mediaquery(desktop) { display: block; }
           background: $background_white; // ist nicht definiert
           content: '';
           }
           > a:before {
           position: absolute;
           top: 13px;
           right: 14px;
           width: 2px;
           height: 8px;
           @include mediaquery(mobile) { display: none; }
           @include mediaquery(tablet) { display: none; }
           @include mediaquery(desktop) { display: block; }
           background: $background_white; // ist nicht definiert
           content: '';
           @include transition(all .25s ease-in-out);
           }
           */ }
          #hauptmenu ul li ul li.has-sub:hover {
            /* wird benötigt, wenn es weitere Submenüs gibt */ }
          #hauptmenu ul li ul li.has-sub:hover > a:before {
            top: 17px;
            height: 0; }
          @media screen and (max-width: 767px) {
        #hauptmenu ul li ul li.has-sub:hover > a {
          color: white; } }
            @media screen and (min-width: 768px) {
      #hauptmenu ul li ul li.has-sub:hover > a {
        color: white; } }
            @media screen and (min-width: 992px) {
      #hauptmenu ul li ul li.has-sub:hover > a {
        color: #bb0d1e; } }
        #hauptmenu ul li ul li a {
          min-width: 200px;
          padding: 10px 20px;
          padding: 1rem 2rem;
          font-size: 16px;
          font-size: 1.6rem;
          font-family: "PT Sans Italic", Arial, sans-serif;
          font-style: normal;
          line-height: 120%;
          /* Hintergrundfarbe bei Hover auf Submenu Element */ }
          @media screen and (max-width: 767px) {
    #hauptmenu ul li ul li a {
      border-bottom: none;
      color: white; } }
          @media screen and (min-width: 768px) {
    #hauptmenu ul li ul li a {
      border-bottom: none;
      color: white; } }
          @media screen and (min-width: 992px) {
    #hauptmenu ul li ul li a {
      border-bottom: 1px solid rgba(232, 232, 232, 1);
      color: #666; } }
          @media screen and (max-width: 767px) {
      #hauptmenu ul li ul li a:hover {
        color: white; } }
          @media screen and (min-width: 768px) {
      #hauptmenu ul li ul li a:hover {
        color: white; } }
          @media screen and (min-width: 992px) {
      #hauptmenu ul li ul li a:hover {
        color: #bb0d1e; } }
        @media screen and (max-width: 767px) {
      #hauptmenu ul li ul li ul {
        margin-left: 0px; } }
          @media screen and (min-width: 768px) {
    #hauptmenu ul li ul li ul {
      margin-left: 0px; } }
          @media screen and (min-width: 992px) {
    #hauptmenu ul li ul li ul {
      margin-left: 100%;
      top: 0; } }
            @media screen and (min-width: 992px) and (min-width: 992px) {
      #hauptmenu ul li ul li ul {
        display: none !important; } }
/* Burger Icon Animation */
@-webkit-keyframes inM {
  50% {
    -webkit-transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(45deg); } }

@keyframes inM {
  50% {
    transform: rotate(0deg); }

  100% {
    transform: rotate(45deg); } }

@-webkit-keyframes outM {
  50% {
    -webkit-transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(45deg); } }

@keyframes outM {
  50% {
    transform: rotate(0deg); }

  100% {
    transform: rotate(45deg); } }

@-webkit-keyframes inT {
  0% {
    -webkit-transform: translateY(0px) rotate(0deg); }

  50% {
    -webkit-transform: translateY(9px) rotate(0deg); }

  100% {
    -webkit-transform: translateY(9px) rotate(135deg); } }

@keyframes inT {
  0% {
    transform: translateY(0px) rotate(0deg); }

  50% {
    transform: translateY(9px) rotate(0deg); }

  100% {
    transform: translateY(9px) rotate(135deg); } }

@-webkit-keyframes outT {
  0% {
    -webkit-transform: translateY(0px) rotate(0deg); }

  50% {
    -webkit-transform: translateY(9px) rotate(0deg); }

  100% {
    -webkit-transform: translateY(9px) rotate(135deg); } }

@keyframes outT {
  0% {
    transform: translateY(0px) rotate(0deg); }

  50% {
    transform: translateY(9px) rotate(0deg); }

  100% {
    transform: translateY(9px) rotate(135deg); } }

@-webkit-keyframes inBtm {
  0% {
    -webkit-transform: translateY(0px) rotate(0deg); }

  50% {
    -webkit-transform: translateY(-9px) rotate(0deg); }

  100% {
    -webkit-transform: translateY(-9px) rotate(135deg); } }

@keyframes inBtm {
  0% {
    transform: translateY(0px) rotate(0deg); }

  50% {
    transform: translateY(-9px) rotate(0deg); }

  100% {
    transform: translateY(-9px) rotate(135deg); } }

@-webkit-keyframes outBtm {
  0% {
    -webkit-transform: translateY(0px) rotate(0deg); }

  50% {
    -webkit-transform: translateY(-9px) rotate(0deg); }

  100% {
    -webkit-transform: translateY(-9px) rotate(135deg); } }

@keyframes outBtm {
  0% {
    transform: translateY(0px) rotate(0deg); }

  50% {
    transform: translateY(-9px) rotate(0deg); }

  100% {
    transform: translateY(-9px) rotate(135deg); } }
/*
 ┌┬┐┌─┐┬┌┐┌  ┌─┐┌─┐┌─┐  ┌─┐┬┬  ┌─┐
 │││├─┤││││  │  └─┐└─┐  ├┤ ││  ├┤ 
 ┴ ┴┴ ┴┴┘└┘  └─┘└─┘└─┘  └  ┴┴─┘└─┘
 File: _default.scss
 Beschreibung: ALLE STYLES SIND IN DIESEM FILE INTEGRIERT
 Erstellt von: Roman Kröpl
 Datum: 01.02.2016
 */
/* Wenn der Header fix positioniert wird, dann benötigt der main-container einen Abstand oben */
#main-container {
  margin-top: 93px;
  margin-top: 9.3rem;
  overflow: hidden; }
/*	
 Headlines
 */
h1, h2, h3, h4 {
  text-transform: inherit;
  margin: 0px 0px 20px 0px;
  margin: 0rem 0rem 2rem 0rem; }

h1 {
  font-family: "PT Sans Bold Italic", Arial, sans-serif;
  color: #bb0d1e; }
  @media screen and (max-width: 767px) {
  h1 {
    font-size: 24px;
    font-size: 2.4rem; } }
  @media screen and (min-width: 768px) {
  h1 {
    font-size: 34px;
    font-size: 3.4rem; } }
  @media screen and (min-width: 992px) {
  h1 {
    font-size: 40px;
    font-size: 4rem; } }

h2 {
  font-family: "PT Sans Bold Italic", Arial, sans-serif;
  color: #bb0d1e; }
  @media screen and (max-width: 767px) {
  h2 {
    font-size: 20px;
    font-size: 2rem; } }
  @media screen and (min-width: 768px) {
  h2 {
    font-size: 30px;
    font-size: 3rem; } }
  @media screen and (min-width: 992px) {
  h2 {
    font-size: 36px;
    font-size: 3.6rem; } }

h3 {
  font-family: "PT Sans Bold Italic", Arial, sans-serif; }
  @media screen and (max-width: 767px) {
  h3 {
    font-size: 18px;
    font-size: 1.8rem; } }
  @media screen and (min-width: 768px) {
  h3 {
    font-size: 23px;
    font-size: 2.3rem; } }
  @media screen and (min-width: 992px) {
  h3 {
    font-size: 25px;
    font-size: 2.5rem; } }

h4 {
  font-family: "PT Sans Bold Italic", Arial, sans-serif; }
  @media screen and (max-width: 767px) {
  h4 {
    font-size: 18px;
    font-size: 1.8rem; } }
  @media screen and (min-width: 768px) {
  h4 {
    font-size: 28px;
    font-size: 2.8rem; } }
  @media screen and (min-width: 992px) {
  h4 {
    font-size: 38px;
    font-size: 3.8rem; } }

p {
  margin: 0px 0px 20px 0px;
  margin: 0rem 0rem 2rem 0rem;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 23px;
  line-height: 2.3rem; }
/*
 Buttons
 */
.btn {
  font-family: "PT Sans Bold Italic", Arial, sans-serif;
  font-size: 20px;
  font-size: 2rem;
  background: transparent;
  text-shadow: none;
  padding: 15px 50px;
  padding: 1.5rem 5rem;
  color: #fff;
  display: inline-block;
  background-color: transparent;
  text-align: center;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in; }
  .btn:hover {
    color: #666;
    text-decoration: none; }
  .btn:active {
    box-shadow: none; }

.headerimage img {
  width: 100%; }

#wrapper {
  width: 100%;
  margin: 0 auto;
  overflow-x: hidden; }
  .form-row.form-row-wide.create-account {
    display: none; }

.page-id-2695 .woocommerce-info {
  display: none; }
/*
 ul.products li.product {
 .price {
 display:none !important;
 }
 .price:nth-last-of-type(2) {
 display: block !important;
 }
 }
 .single-product {
 p.price {
 color: transparent !important;
 span {
 display:none;
 &.price {
 display: inline-block;
 color: #666 !important;
 span {
 display: inline-block;
 color: #666 !important;
 }
 }
 &.festi-user-role-prices-regular-price-lable, &.festi-user-role-prices-regular-price, &.festi-user-role-prices-user-price-lable, &.festi-user-role-prices-user-price {
 display: inline-block;
 color: #666 !important;
 }
 &:first-child {
 display: inline-block;
 color: #666 !important;
 }
 }
 small {
 color: #b9b3ad !important;
 }
 }
 }
 */
.container.cb {
  margin-top: 30px;
  margin-top: 3rem; }

.myicon {
  background-size: contain;
  width: 55px;
  width: 5.5rem;
  height: 55px;
  height: 5.5rem;
  margin-right: 20px;
  margin-right: 2rem;
  float: left; }
  .myicon.icon-herz {
    background-image: url('../images/icon_herz.jpg'); }
  .myicon.icon-loeffel {
    background-image: url('../images/icon_loeffel.jpg'); }
  .myicon.icon-backen {
    background-image: url('../images/icon_backen.jpg'); }

#bestellart h3 {
  font-size: 20px;
  font-size: 2rem; }

.home .container.cb {
  margin-top: 0px; }

.woocommerce-variation-price {
  display: none; }

.tagged_as {
  display: none; }

.single-product p.price {
  display: none; }

.woocommerce-variation.single_variation span.price {
  display: none; }

.woocommerce ul.products li.product .price ins, .woocommerce div.product p.price ins, .woocommerce div.product span.price ins {
  font-weight: normal !important;
  text-decoration: none !important; }

.related.products .tag_vpe {
  display: block; }

#myvariants {
  margin-top: 13px; }

ins {
  text-decoration: none !important; }

.woocommerce .woocommerce-anzahl_anzeigen {
  float: left !important; }
  .woocommerce .woocommerce-anzahl_anzeigen span {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 8px 15px 8px 0px;
    padding: 0.8rem 1.5rem 0.8rem 0rem;
    display: inline-block;
    font-family: "PT Sans Bold Italic", Arial, sans-serif; }
  .woocommerce .woocommerce-anzahl_anzeigen select {
    width: 140px; }

.nettoinfo {
  border-top: 3px solid #bb0d1e;
  background: #efefef;
  padding: 10px 20px;
  margin-bottom: 24px;
  font-weight: bold;
  font-size: 16px; }

.menueonlyhaendler {
  display: none; }
/*
 ┌─┐┌┐   ┬┌┬┐┌─┐┌┬┐
 │  ├┴┐  │ │ ├┤ │││
 └─┘└─┘  ┴ ┴ └─┘┴ ┴
 File: _modules/_cb_item.scss
 Beschreibung:	Allgemeine CSS Definition für die Content Blöcke.
 Jedes CB Element muss die Classe cb_item enthalten!
 Autor: Roman Kröpl
 Datum: 01.02.2016
 */
@media screen and (max-width: 767px) {
    .cb_item {
      margin-bottom: 20px;
      margin-bottom: 2rem; } }
  @media screen and (min-width: 768px) {
  .cb_item {
    margin-bottom: 0px;
    margin-bottom: 0rem; } }
  @media screen and (min-width: 992px) {
  .cb_item {
    margin-bottom: 0px;
    margin-bottom: 0rem; } }
/*
 ┌─┐┌┐   ┌┐ ┬  ┌─┐┌─┐┬┌─  ┌─┐┌┬┐┌─┐┬─┐┌┬┐
 │  ├┴┐  ├┴┐│  │ ││  ├┴┐  └─┐ │ ├─┤├┬┘ │ 
 └─┘└─┘  └─┘┴─┘└─┘└─┘┴ ┴  └─┘ ┴ ┴ ┴┴└─ ┴ 
 File: _modules/_cb_block_start.scss
 Beschreibung: Style für Content Block Start und Accordion
 Autor: Roman Kröpl
 Datum: 01.02.2016
 */
.cb_block_start {
  /*
   ┌─┐┌─┐┌─┐┌─┐┬─┐┌┬┐┬┌─┐┌┐┌
   ├─┤│  │  │ │├┬┘ ││││ ││││
   ┴ ┴└─┘└─┘└─┘┴└──┴┘┴└─┘┘└┘
   */
  /* klasse im Backend hinterlegt */ }
  @media screen and (max-width: 767px) {
    .cb_block_start .full_width {
      margin: 0px;
      margin: 0rem; } }
    @media screen and (min-width: 768px) {
  .cb_block_start .full_width {
    margin: 0px -35% 0px -35%; } }
    @media screen and (min-width: 992px) {
  .cb_block_start .full_width {
    margin: 0px -35% 0px -35%; } }
    .cb_block_start .full_width .iconitem a {
      color: #bb0d1e; }
  .cb_block_start .toggler {
    font-family: "PT Sans Bold Italic", Arial, sans-serif;
    margin-bottom: 10px;
    margin-bottom: 1rem;
    padding-bottom: 10px;
    padding-bottom: 1rem;
    border-bottom: 1px solid #ccc; }
  .cb_block_start.last {
    border-bottom: none; }
    .cb_block_start .white {
      color: #fff; }
/*
 ┌─┐┌┐   ┌─┐┌─┐┬─┐┌┬┐┬ ┬┬  ┌─┐┬─┐
 │  ├┴┐  ├┤ │ │├┬┘││││ ││  ├─┤├┬┘
 └─┘└─┘  └  └─┘┴└─┴ ┴└─┘┴─┘┴ ┴┴└─
 File: _modules/_cb_formular.scss
 Beschreibung: Alle Styles für die Formulare
 Autor: Roman Kröpl
 Datum: 01.02.2016
 */
form {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0px 2px;
  margin: 0rem 0.2rem;
  padding: 3.5px 6.25px 7.5px;
  padding: 0.35rem 0.625rem 0.75rem; }

legend {
  border: 0;
  padding: 0;
  white-space: normal; }

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  max-width: 100%;
  vertical-align: baseline; }

button, input {
  line-height: normal; }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], input[disabled] {
  cursor: default; }

button {
  border: none;
  width: 100%;
  text-align: left;
  background: none; }

input[type="checkbox"], input[type="radio"] {
  padding: 0; }

input[type="search"] {
  -webkit-appearance: textfield;
  padding-right: 2px;
  padding-right: 0.2rem;
  /* Don't cut off the webkit search cancel button */
  width: 270px; }

input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input[type=text], textarea, select {
  outline: none;
  border: 1px solid #ccc; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent url('../images/dropdown_arrow.png') no-repeat 96% center !important;
  border: solid 1px #e8e8e8;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  padding: 0px 8px;
  padding: 0rem 0.8rem;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "PT Sans Italic", Arial, sans-serif;
  height: 36px;
  height: 3.6rem; }

textarea {
  overflow: auto;
  vertical-align: top; }

pre {
  background-color: #fff;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  padding: 0px;
  padding: 0rem;
  margin: 0px;
  margin: 0rem; }

.gform_wrapper {
  max-width: 100% !important; }
  .gform_wrapper .gform_heading {
    display: none; }
  .gform_wrapper ul li {
    list-style: none; }
    .gform_wrapper ul li.gfield {
      clear: none !important;
      /*form error*/ }
      .gform_wrapper ul li.gfield.gfield_error {
        width: 100% !important;
        background: none !important;
        border: none !important; }
      .gform_wrapper ul li.gfield.gfield_error.gfield_contains_required {
        margin-bottom: 0px;
        margin-bottom: 0rem; }
        .gform_wrapper ul li.gfield.gfield_error.gfield_contains_required div.ginput_container {
          max-width: 100% !important;
          margin-left: 0px;
          margin-left: 0rem; }
      .gform_wrapper ul li.gfield.gfield_error input[type=text] {
        border: solid 1px #f00 !important; }
      .gform_wrapper ul li.gfield.gfield_error.col-md-4 {
        width: 33.33333% !important; }
      .gform_wrapper ul li.gfield.gfield_error.col-md-5 {
        width: 41.66667% !important; }
      .gform_wrapper ul li.gfield.gfield_error.col-md-8 {
        width: 66.66667% !important; }
    .gform_wrapper ul li .validation_message {
      display: none !important; }
    .gform_wrapper ul li .ginput_container {
      margin-top: 0px;
      margin-top: 0rem;
      margin-bottom: 16px;
      margin-bottom: 1.6rem; }
      .gform_wrapper ul li .ginput_container .ginput_container_fileupload {
        clear: both; }
      .gform_wrapper ul li .ginput_container input[type='text'], .gform_wrapper ul li .ginput_container textarea {
        border-radius: 0px;
        border-radius: 0rem;
        border: 1px solid #ccc;
        background: #fff;
        color: #666;
        width: 100% !important;
        padding: 5px 10px;
        padding: 0.5rem 1rem;
        text-indent: 0px;
        text-indent: 0rem;
        font-weight: normal !important; }
      .gform_wrapper ul li .ginput_container textarea {
        height: auto;
        padding: 5px 10px;
        padding: 0.5rem 1rem; }
  .gform_wrapper .gform_validation_container {
    display: none; }
  .gform_wrapper .validation_error {
    border-top: none !important;
    border-bottom: none !important;
    color: #f00 !important; }
  .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select {
    margin-left: 0px;
    margin-left: 0rem; }
  .gform_wrapper .gform_heading {
    margin-bottom: 10px;
    margin-bottom: 1rem; }
    .gform_wrapper .gform_heading h3 {
      font-size: 20px;
      font-size: 2rem;
      margin-bottom: 5px;
      margin-bottom: 0.5rem; }
    .gform_wrapper .gform_heading span.gform_description {
      font-size: 13px;
      font-size: 1.3rem; }
  .gform_wrapper .gform_body {
    padding: 0px;
    padding: 0rem;
    clear: both;
    overflow: hidden; }
    .gform_wrapper .gform_body input, .gform_wrapper .gform_body textarea, .gform_wrapper .gform_body select {
      background: #fff;
      border: 1px solid #ccc !important;
      padding: 5px;
      padding: 0.5rem;
      border-radius: 0px;
      border-radius: 0rem; }
    .gform_wrapper .gform_body ul {
      list-style: none !important;
      padding: 0px;
      padding: 0rem;
      margin: 0px;
      margin: 0rem; }
    .gform_wrapper .gform_body ul li.show-label label {
      display: block !important; }
  .gform_wrapper .gform_footer {
    padding: 0px;
    padding: 0rem;
    margin: 0px;
    margin: 0rem; }
    .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer button.button {
      display: inline-block;
      border-radius: 0px;
      border-radius: 0rem;
      width: 150px;
      width: 15rem;
      border: 1px solid #666;
      background: #fff;
      color: #666;
      font-family: "PT Sans Bold Italic", Arial, sans-serif;
      font-size: 14px;
      font-size: 1.4rem;
      box-shadow: none !important; }
      .gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer button.button:hover {
        background-color: #3a3a3a;
        color: #fff; }

::-webkit-input-placeholder {
  color: #666;
  font-weight: normal !important; }

:-moz-placeholder {
  color: #666;
  font-weight: normal !important; }

::-moz-placeholder {
  color: #666;
  font-weight: normal !important; }

:-ms-input-placeholder {
  color: #666;
  font-weight: normal !important; }

.gfield_select {
  border-radius: 0px;
  border-radius: 0rem;
  border: 1px solid #ccc;
  background: none;
  color: #666;
  width: 100% !important; }

.gfield_label {
  font-weight: bold; }

.gform_button {
  border: 2px #666 solid;
  padding: 7px 20px;
  padding: 0.7rem 2rem;
  font-family: "PT Sans Bold Italic", Arial, sans-serif;
  color: #666;
  text-transform: uppercase;
  font-size: 15px;
  font-size: 1.5rem;
  background-color: transparent;
  border-radius: 0px;
  border-radius: 0rem; }
  .gform_button:hover {
    color: #fff;
    background-color: #fff; }
/* NEWSLETTER BOX */
.newsletter .gform_confirmation_wrapper, .newsletter form {
  max-width: 500px;
  width: 100%;
  margin: 0 auto; }

#gform_submit_button_7 {
  color: #fff;
  display: inline-block;
  margin: 20px 0px;
  margin: 2rem 0rem;
  background: #bb0d1e;
  padding: 10px 20px;
  padding: 1rem 2rem;
  font-size: 17px;
  font-size: 1.7rem;
  font-family: "PT Sans Bold Italic", Arial, sans-serif;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  border: none; }
/*
 ┌─┐┌┐   ┌─┐┌─┐┌─┐┌─┐┬  ┌─┐  ┌┬┐┌─┐┌─┐
 │  ├┴┐  │ ┬│ ││ ││ ┬│  ├┤   │││├─┤├─┘
 └─┘└─┘  └─┘└─┘└─┘└─┘┴─┘└─┘  ┴ ┴┴ ┴┴  
 File: _modules/_cb_google_map.scss
 Beschreibung: Styles für die Google Map
 Autor: Roman Kröpl
 Datum: 01.02.2016
 */
.map {
  width: 100%;
  height: 400px;
  height: 40rem;
  border: #ccc solid 1px;
  margin: 0px;
  margin: 0rem; }
/*
 ┌─┐┌┐   ┌─┐┬┌┬┐┌─┐┌┬┐┌─┐┬  ┌─┐┌┬┐┌─┐┌┐┌┌┬┐
 │  ├┴┐  ┌─┘│ │ ├─┤ │ ├┤ │  ├┤ │││├┤ │││ │ 
 └─┘└─┘  └─┘┴ ┴ ┴ ┴ ┴ └─┘┴─┘└─┘┴ ┴└─┘┘└┘ ┴ 
 File: _modules/_cb_zitatelement.scss
 Beschreibung: CSS Styles für das Zitatelement
 Autor: Roman Kröpl
 Datum: 01.02.2016
 */

  @media screen and (min-width: 768px) {
    .cb_zitatelement .vertical-align {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      /* works with row or column */
      flex-direction: row;
      -webkit-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      justify-content: center; } }
  @media screen and (min-width: 992px) {
    .cb_zitatelement .vertical-align {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      /* works with row or column */
      flex-direction: row;
      -webkit-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      justify-content: center; } }

  @media screen and (min-width: 768px) {
    .cb_zitatelement .vertical-align > [class^="col-"], .cb_zitatelement .vertical-align > [class*=" col-"] {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      align-items: center;
      justify-content: center; } }
  @media screen and (min-width: 992px) {
    .cb_zitatelement .vertical-align > [class^="col-"], .cb_zitatelement .vertical-align > [class*=" col-"] {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      align-items: center;
      justify-content: center; } }
  .cb_zitatelement .quotebox_content {
    text-align: center; }
  .cb_zitatelement .author.source {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 120%; }
  .cb_zitatelement .box_background {
    background-size: cover !important; }
  @media screen and (max-width: 767px) {
      .cb_zitatelement .box_background.full_width {
        margin: 0px;
        margin: 0rem; } }
  @media screen and (min-width: 768px) {
      .cb_zitatelement .box_background.full_width {
        margin: 0px -35% 0px -35%; } }
  @media screen and (min-width: 992px) {
      .cb_zitatelement .box_background.full_width {
        margin: 0px -35% 0px -35%; } }
/*
 ┌─┐┌┐   ┌┬┐┌─┐─┐ ┬┌┬┐┌─┐┬  ┌─┐┌┬┐┌─┐┌┐┌┌┬┐
 │  ├┴┐   │ ├┤ ┌┴┬┘ │ ├┤ │  ├┤ │││├┤ │││ │ 
 └─┘└─┘   ┴ └─┘┴ └─ ┴ └─┘┴─┘└─┘┴ ┴└─┘┘└┘ ┴ 
 File: _modules/_cb_textelement.scss
 Beschreibung: CSS Styles für Textelemente
 Autor: Roman Kröpl
 Datum: 01.02.2016
 */
.cb_textelement {
  /* Text alighnment is set in Wordpress Content Box Element */ }
  .cb_textelement .container {
    max-width: 100%; }
  .cb_textelement .subline {
    text-transform: uppercase;
    color: #666;
    margin-bottom: 15px;
    margin-bottom: 1.5rem; }
  .cb_textelement .entry-text {
    line-height: 20px;
    line-height: 2rem; }
  .cb_textelement .entry-text a {
    overflow: hidden; }
  .cb_textelement .entry-text a img {
    -webkit-transition: all 1s ease;
    /* Safari and Chrome */
    -moz-transition: all 1s ease;
    /* Firefox */
    -ms-transition: all 1s ease;
    /* IE 9 */
    -o-transition: all 1s ease;
    /* Opera */
    transition: all 1s ease; }
    .cb_textelement .entry-text a img:hover {
      opacity: 0.8;
      -webkit-transform: scale(1.05);
      -moz-transform: scale(1.05);
      /* Safari and Chrome */
      -ms-transform: scale(1.05);
      /* Firefox */
      -o-transform: scale(1.05);
      /* IE 9 */
      transform: scale(1.05);
      /* Opera */ }
  @media screen and (max-width: 767px) {
      .cb_textelement .textelement_content.maxwidth {
        max-width: 100%; } }
  @media screen and (min-width: 768px) {
      .cb_textelement .textelement_content.maxwidth {
        max-width: 100%; } }
  @media screen and (min-width: 992px) {
      .cb_textelement .textelement_content.maxwidth {
        max-width: 100%;
        margin: 0 auto; } }
  .cb_textelement.left h1, .cb_textelement.left h2, .cb_textelement.left h3, .cb_textelement.left h4, .cb_textelement.left .subline, .cb_textelement.left .entry-text, .cb_textelement.left .text_button {
    text-align: left; }
  .cb_textelement.center h1, .cb_textelement.center h2, .cb_textelement.center h3, .cb_textelement.center h4, .cb_textelement.center .subline, .cb_textelement.center .entry-text, .cb_textelement.center .text_button {
    text-align: center; }
  .cb_textelement.right h1, .cb_textelement.right h2, .cb_textelement.right h3, .cb_textelement.right h4, .cb_textelement.right .subline, .cb_textelement.right .entry-text, .cb_textelement.right .text_button {
    text-align: right; }
  .cb_textelement h2:after {
    content: '';
    display: block;
    margin-top: 10px;
    margin-top: 1rem;
    background: url('../images/trennlinie.png') no-repeat;
    background-position: center center;
    height: 35px;
    height: 3.5rem; }
  .cb_textelement .box_background {
    background-size: cover !important; }
  @media screen and (max-width: 767px) {
      .cb_textelement .box_background.full_width {
        margin: 0px;
        margin: 0rem; } }
  @media screen and (min-width: 768px) {
      .cb_textelement .box_background.full_width {
        margin: 0px -35% 0px -35%; } }
  @media screen and (min-width: 992px) {
      .cb_textelement .box_background.full_width {
        margin: 0px -35% 0px -35%; } }

.haendler_login {
  color: #fff;
  display: inline-block;
  margin: 20px 0px;
  margin: 2rem 0rem;
  background: #bb0d1e;
  padding: 10px 20px;
  padding: 1rem 2rem;
  font-size: 17px;
  font-size: 1.7rem;
  font-family: "PT Sans Bold Italic", Arial, sans-serif;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in; }
  .haendler_login i {
    font-size: 20px;
    font-size: 2rem;
    margin-right: 10px;
    margin-right: 1rem; }
  .haendler_login i:before {
    content: "\ea1e"; }
  .haendler_login:hover {
    background: #fab932;
    color: white; }
/*
 ┌─┐┌┬┐  ┌┐ ┬┬  ┌┬┐┌─┐┬─┐┌─┐┌─┐┬  ┌─┐┬─┐┬┌─┐
 │   ││  ├┴┐││   ││├┤ ├┬┘│ ┬├─┤│  ├┤ ├┬┘│├┤ 
 └─┘─┴┘  └─┘┴┴─┘─┴┘└─┘┴└─└─┘┴ ┴┴─┘└─┘┴└─┴└─┘
 File: _modules/_cb_bildergalerie.scss
 Beschreibung: CSS Styles für Bildergalerie Vorschaubilder
 Autor: Roman Kröpl
 Datum: 01.02.2016
 */
.gallery {
  padding: 0px;
  padding: 0rem;
  left: 0; }
  .gallery li {
    list-style: none;
    margin-bottom: 15px;
    margin-bottom: 1.5rem; }
  .gallery li a {
    display: block;
    overflow: hidden;
    background: #000; }
  .gallery li a img {
    width: auto;
    width: 100%;
    margin: 0px;
    opacity: 1;
    -ms-filter: "progid:DXImageTra nsform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease; }
  .gallery li:hover a {
    background: #333;
    background: rgba(0, 0, 0, 0.8); }
    .gallery li:hover a img {
      opacity: 0.6;
      -ms-filter: "progid:DXImageTra nsform.Microsoft.Alpha(Opacity=60)";
      filter: alpha(opacity=60);
      -moz-transition: scale(1.1);
      -webkit-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1); }
/*
 ┌─┐┌┬┐  ┬┌─┐┌─┐┌┐┌┌─┐
 │   ││  ││  │ ││││└─┐
 └─┘─┴┘  ┴└─┘└─┘┘└┘└─┘
 File: _modules/_cb_icons.scss
 Beschreibung: CSS Styles für Icons (Iconset)
 Autor: Roman Kröpl
 Datum: 01.02.2016
 */
.cb_iconset .cb_icons .iconitem {
  text-align: center;
  border-right: solid 1px rgba(255, 255, 255, 0.5); }
  .cb_iconset .cb_icons .iconitem:last-child {
    border-right: none; }
  .cb_iconset .cb_icons .iconitem p {
    font-size: 25px;
    font-size: 2.5rem;
    font-family: "PT Sans Bold Italic", Arial, sans-serif;
    line-height: 110%; }
  .cb_iconset .cb_icons .iconitem .image_container {
    margin-bottom: 10px;
    margin-bottom: 1rem; }
    .cb_iconset .cb_icons .iconitem .image_container img {
      margin: 0 auto;
      -webkit-transition: all 0.7s ease;
      -moz-transition: all 0.7s ease;
      -ms-transition: all 0.7s ease;
      -o-transition: all 0.7s ease;
      transition: all 0.7s ease; }
    .cb_iconset .cb_icons .iconitem .image_container img:hover {
      opacity: 0.9;
      -ms-filter: "progid:DXImageTra nsform.Microsoft.Alpha(Opacity=90)";
      filter: alpha(opacity=90);
      -moz-transition: scale(1.05);
      -webkit-transform: scale(1.05);
      -o-transform: scale(1.05);
      transform: scale(1.05); }
    .cb_iconset .cb_icons .iconitem .image_container .fa {
      font-size: 60px;
      font-size: 6rem;
      color: #333; }
  .cb_iconset .cb_icons .iconitem p:last-child {
    margin-bottom: 0px;
    margin-bottom: 0rem; }
/*
 ┌─┐┌┐   ┌─┐┬┌─┐┌┬┐┬ ┬┬─┐┌─┐
 │  ├┴┐  ├─┘││   │ │ │├┬┘├┤ 
 └─┘└─┘  ┴  ┴└─┘ ┴ └─┘┴└─└─┘
 File: _modules/_cb_picture.scss
 Beschreibung: Styles für Bild-Element
 Erstellt von: Roman Kröpl
 Datum: 01.02.2016
 */
.cb_picture img {
  width: 100%; }
/*
 ┌─┐┌┐   ┌─┐┬ ┬┌─┐┌─┐┌─┐┌─┐┬ ┬┬  ┬ ┬┌┐┌┌─┐┌─┐┌─┐┬  ┌─┐┌┬┐┌─┐┌┐┌┌┬┐
 │  ├┴┐  ├─┤│ │├┤ ┌─┘├─┤├┤ ├─┤│  │ │││││ ┬└─┐├┤ │  ├┤ │││├┤ │││ │ 
 └─┘└─┘  ┴ ┴└─┘└  └─┘┴ ┴└─┘┴ ┴┴─┘└─┘┘└┘└─┘└─┘└─┘┴─┘└─┘┴ ┴└─┘┘└┘ ┴ 
 File: _modules/_cb_aufzaehlungselemente.scss
 Beschreibung: CSS Styles für Aufzählungselemente
 Autor: Roman Kröpl
 Datum: 25.04.2016
 */
.cb_aufzaehlungselemente .item {
  clear: both;
  margin-bottom: 20px;
  margin-bottom: 2rem;
  min-height: 70px;
  min-height: 7rem; }
  .cb_aufzaehlungselemente .item i {
    float: left;
    font-size: 54px;
    font-size: 5.4rem;
    color: #b9b3ad;
    margin-right: 15px;
    margin-right: 1.5rem; }
  .cb_aufzaehlungselemente .item h4 {
    color: #bb0d1e;
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 5px;
    margin-bottom: 0.5rem; }
  .cb_aufzaehlungselemente .item .text {
    font-size: 16px;
    font-size: 1.6rem; }
/*
 ┌─┐┌┐   ┌┬┐┬─┐┌─┐┌┐┌┌┐┌┌─┐┬  ┌─┐┌┬┐┌─┐┌┐┌┌┬┐
 │  ├┴┐   │ ├┬┘├┤ ││││││├┤ │  ├┤ │││├┤ │││ │ 
 └─┘└─┘   ┴ ┴└─└─┘┘└┘┘└┘└─┘┴─┘└─┘┴ ┴└─┘┘└┘ ┴ 
 File: _modules/_cb_trennelement.scss
 Beschreibung:	Allgemeine CSS Definition für das Trennelement
 Autor: Roman Kröpl
 Datum: 02.05.2016
 */
.cb_trennelement {
  background: url('../images/trennlinie.png') no-repeat;
  background-position: center center;
  height: 35px;
  height: 3.5rem; }
  @media screen and (max-width: 767px) {
  .cb_trennelement {
    margin-bottom: 20px;
    margin-bottom: 2rem; } }
  @media screen and (min-width: 768px) {
  .cb_trennelement {
    margin-bottom: 0px;
    margin-bottom: 0rem; } }
  @media screen and (min-width: 992px) {
  .cb_trennelement {
    margin-bottom: 0px;
    margin-bottom: 0rem; } }
/*
 ┌─┐┬ ┬┌─┐┬ ┬┌─┐
 └─┐│ ││  ├─┤├┤ 
 └─┘└─┘└─┘┴ ┴└─┘
 File: _modules/suche.scss
 Beschreibung: CSS Styles für die Suchergebnisseite
 Autor: Roman Kröpl
 Datum: 01.02.2016
 */
.search .subline {
  font-size: 16px;
  font-size: 1.6rem; }
  .search .search-title {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 10px;
    margin-bottom: 1rem; }
  .search .searchform_container {
    background: #ccc; }
  @media screen and (max-width: 767px) {
    .search .searchform_container {
      margin: 0px;
      margin-top: 30px;
      padding: 30px 0px; } }
  @media screen and (min-width: 768px) {
    .search .searchform_container {
      margin: 30px -50% 0px -50%;
      padding: 30px 0px; } }
  @media screen and (min-width: 992px) {
    .search .searchform_container {
      margin: 30px -50% 0px -50%;
      padding: 30px 0px; } }
  .search .searchform_container .container {
    display: table; }
  .search .searchform_container .container #searchform {
    display: table-cell;
    text-align: center; }
    .search .searchform_container .container #searchform label {
      min-width: 100px;
      text-align: left; }
    @media screen and (max-width: 767px) {
        .search .searchform_container .container #searchform label {
          display: none; } }
    @media screen and (min-width: 768px) {
        .search .searchform_container .container #searchform label {
          display: inline-block; } }
    @media screen and (min-width: 992px) {
        .search .searchform_container .container #searchform label {
          display: inline-block; } }
    .search .searchform_container .container #searchform input {
      border: 1px solid #ccc;
      background: #fff;
      color: #666;
      padding: 5px 10px;
      padding: 0.5rem 1rem;
      text-indent: 0px;
      text-indent: 0rem;
      font-weight: normal !important; }
  .search .searchresult_container {
    background: #e5e5e5; }
  @media screen and (max-width: 767px) {
    .search .searchresult_container {
      margin: 0px;
      margin-bottom: 30px;
      padding: 30px 30px; } }
  @media screen and (min-width: 768px) {
    .search .searchresult_container {
      margin: 0px -50% 30px -50%;
      padding: 30px 0px; } }
  @media screen and (min-width: 992px) {
    .search .searchresult_container {
      margin: 0px -50% 30px -50%;
      padding: 30px 0px; } }
  .search .searchresult_container .container {
    display: table; }
  .search .searchresult_container .container .result {
    display: table-cell;
    text-align: center; }
  .search article {
    border-bottom: solid 1px #eaeaea;
    margin-bottom: 20px;
    margin-bottom: 2rem; }
  .search #search-nav {
    /*&:before{	
     font-family: $fontAwesome;
     content: "\f053\00a0\00a0\00a0";	
     }
     */ }
  .search #search-nav .prev-post:after {
    display: none; }
  .search #search-nav .next-post {
    /*
     &:after{
     font-family: $fontAwesome;
     content: "\00a0\00a0\00a0\f054";
     }
     */ }
/*
 ┌─┐┬┌┬┐┌─┐┌┐ ┌─┐┬─┐
 └─┐│ ││├┤ ├┴┐├─┤├┬┘
 └─┘┴─┴┘└─┘└─┘┴ ┴┴└─
 File: _modules/_hauptmenu.scss
 Beschreibung: CSS Styles für das Hauptmenü
 Autor: Roman Kröpl
 Datum: 05.02.2016
 */
.sidebar .widget {
  margin: 0px 0px 40px 0px;
  margin: 0rem 0rem 4rem 0rem;
  /* Sidebar Headline */ }
  /*
   ┌─┐┌─┐┌┬┐  ┌┐┌┌─┐┬ ┬┌─┐
   │  ├─┘ │   │││├┤ │││└─┐
   └─┘┴   ┴   ┘└┘└─┘└┴┘└─┘
   File: _cpt/_news.scss
   Beschreibung: CSS Styles für News Übersicht und News Detailseite
   Autor: Roman Kröpl
   Datum: 01.02.2016
   */

.news {
  margin-top: 30px; }
  .news h2 {
    margin-top: 10px; }

.news_entry {
  margin-bottom: 20px;
  margin-bottom: 2rem; }
  .news_entry .image_container {
    margin-bottom: 0px;
    margin-bottom: 0rem;
    overflow: hidden;
    background: #000; }
  .news_entry .image_container img {
    height: auto;
    width: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTra nsform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease; }
  .news_entry .text_container {
    padding-top: 15px;
    padding-top: 1.5rem; }
  .news_entry .text_container .date {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 5px;
    margin-bottom: 0.5rem;
    display: block; }
  .news_entry .text_container .enty_intro p {
    display: inline; }
  .news_entry h2 {
    line-height: 105%;
    margin-bottom: 10px;
    margin-bottom: 1rem;
    font-size: 20px;
    font-size: 2rem;
    background-color: transparent;
    text-transform: inherit;
    color: #bb0d1e;
    font-family: "PT Sans Bold Italic", Arial, sans-serif; }
  .news_entry h2 a {
    color: #bb0d1e; }
  .news_entry h2:after {
    display: none; }
  .news_entry:hover img {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTra nsform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transition: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
/*
 ┌─┐┌─┐┬┌┬┐┌─┐┌┐┌┌┐┌┌─┐┬  ┬┬┌─┐┌─┐┌┬┐┬┌─┐┌┐┌
 └─┐├┤ │ │ ├┤ ││││││├─┤└┐┌┘││ ┬├─┤ │ ││ ││││
 └─┘└─┘┴ ┴ └─┘┘└┘┘└┘┴ ┴ └┘ ┴└─┘┴ ┴ ┴ ┴└─┘┘└┘
 */
.pagination_container {
  position: relative;
  margin-top: 20px;
  margin-top: 2rem;
  clear: both; }
  .pagination_container .sisu_paging {
    margin: 0 20% 0 20%;
    width: 60%; }
  .pagination_container .sisu_paging ul.sisu_pagination {
    width: 80%;
    list-style: none;
    padding: 0px;
    text-align: center;
    margin: 0 auto; }
  .pagination_container .sisu_paging ul li {
    margin: 0px;
    margin: 0px;
    margin: 0rem;
    margin-bottom: 7px;
    margin-bottom: 0.7rem;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    display: inline; }
    .pagination_container .sisu_paging ul li a {
      color: #201f1f;
      text-decoration: none;
      padding: 6px 10px;
      padding: 0.6rem 1rem; }
    .pagination_container .sisu_paging ul li:hover a, .pagination_container .sisu_paging ul li.active a {
      background: #eaeaea;
      color: #333 !important; }
  .pagination_container a.prev, .pagination_container a.next {
    top: 0px;
    position: absolute;
    color: #666 !important;
    text-decoration: underline; }
  .pagination_container a.prev:hover, .pagination_container a.next:hover {
    text-decoration: none;
    color: #eaeaea !important; }
  .pagination_container a.prev {
    left: 0px; }
  .pagination_container a.next {
    right: 0px; }
/*
 ┌┐┌┌─┐┬ ┬┌─┐┬  ┌─┐┌┬┐┌┬┐┌─┐┬─┐
 │││├┤ │││└─┐│  ├┤  │  │ ├┤ ├┬┘
 ┘└┘└─┘└┴┘└─┘┴─┘└─┘ ┴  ┴ └─┘┴└─
 File: _modules/_newsletter.scss
 Beschreibung: Alle Styles für die Newslettersysteme ( mailchimp | cleverreach )
 Autor: Roman Kröpl
 Datum: 22.02.2016
 */
/*
 ┌─┐┬  ┌─┐┬  ┬┌─┐┬─┐┬─┐┌─┐┌─┐┌─┐┬ ┬
 │  │  ├┤ └┐┌┘├┤ ├┬┘├┬┘├┤ ├─┤│  ├─┤
 └─┘┴─┘└─┘ └┘ └─┘┴└─┴└─└─┘┴ ┴└─┘┴ ┴
 */
.cr_form {
  /* Subscribe Button */ }
  .cr_form .cr_ipe_item {
    /* email input field */ }
  @media screen and (max-width: 767px) {
    .cr_form .cr_ipe_item {
      float: none;
      margin-right: 0px;
      margin-right: 0rem; } }
  @media screen and (min-width: 768px) {
    .cr_form .cr_ipe_item {
      float: left;
      margin-right: 15px;
      margin-right: 1.5rem; } }
  @media screen and (min-width: 992px) {
    .cr_form .cr_ipe_item {
      float: left;
      margin-right: 15px;
      margin-right: 1.5rem; } }
  @media screen and (max-width: 767px) {
      .cr_form .cr_ipe_item.musthave {
        width: 100%; } }
  @media screen and (min-width: 768px) {
      .cr_form .cr_ipe_item.musthave {
        width: 335px; } }
  @media screen and (min-width: 992px) {
      .cr_form .cr_ipe_item.musthave {
        width: 335px; } }
  .cr_form .cr_ipe_item.musthave input[type='text'] {
    border-radius: 0px;
    border-radius: 0rem;
    border: 1px solid #ccc;
    background: #fff;
    color: #666;
    width: 100% !important;
    padding: 6px 10px;
    padding: 0.6rem 1rem;
    text-indent: 0px;
    text-indent: 0rem;
    font-weight: normal !important; }
  .cr_form .submit_container {
    margin-right: 0px;
    margin-right: 0rem;
    text-align: center; }
  @media screen and (max-width: 767px) {
    .cr_form .submit_container {
      margin-top: 15px;
      margin-top: 1.5rem; } }
  @media screen and (min-width: 768px) {
    .cr_form .submit_container {
      margin-top: 0px;
      margin-top: 0rem; } }
  @media screen and (min-width: 992px) {
    .cr_form .submit_container {
      margin-top: 0px;
      margin-top: 0rem; } }
  .cr_form .submit_container .cr_button {
    text-shadow: none;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in;
    /*safari and chrome */
    -moz-transition: all 0.3s ease-in;
    /* firefox */
    -o-transition: all 0.3s ease-in;
    /* opera */
    text-align: center;
    display: inline-block;
    border-radius: 0px;
    border-radius: 0rem;
    width: 150px;
    width: 15rem;
    border: 1px solid #f66e00;
    background: #fff;
    color: #f66e00;
    padding: 7px 15px 6px 15px;
    padding: 0.7rem 1.5rem 0.6rem 1.5rem;
    font-family: "PT Sans Bold Italic", Arial, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    box-shadow: none !important; }
  .cr_form .submit_container .cr_button:hover {
    background-color: #f66e00;
    color: #fff; }
/*
 ┌┬┐┌─┐┬┬  ┌─┐┬ ┬┬┌┬┐┌─┐
 │││├─┤││  │  ├─┤││││├─┘
 ┴ ┴┴ ┴┴┴─┘└─┘┴ ┴┴┴ ┴┴  
 */
#mc-embedded-subscribe-form {
  /* Subscribe Button */ }
  #mc-embedded-subscribe-form .mc-field-group {
    /* E-Mail Feld */ }
  @media screen and (max-width: 767px) {
    #mc-embedded-subscribe-form .mc-field-group {
      float: none;
      margin-right: 0px;
      margin-right: 0rem;
      width: 100%; } }
  @media screen and (min-width: 768px) {
    #mc-embedded-subscribe-form .mc-field-group {
      float: left;
      margin-right: 15px;
      margin-right: 1.5rem;
      width: 335px; } }
  @media screen and (min-width: 992px) {
    #mc-embedded-subscribe-form .mc-field-group {
      float: left;
      margin-right: 15px;
      margin-right: 1.5rem;
      width: 335px; } }
  #mc-embedded-subscribe-form .mc-field-group label {
    display: none; }
  #mc-embedded-subscribe-form .mc-field-group input[type='email'] {
    border-radius: 0px;
    border-radius: 0rem;
    border: 1px solid #ccc;
    background: #fff;
    color: #666;
    width: 100% !important;
    padding: 6px 10px;
    padding: 0.6rem 1rem;
    text-indent: 0px;
    text-indent: 0rem;
    font-weight: normal !important; }
  #mc-embedded-subscribe-form #mc-embedded-subscribe {
    text-shadow: none;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in;
    /*safari and chrome */
    -moz-transition: all 0.3s ease-in;
    /* firefox */
    -o-transition: all 0.3s ease-in;
    /* opera */
    text-align: center;
    display: inline-block;
    border-radius: 0px;
    border-radius: 0rem;
    width: 150px;
    width: 15rem;
    border: 1px solid #e85c41;
    background: #fff;
    color: #e85c41;
    padding: 7px 15px 6px 15px;
    padding: 0.7rem 1.5rem 0.6rem 1.5rem;
    font-family: "PT Sans Bold Italic", Arial, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    box-shadow: none !important; }
  #mc-embedded-subscribe-form #mc-embedded-subscribe:hover {
    background-color: #e85c41;
    color: #fff; }
  @media screen and (max-width: 767px) {
    #mc-embedded-subscribe-form #mc-embedded-subscribe {
      display: block;
      margin: 0 auto;
      margin-top: 15px;
      margin-top: 1.5rem; } }
  @media screen and (min-width: 768px) {
    #mc-embedded-subscribe-form #mc-embedded-subscribe {
      margin-top: 0px;
      margin-top: 0rem; } }
  @media screen and (min-width: 992px) {
    #mc-embedded-subscribe-form #mc-embedded-subscribe {
      margin-top: 0px;
      margin-top: 0rem; } }

.woocommerce {
  /* Startseite Kageorien */
  /* Produktsuche */
  /* SORTIERUNG */
  /* RESULT COUNT */
  /* PAGING */
  /* PRODUKT DETAILSEITE */
  /* TABS */
  /* Related Products */
  /* SIDEBAR */
  /* Messages (Warenkorb hinzufügen/entfernen) */
  /* Messages (Gutschein) */
  /* Warenkorb Seite, Bestelldetails, Kundendetails, Mein Konto */
  /* Rechnungsdaten */
  /* Formularfelder */
  /* Bestellzusammenfassung */
  /* Bestellungen Mein Account */
  /* Mengen */
  /* Spin Buttons modified */ }
  .woocommerce .woocommerce-validated input {
    border-color: #a00 !important; }
  .woocommerce .amount {
    font-family: "PT Sans Regular", Arial, sans-serif; }
  .woocommerce .woocommerce-price-suffix {
    font-size: 14px;
    font-size: 1.4rem;
    display: block;
    margin-top: 5px;
    margin-top: 0.5rem;
    color: #b9b3ad;
    font-family: "PT Sans Italic", Arial, sans-serif; }
  .woocommerce .woocommerce-breadcrumb {
    font-size: 14px !important;
    margin-top: 10px !important;
    margin-bottom: 35px !important;
    color: #b9b3ad !important; }
  .woocommerce .woocommerce-breadcrumb a {
    color: #b9b3ad !important; }
  .woocommerce h1 {
    font-family: "PT Sans Bold Italic", Arial, sans-serif !important;
    color: #bb0d1e;
    display: table;
    /*&:after{
     content:'';
     display: block;
     @include rem('margin-top',1);
     background: url('../images/trennlinie.png') no-repeat;
     background-position: center center;
     @include rem('height',3.5);
     }*/ }
  @media screen and (max-width: 767px) {
    .woocommerce h1 {
      font-size: 24px;
      font-size: 2.4rem; } }
  @media screen and (min-width: 768px) {
    .woocommerce h1 {
      font-size: 34px;
      font-size: 3.4rem; } }
  @media screen and (min-width: 992px) {
    .woocommerce h1 {
      font-size: 44px;
      font-size: 4.4rem; } }
  .woocommerce h1:before {
    font-family: "icomoon";
    top: 4px;
    position: relative;
    margin-right: 10px;
    margin-right: 1rem;
    color: #b9b3ad; }
  .woocommerce .categories .title {
    float: left;
    color: #bb0d1e;
    font-family: "PT Sans Bold Italic", Arial, sans-serif;
    padding: 8px 15px 8px 0px;
    padding: 0.8rem 1.5rem 0.8rem 0rem;
    font-size: 18px;
    font-size: 1.8rem; }
  .woocommerce .categories .widget_product_categories {
    display: inline-block; }
  .woocommerce .productsuche {
    float: right; }
  .woocommerce .productsuche input.search-field {
    color: #666;
    font-family: "PT Sans Italic", Arial, sans-serif;
    padding: 7px;
    padding: 0.7rem;
    font-size: 16px;
    font-size: 1.6rem;
    border: solid 1px #e8e8e8;
    border-right: none !important; }
  .woocommerce .productsuche input[type="submit"] {
    text-indent: -9999em;
    border: none;
    background: url("../images/icon_search.png") no-repeat center center;
    width: 36px;
    height: 36px;
    display: block;
    float: right; }
  .woocommerce li.product {
    border: solid 1px #e8e8e8;
    text-align: center;
    padding: 8px 10px !important; }
  .woocommerce li.product h3, .woocommerce li.product h2 {
    font-size: 16px !important;
    color: #bb0d1e !important;
    text-align: center;
    padding: 0px !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
    margin-bottom: 10px !important;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }
  .woocommerce li.product .price {
    font-size: 16px !important;
    color: #666 !important;
    font-family: "PT Sans Regular", Arial, sans-serif;
    text-align: center;
    padding: 0px 15px;
    padding: 0rem 1.5rem; }
  .woocommerce li.product a.add_to_cart_button {
    display: table;
    margin: 0 auto;
    background: none !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border: solid 1px #e8e8e8;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    margin-bottom: 15px;
    margin-bottom: 1.5rem;
    color: #b9b3ad; }
  .woocommerce li.product a.add_to_cart_button:hover {
    border: solid 1px #fab932;
    background: #fab932 !important;
    color: #fff; }
  .woocommerce li.product:hover {
    border: solid 1px #b9b3ad;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; }
  .woocommerce li.product:hover a.add_to_cart_button {
    border: solid 1px #fab932;
    background: #fab932 !important;
    color: #fff; }
  .woocommerce li.product .woocommerce-price-suffix {
    display: none; }
  .woocommerce li.product .added_to_cart {
    display: none; }
  .woocommerce .paging {
    display: inline-block;
    float: right;
    margin-top: 2px;
    margin-top: 0.2rem; }
  .woocommerce .woocommerce-ordering {
    float: left !important; }
  .woocommerce .woocommerce-ordering span {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 8px 15px 8px 0px;
    padding: 0.8rem 1.5rem 0.8rem 0rem;
    display: inline-block;
    font-family: "PT Sans Bold Italic", Arial, sans-serif; }
  .woocommerce .woocommerce-result-count {
    float: right !important;
    padding: 6px;
    padding: 0.6rem; }
  .woocommerce .woocommerce-pagination {
    float: right; }
  .woocommerce .woocommerce-pagination ul {
    border: none !important; }
  .woocommerce .woocommerce-pagination ul li {
    border-right: none !important; }
    .woocommerce .woocommerce-pagination ul li .page-numbers {
      font-size: 16px;
      font-size: 1.6rem;
      padding: 6px;
      padding: 0.6rem;
      color: #666;
      font-family: "PT Sans Regular", Arial, sans-serif;
      min-width: 30px;
      min-width: 3rem;
      border: solid 1px transparent; }
    .woocommerce .woocommerce-pagination ul li .page-numbers.current {
      font-family: "PT Sans Bold", Arial, sans-serif;
      background: none !important;
      color: #bb0d1e;
      border: solid 1px #bb0d1e; }
    .woocommerce .woocommerce-pagination ul li .page-numbers:hover, .woocommerce .woocommerce-pagination ul li .page-numbers:focus {
      background: none !important;
      color: #bb0d1e; }
    .woocommerce .woocommerce-pagination ul li .page-numbers.next, .woocommerce .woocommerce-pagination ul li .page-numbers.prev {
      border: solid 1px #e8e8e8;
      padding: 5px;
      padding: 0.5rem; }
  .woocommerce.single-product .product div.images {
    width: 33% !important;
    float: left !important; }
  .woocommerce.single-product .product div.summary {
    width: 62% !important;
    float: right !important; }
    .woocommerce.single-product .product div.summary .product_title {
      color: #bb0d1e; }
    .woocommerce.single-product .product div.summary .amount {
      font-size: 26px; }
    .woocommerce.single-product .product div.summary .product_meta {
      font-size: 14px;
      font-size: 1.4rem;
      margin-bottom: 20px;
      margin-bottom: 2rem;
      color: #b9b3ad; }
    .woocommerce.single-product .product div.summary .product_meta .sku_wrapper, .woocommerce.single-product .product div.summary .product_meta .posted_in {
      margin-right: 10px;
      margin-right: 1rem; }
    .woocommerce.single-product .product div.summary .product_meta .sku {
      color: #666; }
    .woocommerce.single-product .product div.summary .price {
      font-size: 26px;
      font-size: 2.6rem;
      font-family: "PT Sans Regular", Arial, sans-serif;
      color: #666;
      margin: 0; }
    .woocommerce.single-product .product div.summary .price .amount {
      padding: 0px 2px;
      padding: 0rem 0.2rem; }
    .woocommerce.single-product .product div.summary form.cart .variations select {
      width: auto !important;
      min-width: 240px !important; }
    .woocommerce.single-product .product div.summary form.cart .variations .reset_variations {
      font-size: 14px;
      font-size: 1.4rem; }
    .woocommerce.single-product .product div.summary .woocommerce-variation .woocommerce-variation-price {
      margin-bottom: 10px;
      margin-bottom: 1rem; }
      .woocommerce.single-product .product div.summary .woocommerce-variation .woocommerce-variation-price small:first-of-type {
        display: block !important; }
    .woocommerce.single-product .product div.summary .quantity {
      font-size: 16px;
      font-size: 1.6rem;
      margin-right: 15px;
      margin-right: 1.5rem; }
    .woocommerce.single-product .product div.summary button.single_add_to_cart_button {
      background: #fab932 !important;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0;
      display: inline-block;
      font-size: 17px;
      font-size: 1.7rem;
      width: auto; }
    .woocommerce.single-product .product div.summary .wholesale_price_title {
      display: none; }
  .woocommerce .woocommerce-tabs {
    display: none; }
  .woocommerce .woocommerce-tabs ul.tabs li {
    border: 1px solid #e8e8e8 !important; }
    .woocommerce .woocommerce-tabs ul.tabs li.active {
      border-bottom-color: #fff !important; }
  .woocommerce .related.products {
    clear: both;
    overflow: hidden; }
  .woocommerce .related.products h4 {
    color: #bb0d1e !important;
    font-size: 20px;
    font-size: 2rem; }
  .woocommerce .sidebar a.haendler_login {
    color: #fff;
    display: block;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    background: #bb0d1e;
    padding: 10px 20px;
    padding: 1rem 2rem;
    font-size: 17px;
    font-size: 1.7rem;
    font-family: "PT Sans Bold Italic", Arial, sans-serif;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; }
  .woocommerce .sidebar a.haendler_login i {
    font-size: 20px;
    font-size: 2rem;
    margin-right: 10px;
    margin-right: 1rem; }
  .woocommerce .sidebar a.haendler_login:hover {
    background: #fab932;
    text-decoration: none; }
  .woocommerce .sidebar .widget_shopping_cart .widget-title {
    color: #bb0d1e !important;
    font-size: 20px;
    font-size: 2rem;
    text-align: center; }
    .woocommerce .sidebar .widget_shopping_cart .widget-title:before {
      content: "\ea4b";
      font-family: "icomoon";
      font-size: 30px;
      font-size: 3rem;
      margin-right: 10px;
      margin-right: 1rem;
      position: relative;
      top: 5px;
      top: 0.5rem;
      color: #b9b3ad; }
  .woocommerce .sidebar .widget_shopping_cart .widget_shopping_cart_content {
    background: rgba(185, 179, 173, 0.2);
    position: relative;
    "margin-top" 1:  /  * 01*10px /  * 01*10px;
    "margin-top" 1:  /  * 01rem /  * 01rem;
    padding: 20px;
    padding: 2rem; }
    .woocommerce .sidebar .widget_shopping_cart .widget_shopping_cart_content:before {
      position: absolute;
      content: "";
      width: 0px;
      height: 0px;
      margin: 0 auto;
      background: transparent;
      border-left: 10px solid transparent;
      border-bottom: 10px solid rgba(185, 179, 173, 0.2);
      border-right: 10px solid transparent;
      transition: 0.8s 0.2s;
      left: -webkit-calc(25% - 10px);
      left: -moz-calc(25% - 10px);
      left: calc(25% - 10px);
      margin-top: -30px; }
    .woocommerce .sidebar .widget_shopping_cart .widget_shopping_cart_content ul.product_list_widget li.mini_cart_item {
      padding-left: 0px !important;
      padding-right: 25px;
      padding-right: 2.5rem;
      margin-bottom: 15px;
      margin-bottom: 1.5rem;
      border-bottom: solid 1px #b9b3ad; }
      .woocommerce .sidebar .widget_shopping_cart .widget_shopping_cart_content ul.product_list_widget li.mini_cart_item a.remove {
        left: inherit !important;
        right: 0;
        color: #666 !important;
        font-size: 14px;
        font-size: 1.4rem; }
      .woocommerce .sidebar .widget_shopping_cart .widget_shopping_cart_content ul.product_list_widget li.mini_cart_item a.remove:hover {
        background: none !important;
        color: #bb0d1e !important; }
      .woocommerce .sidebar .widget_shopping_cart .widget_shopping_cart_content ul.product_list_widget li.mini_cart_item a img {
        float: left !important;
        margin-right: 15px !important;
        margin-left: 0px !important;
        width: 40px !important; }
      .woocommerce .sidebar .widget_shopping_cart .widget_shopping_cart_content ul.product_list_widget li.mini_cart_item a .item-title {
        margin-left: 50px 50px;
        margin-left: 5rem 5rem;
        line-height: 115%;
        color: #666;
        font-size: 15px;
        font-size: 1.5rem; }
      .woocommerce .sidebar .widget_shopping_cart .widget_shopping_cart_content ul.product_list_widget li.mini_cart_item a:hover {
        text-decoration: none; }
      .woocommerce .sidebar .widget_shopping_cart .widget_shopping_cart_content ul.product_list_widget li.mini_cart_item .variation {
        margin-left: 55px;
        margin-left: 5.5rem;
        border-left: none !important;
        padding-left: 0px !important; }
      .woocommerce .sidebar .widget_shopping_cart .widget_shopping_cart_content ul.product_list_widget li.mini_cart_item .variation .variation-Varianten {
        margin-bottom: 0px;
        padding: 0px !important; }
      .woocommerce .sidebar .widget_shopping_cart .widget_shopping_cart_content ul.product_list_widget li.mini_cart_item .quantity {
        font-family: "PT Sans Bold", Arial, sans-serif;
        margin-left: 55px;
        margin-left: 5.5rem; }
      .woocommerce .sidebar .widget_shopping_cart .widget_shopping_cart_content ul.product_list_widget li.mini_cart_item .quantity .amount {
        color: #b9b3ad;
        font-size: 16px;
        font-size: 1.6rem;
        padding: 0px 2px;
        padding: 0rem 0.2rem; }
    .woocommerce .sidebar .widget_shopping_cart .widget_shopping_cart_content .total {
      border-top: none !important;
      text-align: center; }
    .woocommerce .sidebar .widget_shopping_cart .widget_shopping_cart_content .total strong {
      display: block; }
    .woocommerce .sidebar .widget_shopping_cart .widget_shopping_cart_content .buttons {
      margin-bottom: 0px;
      margin-bottom: 0rem; }
    .woocommerce .sidebar .widget_shopping_cart .widget_shopping_cart_content .buttons a {
      display: block;
      margin-bottom: 10px;
      margin-bottom: 1rem;
      background: #bb0d1e;
      color: #fff;
      text-align: center;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0; }
  .woocommerce .sidebar .widget_product_categories h3, .woocommerce .sidebar .widget_product_categories h2 {
    color: #bb0d1e !important;
    font-size: 20px;
    font-size: 2rem;
    text-align: center; }
    .woocommerce .sidebar .widget_product_categories h3:before, .woocommerce .sidebar .widget_product_categories h2:before {
      content: "\ea56";
      font-family: "icomoon";
      font-size: 30px;
      font-size: 3rem;
      margin-right: 10px;
      margin-right: 1rem;
      position: relative;
      top: 5px;
      top: 0.5rem;
      color: #b9b3ad; }
  .woocommerce .sidebar .widget_product_categories select {
    width: 100%; }
  .woocommerce .woocommerce-message {
    border-top-color: #fab932 !important; }
  .woocommerce .woocommerce-message:before {
    color: #fab932 !important; }
  .woocommerce .woocommerce-info {
    border-top-color: #bb0d1e !important; }
  .woocommerce .woocommerce-info:before {
    color: #bb0d1e !important; }
  .woocommerce table.cart, .woocommerce table.order_details, .woocommerce table.customer_details {
    border: none !important;
    font-size: 16px;
    font-size: 1.6rem; }
  .woocommerce table.cart thead, .woocommerce table.order_details thead, .woocommerce table.customer_details thead {
    background: #e8e8e8 !important; }
  .woocommerce table.cart td, .woocommerce table.order_details td, .woocommerce table.customer_details td {
    padding: 25px 20px !important; }
  .woocommerce table.cart input, .woocommerce table.order_details input, .woocommerce table.customer_details input {
    margin-right: 5px !important; }
  .woocommerce table.cart .amount, .woocommerce table.order_details .amount, .woocommerce table.customer_details .amount {
    padding: 0px 2px;
    padding: 0rem 0.2rem; }
  .woocommerce table.cart a.remove, .woocommerce table.order_details a.remove, .woocommerce table.customer_details a.remove {
    color: #666 !important; }
  .woocommerce table.cart a.remove:hover, .woocommerce table.order_details a.remove:hover, .woocommerce table.customer_details a.remove:hover {
    background: none !important;
    color: #bb0d1e !important; }
  .woocommerce table.cart .coupon .input-text, .woocommerce table.order_details .coupon .input-text, .woocommerce table.customer_details .coupon .input-text {
    width: auto !important;
    padding: 8px !important; }
  .woocommerce table.cart .button, .woocommerce table.order_details .button, .woocommerce table.customer_details .button {
    background-color: #fab932 !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    color: #fff !important; }
  .woocommerce table.cart .actions, .woocommerce table.order_details .actions, .woocommerce table.customer_details .actions {
    background: #e8e8e8 !important;
    border-top: none !important; }
  .woocommerce .sum_cart_total {
    /* Warenkorb Summe Berechnen */ }
  .woocommerce .sum_cart_total h3, .woocommerce .sum_cart_total h2 {
    color: #bb0d1e;
    font-size: 26px;
    font-size: 2.6rem; }
  .woocommerce .sum_cart_total .wc-proceed-to-checkout .checkout-button {
    background-color: #fab932 !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    color: #fff !important; }
  .woocommerce .checkout h3, .woocommerce .checkout h2 {
    color: #bb0d1e; }
  .woocommerce .checkout .woocommerce-shipping-fields h3, .woocommerce .checkout .woocommerce-shipping-fields h2 {
    color: #bb0d1e;
    font-size: 16px;
    font-size: 1.6rem; }
    .woocommerce .checkout .woocommerce-shipping-fields h3 label, .woocommerce .checkout .woocommerce-shipping-fields h2 label {
      display: inline-block;
      margin: 3px;
      margin: 0.3rem; }
    .woocommerce .checkout .woocommerce-shipping-fields h3 input, .woocommerce .checkout .woocommerce-shipping-fields h2 input {
      float: left; }
  .woocommerce .woocommerce-checkout-review-order-table {
    font-size: 16px;
    font-size: 1.6rem; }
  .woocommerce .woocommerce-checkout-payment {
    background: #e8e8e8 !important;
    /* Bestellung abschicken */ }
  .woocommerce .woocommerce-checkout-payment .payment_box {
    background-color: #b9b3ad !important;
    color: #fff !important; }
  .woocommerce .woocommerce-checkout-payment .payment_box:before {
    border: 1em solid #b9b3ad !important;
    border-right-color: transparent !important;
    border-left-color: transparent !important;
    border-top-color: transparent !important; }
  .woocommerce .woocommerce-checkout-payment input.button {
    background-color: #bb0d1e !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    color: #fff !important; }
  .woocommerce input[type="text"], .woocommerce input[type="email"], .woocommerce input[type="password"], .woocommerce input[type="tel"], .woocommerce textarea {
    border: solid 1px #e8e8e8;
    padding: 9px;
    padding: 0.9rem;
    font-size: 16px;
    font-size: 1.6rem;
    font-family: "PT Sans Regular", Arial, sans-serif; }
  .woocommerce fieldset {
    border: none !important;
    margin: 0px !important;
    padding: 0px !important; }
  .woocommerce .woocommerce-thankyou-order-received, .woocommerce .order-info {
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 30px;
    margin-bottom: 3rem; }
  .woocommerce .woocommerce-thankyou-order-details.order_details {
    font-size: 16px;
    font-size: 1.6rem; }
  .woocommerce table.my_account_orders {
    border: none !important;
    font-size: 16px;
    font-size: 1.6rem; }
  .woocommerce table.my_account_orders thead {
    background: #e8e8e8 !important; }
  .woocommerce table.my_account_orders td {
    padding: 6px 10px !important; }
  .woocommerce table.my_account_orders input {
    margin-right: 5px !important; }
  .woocommerce table.my_account_orders .amount {
    padding: 0px 2px;
    padding: 0rem 0.2rem;
    font-size: 26px;
    text-decoration: none !important; }
  .woocommerce table.my_account_orders a.remove {
    color: #666 !important; }
  .woocommerce table.my_account_orders a.remove:hover {
    background: none !important;
    color: #bb0d1e !important; }
  .woocommerce table.my_account_orders .coupon .input-text {
    width: auto !important;
    padding: 8px !important; }
  .woocommerce table.my_account_orders .button {
    background-color: #fab932 !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    color: #fff !important; }
  .woocommerce table.my_account_orders .actions {
    background: #e8e8e8 !important;
    border-top: none !important; }
  .woocommerce input[type="number"] {
    margin-right: 5px;
    margin-right: 0.5rem;
    border: solid 1px #e8e8e8;
    padding: 9px;
    padding: 0.9rem;
    font-size: 16px;
    font-size: 1.6rem;
    font-family: "PT Sans Regular", Arial, sans-serif;
    position: relative;
    text-align: left; }
  .woocommerce input:focus {
    outline: none; }
  .woocommerce input[type="number"]::-webkit-outer-spin-button, .woocommerce input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    background: #fff url("../images/spinning_icon.png") no-repeat center center;
    width: 16px;
    width: 1.6rem;
    border-left: 1px solid #e8e8e8;
    opacity: 1;
    /* shows Spin Buttons per default (Chrome >= 39) */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    outline: none; }
  #myvariants div {
    border: 1px solid lightgrey;
    display: inline-block;
    padding: 1px 10px;
    cursor: pointer;
    margin-top: 1px;
    float: none;
    width: 250px; }
  #myvariants div.selectactive {
    border-color: #bb0d1e;
    color: #bb0d1e;
    font-weight: bold; }

.reset_variations {
  display: none !important; }

.tag_vpe {
  font-size: 11px;
  font-family: sans-serif;
  display: block;
  color: #666;
  text-align: center;
  margin-bottom: 10px;
  margin-bottom: 1rem;
  margin-top: 0px;
  margin-top: 0rem; }

.wholesale_price_title {
  display: none; }

.single .tag_vpe {
  display: none; }

.single .single_hidden {
  display: none; }

.single .wholesale_price_container {
  display: none !important; }

.single_hidden {
  color: #8f8983;
  font-size: 17px;
  margin-top: 8px; }

.woocommerce div.product p.price del {
  display: block;
  margin-bottom: 12px; }

.woocommerce-variation.single_variation {
  padding-top: 25px; }
  .woocommerce-variation.single_variation .woocommerce-variation-description-headline {
    font-size: 23px;
    margin-bottom: 15px; }

.ywcrbp_regular_price, .price.ywcrbp_sale_price {
  font-size: 0 !important; }
  .ywcrbp_regular_price .amount, .price.ywcrbp_sale_price .amount {
    font-size: 26px;
    font-size: 2.6rem; }
  .ywcrbp_regular_price small, .price.ywcrbp_sale_price small {
    margin-top: -5px !important; }

.select2-selection {
  border-radius: 0 !important;
  line-height: 36px;
  height: 36px !important;
  padding-top: 3px;
  min-width: 300px;
  max-width: 100%;
  border-color: #e8e8e8 !important; }
  .select2-selection .select2-selection__arrow {
    height: 100% !important;
    width: 28px !important; }
  .select2-selection .select2-selection__clear {
    margin-left: 8px; }
  .select2-selection .select2-selection__rendered {
    padding-right: 30px !important; }

.widget_product_categories .select2-selection {
  width: 100% !important;
  min-width: auto; }

.pswp__bg {
  opacity: 0.7 !important;
  backdrop-filter: blur(3px) !important; }

.page-template-tpl_Login h1 {
  display: table; }
  .page-template-tpl_Login .login-error {
    font-size: 16px;
    font-size: 1.6rem;
    text-align: center; }

.loginplugin {
  /*.btn{
   &.button{
   display: inline-block;
   @include rem('border-radius',0);
   @include rem('width', 15);
   border: 1px solid $form_color_1;
   background: $color_white;
   color: $form_color_1;
   font-family: $button_font;
   @include rem('font-size', 1.4);
   box-shadow: none !important;
   &:hover{
   background-color:$grey_dark;
   color: $color_white;
   }
   }
   }*/ }
  .loginplugin label {
    width: 100%; }
  .loginplugin input {
    border-radius: 0px;
    border-radius: 0rem;
    background: #fff;
    color: #666;
    width: 100% !important;
    text-indent: 0px;
    text-indent: 0rem;
    border: solid 1px #e8e8e8;
    padding: 9px;
    padding: 0.9rem;
    font-size: 16px;
    font-size: 1.6rem;
    font-family: "PT Sans Regular", Arial, sans-serif; }
  .loginplugin select {
    width: 100%; }
  .loginplugin input[type="submit"] {
    border-radius: 0px;
    border-radius: 0rem;
    font-family: "PT Sans Bold Italic", Arial, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    background: #fab932;
    text-shadow: none;
    text-transform: uppercase;
    padding: 9px;
    padding: 0.9rem;
    font-size: 16px;
    font-size: 1.6rem;
    border: none !important;
    color: #fff;
    display: inline-block;
    text-align: center;
    -webkit-transition: all 0.3s ease-in;
    /*safari and chrome */
    -moz-transition: all 0.3s ease-in;
    /* firefox */
    -o-transition: all 0.3s ease-in;
    /* opera */ }
  .loginplugin input[type="submit"]:hover {
    background-color: #bb0d1e;
    color: #fff;
    text-decoration: none; }
  .loginplugin input[type="checkbox"] {
    width: 20px !important;
    /*
     &:before{
     font-size: 12px;
     font-family: $fontAwesome;
     content: '\f096';
     }
     &:checked{
     &:before{
     font-size: 12px;
     font-family: $fontAwesome;
     content: '\f046';
     }
     }
     */ }
  .loginplugin .signup-submit input {
    max-width: 200px; }
  .loginplugin .login-submit input {
    max-width: 200px; }
  .loginplugin .lostpassword-submit input {
    max-width: 250px; }
  .loginplugin .resetpass-submit input {
    max-width: 200px; }
/*
 ┌─┐┌─┐┌─┐┌┬┐┌─┐┬─┐
 ├┤ │ ││ │ │ ├┤ ├┬┘
 └  └─┘└─┘ ┴ └─┘┴└─ 
 File: _modules/_footer.scss
 Bechreibung: Styles für den Footer
 Autor: Roman Kröpl
 Datum: 25.02.2016
 */
#footer {
  width: 100%;
  background-color: #fff;
  color: #666;
  padding: 0px;
  padding: 0rem;
  margin: 0px;
  margin: 0rem; }
  #footer #footer_navigation {
    background: #f8f7f6;
    width: 100%;
    overflow: hidden;
    margin-bottom: 45px;
    margin-bottom: 4.5rem; }
  #footer #footer_navigation ul.footer-nav {
    list-style-type: none;
    text-align: center;
    margin-bottom: 0px;
    margin-bottom: 0rem; }
    #footer #footer_navigation ul.footer-nav li {
      list-style: none;
      display: inline-block;
      border-right: 1px solid #b9b3ad;
      margin-top: 15px;
      margin-top: 1.5rem;
      margin-bottom: 15px;
      margin-bottom: 1.5rem; }
    #footer #footer_navigation ul.footer-nav li:last-child {
      border-right: none; }
    #footer #footer_navigation ul.footer-nav li.current-menu-item a {
      color: #bb0d1e;
      text-decoration: none;
      font-weight: bold; }
    #footer #footer_navigation ul.footer-nav li a {
      color: #b9b3ad;
      text-transform: inherit !important;
      text-decoration: none;
      font-size: 18px;
      font-size: 1.8rem;
      padding: 0px 15px;
      padding: 0rem 1.5rem; }
      #footer #footer_navigation ul.footer-nav li a:hover {
        color: #bb0d1e; }
      #footer #footer_navigation ul.footer-nav li a:active {
        color: #bb0d1e; }
  #footer p, #footer a {
    font-size: 15px;
    font-size: 1.5rem;
    margin: 0px;
    margin: 0rem;
    padding: 0px;
    padding: 0rem;
    line-height: 150%; }
  #footer .centered {
    display: table;
    margin: 0 auto;
    width: 100%;
    text-align: center; }
  #footer .social_icons {
    clear: both;
    margin-top: 45px;
    margin-top: 4.5rem;
    margin-bottom: 40px;
    margin-bottom: 4rem; }
  #footer .social_icons ul {
    display: block;
    text-align: center;
    margin: 0px; }
  #footer .social_icons ul li {
    display: inline;
    text-align: center;
    margin-right: 5px;
    margin-right: 0.5rem; }
    #footer .social_icons ul li:last-child {
      margin-right: 0px;
      margin-right: 0rem; }
    #footer .social_icons ul li a i {
      -webkit-transition: all 0.7s ease;
      -moz-transition: all 0.7s ease;
      -ms-transition: all 0.7s ease;
      -o-transition: all 0.7s ease;
      transition: all 0.7s ease;
      border: solid 2px #b9b3ad;
      background: #fff;
      font-size: 22px;
      font-size: 2.2rem;
      color: #b9b3ad;
      width: 40px;
      height: 40px;
      max-width: 40px;
      max-height: 40px;
      padding: 8px;
      padding: 0.8rem;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      text-align: center; }
      #footer .social_icons ul li a i:hover {
        border: solid 2px #b9b3ad;
        background: #b9b3ad;
        color: #fff; }

.menu-footer ul {
  text-align: right; }
  .menu-footer ul li {
    display: inline-block; }
  .menu-footer ul li a {
    font-size: 8px;
    font-size: 0.8rem;
    text-transform: uppercase;
    font-family: "PT Sans Italic", Arial, sans-serif; }
/*
 ┌─┐┌─┐┌┐┌┌┬┐┬─┐┌─┐┌─┐┌┬┐
 │  │ ││││ │ ├┬┘├─┤└─┐ │ 
 └─┘└─┘┘└┘ ┴ ┴└─┴ ┴└─┘ ┴ 
 File: _base/contast.scss
 Beschreibung: Alle Styles für kontrastreiche Seite
 Autor: Roman Kröpl
 Datum: 16.02.2016
 */
body.kontrast {
  -webkit-transition: color 0.3s ease-in;
  -moz-transition: color 0.3s ease-in;
  -ms-transition: color 0.3s ease-in;
  -o-transition: color 0.3s ease-in;
  transition: color 0.3s ease-in;
  background: #000;
  color: #fff;
  /* LINKS */
  /* CTA BUTTON IM HEADER */
  /* Top Menu für Barrierefreiheit */
  /* Hauptmenü */
  /* Buttons */
  /* NEWS TEMPLATE */
  /* cb_textelement */
  /* cb_block_start */
  /* SUCHESEITE */
  /* Social Buttons */
  /* COOKIE HINWEIS */ }
  body.kontrast a {
    color: #ff0;
    -webkit-transition: color 0.3s ease-in;
    -moz-transition: color 0.3s ease-in;
    -ms-transition: color 0.3s ease-in;
    -o-transition: color 0.3s ease-in;
    transition: color 0.3s ease-in;
    text-decoration: none;
    cursor: pointer;
    font-weight: normal;
    outline: none; }
  body.kontrast a:hover {
    text-decoration: underline;
    color: #0ff; }
  body.kontrast a:active {
    color: #0ff; }
  body.kontrast a:focus {
    color: #0ff; }
  body.kontrast .header_cta a {
    border: solid 1px #000 !important;
    color: #000 !important;
    background: #fff !important; }
  body.kontrast .header_cta a:hover {
    text-decoration: none;
    background: #000 !important;
    color: #fff !important; }
  body.kontrast .header_cta a:active {
    background: #000 !important;
    color: #fff !important; }
  body.kontrast .header_cta a:focus {
    background: #000 !important;
    color: #fff !important; }
  body.kontrast .accessibilityMenu {
    color: #000; }
  @media screen and (max-width: 767px) {
      body.kontrast #hauptmenu ul.sub-menu {
        background-color: #000; } }
  @media screen and (min-width: 768px) {
      body.kontrast #hauptmenu ul.sub-menu {
        background-color: #000; } }
  @media screen and (min-width: 992px) {
      body.kontrast #hauptmenu ul.sub-menu {
        background-color: #fff; } }
  @media screen and (max-width: 767px) {
        body.kontrast #hauptmenu ul.sub-menu li a:hover {
          color: #000; } }
    @media screen and (min-width: 768px) {
      body.kontrast #hauptmenu ul.sub-menu li a:hover {
        color: #000; } }
    @media screen and (min-width: 992px) {
      body.kontrast #hauptmenu ul.sub-menu li a:hover {
        color: #fff;
        background-color: #000; } }
  body.kontrast .btn {
    background: #fff !important;
    /* Überschreibe Styles aus dem Backend */
    border-color: #fff !important;
    /* Überschreibe Styles aus dem Backend */
    color: #000 !important;
    /* Pfeil im Button */
    /*
     &:after {
     font-family: $fontAwesome;
     content: "\00a0\00a0\00a0\f054";
     }*/ }
  body.kontrast .btn.white {
    color: #fff !important;
    /* Überschreibe Styles aus dem Backend */
    border-color: #fff !important;
    /* Überschreibe Styles aus dem Backend */ }
  body.kontrast .btn.white:hover, body.kontrast .btn.white:active, body.kontrast .btn.white:focus {
    text-decoration: underline; }
  body.kontrast .btn:hover {
    background-color: #000 !important;
    /* Überschreibe Styles aus dem Backend */
    color: #fff !important;
    /* Überschreibe Styles aus dem Backend */
    border-color: #fff !important;
    /* Überschreibe Styles aus dem Backend */
    text-decoration: none; }
  body.kontrast .btn:active {
    box-shadow: none; }
  body.kontrast .news_entry {
    background: #fff;
    color: #000; }
  body.kontrast .news_entry h3 {
    color: #000; }
  body.kontrast .news_entry h3 a {
    color: #000; }
  body.kontrast .cb_textelement .box_background, body.kontrast .cb_zitatelement .box_background {
    padding: 0px !important;
    /* Überschreibe Styles aus dem Backend */
    background: none !important;
    /* Überschreibe Styles aus dem Backend */ }
  body.kontrast .cb_textelement .box_background .textelement_content, body.kontrast .cb_zitatelement .box_background .textelement_content {
    color: #fff; }
    body.kontrast .cb_textelement .box_background .textelement_content h1, body.kontrast .cb_zitatelement .box_background .textelement_content h1, body.kontrast .cb_textelement .box_background .textelement_content .subline, body.kontrast .cb_zitatelement .box_background .textelement_content .subline, body.kontrast .cb_textelement .box_background .textelement_content .entry-text, body.kontrast .cb_zitatelement .box_background .textelement_content .entry-text {
      color: #fff !important;
      /* Überschreibe Styles aus dem Backend */ }
  body.kontrast .cb_block_start .full_width {
    padding: 0px !important;
    /* Überschreibe Styles aus dem Backend */
    background: none !important;
    /* Überschreibe Styles aus dem Backend */ }
  body.kontrast .searchform_container {
    background: #fff;
    color: #000; }
  body.kontrast .searchform_container .container #searchform input {
    border: solid 1px #000;
    color: #000;
    background: #fff; }
  body.kontrast .searchresult_container {
    background: #fff;
    border-top: solid 1px #000;
    color: #000; }
  body.kontrast #share_icons ul li a {
    color: #fff !important; }
  body.kontrast #cookiesWarning #cookiesWarningActive {
    background: #fff;
    color: #000; }
  body.kontrast #footer {
    background-color: #000;
    color: #fff; }
  body.kontrast #footer ul.footer-nav li a {
    color: #ff0; }
    body.kontrast #footer ul.footer-nav li a:hover {
      color: #0ff; }
    body.kontrast #footer ul.footer-nav li a:active {
      color: #0ff; }
    body.kontrast #footer ul.footer-nav li a:focus {
      color: #0ff; }

body.graustufen {
  filter: grayscale(100%) !important;
  -webkit-filter: grayscale(100%) !important;
  -webkit-filter: grayscale(1) !important;
  -moz-filter: grayscale(100%) !important;
  -ms-filter: grayscale(100%) !important;
  -o-filter: grayscale(100%) !important;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale") !important;
  filter: gray !important; }