*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    -webkit-text-size-adjust:100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
html{
    width: 100%;
    -webkit-tap-highlight-color:transparent;
    height:100%;
}
body {
  hyphens: auto;
  -webkit-hyphens: auto;
  font-family: 'Akzidenz-Grotesk BQ', sans-serif;
  line-height: 1.2;
  position: fixed;
  height: 100%;
  letter-spacing: 0.02em;
  background-color: #2265F4;
  width: 100%;
  max-height: 100%;
}
header {position: fixed;width: 100%;opacity: 1;z-index: 1;transition: 1s all ease-out;}


main {
    padding: 0;
    display: flex;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    
}

main.rechts{
right: 0;
}
main.links{
  left: 0;
}
main.links section{
  left:0;
}
main.rechts section{
  right:0;
}
body.out .w50 #logo, body.out .w25 #logo {
    width: 100%;
}
body.out .w50.links section  {
    left: -50%;
}
body.out .w25.links section {
    left: -25%;
}
body.out .w50.rechts section  {
    right: -50%;
}
body.out .w25.rechts section {
    right: -25%;
}
#eventpage nav > ul > li:nth-of-type(1) {
    opacity: 0;
    padding: .25rem 1rem;
    height: 4rem;
    /* pointer-events: none; */
}
#eventpage nav > ul > li:nth-of-type(1) a {
  display:block;
  width: 6rem;
  height: 100%;
}
/*nav > ul > li:first-of-type > a {
    text-decoration: underline;
}*/
section {
    flex: 0 1 auto;
    background-color: #000;
    position: fixed;
    color: #FFF;
    z-index: 3;
    overflow: auto;
    padding: 7.4rem 1rem 1rem;
    height: 100%;
    transition: all 1s ease-out;
}
.w25 section{
   width: 25%;
}
.side .text h2 {
    margin: 0;
}
.w50 section, .w50 #logo{
   width: 50%;
}
.w25 #logo{
  width:75%;
}
.links #logo {
    right: 0;
}
.rechts #logo {
    left: 0;
}article {
    padding: 0;
}
a{
  color: inherit;
  text-decoration: none;
}
nav {
    position: relative;
    width: 100%;
    top: 0;
    padding: 0;
}
nav > ul {
    display: block;
    /* grid-template-columns: repeat(4, 1fr); */
    height: 4.5rem;
}
nav ul li {
  
    list-style: none;
    text-transform:uppercase;
}
nav > ul > li{
    padding: .7rem 1rem;
    display: inline-block;
    width: 25%;
    vertical-align: top;
}
nav ul li a{
  color:#FFF;
}
nav ul li a:hover, body:not(.out) nav ul li.active > a, #language:hover{
  color:#878787;
}

#logo {
 transition: all 1s ease-out;
 position: fixed;
 height: calc(100% - 8rem);
 width: auto;
 bottom: 0;
 }
.intro header {
    opacity: 0;
}
.imagegallery.stripe .close {
    display: none;
}
#logobox {
    min-width: 100%;
    bottom: 0;
    margin: 0;
    position: absolute;
    padding: 1rem;
    height: 100%;
}
#logobox img{
  width: calc(100% - 2rem);
  max-height: calc(100% - 2rem);
  top: calc(100% - 1rem);
  position: absolute;
  transition: opacity 1s ease-out;
  transform: translateY(-100%);
}
.imagebox {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10px, 1fr));
    grid-gap: .5rem;
    margin: 0 0 1.5rem;
}

.image img {
    width: 100%;
    display: block;
}
#menu {
    position: fixed;
    display:none;
    right: 1rem;
    top: 1.45rem;
    height: 1.5rem;
    width: 2rem;
}
body.eventin #logo {
    height: 5rem;
    width: 7rem;
    bottom: calc(100% - 4.75rem);
    min-width: 7rem;
}
body#eventpage:not(.eventin) #logo{
   min-width:50vw; 
}
body#eventpage.out #logo{
   min-width:100%; 
}

