@font-face {
  font-family: "TimesNewArial";
  src: url("../fonts/TimesNewArialVF.woff2") format("woff2"), url("../fonts/TimesNewArialVF.woff") format("woff");
  font-variation-settings: "srff" 0, "ital" 0, "wght" 0;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

li,
ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  width: 100%;
  height: auto;
}

body,
html {
  z-index: 1;
  font-size: 100%;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  font-family: "timesnewarial", sans-serif;
  font-variation-settings: "srff" 0, "ital" 0, "wght" 0;
  overflow-x: hidden;
  position: absolute;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-overflow-scrolling: touch;
}

a,
button,
input,
label {
  cursor: pointer;
}

:focus {
  outline-style: none;
  box-shadow: none;
  border-color: transparent;
}

*,
*:after,
*:before {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5 {
  font-size: calc(1rem + 1vw);
  line-height: calc(1.25rem + 1vw);
  color: #292929;
  text-decoration: none;
  margin-bottom: calc(1.25rem + 1vw);
}

a,
p {
  font-size: calc(1rem + 1vw);
  line-height: calc(1.25rem + 1vw);
  color: #292929;
  text-decoration: none;
}

p {
  margin-bottom: calc(0.125rem + 1vw);
}

.slider,
figure {
  line-height: 0;
}
.slider + h1,
.slider + h2,
.slider + h3,
.slider + h4,
.slider + h5,
.slider + p,
figure + h1,
figure + h2,
figure + h3,
figure + h4,
figure + h5,
figure + p {
  margin-top: calc(1.25rem + 1vw);
}

p a {
  text-decoration: underline;
  -webkit-transition: font-variation-settings 0.7s cubic-bezier(0, 0, 0.2, 1);
  -moz-transition: font-variation-settings 0.7s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: font-variation-settings 0.7s cubic-bezier(0, 0, 0.2, 1);
  transition: font-variation-settings 0.7s cubic-bezier(0, 0, 0.2, 1);
}
p a:hover {
  font-variation-settings: "srff" 0, "ital" 100, "wght" 0;
}

p strong {
  font-weight: normal;
}

body {
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
}

.start.goleft header {
  font-variation-settings: "srff" 0, "ital" 0, "wght" 0;
}
.start.goright header {
  font-variation-settings: "srff" 0, "ital" 0, "wght" 0;
}

html.goleft header, html.goleft a {
  font-variation-settings: "srff" 0, "ital" -100, "wght" 0 !important;
}
html.goright header, html.goright a {
  font-variation-settings: "srff" 0, "ital" 100, "wght" 0 !important;
}

header {
  position: absolute;
  height: 100vh;
  height: 100dvh;
  width: 100vw;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: all 0.7s cubic-bezier(0, 0, 0.2, 1);
  -moz-transition: all 0.7s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: all 0.7s cubic-bezier(0, 0, 0.2, 1);
  transition: all 0.7s cubic-bezier(0, 0, 0.2, 1);
}
header .logo {
  font-size: 13.05vw;
  margin: 0 2vw 0.85vw;
  line-height: 1.05;
  text-transform: uppercase;
  color: #292929;
  cursor: pointer;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
header .close {
  width: 40%;
  margin-left: 30%;
  margin-top: calc(50vh - 40%);
  cursor: pointer;
  pointer-events: none;
  opacity: 1;
}
header .close svg {
  stroke-width: 0;
  stroke: #292929;
}
header nav {
  position: absolute;
  bottom: 0;
  margin: 0.825vw 2.5vw 0.25vw;
  transform: initial;
  transform-origin: 28% 48%;
}
header nav a {
  font-size: 6.525vw;
  line-height: 5.875vw;
  white-space: nowrap;
}
header nav li {
  position: initial;
  top: initial;
}
header nav li:nth-of-type(2) {
  top: initial;
}
header nav li:nth-of-type(3) {
  top: initial;
}

main {
  position: absolute;
  height: 100vh;
  height: 100dvh;
  width: 70vw;
  top: 0;
  left: -70vw;
  overflow: hidden;
  padding: 0 0 1vw 1vw;
}
main .text {
  height: 100vh;
  height: 100dvh;
  overflow-y: scroll;
  padding-top: 1vw;
}

.menu {
  position: absolute;
  height: 100vh;
  height: 100dvh;
  width: 70vw;
  top: 0;
  left: 100vw;
  overflow-y: scroll;
  padding: 0 1vw 0 0;
  z-index: 2;
}
.menu > div {
  display: none;
}

body[data--target-view=agencies] header,
body[data--target-view=magazines] header,
body[data--target-view=networks] header {
  width: 30vw;
}
body[data--target-view=agencies] header .logo,
body[data--target-view=magazines] header .logo,
body[data--target-view=networks] header .logo {
  font-size: 3.5772357724vw;
  margin: 0.8vw 1.8vw;
}
body[data--target-view=agencies] header nav,
body[data--target-view=magazines] header nav,
body[data--target-view=networks] header nav {
  margin: 1vw 1.75vw 0.5vw;
}
body[data--target-view=agencies] header nav a,
body[data--target-view=magazines] header nav a,
body[data--target-view=networks] header nav a {
  font-size: 3.5772357724vw;
  line-height: 3.5772357724vw;
}
body[data--target-view=agencies] .menu,
body[data--target-view=magazines] .menu,
body[data--target-view=networks] .menu {
  left: 30vw;
}
body[data--target-view=agencies] footer.right,
body[data--target-view=magazines] footer.right,
body[data--target-view=networks] footer.right {
  left: 30vw;
}
body[data--target-view=agencies] footer.left,
body[data--target-view=magazines] footer.left,
body[data--target-view=networks] footer.left {
  left: -70vw;
}

body[data--target-view*="agencies/"] header,
body[data--target-view*="magazines/"] header,
body[data--target-view*="networks/"] header {
  left: 70vw;
  width: 30vw;
}
body[data--target-view*="agencies/"] header .logo,
body[data--target-view*="magazines/"] header .logo,
body[data--target-view*="networks/"] header .logo {
  font-size: 3.5772357724vw;
  margin: 0.8vw 1.8vw;
}
body[data--target-view*="agencies/"] header nav,
body[data--target-view*="magazines/"] header nav,
body[data--target-view*="networks/"] header nav {
  margin: 1vw 1.75vw 0.5vw;
}
body[data--target-view*="agencies/"] header nav a,
body[data--target-view*="magazines/"] header nav a,
body[data--target-view*="networks/"] header nav a {
  font-size: 3.5365853659vw;
  line-height: 3.5365853659vw;
}
body[data--target-view*="agencies/"] header .close,
body[data--target-view*="magazines/"] header .close,
body[data--target-view*="networks/"] header .close {
  pointer-events: initial;
  opacity: 1;
}
body[data--target-view*="agencies/"] header .close svg,
body[data--target-view*="magazines/"] header .close svg,
body[data--target-view*="networks/"] header .close svg {
  stroke-width: 3;
}
body[data--target-view*="agencies/"] main,
body[data--target-view*="magazines/"] main,
body[data--target-view*="networks/"] main {
  left: 0;
}
body[data--target-view*="agencies/"] .menu,
body[data--target-view*="magazines/"] .menu,
body[data--target-view*="networks/"] .menu {
  width: 70vw;
}

footer {
  position: fixed;
  width: 70vw;
  left: 100vw;
  height: calc(1rem + 2vw);
  padding-top: 1vw;
  bottom: 1vw;
}
footer div {
  display: none;
}
footer div ul {
  margin-bottom: calc(1.25rem + 1vw);
}
footer div ul li {
  font-size: calc(1rem + 1vw);
  line-height: calc(1.25rem + 1vw);
  list-style: disc;
  margin-left: calc(1rem + 1vw);
}
footer nav {
  position: relative;
  display: inline-block;
  right: 0;
  width: 100%;
  z-index: 100;
}
footer nav.pag-left {
  width: auto;
}
footer nav ul {
  float: right;
}
footer nav ul li {
  display: inline-block;
  padding-right: 1vw;
}
footer .pagination {
  left: 0;
}

.start footer.left {
  left: -70vw;
}

footer.left {
  left: 0;
  padding-left: 0;
  padding-top: 0;
  z-index: 99;
  position: relative;
  bottom: 0;
  width: 100%;
}
footer.left nav ul {
  float: left;
}

*,
.logo,
.menu,
footer,
header,
main {
  -webkit-transition: all 0.7s cubic-bezier(0, 0, 0.2, 1);
  -moz-transition: all 0.7s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: all 0.7s cubic-bezier(0, 0, 0.2, 1);
  transition: all 0.7s cubic-bezier(0, 0, 0.2, 1);
}

.close {
  -webkit-transition: all 0.7s cubic-bezier(0, 0, 0.2, 1, opacity 0.2s);
  -moz-transition: all 0.7s cubic-bezier(0, 0, 0.2, 1), opacity 0.2s;
  -o-transition: all 0.7s cubic-bezier(0, 0, 0.2, 1), opacity 0.2s;
  transition: all 0.7s cubic-bezier(0, 0, 0.2, 1), opacity 0.2s;
}

body[data--target-view=agencies] .menu .agencies,
body[data--target-view*="agencies/"] .menu .agencies {
  display: block;
  height: 100%;
  overflow: scroll;
  padding-top: 0.75vw;
}
body[data--target-view=agencies] .menu .agencies ul,
body[data--target-view*="agencies/"] .menu .agencies ul {
  padding-bottom: 5vw;
}

body[data--target-view=magazines] .menu .magazines,
body[data--target-view*="magazines/"] .menu .magazines {
  display: block;
  height: 100%;
  overflow: scroll;
  padding-top: 0.75vw;
}
body[data--target-view=magazines] .menu .magazines ul,
body[data--target-view*="magazines/"] .menu .magazines ul {
  padding-bottom: 5vw;
}

body[data--target-view=networks] .menu .networks,
body[data--target-view*="networks/"] .menu .networks {
  display: block;
  height: 100%;
  overflow: scroll;
  padding-top: 0.75vw;
}
body[data--target-view=networks] .menu .networks ul,
body[data--target-view*="networks/"] .menu .networks ul {
  padding-bottom: 5vw;
}

body.datenschutz .close, body.impressum .close, body.kontakt .close {
  pointer-events: initial;
  opacity: 1;
}
body.datenschutz .close svg, body.impressum .close svg, body.kontakt .close svg {
  stroke-width: 3;
}
body.datenschutz .menu, body.impressum .menu, body.kontakt .menu {
  overflow: hidden;
}
body.datenschutz .menu > div, body.impressum .menu > div, body.kontakt .menu > div {
  margin-top: -100vh;
  margin-top: -100dvh;
}
body.datenschutz .pagination, body.impressum .pagination, body.kontakt .pagination {
  display: none;
}
body.datenschutz main, body.impressum main, body.kontakt main {
  overflow: hidden;
}
body.datenschutz main > div, body.impressum main > div, body.kontakt main > div {
  margin-top: -100vh;
  margin-top: -100dvh;
}
body.datenschutz footer, body.impressum footer, body.kontakt footer {
  height: 100vh;
  height: 100dvh;
  background: transparent;
  padding-top: 0;
  padding-top: 2vw;
  -webkit-transition: height 0.7s cubic-bezier(0, 0, 0.2, 1);
  -moz-transition: height 0.7s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: height 0.7s cubic-bezier(0, 0, 0.2, 1);
  transition: height 0.7s cubic-bezier(0, 0, 0.2, 1);
}
body.datenschutz footer.left nav, body.impressum footer.left nav, body.kontakt footer.left nav {
  top: -1vw;
  padding: 1vw 1vw 0.5vw 0;
}
body.datenschutz footer nav, body.impressum footer nav, body.kontakt footer nav {
  top: -1vw;
  padding: 1vw 1vw 0.5vw 1vw;
}
body.datenschutz footer nav ul li, body.impressum footer nav ul li, body.kontakt footer nav ul li {
  display: inline-block;
  padding-right: 1vw;
}

body.kontakt div.kontakt {
  display: block;
  overflow-y: scroll;
  height: calc(100% - 1vw);
  max-height: calc(100% - 1vw);
  margin-top: 0;
  position: absolute;
  margin-top: -1vw;
  padding-right: 1vw;
  width: 100%;
}

body.impressum div.impressum {
  display: block;
  overflow-y: scroll;
  height: calc(100% - 1vw);
  max-height: calc(100% - 1vw);
  margin-top: 0;
  position: absolute;
  margin-top: -1vw;
  padding-right: 1vw;
  width: 100%;
}

body.datenschutz div.datenschutz {
  display: block;
  overflow-y: scroll;
  height: calc(100% - 1vw);
  max-height: calc(100% - 1vw);
  margin-top: 0;
  position: absolute;
  margin-top: -1vw;
  padding-right: 1vw;
  width: 100%;
}

.pagination {
  bottom: 0;
  width: auto;
}
.pagination .pag-right {
  display: inline-block;
  background: rgba(255, 255, 255, 0.7411764706);
}
.pagination .pag-right .pagination-item {
  position: relative;
  z-index: 500;
  margin-right: 1vw;
}
.pagination .pag-right .pagination-item.is-inactive {
  padding: 0;
  margin: 0;
}
.pagination .pag-right .pagination-item span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}
.pagination .pag-right .pagination-item span:hover {
  font-variation-settings: "srff" 0, "ital" 100, "wght" 0;
}
.pagination .pag-right .pagination-item.right span:hover {
  font-variation-settings: "srff" 0, "ital" 100, "wght" 0;
}
.pagination .pag-right .pagination-item.left span:hover {
  font-variation-settings: "srff" 0, "ital" 100, "wght" 0;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  text-align: center;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-slider .slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
  background: #eaeaea;
}
.slick-slider .slick-list:focus {
  outline: none;
}
.slick-slider .slick-list.dragging {
  cursor: hand;
}
.slick-slider .slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-slider .slick-track:after, .slick-slider .slick-track:before {
  content: "";
  display: table;
}
.slick-slider .slick-track:after {
  clear: both;
}
.slick-loading .slick-slider .slick-track {
  visibility: hidden;
}
.slick-slider .slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slider .slick-slide {
  float: right;
}
.slick-slider .slick-slide img {
  display: block;
}
.slick-slider .slick-slide.slick-loading img {
  display: none;
}
.slick-slider .slick-slide.dragging img {
  pointer-events: none;
}
.slick-slider .slick-arrow {
  position: absolute;
  height: 100%;
  width: 50%;
  top: 0;
  left: 0;
  background: transparent;
  border: none;
  z-index: 10;
}
.slick-slider .slick-arrow.slick-next {
  left: initial;
  right: 0;
  cursor: pointer;
}
.slick-slider .slick-arrow.slick-prev {
  cursor: pointer;
}
.slick-slider .slick-arrow.slick-hidden {
  display: none;
}
.slick-slider .img,
.slick-slider .slick-list,
.slick-slider .slick-slide,
.slick-slider .slick-track,
.slick-slider .slide {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.slick-slider .slide {
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.slick-slider .slick-dots {
  position: relative;
  width: 100%;
  padding: 0;
  margin-top: 0.5vw;
  list-style: none;
  text-align: center;
  display: none !important;
}
.slick-slider .slick-dots li {
  position: relative;
  display: inline-block;
  width: 2vw;
  height: 2vw;
  padding: 0.5vw;
  margin: 0.5vw 1.25vw;
  border: 0.275vw solid #292929;
  border-radius: 1vw;
  cursor: pointer;
}
.slick-slider .slick-dots li button {
  display: none;
}
.slick-slider .slick-dots li button:focus, .slick-slider .slick-dots li button:hover {
  outline: none;
}
.slick-slider .slick-dots li.slick-active {
  background: #292929;
}
.slick-slider + figcaption {
  text-align: left;
  width: 100%;
  background: white;
  padding: 0.625rem 0 calc(0.5rem + 1vw);
  font-size: calc(0.75rem + 0.25vw);
}

figcaption:empty {
  padding: 0 0 calc(0.5rem + 1vw);
}

img[data--orientation=landscape] {
  width: 100%;
  height: auto;
}

img[data--orientation=portrait] {
  height: 70vh;
  width: auto !important;
}

figure {
  background: #eaeaea;
  text-align: center;
  font-size: 0;
}
figure figcaption {
  text-align: left;
  width: 100%;
  background: white;
  padding: calc(0.625rem + 1vw) 0 calc(1.25rem + 1vw);
  font-size: calc(1rem + 0.25vw);
}

.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

header .linesdesktop {
  display: block;
}
header .linesdesktop canvas {
  width: 20vw;
  height: calc(100vh - 2vw);
  height: calc(100dvh - 2vw);
  margin: 0;
  top: 1vw;
  position: absolute;
  background: rgba(255, 255, 255, 0.0039215686);
}
header .linesdesktop canvas canvas[resize] {
  width: 20vw;
  height: calc(100vh - 2vw);
  height: calc(100dvh - 2vw);
}
header .linesdesktop canvas#lineleft {
  left: -8.5vw;
}
header .linesdesktop canvas#lineright {
  left: 88.5vw;
}
header .linesmobile {
  display: none !important;
}
header .linesmobile .lines {
  position: absolute;
  top: 1.5vw;
  width: 1vw;
  height: calc(100vh - 2.25vw);
  height: calc(100dvh - 2.25vw);
  z-index: 1000;
  overflow: visible;
  pointer-events: none;
}
header .linesmobile .lines path {
  fill: none;
  stroke: #292929;
  stroke-width: 4;
}
header .linesmobile .lines#line1 {
  margin-left: 1.25vw;
}
header .linesmobile .lines#line2 {
  margin-left: 98.75vw;
}

