*, *:before, *:after {
  margin: 0 auto;
  padding: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.invisible, .mod_newsreader p.back {
  display: none;
}

sub, sup {
	font-size: 0.7em;
  line-height: 0.5;
}

img, #container .ce_player video {
  width: 100%;
  height: auto;
  max-height: 100%;
}

div.custom + #wrapper header {
  height: 42vh;
}

body.home div.custom + #wrapper header {
  height: 100vh;
}

#wrapper {
  position: relative;
  min-height: 100vh;      /* Bezugspunkt für Footer */
  padding-bottom: 10rem;
}

@media (max-width: 1500px) {
  div.custom + #wrapper header {
    height: 50vh;
  }

  body.viel-hg div.custom + #wrapper header {
    height: 75vh;
  }


  #wrapper {
    padding-bottom: 6rem;
  }
}

@media (min-width: 1501px) {
  header {
    height: 13rem;
  }
}

#container .mod_article:not(:first-child):not(.no-gap) {
    margin-top: 8rem;
}

#container .mod_article:not(.mission-statement) {
  padding-top: 1rem;
  padding-bottom: 3rem;
}

#container .mod_article:not(.full-width) {
  max-width: 1300px;
}

/* #container .mod_article {
  margin-top: 8rem;
  padding-top: 1.4rem;
  padding-bottom: 3rem;
  transform: skewY(-2deg);
}

#container .mod_article > * {
  transform: skewY(2deg);
} */

.ce_text, .ce_image, .ce_headline,
#container .ce_player,
.mod_rocksolid_slider,
.ce_cookiebarOpener, form,
.layout_short, .layout_full {
  padding-left: 2rem;
  padding-right: 2rem;
}

.layout_full .ce_text {
  padding-top: 2rem;
  padding-right: 0;
  padding-left: 0;
}

.ce_text, .ce_headline, .ce_cookiebarOpener, form,
.layout_short, .layout_full {
  max-width: 1000px;
}

#container .ce_image, #container .ce_player, .mod_rocksolid_slider {
  max-width: 1200px;
  margin-top: 1rem;
  margin-bottom: 1.4rem;
}

.ce_text.speisekarte, .speisekarte .ce_text {
  max-width: 2000px;
}


/* -----    Popup    ----- */

/* #chose-location {
  display: none;
  position: fixed;
  top: 5rem;
  left: 50%;
  background-color: #333;
}

#chose-location:target {
  display: block;
} */

/* -----    Shopify    ----- */

.shopify-buy-frame {
  padding-top: 2rem;
}


/* -----    Jobs    ----- */

.em-pill {
  margin-bottom: -1.6rem;
}

.layout_full .em-pill {
  margin-top: 2rem;
}

.em-pill em {
  border: 1px solid #ccc;
  border-radius: 20em;
  font-style: normal;
  font-size: 0.8rem;
  font-weight: 500;
  padding: 0.05em 1em 0.1em 1em;
}

.em-pill em + em {
  margin-left: 0.3em;
}

.layout_full h1 + p, .layout_short h2 + p {
  margin-top: -0.3rem;
  font-size: 0.9rem;
}

body.jobs .layout_short {
  margin-top: 1.7rem;
  padding-top: 2rem;
  padding-bottom: 1.5rem;
  border-radius: 0.8rem;
}

body.jobs .layout_short p.more {
  text-align: right;
}


/* -----    Formulare    ----- */

form {
  margin-top: 2rem
}

fieldset {
  border: none;
  line-height: 0;
}

select {
  border: 1px solid #ccc;
}

select, .widget-textarea {
  width: 100%;
}

select.flatpickr-monthDropdown-months {
  display: initial;
}

input.numInput.cur-year:focus {
  background: transparent !important;
}