body:not(.out) #logobox{
    padding: .5rem 1rem;
}
.text p {
    margin: 0 0 1em;
}
.text p:last-child {
    margin: 0;
}
.plyr--audio .plyr__control:hover {
    background-color: #000;
}

.plyr--audio .plyr__control:hover svg {
    fill: #FFF;
}
nav > ul > li:nth-of-type(3) > a, nav > ul > li:nth-of-type(4) > a {
    display: none;
}
.plyr--audio .plyr__control svg {fill: #000;}
.supportbox:last-child {padding-bottom: 0;}
.supportcontainer {grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));display:grid;padding: .25rem 1rem 0;grid-row-gap: 1.5rem;grid-column-gap: 1.5rem;grid-column: 2/4;}
.eventlink + h2 {margin-top: 4rem;}
.supportlogo {
    width: 8rem;
    height: 4rem;
    background-position: top left;
    position: relative;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.supportlogo a {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
}
.introtext {
    font-size: 0;
}
#language {
    position: fixed;
    top: .7rem;
    right: 1rem;
    text-transform: uppercase;
    color: #FFF;
}
article table {
    width: 100%;
    font-size:.6rem;
    border-top:1px solid;
    border-collapse:collapse;
    margin: -1rem 0 2rem;
}
article table td, article table th{
    border-bottom:1px solid;
    padding: .15rem 0;
}
article table th{
    font-weight:100;
    text-align:left;
    width: 14em;
    padding-right: 1em;
    }
.imagegallery {
    width: 100%;
    margin: .5rem 0 1rem;
    overflow: hidden;
    position: relative;
}

.imagegallery .swiper-slide {
    width: 100%;
}
.swiper-button-next:hover:after, .swiper-button-prev:hover:after {
    background-image: url(../img/pfeil_rechts_hover.svg);
}
.imagegallery .swiper-slide img {
    width: 100%;
    filter: grayscale(1);
    transition: .5s filter ease-out;
    display: block;
}
.imagegallery:hover .swiper-slide img {
    filter: grayscale(0);
}
figcaption {
    font-size: .6rem;
    margin:.25rem 0 .5rem;
}
.intro #logo {
    height: 100%;
}
body > .imagegallery .swiper-slide {
    width: 100%;
}
#socialmedia li img {
    height: 100%;
}
.swiper-pagination {
    display: none;
}
.newsletterform input, .newsletterform button {
    background-color: transparent;
    color: #FFF;
    font-size: inherit;
    font-family: inherit;
    border: none;
    width: 100%;
    margin: 0 0 .75rem;
    border-bottom: 2px solid;
}
#contactpage .side {
    display: flex;
    flex-direction: column;
}

#contactpage .side article {
    flex: 1;
}
.imagegallery.stripe .swiper-slide img {
    height: 12rem;
    width: auto !important;
    position: relative;
}
.imagegallery.stripe .swiper-slide img {
    cursor: pointer;
}
.stripe .swiper-slide {
    height: 12rem;
    width: auto;
}
*:focus{
  outline:none;
}
::placeholder {
  color:#FFF;
    opacity: 1;
}

.newsletterform button {
    border: 2px solid;
    display: block;
    text-transform: uppercase;
    padding: .25rem .5rem;
    margin: .5rem 0 0;
    cursor:pointer;
    width: auto;
}
.newsletterform button:hover{
  background-color:#FFF;
   
  color:#000;

}

.newsletterform h1 {
    padding: 0 0 1em;
    display: block;
}
#socialmedia {
    position: fixed;
    right: 1rem;
    top: 1.85rem;
}

#socialmedia li {
    height: .75rem;
    display: inline-block;
    margin: 0 0 0 .35rem;
}
.swiper-button-next, .swiper-button-prev {
    color: #FFF;
    left: .5rem;
}
.swiper-button-next {
   right: .5rem;
   left:auto;
}

