/* Basier Circle semibold */ @font-face { font-family:'Basier'; src:url('fonts/basiercircle-semibold-webfont.eot'); src:url('fonts/basiercircle-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/basiercircle-semibold-webfont.woff2') format('woff2'), url('fonts/basiercircle-semibold-webfont.woff') format('woff'), url('fonts/basiercircle-semibold-webfont.ttf') format('truetype'); font-weight:600; font-style:normal; font-display:swap; }

 /* Basier Circle Regular */ @font-face { font-family:'Basier'; src:url('fonts/basiercircle-regular-webfont.eot'); src:url('fonts/basiercircle-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/basiercircle-regular-webfont.woff2') format('woff2'), url('fonts/basiercircle-regular-webfont.woff') format('woff'), url('fonts/basiercircle-regular-webfont.ttf') format('truetype'); font-weight:400; font-style:normal; font-display:swap; }

 * { box-sizing:border-box; margin:0; color:inherit; text-decoration:none; font-family:'Basier', sans-serif; font-size:20px; line-height:1.3; }
 body {
   overflow-x: hidden;
 }

 img { width:100%; display:block; }

 h2 { font-size:80px; text-transform:uppercase; color:black; -webkit-text-fill-color:white; -webkit-text-stroke-width:2px; -webkit-text-stroke-color:black; }

 p,h3 { margin-bottom:15px; }

 a { font-weight:600; border-bottom:2px solid; }

 .grid { width:90vw; max-width:1200px; margin:auto; display:-ms-grid; display:grid; -ms-grid-template-columns:repeat(12, 1fr); -ms-grid-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns:repeat(12, 1fr); -webkit-column-gap:20px; -moz-column-gap:20px; column-gap:20px; row-gap:15px; }

 @media only screen and (max-width:768px) {
   .grid { -webkit-column-gap:unset; -moz-column-gap:unset; column-gap:unset; }

 }

 .grid .col-1 { -ms-grid-column:1 / span 1; grid-column:1 / span 1; }

 .grid .col-1-2 { -ms-grid-column:1 / span 2; grid-column:1 / span 2; }

 .grid .col-1-3 { -ms-grid-column:1 / span 3; grid-column:1 / span 3; }

 .grid .col-1-4 { -ms-grid-column:1 / span 4; grid-column:1 / span 4; }

 .grid .col-1-5 { -ms-grid-column:1 / span 5; grid-column:1 / span 5; }

 .grid .col-1-6 { -ms-grid-column:1 / span 6; grid-column:1 / span 6; }

 .grid .col-1-7 { -ms-grid-column:1 / span 7; grid-column:1 / span 7; }

 .grid .col-1-8 { -ms-grid-column:1 / span 8; grid-column:1 / span 8; }

 .grid .col-1-9 { -ms-grid-column:1 / span 9; grid-column:1 / span 9; }

 .grid .col-1-10 { -ms-grid-column:1 / span 10; grid-column:1 / span 10; }

 .grid .col-1-11 { -ms-grid-column:1 / span 11; grid-column:1 / span 11; }

 .grid .col-1-12 { -ms-grid-column:1 / span 12; grid-column:1 / span 12; }

 .grid .span-1 { -ms-grid-column-end:span 1; grid-column-end:span 1; }

 .grid .col-2 { -ms-grid-column:2 / span 1; grid-column:2 / span 1; }

 .grid .col-2-3 { -ms-grid-column:2 / span 2; grid-column:2 / span 2; }

 .grid .col-2-4 { -ms-grid-column:2 / span 3; grid-column:2 / span 3; }

 .grid .col-2-5 { -ms-grid-column:2 / span 4; grid-column:2 / span 4; }

 .grid .col-2-6 { -ms-grid-column:2 / span 5; grid-column:2 / span 5; }

 .grid .col-2-7 { -ms-grid-column:2 / span 6; grid-column:2 / span 6; }

 .grid .col-2-8 { -ms-grid-column:2 / span 7; grid-column:2 / span 7; }

 .grid .col-2-9 { -ms-grid-column:2 / span 8; grid-column:2 / span 8; }

 .grid .col-2-10 { -ms-grid-column:2 / span 9; grid-column:2 / span 9; }

 .grid .col-2-11 { -ms-grid-column:2 / span 10; grid-column:2 / span 10; }

 .grid .col-2-12 { -ms-grid-column:2 / span 11; grid-column:2 / span 11; }

 .grid .span-2 { -ms-grid-column-end:span 2; grid-column-end:span 2; }

 .grid .col-3 { -ms-grid-column:3 / span 1; grid-column:3 / span 1; }

 .grid .col-3-4 { -ms-grid-column:3 / span 2; grid-column:3 / span 2; }

 .grid .col-3-5 { -ms-grid-column:3 / span 3; grid-column:3 / span 3; }

 .grid .col-3-6 { -ms-grid-column:3 / span 4; grid-column:3 / span 4; }

 .grid .col-3-7 { -ms-grid-column:3 / span 5; grid-column:3 / span 5; }

 .grid .col-3-8 { -ms-grid-column:3 / span 6; grid-column:3 / span 6; }

 .grid .col-3-9 { -ms-grid-column:3 / span 7; grid-column:3 / span 7; }

 .grid .col-3-10 { -ms-grid-column:3 / span 8; grid-column:3 / span 8; }

 .grid .col-3-11 { -ms-grid-column:3 / span 9; grid-column:3 / span 9; }

 .grid .col-3-12 { -ms-grid-column:3 / span 10; grid-column:3 / span 10; }

 .grid .span-3 { -ms-grid-column-end:span 3; grid-column-end:span 3; }

 .grid .col-4 { -ms-grid-column:4 / span 1; grid-column:4 / span 1; }

 .grid .col-4-5 { -ms-grid-column:4 / span 2; grid-column:4 / span 2; }

 .grid .col-4-6 { -ms-grid-column:4 / span 3; grid-column:4 / span 3; }

 .grid .col-4-7 { -ms-grid-column:4 / span 4; grid-column:4 / span 4; }

 .grid .col-4-8 { -ms-grid-column:4 / span 5; grid-column:4 / span 5; }

 .grid .col-4-9 { -ms-grid-column:4 / span 6; grid-column:4 / span 6; }

 .grid .col-4-10 { -ms-grid-column:4 / span 7; grid-column:4 / span 7; }

 .grid .col-4-11 { -ms-grid-column:4 / span 8; grid-column:4 / span 8; }

 .grid .col-4-12 { -ms-grid-column:4 / span 9; grid-column:4 / span 9; }

 .grid .span-4 { -ms-grid-column-end:span 4; grid-column-end:span 4; }

 .grid .col-5 { -ms-grid-column:5 / span 1; grid-column:5 / span 1; }

 .grid .col-5-6 { -ms-grid-column:5 / span 2; grid-column:5 / span 2; }

 .grid .col-5-7 { -ms-grid-column:5 / span 3; grid-column:5 / span 3; }

 .grid .col-5-8 { -ms-grid-column:5 / span 4; grid-column:5 / span 4; }

 .grid .col-5-9 { -ms-grid-column:5 / span 5; grid-column:5 / span 5; }

 .grid .col-5-10 { -ms-grid-column:5 / span 6; grid-column:5 / span 6; }

 .grid .col-5-11 { -ms-grid-column:5 / span 7; grid-column:5 / span 7; }

 .grid .col-5-12 { -ms-grid-column:5 / span 8; grid-column:5 / span 8; }

 .grid .span-5 { -ms-grid-column-end:span 5; grid-column-end:span 5; }

 .grid .col-6 { -ms-grid-column:6 / span 1; grid-column:6 / span 1; }

 .grid .col-6-7 { -ms-grid-column:6 / span 2; grid-column:6 / span 2; }

 .grid .col-6-8 { -ms-grid-column:6 / span 3; grid-column:6 / span 3; }

 .grid .col-6-9 { -ms-grid-column:6 / span 4; grid-column:6 / span 4; }

 .grid .col-6-10 { -ms-grid-column:6 / span 5; grid-column:6 / span 5; }

 .grid .col-6-11 { -ms-grid-column:6 / span 6; grid-column:6 / span 6; }

 .grid .col-6-12 { -ms-grid-column:6 / span 7; grid-column:6 / span 7; }

 .grid .span-6 { -ms-grid-column-end:span 6; grid-column-end:span 6; }

 .grid .col-7 { -ms-grid-column:7 / span 1; grid-column:7 / span 1; }

 .grid .col-7-8 { -ms-grid-column:7 / span 2; grid-column:7 / span 2; }

 .grid .col-7-9 { -ms-grid-column:7 / span 3; grid-column:7 / span 3; }

 .grid .col-7-10 { -ms-grid-column:7 / span 4; grid-column:7 / span 4; }

 .grid .col-7-11 { -ms-grid-column:7 / span 5; grid-column:7 / span 5; }

 .grid .col-7-12 { -ms-grid-column:7 / span 6; grid-column:7 / span 6; }

 .grid .span-7 { -ms-grid-column-end:span 7; grid-column-end:span 7; }

 .grid .col-8 { -ms-grid-column:8 / span 1; grid-column:8 / span 1; }

 .grid .col-8-9 { -ms-grid-column:8 / span 2; grid-column:8 / span 2; }

 .grid .col-8-10 { -ms-grid-column:8 / span 3; grid-column:8 / span 3; }

 .grid .col-8-11 { -ms-grid-column:8 / span 4; grid-column:8 / span 4; }

 .grid .col-8-12 { -ms-grid-column:8 / span 5; grid-column:8 / span 5; }

 .grid .span-8 { -ms-grid-column-end:span 8; grid-column-end:span 8; }

 .grid .col-9 { -ms-grid-column:9 / span 1; grid-column:9 / span 1; }

 .grid .col-9-10 { -ms-grid-column:9 / span 2; grid-column:9 / span 2; }

 .grid .col-9-11 { -ms-grid-column:9 / span 3; grid-column:9 / span 3; }

 .grid .col-9-12 { -ms-grid-column:9 / span 4; grid-column:9 / span 4; }

 .grid .span-9 { -ms-grid-column-end:span 9; grid-column-end:span 9; }

 .grid .col-10 { -ms-grid-column:10 / span 1; grid-column:10 / span 1; }

 .grid .col-10-11 { -ms-grid-column:10 / span 2; grid-column:10 / span 2; }

 .grid .col-10-12 { -ms-grid-column:10 / span 3; grid-column:10 / span 3; }

 .grid .span-10 { -ms-grid-column-end:span 10; grid-column-end:span 10; }

 .grid .col-11 { -ms-grid-column:11 / span 1; grid-column:11 / span 1; }

 .grid .col-11-12 { -ms-grid-column:11 / span 2; grid-column:11 / span 2; }

 .grid .span-11 { -ms-grid-column-end:span 11; grid-column-end:span 11; }

 .grid .col-12 { -ms-grid-column:12 / span 1; grid-column:12 / span 1; }

 .grid .span-12 { -ms-grid-column-end:span 12; grid-column-end:span 12; }

 @media only screen and (max-width:768px) { .grid .col-1,.grid .col-1-2,.grid .col-1-3,.grid .col-1-4,.grid .col-1-5,.grid .col-1-6,.grid .col-1-7,.grid .col-1-8,.grid .col-1-9,.grid .col-1-10,.grid .col-1-11,.grid .col-1-12,.grid .grid.col-2,.grid .col-2-3,.grid .col-2-4,.grid .col-2-5,.grid .col-2-6,.grid .col-2-7,.grid .col-2-8,.grid .col-2-9,.grid .col-2-10,.grid .col-2-11,.grid .col-2-12,.grid .grid.col-3,.grid .col-3-4,.grid .col-3-5,.grid .col-3-6,.grid .col-3-7,.grid .col-3-8,.grid .col-3-9,.grid .col-3-10,.grid .col-3-11,.grid .col-3-12,.grid .grid.col-4,.grid .col-4-5,.grid .col-4-6,.grid .col-4-7,.grid .col-4-8,.grid .col-4-9,.grid .col-4-10,.grid .col-4-11,.grid .col-4-12,.grid .grid.col-5,.grid .col-5-6,.grid .col-5-7,.grid .col-5-8,.grid .col-5-9,.grid .col-5-10,.grid .col-5-11,.grid .col-5-12,.grid .grid.col-6,.grid .col-6-7,.grid .col-6-8,.grid .col-6-9,.grid .col-6-10,.grid .col-6-11,.grid .col-6-12,.grid .grid.col-7,.grid .col-7-8,.grid .col-7-9,.grid .col-7-10,.grid .col-7-11,.grid .col-7-12,.grid .grid.col-8,.grid .col-8-9,.grid .col-8-10,.grid .col-8-11,.grid .col-8-12,.grid .grid.col-9,.grid .col-9-10,.grid .col-9-11,.grid .col-9-12,.grid .grid.col-10,.grid .col-10-11,.grid .col-10-12,.grid .grid.col-11,.grid .col-11-12,.grid .grid.col-12 { -ms-grid-column:1 / span 12; grid-column:1 / span 12; -ms-grid-row:auto !important; grid-row:auto !important; }

 }

 .grid .hl,.grid .img { grid-row:1; }

 section#logo { height:100vh; grid-template-rows:1fr auto; }

 section#logo .logo { margin-top:50vh; transform:translateY(-50%); }

 section#logo .logo h1,section#logo .logo p { text-align:center; font-size:20px; margin-top:20px; }

 section#logo .arrow { width:50px; height:135px; justify-self:center; }

 .kasten { background:#fff; padding:10px 20px; align-self:start; border:2px solid; }

 .kasten p:last-of-type { margin:0; }

 section:not(:first-child) { padding:10vh 0; }

 section:last-of-type { padding-bottom:20vh; }

 section#aktuelles h2 { text-align:center; }

 section#aktuelles img { border:2px solid; }

 .event a img { transition:transform 0.2s ease; }

 .event a:hover img { transform:scale(1.02); }

 .filler { display:flex; align-items:end; }

 .filler h3 { font-size:40px; margin:0; }

 .swiper {
   width: 100%;
   max-width: 100%;
   overflow: visible;
 }
 .swiper:not(.swiper-initialized) .swiper-wrapper {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   column-gap: 20px;
   width: 100%;
 }
 .swiper:not(.swiper-initialized) .swiper-slide {
   display: none;
 }
  .swiper:not(.swiper-initialized) .swiper-slide:first-child,
   .swiper:not(.swiper-initialized) .swiper-slide:nth-child(2),
    .swiper:not(.swiper-initialized) .swiper-slide:nth-child(3) {
      display: block;
    }
 .swiper-pag {
   display: flex;
   justify-content: space-between;
 }
 .swiper-button-next, .swiper-button-prev {
   position: relative;
   margin-top: 0.5rem;
   width: 2rem;
   height: 2rem;
   transition: opacity .3s ease;
   right:0;
   left: 0;
 }
 .swiper-button-next {transform: rotate(-90deg)}
 .swiper-button-prev {transform: rotate(90deg)}
 .swiper-button-next img, .swiper-button-prev img {
   border: none!important;
 }
 .swiper-button-next:after, .swiper-button-prev:after {
   display: none;
 }
 .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity: 0;}


 @media only screen and (max-width:600px) {
   .filler h3 { font-size:inherit; }
 }

 section#galerie table { width:100%; }

 section#galerie .hrs p { padding-left:30%; position:relative; line-height:1.6; }

 section#galerie .hrs span { position:absolute; left:0; line-height:inherit; }

 section#siebdruck .kasten { margin-top:-30%; }

 section#design .text { column-count:2; column-gap:20px; }

 section#digitaldruck .kasten { margin-top:-35%; }

 .event-page section#logo { height:auto; grid-template-rows:unset; }

 .event-page section#logo p { font-weight:600; }

 .event-page section#logo .logo { margin:6vh 0 10vh; transform:unset; }

 .event-page section#event { row-gap:0; }

 .event-page section#event .img { grid-row-end:20; }

 .event-page section#event .img img { position:sticky; top:20px; border:2px solid; }

 .event-page section#event h2 { -webkit-text-fill-color:unset; -webkit-text-stroke:unset; font-weight:400; font-size:30px; }

 .event-page section#event h1 { font-weight:600; font-size:70px; line-height:1.1; }

 .event-page section#event h3 { font-size:30px; font-weight:600; text-transform:uppercase; }

 .event-page section#event > div { margin-bottom:40px; }

 .event-page section#event > h2 { margin-bottom:20px; }

 .event-page section#event .extraitems p { margin-bottom:20px; }

 .event-page section#event .extraitems p span { font-weight:600; }

 .event-page section#event .extraitems a { font-weight:unset; border:none; }

 .event-page section#event .extraitems a p span:after { content:url(/site/templates/media/web_arrow-right_sml.svg); vertical-align:middle; margin-left:8px; }

 .imp-trigger { text-align:center; padding-bottom:20px; }

 @media only screen and (max-width: 1200px){
   .grid {max-width: 90vw;}
 }

 @media only screen and (max-width:768px) {
   h2 {
     font-size: 10vw;
     -webkit-text-stroke-width: 0.3vw;
   }
   section#siebdruck .kasten, section#digitaldruck .kasten {
     margin-top: 0;
   }
   section#design .text {column-count: 1;}
 }

 @media only screen and (max-width:430px) {
   * { font-size:16px; }

 h2 { font-size:30px; -webkit-text-stroke-width:1px; }

 a { border-bottom:1px solid; }

 .logo h1 { font-size:13px; margin-top:10px; }

 section:not(:first-child) { padding:7vh 0; }

 .kasten { border-width:1px; padding:10px 15px; }

 section#siebdruck .kasten,section#digitaldruck .kasten { margin:0; }

 section#design .text { column-count:1; }

 section#aktuelles { column-gap:10px; }

 section#aktuelles .event img { border:1px solid; }

 .event-page section#event h2,.event-page section#event h3 { font-size:20px !important; }

 .event-page section#event h1 { font-size:40px !important; }

 }