body[data--target-view*="agencies/"] header .linesdesktop canvas#lineleft,
body[data--target-view*="magazines/"] header .linesdesktop canvas#lineleft,
body[data--target-view*="networks/"] header .linesdesktop canvas#lineleft,
body[data--target-view=agencies] header .linesdesktop canvas#lineleft,
body[data--target-view=magazines] header .linesdesktop canvas#lineleft,
body[data--target-view=networks] header .linesdesktop canvas#lineleft {
  left: -8.75vw;
  left: -8.85vw;
}
body[data--target-view*="agencies/"] header .linesdesktop canvas#lineright,
body[data--target-view*="magazines/"] header .linesdesktop canvas#lineright,
body[data--target-view*="networks/"] header .linesdesktop canvas#lineright,
body[data--target-view=agencies] header .linesdesktop canvas#lineright,
body[data--target-view=magazines] header .linesdesktop canvas#lineright,
body[data--target-view=networks] header .linesdesktop canvas#lineright {
  left: 18.75vw;
}
body[data--target-view*="agencies/"] header .linesmobile .lines path,
body[data--target-view*="magazines/"] header .linesmobile .lines path,
body[data--target-view*="networks/"] header .linesmobile .lines path,
body[data--target-view=agencies] header .linesmobile .lines path,
body[data--target-view=magazines] header .linesmobile .lines path,
body[data--target-view=networks] header .linesmobile .lines path {
  stroke-width: 2;
}
body[data--target-view*="agencies/"] header .linesmobile .lines#line1,
body[data--target-view*="magazines/"] header .linesmobile .lines#line1,
body[data--target-view*="networks/"] header .linesmobile .lines#line1,
body[data--target-view=agencies] header .linesmobile .lines#line1,
body[data--target-view=magazines] header .linesmobile .lines#line1,
body[data--target-view=networks] header .linesmobile .lines#line1 {
  margin-left: 1.25vw;
}
body[data--target-view*="agencies/"] header .linesmobile .lines#line2,
body[data--target-view*="magazines/"] header .linesmobile .lines#line2,
body[data--target-view*="networks/"] header .linesmobile .lines#line2,
body[data--target-view=agencies] header .linesmobile .lines#line2,
body[data--target-view=magazines] header .linesmobile .lines#line2,
body[data--target-view=networks] header .linesmobile .lines#line2 {
  margin-left: 28.75vw;
}