.supportbox {
    padding: 1rem 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.impressum p {
    margin: 0 0 1em;
}
.event {
    left: 0;
    color: #000;
    padding: 1rem;
    height: calc(100% - 4.5rem);
    top: 100%;
    background-color: #FFF;
    transition: top 1s ease-out;
}

body.eventin .event {
    top: 4.5rem;
}

h1,h2,h3{
  font-weight: 100;
  font-size: 1rem;
  text-transform: uppercase;
}
h1{
  margin: 0;
  font-size:0;
}
#eventpage h1{
font-size:1em;
margin:0 0 1em;
}
h3 {
  text-transform:none;
}
.eventlink, .presslink, .artistlink {
    border-bottom: 1px solid;
    padding: .5rem 0;
}

.eventlink:first-of-type, .artistlink:first-of-type, h2 + .eventlink {
    border-top: 1px solid;
}
.presslinks .presslink {
    border: none;
    margin: 0 0 .5rem;
}
#cookiemessage {
    position: fixed;
    bottom: 0;
    width: 100%;
    border-top: 2px solid;
    padding: 1rem;
    z-index: 1000;
}
.eventlink a:before,.artistlink a:before,.presslink a:before, table td a:before, .text a[href^="mailto"]:before {
  display: inline-block;
  content: '\e800';
  font-family:"fontello";
  font-size: .7em;
  height: 1em;
  width: 2em;
  top: -.1em;
  position: relative;
  }
 .text a[href^="mailto"]:before {
    width:1.75em;
    font-size:.6em;
    vertical-align:.1em;
  }
  .impressum > *, .text.small > * {
    font-size: .6em;
}
.impressum h3, .text.small h3 {
    text-transform: uppercase;
    margin: 1em 0 0;
}
/*.text.small{
    color: #878787;
}*/
.stripe {
    left: -1rem;
    position: relative;
    width: calc(100% + 2rem);
    bottom: -2rem;
    margin-top: -1.5rem;
}
.impressum {
    position: relative;
    width: calc(100% - 5rem);
    padding: 1rem 0 0;
}
.eventlink a:hover, table td a:hover, .presslink a:hover, .text a:hover, .artistlink a:hover {
    color: #878787;
}
.eventlink > a > p, .artistlink .artistbox, .presslink > a > p {
    display: inline-block;
    width: calc(100% - 2em);
    vertical-align: top;
}
h2 {
    margin: 0 0 1em;
}
.artistbox h3 {
    width: 40%;
    padding: 0 1em 0 0;
}
.big .swiper-button-next {
    right: .95rem !important;
    left: auto;
    width: 1.75rem;
    height: 1.75rem;
}
.text ul {
    margin: 0 0 1em 1em;
}
.big .swiper-button-prev {
    left: 1rem;
    right: auto;
}
.artistbox p {
    width: 60%;
}
article:last-child table {
    margin-bottom: 0;
}
.artistbox p, .artistbox h3 {
    display: inline-block;
    vertical-align: top;
}
.text {
    margin: 0 0 2rem;
}
#baederverein {
    position: fixed;
    width: 4rem;
    right: 1rem;
    bottom: .75rem;
    z-index: 1;
}
#baederverein a {
    height: 100%;
    width: 100%;
    display: block;
}
.impressum > *:last-child {
    margin: 0;
}
#agree {
    margin: .5rem 0 0;
    -webkit-appearance: none;
    border: none;
    color: #000;
    border: 2px solid #000;
    padding: .25rem .5rem .3rem;
    font-size: inherit;
    background-color: #000;
    font-family: inherit;
    float: right;
    cursor: pointer;
    border: 2px solid #000;
     transition: 1s transform ease-out;
}
#agree:hover {
transform: scale(1.1);
}
.big {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100;
    margin: 0;
    top: 0;
    left: 0;
    background-color: #FFF;
}
.big .galbox {
    /* width: 100%; */
    margin: auto;
    background-image: none !important;
    background-size: cover;
    background-position: center;
}
#cookiemessage a {
    text-decoration: underline;
}
#cookiemessage a:hover {
    text-decoration: none;
}
.big.imagegallery .swiper-slide img {opacity: 1;}