@media (min-width: 601px) {
  .formbody, .formbody > fieldset {
    text-align: justify;
  }
  .formbody > *, .formbody > fieldset > * {
  text-align: left;
  }
  .formbody > fieldset:after {
    content: "";
    width: 100%;
    display: inline-block;
  }
  .widget-text, .widget-select, .widget-textarea {
    display: inline-block;
  }

  .widget-text, .widget-select {
    width: 48%;
  }
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {
  padding: 0.25em 0.5em;
  border-radius: 0.5em;
}

label.mandatory span.mandatory {
  margin-left: 0.2em;
}

.widget {
  margin-bottom: 1rem;
}

.zustimmung-datenschutz {
  padding-top: 0.5rem;
}

.widget > label {
  font-weight: 400;
}

.widget-calendar input {
  word-spacing: 0.2em;
}

#container form button, input[type="submit"], .button,
body.jobs #container .layout_short p.more a {
  padding: 0.5em 1.2em;       /* 0.3em 1em */
  border-radius: 0.5em;
  font-weight: 700;
  background-color: #ff8300;
  color: #fff;
  background-image: none;
  border-style: none;
}

.widget.widget-submit {
  margin-top: 2rem;
  text-align: right;
}

/* -----    Spalten    ----- */

.mod_article.spalten {
  text-align: center;
}

.mod_article.spalten .ce_text {
  display: inline-block;
  margin-bottom: 3rem;
  text-align: left;
}

@media (min-width: 1101px) {
  .mod_article.spalten .ce_text {
    width: 46%;
    vertical-align: top;
  }
}


/* -----    Bilder    ----- */

figure {
  font-size: 0;
}

figure a {
  display: block;
  overflow: hidden;
}

figure a img {
  -webkit-transition: transform 0.7s;
  transition: transform 0.7s;
}

figure a:hover img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}


/* -----    Rocksolid Slider    ----- */

.mod_article.no-slider .mod_rocksolid_slider {
  display: none;
}

/* -----    Galerie    ----- */

.ce_gallery ul {
  text-align: center;
  font-size: 0;
}

.ce_gallery ul > * {
  text-align: left;
  font-size: 1rem;
}

.ce_gallery li {
  display: inline-block;
  position: relative;
  overflow: hidden;
  height: 49.25vw;
  max-height: 500px;
}

@media (min-width: 1501px) {
  .ce_gallery li {
    width: 32.67%;
    margin: 0.25%;
  }
}

@media (max-width: 1500px) {
  .ce_gallery li {
    width: 48.5%;
    margin: 0.5%;
  }
}

.ce_gallery li img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
  transform: translateX(-50%) translateY(-50%) scale(1);
  -webkit-transition: transform 0.7s;
  transition: transform 0.7s;
  min-height: 100%;
  max-height: inherit;
  width: auto;
  min-width: 100%;
}

.ce_gallery li a:hover img {
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1.05);
  transform: translateX(-50%) translateY(-50%) scale(1.05);
}

#colorbox #cboxCurrent {
  display: none !important;
}

#mbCenter {
  box-sizing: initial;
  padding: 0.5vw;
  border-radius: 0;
}

#mbOverlay, #mbOverlay.mbMobile {
  opacity: 1 !important;
  background-color: rgba(23,23,23,0.9);
}

#mbNumber {
  margin: auto 0;
}


/* -----    Speisekarte    ----- */

.speisekarte {
  columns: 18em;
  column-gap: 2em;
  column-rule: 2px dotted #fff6;
}

.mod_article.inverse .speisekarte {
  column-rule: 2px dotted #0006;
}

.speisekarte p, .speisekarte h3 {
  break-inside: avoid;
}

.speisekarte h3 {
  column-span: all;
  margin-top: 2em;
  margin-bottom: 1em;
  overflow: hidden;
  white-space: nowrap;
}

.speisekarte h3:after {
  content: "";
  width: 100%;
  margin-left: 0.3em;
  background-color: #fff6;
  height: 1px;
  display: inline-block;
}

.mod_article.inverse .speisekarte h3:after {
  background-color: #0006;
}


/* -----    Seiten mit Sroll Snap    ----- */

/* @media (min-width: 1001px) {
  html {
    scroll-snap-type: y mandatory;
  }

  body.snap .mod_article {
    scroll-snap-align: center;
  }

  body.snap #header {
    scroll-snap-align: start;
  }

  body.snap #footer {
    scroll-snap-align: end;
  }
} */


/* -----    Franchise    ----- */

.franchise-iframe {
  width: 100%;
  height: 1260px;
  border-width: 0;
}

