/* dm-sans - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../../fonts/dm-sans-v16-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../../fonts/noto-sans-v38-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* arima - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Arima';
  font-style: normal;
  font-weight: 400;
  src: url('../../../fonts/arima-v6-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body
{font-family: 'DM Sans', Verdana, sans-serif; font-size: 18px; font-size: 1.125rem; color: #2B4968; background-color: #F8F7F1; margin: 0px;}

.sw-content
{margin-left: auto; margin-right: auto; width: 1200px;}

p.juhuu
{color: #2B4968; font-family: 'DM Sans', 'Roboto', verdana; font-size: 96px; font-size: 6rem; padding: 2px; border: 0px; letter-spacing: 0.1em !important;}

a {font-family: 'Roboto', Verdana, sans-serif; font-size: 18px; font-size: 1.125rem; color: #515051; font-weight: normal; text-decoration: underlin;}
a:visited {font-family: 'Roboto', Verdana, sans-serif; font-size: 18px; font-size: 1.125rem; color: #515051; font-weight: normal ; text-decoration: underline;}
a:hover {font-family: 'Roboto', Verdana, sans-serif; font-size: 18px; font-size: 1.125rem; color: #CCE70C; font-weight: normal; text-decoration: none;}

/* E-Mail-Protect*/
/* Basis-Stil: sichtbar vor Klick und nach Klick */
.email-protect,
.email-protect a {
  color: #515051;
  text-decoration: underline;
  font-weight: normal;
  cursor: pointer; /* Hand-Cursor vor Klick */
}
/* Hover-Effekt für Span und generiertes <a> */
.email-protect:hover,
.email-protect a:hover {
  color: #CCE70C;
  text-decoration: none;
}
/* Besuchte Links */
.email-protect a:visited {
  color: #515051;
  text-decoration: underline;
}
/* Aktive Links */
.email-protect a:active {
  color: #515051;
  text-decoration: underline;
}
/* Fokus für Tastatur-Navigation */
.email-protect a:focus {
  color: #515051;
  text-decoration: underline;
}

/*Media Queries*/
@media screen and (max-width: 1475px) {
	.sw-content {width: 100%;}
         p {font-size: 2rem; line-height: 3rem;}
         a {font-size: 2rem;}
}
@media screen and (max-width: 1120px) {
	.sw-content {width: 100%;}
         p {font-size: 2rem; line-height: 3rem;}
         a {font-size: 2rem;}
}
@media screen and (max-width: 900px) {
	.sw-content {width: 100%;}
         p {font-size: 2rem; line-height: 3rem;}
         a {font-size: 2rem;}
}
@media screen and (max-width: 767px) {
	.sw-content {width: 100%;}
         p {font-size: 2rem; line-height: 3rem;}
         a {font-size: 2rem;}
}
@media screen and (max-width: 620px) {
	.sw-content {width: 100%;}
         p {font-size: 2rem; line-height: 3rem;}
         a {font-size: 2rem;}
}
@media only screen and (max-width: 420px) {
	.sw-content {width: 100%;}
         p {font-size: 2rem; line-height: 3rem;}
         a {font-size: 2rem;}
}
@media only screen and (max-width: 360px) {
	.sw-content {width: 100%;}
         p {font-size: 2rem; line-height: 3rem;}
         a {font-size: 2rem;}
}