.big figcaption {background-color: #FFF;padding: .25rem 0;position: absolute;text-align: center;bottom: -.25rem;margin: 0;width: 100%;}
.galopen .side, .galopen header, .galopen #baederverein {
    display: none !important;
}
.galopen .event{
  overflow:hidden;
}
.stripe figcaption {
    display: none;
}
.big.resizeable .swiper-container {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.big .swiper-button-next, .big .swiper-button-prev {
    color: #000;
}

.big .swiper-button-next:hover, .big .swiper-button-prev:hover {
    color: #878787;
}
.big.imagegallery .swiper-slide img {
    height: 50vw;
    max-height: 85vh;
    margin: auto;
    position: relative;
    width: auto;
    display: block;
    /* width: 100%; */
}

.close {
  position: absolute;
  right: 1rem;
  top: 1rem;
  width: 1.75rem;
  height: 1.75rem;
  opacity: 1;
  background-image: url(../img/cross.svg);
}
.close:hover{
   background-image: url(../img/cross_hover.svg);
}
.swiper-button-next:after, .swiper-button-prev:after {
    background-image: url(../img/pfeil_rechts.svg);
    content: '';
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
}
.swiper-button-next:after {
    background-position: right;
}
.swiper-button-prev:after {
    transform:rotate(180deg);
    background-position: right;
}table td a:before {
    width: 1.5em;
}

.swiper-button-next, .swiper-button-prev{
    width:1.75rem;
    height:1.75rem;
    margin: 0;
    position: absolute;
    transform: translateY(-50%);
}
/*.close:hover:before, .close:hover:after {
 background-color:#878787;
}
.close:before, .close:after {
  position: absolute;
  left: 50%;
  content: ' ';
  height: 1.75rem;
  width: 3px;
  background-color: #000;
}
.close:before {
  transform: rotate(45deg);
}
.close:after {
  transform: rotate(-45deg);
}*/



/* LANDING */
.intro #logobox img:nth-of-type(2) {
    opacity: 1;
}
#logobox img:nth-of-type(2) {
    opacity: 0;
}
body > .imagegallery {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    z-index: 2;
}
.supportbox h2 {
    max-width: 11em;
    hyphens: none;
    -webkit-hyphens:none;
}
.plyr--video button.plyr__control {
    padding: 0 !important;
    height: 5rem;
    background-position: center;
    width: 5rem;
    border-radius: 0;
    background: url(../img/play.svg) no-repeat center center transparent !important;
}
.plyr--full-ui input[type=range]{
   color: #FFF;
}
.plyr--video .plyr__controls {
    padding: 1rem 1.5rem !important;
}
.plyr--video button.plyr__control svg {
    display: none !important;
}

.plyr--full-ui input[type=range]{border-radius:0;box-shadow: 0;}
#landing section{
    width: 100%;
    height: 33.3333vh;
    overflow: visible;
    position: relative;
    color: #000;
    padding: 2rem;
    background-color: transparent;
}
.logopart {position: relative;height: 100%;display: inline-block;max-height: 13.25vw;vertical-align: bottom;}
#bvblogo {
    width: 7rem;
    margin: -.25rem 2rem 0 0;
    display: inline-block;
    vertical-align: top;
}
#baden .logopart {
    right: 0;
    float: right;
    top: 50%;
    transform: translateY(-50%);
}
#bvblogo img {display: block;}

#bvblogo a {
    display: block;
}
#infolink {
    position: fixed;
    right: 2rem;
    top: 1.7rem;
    line-height: 1;
    font-size: 2rem;
    color: #FFF;
    text-transform: uppercase;
}
#infolink:hover{
    text-decoration: underline;
}
#vom .logopart {
    top: 0;
}
#lernen .logopart {
    top: 100%;
    transform: translateY(-100%);
}
.logomobile{
  display:none;
}
.supporttext {
    /* max-width: 24em; */
    display: inline-block;
    padding: 0 2rem 0 2rem;
    position: absolute;
    bottom: 1.75rem;
}

