Filter
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style><!--
     
    .centered {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: black;
      font-family: Oxygen;
      display: inline;
      min-width: max-content;
      }     
     
    .container {
      position: relative;
      color: white;
      margin-bottom: 2em !important;
      display: block;
    }

    .banner {
      border-radius: 0px 3px 0px 0px;
      opacity:;
    }
     
    .overlay-banner {
      position: absolute;
      bottom: 0%;
      background-image: linear-gradient(0deg,#fff 0%,rgba(255, 255, 255, 0.6) 35%, rgba(255, 255, 255, 0.3) 79%);
      display: block;
      width: 100%;
      height:100%;
    }
    .Überschrift1
    {
    font-size: 2.4em;
    font-weight:bold;
    color: white;
    text-align:center;
    background-color: #161616;
    padding:0px 13px 1px 13px;
    margin: 15px auto 0px auto !important;
    border-radius:4px;
    max-width: 100%;
    }

    .Überschrift2{
       font-size: 1.2rem;
        line-height:120%;
        text-align: center;
        color: #161616;
        letter-spacing: .2em;
        margin-bottom: 0px !important;
    margin-top: 15px !important;
        }

    .Überschrift3{
        text-align: justify;
        text-align-last:center;
        line-height:120%;
        font-size: clamp(0.7rem, 1.6vw, 1rem);
        font-family: "Harmonia Sans", sans-serif;
        font-weight: normal;
        margin: 0px 0px 0px 0px !important;
        padding:15px 15px;
        background-color: #f0f0f0;
        border-radius: 0px 0px 4px 4px;
        display:none;
        }

    .logo {
      width: auto;
      height: 9.5em !important;
      display: block;
      max-width: 100%;
      margin: 0 auto;
      background-image: radial-gradient(circle, rgba(255,255,255, 0.6) 40%, rgba(255,255,255, 0.7) 41%, rgba(255,255,255, 0) 70%);
    }

    .hr1
    {
    border: 0.27em solid #cdcdcd;
    border-radius:4px;
    }
     
    .section4
    {
        text-align: justify;
        text-align-last: center;
        -webkit-hyphens: auto;
      -ms-hyphens: auto;
      hyphens: auto;
         margin-top: 1em;
         margin-bottom: 1em;
        }

    .toggleLink
      {color:#00858f;
       text-decoration:;}
     
    .toggleLink:hover
      {cursor:pointer}
     
    .elaboration
      {display:none}

    @media only screen
      and (max-width: 349px) {
    .logo
    {
    height: 2.8em !important;
    }

    .Überschrift1{
    font-size: 0.8em;
    padding:0.5px 4px 1px 4px;
    margin: 3.5px auto 3.5px auto !important;
    border-radius: 2px;
    }

    .Überschrift2{
    font-size: 0.42em;
    margin-bottom: 0px !important;
    margin-top: 3px !important;
    }

    .Überschrift3 {
      padding: 9px 10px;
    }

    .section4
    {
    margin: 0.3em 0px 0.6em 0px;
    }

    .container{
    margin-bottom: 1em !important;
    }

    .hr1
    {
    border: 0.11em solid #cdcdcd;
    margin: 0px 0px 0px 0px;
    }
    }

    @media only screen
      and (min-width: 350px)
      and (max-width: 400px) {

    .logo
    {
    height: 3.2rem !important;
    }

    .Überschrift1{
    font-size: 0.85em;
    padding:0.5px 4px 1px 4px;
    margin: 3.5px auto 3.5px auto !important;
    border-radius: 2px;
    }

    .Überschrift2{
    font-size: 0.43em;
    margin-bottom: 0px !important;
    margin-top: 3.5px !important;
    }

    .Überschrift3 {
      padding: 9px 10px;
    }
    .section4
    {
    margin: 0.3em 0px 0.5em 0px;
    }

    .container{
      margin-bottom: 1.2em !important;
    }

    .hr1
    {
    border: 0.125em solid #cdcdcd;
    background-color:#cdcdcd;
    margin: 0px 0px 0px 0px;
    }
    }

    @media only screen
      and (min-width: 401px)
      and (max-width: 600px) {
     
    .logo
    {
    height: 13.5vw !important;
    }

    .Überschrift1{
    font-size: 4vw;
    padding:0.5px 4px 1px 4px;
    margin: 3.5px auto 3px auto !important;
    border-radius: 2px;
    }

    .Überschrift2{
    font-size: 0.53em;
    margin-bottom: 0px !important;
    margin-top: 4px !important;
    }

    .Überschrift2_1{
        font-size: 0.8em;
        line-height:120%;
        text-align: center;
        color: #161616;
        letter-spacing: .2em;
        margin-bottom: 0px !important;
    margin-top: 0px !important;
    }

    .section4
    {
    margin: 0.4em 0px 0.6em 0px;
    }

    .container{
      margin-bottom: 1.2em !important;
    }

    .hr1
    {
    border: 0.11em solid #cdcdcd;
    background-color:#cdcdcd;
    margin: 0px 0px 0px 0px;
    }
    }

    @media only screen
      and (min-width: 601px)
      and (max-width: 980px) {
     
    .logo
    {
    height: 6em !important;
    }

    .Überschrift1{
    font-size: 1.5em;
    padding: 0.5px 7px 1px 7px;
    margin: 5.5px auto 5px auto !important;
    border-radius: 2px;
    }

    .Überschrift2{
    font-size: 0.7em;
    margin-bottom: 0px !important;
    margin-top: 6.5px !important;
    }

    .Überschrift2_1{
        font-size: 0.8em;
        line-height:120%;
        text-align: center;
        color: #161616;
        letter-spacing: .2em;
        margin-bottom: 0px !important;
    margin-top: 0px !important;
    }

    .section4
    {
    margin: 0.45em 0px 0.7em 0px;
    }

    .container
    {margin-bottom: 1.2em !important;}

    .hr1
    {
    border: 0.18em solid #cdcdcd;
    background-color:#cdcdcd;
    margin: 0px 0px 0px 0px;
    }
    }

    @media only screen
      and (min-width: 980px)
      and (max-width: 1023px) {

    .logo
    {
    height: 8.2rem !important;
    }

    .Überschrift1{
    font-size: 1.8em;
    padding:0.5px 4px 1px 4px;
    margin: 6.5px auto 5px auto !important;
    border-radius: 3px;
    }

    .Überschrift2{
    font-size: 0.92em;
    margin-bottom: 0px !important;
    margin-top: 6.5px !important;
    }

    .Überschrift2_1{
        font-size: 0.8em;
        line-height:120%;
        text-align: center;
        color: #161616;
        letter-spacing: .2em;
        margin-bottom: 0px !important;
    margin-top: 0px !important;
    }

    .hr1
    {
    border: 0.18em solid #cdcdcd;
    background-color:#cdcdcd;
    margin: 0px 0px 0px 0px;
    }
    }

    @media only screen
      and (min-width: 1024px)
      and (max-width: 1279px) {

    .Überschrift1{
    font-size: 2.2em;
    padding:0px 13px 1px 13px;
    margin: 9px auto 0px auto !important;
    }

    .Überschrift2{
        font-size: 0.94em;
        margin-bottom: 0px !important;
    margin-top: 10px !important;
    }

    .logo
    {
    height: 8.2rem !important;
    }

    .hr1
    {
    border: 0.24em solid #cdcdcd;
    background-color:#cdcdcd;
    }
    }

    @media only screen
      and (min-width: 1280px)
      and (max-width: 1500px) {

    .Überschrift1{
    padding:0px 13px 1px 13px;
    }

    .Überschrift2{
        font-size: 1.1em;
        margin-bottom: 0px !important;
    margin-top: 15px !important;
    }
     
    .hr1
    {
    border: 0.24em solid #cdcdcd;
    background-color:#cdcdcd;
    }
    }

    --></style>
    <div class="container">
    <img class="banner" src="https://cdn.shopify.com/s/files/1/0754/0582/0237/files/Evisen_BannerMarke.jpg?v=1707833631">
    <div class="overlay-banner">
    <div class="centered">
    <section1 class="section1">
    <img class="logo" src="https://cdn.shopify.com/s/files/1/0754/0582/0237/files/Evisen_LogoMarke.png?v=1707831895">
    </section1>
    <h1 class="Überschrift1">EVISEN SKATEBOARDS</h1>
    <hr class="hr1">
    <h2 class="Überschrift2">ゑ (エビセン スケートボード)</h2>
    </div>
    </div>
    </div>
    <script>function toggleDisplay(d,b){var c=document.getElementById(d);if(c.style.display=="block"){c.style.display="none";if(b){b.innerHTML=" [Weiterlesen]"}}else{c.style.display="block";if(b){b.innerHTML=" [Einklappen]"}}};</script>
    <section class="section4">
    <h3 class="Überschrift3">
    <span class="toggleLink" onclick="toggleDisplay('elaboration_1',this)"> [Weiterlesen]</span><span class="elaboration" id="elaboration_1"><br></span>
    </h3></section>
    11 products