header nav a:before {
  content: " ";
  display: inline-block;
  width: 0;
  height: 0;
  margin: 0;
  -webkit-transition: all 0.7s cubic-bezier(0, 0, 0.2, 1);
  -moz-transition: all 0.7s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: all 0.7s cubic-bezier(0, 0, 0.2, 1);
  transition: all 0.7s cubic-bezier(0, 0, 0.2, 1);
}
header nav a.active, header nav a:hover {
  font-variation-settings: "srff" 0, "ital" 100, "wght" 0;
}
header nav a.active:before, header nav a:hover:before {
  width: 2.1002710027vw;
  margin: 0.125vw 0.5vw 0.125vw 0.25vw;
}

.menu.right > div ul li a:before {
  content: " ";
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 0;
  margin-top: 0;
  -webkit-transition: width 0.7s cubic-bezier(0, 0, 0.2, 1);
  -moz-transition: width 0.7s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: width 0.7s cubic-bezier(0, 0, 0.2, 1);
  transition: width 0.7s cubic-bezier(0, 0, 0.2, 1);
}
.menu.right > div ul li a:hover {
  font-variation-settings: "srff" 0, "ital" 100, "wght" 0;
}
.menu.right > div ul li a:hover:before {
  width: calc(1rem + 0.25vw);
  height: calc(1rem + 0.25vw);
  margin-right: 0.5vw;
}