@media (max-width: 767px) {
  .franchise-iframe {
    height: 1860px;
  }
}

/* -----    Content-Videos    ----- */

#container iframe:not(.franchise-iframe) {
  width: 100%;
  height: 56vw;
  border-width: 0;
}

#container .ce_player video {
  width: 100%;
  height: auto;
  max-height: 100vh;
}

@media (max-aspect-ratio: 1/1) {
  #container .ce_player video {
    max-height: 75vw;
  }
}

.ce_vimeo .video_container, .ce_player .video_container {
  font-size: 0;
  position: relative;
}

.video_container a::after {
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("css-img/Vimeo-Play-Icon-2b2b2b.svg");
  background-size: 3.6rem;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  opacity: 0.9;
}


/* -----    HG-Videos    ----- */

body > div.custom {
  position: fixed;
}

#hg-container .ce_image {
  padding: 0;
}

#hg-container video, #hg-container img {
  position: fixed;
  top: 50%;
  left: 50%;

  transform: translateX(-50%) translateY(-50%) scale(0.1);
  z-index: -1;
  border: none;

  width: auto;
  min-width: 1000vw;
  min-height: 1000vh;
  max-height: inherit;      /* 100% überschreiben */
}


/* #hg-container .ce_vimeo, #hg-container .ce_player {
  width: 100%;
  height: 100vh;
  top: 0;
  animation: 4s linear 0s fadein;
} */

/* @keyframes fadein {
  0%, 20% { background-color: #303030 }
  100%    { background-color: #30303000 }
} */

#hg-container .mod_article {
  width: 100vw;
  height: 100vh;
  background-image: linear-gradient(180deg,
    rgba(23,23,23,0.8)   0%,
    rgba(23,23,23,0.25) 11%,
    rgba(23,23,23,0.0)  17%,
    rgba(23,23,23,0.0)  85%,
    rgba(23,23,23,0.25) 90%,
    rgba(23,23,23,0.8) 100%);
}


/* -----    Mission Statement    ----- */

#container .mod_article.mission-statement {
  height: 0;
  overflow: visible;
  margin-top: -50vh;
  margin-bottom: 50vh;
  background-image: none;
}

#container .mod_article.mission-statement .ce_image {
  width: 16rem;
  max-width: 50%;
  margin-top: 0;
  margin-bottom: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#container .mod_article.mission-statement .ce_image img {
  max-height: 40vh;
}

/* @media (min-aspect-ratio: 1) {
  #container .mod_article.mission-statement .ce_image {
    max-width: 15vh;
  }
} */

.svg-shadow {
  filter: drop-shadow(0.2em 0.5em 0.8em rgba(0, 0, 0, 0.7));
}



/* -----    Navi    ----- */

footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 4rem;
}


.navi.mobil, .navi.logo, #navitoggle, #naviclose {
  display: none;
}

.navi li, .mod_changelanguage li {
  list-style-type: none;
  text-transform: uppercase;
}

.navi li a, .mod_changelanguage li a {
  text-decoration: none;
  font-size: 1.1rem;
  font-stretch: 95%;
  font-weight: 400;
  transition: 0.3s;
}

.navi li strong {
  font-size: 1.1rem;
  font-stretch: 91%;
  font-weight: 700;
}

.navi li a:not(.img-rep):not(.toggle_language) {
  border-top: 2px solid #fff0;
  border-bottom: 2px solid #fff0;
}

.navi li a:not(.img-rep):not(.toggle_language):hover,
.navi li a:not(.img-rep):not(.toggle_language):focus,
.navi li a:not(.img-rep):not(.toggle_language):active {
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

.navi.logo li a:hover, .navi.logo li a:focus, .navi.logo li a:active {
  border-width: 3px;
}

.navi.logo, #navi-wrapper, .navi.sub {
  position: absolute;
}

#navi-wrapper, .navi.sub {
  text-align: center;
}



.navi.main, .mod_changelanguage, .mod_changelanguage li,
.navi.main li, .navi.sub li  {
  display: inline-block;
}

.navi.main li:not(.home), .mod_changelanguage {
  vertical-align: top;
  line-height: 5.6;
}