/* ANIMATION  */
@keyframes farbwechsel {
     0%,100% {background-color: #464555; }
  12.5% { background-color:#2e4c91; }
  25% { background-color:#2265f4;  }
    37.5% { background-color:#00a6ff;  }
  50% { background-color:#00d6f2;  }
    62.5% { background-color:#87dfc9;  }
  75% { background-color:#bfa975;  }
  87.5%{ background-color:#9e5500; }
}
@keyframes farbwechselcolor {
     0%,100% {color: #464555; }
  12.5% { color:#2e4c91; }
  25% { color:#2265f4;  }
    37.5% { color:#00a6ff;  }
  50% { color:#00d6f2;  }
    62.5% { color:#87dfc9;  }
  75% { color:#bfa975;  }
  87.5%{ color:#9e5500; }
}


@media (min-width: 993px) {
html{
    font-size: 1vw;
}

}
@media (max-width: 992px) {
  html{
    font-size: 16px;
}
nav {height: auto;right: 0;position: relative;width: 100%;}

header {
    height: 100%;
    width: 12em;
    background-color: #000;
    right: -12em;
    padding: 4.85rem 0 0;
    top: 0;
    transition: .5s right ease-out;
    overflow: hidden;
}
.introtext {
    font-size: 1rem;
    position: fixed;
    top: 0;
    pointer-events: none;
    padding: 1rem;
    transition: .5s opacity ease-out;
}
header:not(.in){
  transition: .5s right ease-out, .5s background-color ease-out;
}
#language {
    position: static;
    padding: 1rem 1rem;
}

#socialmedia {
    position: static;
    padding: 0 .75rem;
}
.w25 section, .w50 section {
    width: 100%;
}
body.out section{
  left: 0 !important;
  right: 0 !important;

}
body.out main, body.mobout main{
    top:100%;
}

body:not(.out):not(.mobout) main{
  left:0;
  right:0;
  overflow: auto;
  top: 4.5rem;
}
body#eventpage.eventin #logo, body#eventpage.out #logo, body#eventpage #logo{
  min-width:0;
}
body:not(.out):not(.mobout) #logo {
    height: 5.5rem;
    bottom: calc(100% - 5rem);
    left: .35rem;
    right: auto;
    width: 8.25rem;
}
main{
 transition: all .5s ease-out;
 display: block;
 height: calc(100% - 4.5rem);
}
.supportcontainer {
    padding: .25rem 0 0;
}
#logo {
    left: 0;
    right: auto;
    transition: all .5s ease-out;
}
body:not(.out):not(.mobout) #logobox {
    padding: 0;
}
section {
    padding: 1.1rem .5rem;
    position: static;
}
.stripe {
    left: -.5rem;
    width: calc(100% + 1rem);
}
nav > ul {
    height: 100%;
    width: 100%;
}
#eventpage .side {
    display: none;
}
header.in + #baederverein{
    opacity: 1;
    pointer-events: all;
}
header:not(.in) + #baederverein{
   transition: none;
}
#baederverein {
    opacity: 0;
    transition: 1s opacity ease-out;
    pointer-events: none;
}
nav > ul > li {
    width: 100%;
}
#menu{
  display:block;
  z-index: 1;
}
body:not(.intro) .introtext {
    opacity: 0;
}
.supporttext {position: static;float: right;padding: 0 0 0 12vw;}

#landing section {
    height: auto;
    padding: 1rem;
}
#lernen{
  padding:0 1rem;
}

.logopart {
    display: none;
}

#infolink {
    right: 1rem;
    top: .75rem;
    position: absolute;
}
body, h1, h2, h3{
  font-size: 1.1rem;
}
.impressum > *,.text.small > *, article table, figcaption, .text a[href^="mailto"]:before, .artistlink, .artistlink h3{
    font-size:.8rem;
}
.text a[href^="mailto"]:before{
  vertical-align:-.1em;
}
.impressum{
  width:100%;
}
.stripe .swiper-slide {
    width: 100%;
    height: auto;
}
.logomobile {
    width: 100%;
    display:block;
    margin: 5rem 0 0;
}
.supportbox {
    display: block;
    margin: 0 0 2rem;
}

.imagebox {
    margin: 0 0 1rem;
}
#eventpage nav > ul > li:nth-of-type(1) a {
    height: initial;
    width: initial;
}
h1 {
    font-size:1em;
    margin: 0 0 1.1rem;
}
/*#agree {
    background-color: transparent;
    color: #000 !important;
    border: 2px solid #000;
    animation: none !important;
    -webkit-animation: none !important;
}*/
#eventpage nav > ul > li:nth-of-type(1) {
    height: initial;
    opacity: 1;
}
header.in {
    right: 0;
    transition: .5s right ease-out;
}
article table th {
    width: 9em;
}
.imagegallery.stripe .swiper-slide img {
    height: 70vw;
    opacity: 0;
    width: 100% !important;
}
.event {
    height: 100%;
    padding: 1.1rem .5rem;
}
#socialmedia li {
    height: .9rem;

}
header.in + #baederverein + main section {
    opacity: 0.5;
}
header:not(.in) nav, header:not(.in) #language, header:not(.in) #socialmedia{
    /* opacity: 0; */
    /* transition: none; */
}
.imagegallery .swiper-slide img{
  filter:grayscale(0);
}
.stripe .galbox {
    height: 70vw;
    width: 100%;
    background-size: cover;
    background-position: center;
}
.out header.in + #baederverein + main #logo {
    width: calc(100% - 13em);
}
body.mobout .w50 section, body.mobout .w50 #logo {
    width: 100%;
}
#logobox img:nth-of-type(2) {
    display: none;
}
nav, #language, #socialmedia{
   transition: .5s opacity ease-out;
}
.big .galbox {width: calc(100% - 1rem);background-image: none !important;}
body.eventin.out #logo, body.eventin.mobout #logo {
    bottom: 0;
    height: 100%;
    width: 100%;
}
.big.imagegallery .swiper-slide img {
    width: 100%;
    max-height: 100%;
    height: auto;
    opacity: 1;
    max-width: 100%;
}
#logobox img {
}
body{position:static;}
    }