footer.right li a.active, footer.right li a:hover {
  font-variation-settings: "srff" 0, "ital" -100, "wght" 0;
}
footer.right li a.active:after, footer.right li a:hover:after {
  width: calc(1rem + 0.25vw);
  margin-right: 0.5vw;
}
footer.right .spacer {
  height: 1.5vw;
  display: block;
}

footer.left li a:before {
  content: " ";
  display: inline-block;
  width: 0;
  height: 0;
  overflow: hidden;
  margin-right: 0;
  margin-top: 0;
  -webkit-transition: width 0.7s cubic-bezier(0, 0, 0.2, 1);
  -moz-transition: width 0.7s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: width 0.7s cubic-bezier(0, 0, 0.2, 1);
  transition: width 0.7s cubic-bezier(0, 0, 0.2, 1);
}
footer.left li a.active, footer.left li a:hover {
  font-variation-settings: "srff" 0, "ital" 100, "wght" 0;
}
footer.left li a.active:before, footer.left li a:hover:before {
  width: calc(1rem + 0.25vw);
  margin-left: 0.5vw;
}

.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

.ps__rail-x,
.ps__rail-y {
  display: none !important;
}

.mobile .linesdesktop {
  display: none !important;
}
.mobile .linesmobile {
  display: block !important;
}
.mobile .linesmobile .lines {
  top: 0.75vw;
}
.mobile .slick-slider .slick-arrow {
  display: none !important;
}
.mobile .slick-slider .slick-dots {
  display: block !important;
}
.mobile .menu footer ul li a.active:after,
.mobile .menu footer ul li a:hover:after {
  width: 0;
  margin-right: 0;
  margin-left: 0;
}
.mobile .pagination .pagination-item.right span:hover {
  padding-right: 0;
}
.mobile .pagination .pagination-item.left span:hover {
  padding-left: 0;
}
.mobile .menu.right > div ul li a:hover:before {
  width: 0;
  height: 0;
  margin-right: 0;
}