.navi.main li:not(:last-child), .navi.sub li:not(:last-child) {
  margin-right: 4%;       /* 5%, wenn ein Link weniger */
}

.navi.main li.sm:not(:last-child), .navi.sub li.sm:not(:last-child) {
  margin-right: 1.5%;
}

.mod_changelanguage li a, li.toggle_language a {
  border: 1px solid;
  padding: 0.2em 1em;
  border-radius: 0.5em;
  font-size: 0.9rem;
}

.mod_changelanguage {
  margin-top: 0.3rem;
}


/* -----    Navi Logo    ----- */

/* .navi.logo {
  top: 1.25rem;
  left: 2rem;
} */

/* -----    Navi main    ----- */

#navi-wrapper {
  top: 1rem;
  width: 100%;
}

.navi.main {
  width: 70em;
  text-align: left;
}

/* -----    Navi sub    ----- */

.navi.sub {
  bottom: 2.5em;
  width: 100%;
}

@media (max-width: 700px) {
  .navi.sub li a, .navi.sub li strong {
    font-size: 14px;
    font-size: calc(0.97vw + 9.89px);
  }
}

/* -----    Navi SM    ----- */

/* .navi.sub li.img-rep {
  margin-right: 1rem;
} */

.navi a.sm {
  display: inline-block;
  width: 1.3rem;
  height: 1.3rem;
  margin-bottom: -0.55em;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.navi a.img-rep.youtube {
  background-image: url("svg/youtube-fff.svg");
}

.navi a.img-rep.instagram {
  background-image: url("svg/instagram-fff.svg");
}

.navi a.img-rep.facebook {
  background-image: url("svg/facebook-f_fff.svg");
}

.navi a.img-rep.tiktok {
  background-image: url("svg/tiktok-fff.svg");
}


/* -----    Logo + Burger + Closer   ----- */

#navitoggle, #naviclose {
  position: fixed;
  right: 2rem;    /* 5% */
  top: 2rem;      /* 1.7rem; */
  width: 1.9rem;
  height: 1.9rem;
}

.navi.logo li a, .navi.logo li strong,
.navi.main li.home a, .navi.main li.home strong,
#navitoggle, #naviclose {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.navi.logo li a, .navi.logo li strong,
.navi.main li.home a, .navi.main li.home strong {
	display: inline-block;
  background-image: url("css-img/Cafe-Buur-logo.svg");
}

.navi.logo {
  left: 50%;
  top: 25vh;    /* halbe Header-Höhe */
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  line-height: 0;
}

body.viel-hg .navi.logo {
  top: 37.5vh;    /* halbe Header-Höhe */
}

.navi.logo li a, .navi.logo li strong {
  width: 15rem;
  height: 15rem;
  max-width: 33vw;
  max-height: 33vh;
}

.navi.main li.home a, .navi.main li.home strong {
  width: 8em;
  line-height: 10;
}

#navitoggle {
  background-image: url("css-img/Burger.svg");
  z-index: 10;
  filter: drop-shadow(0.1em 0.1em 0.12em rgba(0, 0, 0, 0.4));
}

#naviclose {
  background-image: url("css-img/Closer.svg");
  z-index: 30;
}

@media (max-width: 1500px) {
  #navi-wrapper {
    display: none;
  }

  .navi.mobil, body:not(.home) div.custom + #wrapper .navi.logo {
  	display: block;
  }

  #naviclose, #navitoggle {
    display: inline-block;
  }

  .navi.mobil, #naviclose {
  	opacity: 0;
  	-webkit-transform: scaleY(0);
            transform: scaleY(0);
	  -webkit-transition: transform 0s 0.7s, opacity 0.7s;
            transition: transform 0s 0.7s, opacity 0.7s;
  }

  body.active .navi.mobil,  body.active #naviclose {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  	opacity: 1;
  	-webkit-transition: transform 0s 0s, opacity 0.7s;
            transition: transform 0s 0s, opacity 0.7s;
  }

  body.active #navitoggle {
  	opacity: 0;
  	-webkit-transition: opacity 0.7s;
            transition: opacity 0.7s;
  }

  #seitentitel {
	display: inline-block;
	margin-bottom: 5rem;
	font-size: 1.3rem;
  line-height: 0.8;
  letter-spacing: -0.015em;
  font-weight: normal;
	text-transform: uppercase;
	}

	body.ios #seitentitel {
		margin-top: -0.07em;
	}

}


  /* -----    Navi mobil    ----- */