@media (min-width: 2100px) {
  html {
    font-size: 28px;
  }
}

@media (min-width: 1900px) {
  html {
    font-size: 26px;
  }
}
@media (min-width: 1600px) and (max-width: 1899px) {
  html {
    font-size: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  html {
    font-size: 22px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  html {
    font-size: 20px;
  }
}
@media (min-width: 993px) and (max-width:1200px){
  html {
    font-size: 18px;
  }
}

@media (min-width: 600px) and (max-width:992px) {
  html {
    font-size: 22px;
  }
}
@media (min-width: 331px) and (max-width:599px) {
  html {
    font-size: 18px;
  }
}
@media (min-width: 200px) and (max-width:330px) {
  html {
    font-size: 17px;
  }
}
@font-face {
  font-family: 'fontello';
  src: url('fonts/fontello.eot?39586528');
  src: url('fonts/fontello.eot?39586528#iefix') format('embedded-opentype'),
       url('fonts/fontello.woff2?39586528') format('woff2'),
       url('fonts/fontello.woff?39586528') format('woff'),
       url('fonts/fontello.ttf?39586528') format('truetype'),
       url('fonts/fontello.svg?39586528#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-pfeil:before { content: '\e800'; } 
.icon-facebook:before { content: '\e801'; } 
.icon-newsletter:before { content: '\e802'; } 
.icon-instagram:before { content: '\e804'; }

@font-face {
    font-family: 'Akzidenz-Grotesk BQ';
    src: url('fonts/AkzidenzGroteskBQ-MedItalic.woff2') format('woff2'),
        url('fonts/AkzidenzGroteskBQ-MedItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Akzidenz-Grotesk BQ';
    src: url('fonts/AkzidenzGroteskBQ-Medium.woff2') format('woff2'),
        url('fonts/AkzidenzGroteskBQ-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}


::selection {
  background: #2265f4; 
  color: #FFF;
}
::-moz-selection {
  background: #2265f4; 
  color: #FFF;
}