@media screen and (max-width: 666px) {
  a,
  p {
    font-size: calc(1rem + 0.25vw);
    line-height: calc(1.25rem + 0.25vw);
  }
  body[data--target-view*="agencies/"] .menu,
  body[data--target-view*="magazines/"] .menu,
  body[data--target-view*="networks/"] .menu,
  .menu {
    padding-top: 0.25vw;
    width: 0;
  }
  body[data--target-view*="agencies/"] .menu > div,
  body[data--target-view*="magazines/"] .menu > div,
  body[data--target-view*="networks/"] .menu > div,
  .menu > div {
    padding-bottom: 10vw;
  }
  body[data--target-view=agencies] .menu,
  body[data--target-view=magazines] .menu,
  body[data--target-view=networks] .menu {
    left: 30vw;
    width: 70vw;
    -webkit-transition: all 0.7s cubic-bezier(0, 0, 0.2, 1), width 0s linear;
    -moz-transition: all 0.7s cubic-bezier(0, 0, 0.2, 1), width 0s linear;
    -o-transition: all 0.7s cubic-bezier(0, 0, 0.2, 1), width 0s linear;
    transition: all 0.7s cubic-bezier(0, 0, 0.2, 1), width 0s linear;
  }
  header .linesmobile .lines {
    top: 0.75vw;
  }
  header nav {
    transform: rotate(-90deg);
  }
  header nav a {
    font-size: 13.05vw;
    line-height: 13.05vw;
  }
  header nav a.active:before {
    content: " ";
    width: 4.539295393vw;
    height: 4.539295393vw;
    margin: 0.125vw 0.5vw 0.125vw 0.25vw;
  }
  header nav li {
    position: absolute;
    top: 0;
  }
  header nav li:nth-of-type(2) {
    top: 11vw;
  }
  header nav li:nth-of-type(3) {
    top: 22vw;
  }
  body[data--target-view=agencies] header nav a,
  body[data--target-view=magazines] header nav a,
  body[data--target-view=networks] header nav a {
    font-size: 7.2493224932vw;
    line-height: 7.2493224932vw;
  }
  body[data--target-view=agencies] header nav li,
  body[data--target-view=magazines] header nav li,
  body[data--target-view=networks] header nav li {
    position: absolute;
    top: 0;
  }
  body[data--target-view=agencies] header nav li:nth-of-type(2),
  body[data--target-view=magazines] header nav li:nth-of-type(2),
  body[data--target-view=networks] header nav li:nth-of-type(2) {
    top: 7vw;
  }
  body[data--target-view=agencies] header nav li:nth-of-type(3),
  body[data--target-view=magazines] header nav li:nth-of-type(3),
  body[data--target-view=networks] header nav li:nth-of-type(3) {
    top: 14vw;
  }
  body[data--target-view=agencies] header .logo,
  body[data--target-view=magazines] header .logo,
  body[data--target-view=networks] header .logo {
    font-size: 7.2493224932vw;
  }
  body[data--target-view=agencies] header .logo span,
  body[data--target-view=magazines] header .logo span,
  body[data--target-view=networks] header .logo span {
    display: block;
  }
  body[data--target-view=agencies] header .logo span:first-of-type,
  body[data--target-view=magazines] header .logo span:first-of-type,
  body[data--target-view=networks] header .logo span:first-of-type {
    letter-spacing: 0.04rem;
  }
  body[data--target-view*="agencies/"] header,
  body[data--target-view*="magazines/"] header,
  body[data--target-view*="networks/"] header {
    left: 70vw;
    width: 30vw;
  }
  body[data--target-view*="agencies/"] header nav a,
  body[data--target-view*="magazines/"] header nav a,
  body[data--target-view*="networks/"] header nav a {
    font-size: 7.2493224932vw;
    line-height: 7.2493224932vw;
  }
  body[data--target-view*="agencies/"] header nav li,
  body[data--target-view*="magazines/"] header nav li,
  body[data--target-view*="networks/"] header nav li {
    position: absolute;
    top: 0;
  }
  body[data--target-view*="agencies/"] header nav li:nth-of-type(2),
  body[data--target-view*="magazines/"] header nav li:nth-of-type(2),
  body[data--target-view*="networks/"] header nav li:nth-of-type(2) {
    top: 7vw;
  }
  body[data--target-view*="agencies/"] header nav li:nth-of-type(3),
  body[data--target-view*="magazines/"] header nav li:nth-of-type(3),
  body[data--target-view*="networks/"] header nav li:nth-of-type(3) {
    top: 14vw;
  }
  body[data--target-view*="agencies/"] header .logo,
  body[data--target-view*="magazines/"] header .logo,
  body[data--target-view*="networks/"] header .logo {
    font-size: 7.2493224932vw;
  }
  body[data--target-view*="agencies/"] header .logo span,
  body[data--target-view*="magazines/"] header .logo span,
  body[data--target-view*="networks/"] header .logo span {
    display: block;
    letter-spacing: -0.02rem;
  }
  body[data--target-view*="agencies/"] header .logo span:first-of-type,
  body[data--target-view*="magazines/"] header .logo span:first-of-type,
  body[data--target-view*="networks/"] header .logo span:first-of-type {
    letter-spacing: 0.01rem;
  }
  .menu > div {
    padding-bottom: 10vw;
  }
  body.datenschutz footer nav,
  body.impressum footer nav,
  body.kontakt footer nav {
    top: -0.5vw;
    padding: 0;
  }
  footer {
    height: calc(1rem + 1vw);
    bottom: 1vw;
  }
  footer nav ul {
    float: left;
  }
  footer div ul {
    margin-bottom: calc(1.25rem + 0.25vw);
  }
  footer div ul li {
    font-size: calc(1rem + 0.25vw);
    line-height: calc(1.25rem + 0.25vw);
    list-style: disc;
    margin-left: calc(1rem + 0.5vw);
  }
  footer.active:before {
    content: " ";
    width: 4.539295393vw;
    height: 4.539295393vw;
    margin: 0.125vw 0.5vw 0.125vw 0.25vw;
  }
  img[data--orientation=portrait] {
    height: auto;
    width: 100%;
  }
}