.navi.mobil {
	text-transform: uppercase;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 20;
}

.navi.mobil ul.level_1 {
  max-width: 30em;
	margin-left:  20%;
  margin-right: 20%;
  padding-top: 11%;
}

.navi.mobil li {
  margin-bottom: 1.5em;
}

.navi.mobil .level_2 li {
  margin-top: 1em;
  margin-left:  10%;
  margin-right: 10%;
}

.navi.mobil li.img-rep.sm {
	display: inline-block;
	margin-top: 1em;
  margin-bottom: 3em;
}

.navi.mobil li.img-rep.sm:not(.youtube) {
  margin-right: 15%;
}

body.active  {
  overflow: hidden;           /* Content bei geöffneter Mobilnavi nicht scrollbar */
}


/* -----    Farben    ----- */

html, a {
    color: #fff;
}

#container a {
  text-decoration: none;
}

#container p a, #container label a {
  border-bottom: 2px dotted #fff6;
  transition: 0.3s;
  margin-left: -0.03em;
  padding-left: 0.03em;
}

#container p a:hover, #container p a:focus, #container p a:active,
#container label a:hover, #container label a:focus, #container label a:active {
  border-bottom-color: #fff;
}

html {
  background-color: #171717;
}

body.jobs #container .mod_article {
  background-color: #f2f2f2;
}

select, body.jobs .layout_short {
  background-color: #fff;
}

body:not(.jobs) #container .mod_article {
  background-image: linear-gradient(90deg,
  rgba(23,23,23,0.80) 0%,
  rgba(23,23,23,0.98) 25%,
  rgba(23,23,23,0.98) 75%,
  rgba(23,23,23,0.80) 100%);
}

body:not(.jobs) #container .mod_article.inverse {
  /* background-color: #fff; */
  background-image: linear-gradient(90deg,
  rgba(255,255,255,0.90) 0%,
  rgba(255,255,255,0.98) 25%,
  rgba(255,255,255,0.98) 75%,
  rgba(255,255,255,0.90) 100%);
}

body:not(.jobs) #container .mod_article.orange {
  /* background-color: #ff8300; */
  background-image: linear-gradient(90deg, rgba(255, 131, 0, 0.8) 0%, rgba(255, 131, 0, 0.97) 25%, rgba(255, 131, 0, 0.97) 75%, rgba(255, 131, 0, 0.8) 100%)
}
#container .mod_article.inverse, #container .mod_article.inverse a,
body.jobs .mod_article, body.jobs .mod_article a,
input, select {
  color: #333;
}

#container .mod_article.inverse a, body.jobs #container .mod_article a {
  border-bottom: 2px dotted #0003;
}

#container .mod_article.inverse p a:hover,
#container .mod_article.inverse p a:focus,
#container .mod_article.inverse p a:active,
body.jobs #container .mod_article p a:hover,
body.jobs #container .mod_article p a:focus,
body.jobs #container .mod_article p a:active {
  border-bottom-color: #000;
}

.navi.mobil {
    background-color: #171717f0;
}

.speisekarte em, span.mandatory, body.jobs #container li:before {
  color: #ff8300;
}




/* -----    Typo    ----- */

html, input, textarea, label, select, form button {
    font-family: Open Sans, Helvetica, sans-serif;
    line-height: 1.4;
    font-stretch: 100%;
    font-weight: 400;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: none;
    text-align: left;
}

html, input, textarea, label, select, form button {
    font-size: 18px;
}

@media (max-width: 1400px) {
  html, input, textarea, label, select, form button {
    font-size: calc(0.185vw + 15.41px);
  }
}

h1, h2 {
  font-family: Raleway Bold;
  font-weight: bold;
}

h1 {
  font-size: 3rem;
  line-height: 1;
  padding-top: 2rem;
  margin-bottom: 1rem;
  /* margin-left: -0.05em; */
  letter-spacing: 0.02rem;
}

