@charset "UTF-8";

/************* headlineLeftBlock *******************/

article.blocks section.headlineLeftBlock img.main,
article.blocks section.headlineLeftBlock .site-video
{
   margin-bottom: 2em;
}

article.blocks section.headlineLeftBlock div.column1 div.dotDeco,
article.blocks section.headlineLeftBlock div.edgeDeco
{
   display: none;
}

article.blocks section.headlineLeftBlock div.headline
{
   margin-left: 0;
   border-left: 18px solid #FFDF00;
   padding-left: 42px;
   padding-top: 0.1em;
   width: calc(100% - 100px);
}

article.blocks section.headlineLeftBlock div.headline h1
{
   font-size: clamp(32px, calc(3vw + 12px), 48px);
   margin-top: 0.5em;
}

article.blocks section.headlineLeftBlock div.headline h2
{
   font-size: 22px;
   margin-top: 0.5em;
   font-family: din-2014;
   font-weight: 600;
   letter-spacing: 0.1em;
}

article.blocks section.headlineLeftBlock div.headline h3
{
   font-size: 18px;
   margin-top: 0.1em;
   font-family: din-2014;
   font-weight: 600;
   letter-spacing: 0.05em;
}

article.blocks section.headlineLeftBlock div.column1 > div.textContent
{
   display: block;
}

article.blocks section.headlineLeftBlock div.column2 > div.textContent
{
   display: none;
}

article.blocks section.headlineLeftBlock p.credit
{
   margin-top: -2em;
}

@media (min-width: 720px) {

   article.blocks section.headlineLeftBlock div.column1
   {
      position: relative;
   }

   article.blocks section.headlineLeftBlock div.column1 div.dotDeco
   {
      display: block;
      position: absolute;
      width: 96%;
      top: 16.5em;
      left: 5px;
      min-height: 360px;
   }

   article.blocks section.headlineLeftBlock div.edgeDeco
   {
      display: block;
      position: absolute;
      left: 0;
      top: 3em;
      background-color: #FFDF00;
      min-height: 420px;
      width: 22px;
      z-index: 10;
   }

   article.blocks section.headlineLeftBlock div.headline
   {
      margin-left: 60px;
      width: calc(100% - 100px);
      border: none;
      padding: 0;
      margin-top: 5.5em;
   }

   article.blocks section.headlineLeftBlock div.column1 > div.textContent
   {
      display: none;
   }

   article.blocks section.headlineLeftBlock div.column2 > div.textContent
   {
      display: block;
   }
}