@media (max-width: 1400px) {
  h1 {
    font-size: calc(1.852vw + 28.07px);
  }
}

h2 {
  font-size: 2rem;
  line-height: 1.05;
  padding-top: 2rem;
  margin-bottom: 1rem;
}

@media (max-width: 1400px) {
  h2 {
    font-size: calc(0.741vw + 25.63px);
  }
}

h3 {
  font-size: 1.4rem;
  font-weight: 350;
}

p, .mod_article ul {
  padding-bottom: 0.7rem;
}

.ce_text:first-child p:first-child {
  padding-top: 2.7rem;
}

.speisekarte p {
  font-size: 0.7rem;
}

.speisekarte p:first-line {
  font-size: 1rem;
}

.speisekarte em {
  font-size: 0.7em;
  line-height: 1;
  font-weight: 800;
  font-style: italic;
  vertical-align: super;
}



a[href^="http://"]:not(.noicon):before, a[href^="https://"]:not(.noicon):before,
a[href^="mailto:"]:not(.noicon):before, a[href^="tel:"]:not(.noicon):before,
a[href^="https://www.google.com/maps"]:not(.noicon):before,
body.jobs #container li:before {
  font-family: fa-solid;
  /* font-size: 0.7em;
  margin-right: 0.5em; */
  display: inline-block;
  width: 1.2em;
}

#container a[href^="http://"]:not(.noicon):before,
#container a[href^="https://"]:not(.noicon):before {
  content: "\f061";
}

a[href^="mailto:"]:not(.noicon):before {
  content: "\f0e0";
}

a[href^="tel:"]:not(.noicon):before {
  content: "\f095";
}

#container a[href^="https://www.google.de/maps"]:not(.noicon):before {
  content: "\f3c5";   /* \f279 oder \f3c5 oder \f5a0 */
}

body.jobs #container li {
  list-style-type: none;
  margin-left: 1.6rem;
  padding-bottom: 0.35em;
}

body.jobs #container li:before {
  position: absolute;
  content: '\f00c';
  margin-left: -1.6rem;
}


figure a[href^="http://"]:not(.noicon):before,
figure a[href^="https://"]:not(.noicon):before,
a[href^="https://baldbei.cafebuur"]:before,
a[href^="https://cafebuur"]:before {
  content: none !important;
}


/* Generated by Fontie <http://fontie.pixelsvsbytes.com> */

@font-face {
    font-family:'Open Sans';
    src: local('OpenSans-Italic'), local(Open Sans Italic),
		url('fonts/Open_Sans_Italic.woff2') format('woff2');
    font-style: italic;
    unicode-range: U+0020-FB4B;
}

@font-face {
    font-family:'Open Sans';
    src: local('OpenSans-Regular'), local(Open Sans Regular),
		url('fonts/Open_Sans_Regular.woff2') format('woff2');
    font-style: normal;
    unicode-range: U+0020-FB4B;
}

@font-face {
    font-family:'Raleway Bold';
    src: url('fonts/Raleway-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    unicode-range: U+0020-2044;
}

@font-face {
    font-family:'Raleway ExtraBold';
    src: url('fonts/Raleway-ExtraBold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    unicode-range: U+0020-2044;
}

/*
@font-face {
    font-family:'Raleway Thin';
    src: local('Raleway-Thin'), local(Raleway Thin),
		url('fonts/Raleway_Thin.woff2') format('woff2');
    font-style: normal;
    unicode-range: U+0020-FB06;
}

@font-face {
    font-family:'Raleway Thin';
    src: local('Raleway-ThinItalic'), local(Raleway Thin Italic),
		url('fonts/Raleway_Thin_Italic.woff2') format('woff2');
    font-style: italic;
    unicode-range: U+0020-FB06;
} */

@font-face {
    font-family: 'fa-solid';
    src: url('fonts/fa-solid-900.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* -----    Test Client-Erkennung    ----- */

body.tags:before {
    content: attr(class);
    display: inline-block;
    margin: 50px;
    padding: 10px 60px 7px;
    background-color: #00a8eb;
    font-size: 20px;
    line-height: 26px;
    color: #fff;
    border: 1px solid currentcolor;
    border-radius: 100px;
}