/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 
a {
    color: #b0843f;
}*/
/*#region */
    .card-action span a
    {
      margin-right: 4px !important;
      padding: 0 8px;
      margin-bottom: 2px;
    }

    .btn-flat.disabled
    {
      background-color: #f5f5f5 !important;
      color: #b3b2b2 !important;
      cursor: default;
      text-decoration: line-through;
    }

    #hh_bak
    {
      position:absolute; bottom:-60px; right:0px; 
    }

/*img.sticker-top
{
    position:absolute; bottom:-1%; left:4%; width:100px; z-index:1; -webkit-transform: rotate(10deg);
}
img.sticker-mid
{
    position:absolute; top:-136%; right:2%; width:80px; z-index:10; -webkit-transform: rotate(2deg);
}*/

img.platz-1
{
    position:absolute; top:30%; right:4%; width:300px; z-index:-1;
}
img.platz-2
{
    position:absolute; top:20%; left:4%; width:300px; z-index:-1;
}

a.buchen
{
   background-color:  #be9453;
}

.section.backColor
{
/*  background-color: #fcb354;
  background-color: #f89920 ;*/
  background-color:#FFBE72;

  color: rgb(33, 33, 33);
}

.sec-titel
{
  font-weight: bold;
  background-color: #fcb354;
  padding: 6px 10px;
}
.sec-titel2
{
  font-weight: normal;
  background-color: #fcb354;
  padding: 6px 10px;
}

p.left-align strong
{
  /*color:rgb(137, 171, 108);
      color:rgb(121, 150, 96);*/
  color: rgb(33, 33, 33);
}
ul li
{
  /*color:#be9453;*/
  color: rgb(121, 85, 72);
  /*color:rgb(121, 150, 96);
  color: #df8614;*/
}

 ul.alt li
{
  color:#000;
}
    .line-deg span
    {
        font-size: 140%; line-height: 180%; padding: 10px 15px; background-color: #be9453;
    }

.bafuGreen.darken-3
{
  background-color: #b0843f !important;
}

    .card .card-title {
      font-size: 120%;
      font-weight: bold;
    }

    .card .card-content.kurs {
      /*min-height: 330px;*/
      height: 330px;
      overflow: hidden;
    }

    img.sticker-mid {
      position: absolute;
      bottom: -1px;
      right: 4%;
      width: 80px;
      z-index: 10;
      -webkit-transform: rotate(2deg);
    }

    .modal.bottom-sheet.kurs {
      top: auto;
      bottom: -100%;
      margin: auto;
      width: 90%;
      max-height: 80%;
      height: 80%;
      border-radius: 0;
      /*will-change: bottom, opacity;*/
    }

    @media only screen and (min-width : 1360px)
{
    img.platz-2
    {
        position: absolute;
        top: 20%;
        left: 6%;
        width: 380px;
        z-index: -1;
    }

    img.platz-1
    {
        position: absolute;
        top: 30%;
        right: 6%;
        width: 380px;
        z-index: -1;
    }
}

.card.kfe
{
  position: relative;
}

  .card.kfe .card-content
  {
    position: relative;
    background-color: transparent;
  }

  .card.kfe img
  {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    filter: sepia(0.4);
  }

  .card.kfe .card-title
  {
    padding: 6px 12px;
    background-color: #f7ebe4;
    background-color: #f2d4b1;
    color: #000000;
  }
  .card.kfe .divider
  {
    background-color: #f2d4b1;
  }

  .cover-titel
  {
    position: absolute;
    top: -112px;
    font-size: 500%;
    font-weight: 700;
    color: #f7ebe4;
  }

@media only screen and (max-width : 1286px)
{
  .cover-titel
  {
    top: -88px;
    font-size: 400%;
    font-weight: 700;
  }
}
@media only screen and (max-width : 796px)
{
  .cover-titel
  {
    top: -76px;
    font-size: 340%;
    font-weight: 700;
  }
}
@media only screen and (max-width : 682px)
{
  .cover-titel
  {
    top: -62px;
    font-size: 260%;
    font-weight: 700;
  }
}
  @media only screen and (max-width : 960px)
  {
    img.platz-2
    {
      position: absolute;
      top: 30%;
      left: 1%;
      width: 240px;
      z-index: -1;
    }

    img.platz-1
    {
      position: absolute;
      top: 30%;
      right: 1%;
      width: 240px;
      z-index: -1;
    }
  }

  @media only screen and (max-width : 600px)
  {
    .line-deg span
    {
      font-size: 116%;
      line-height: 160%;
      padding: 10px 15px;
    }

    /*img.sticker-top
    {
        width: 90px;
    }

    img.sticker-mid
    {
        top: -100%;
        right: 1%;
        width: 70px;
    }*/

    img.platz-2
    {
      position: relative;
      top: 1%;
      left: 1%;
      width: 190px;
      z-index: -1;
      text-align: center;
    }

    img.platz-1
    {
      position: relative;
      top: 20%;
      right: 0px;
      width: 190px;
      z-index: -1;
      padding-bottom: 20px;
      margin-top: -20px;
    }


    .modal.bottom-sheet.kurs
    {
      width: 100%;
    }

      .modal.bottom-sheet.kurs h4
      {
        font-size: 1.6rem;
      }

    /*  .card .card-content.black-text{
    padding:18px !important;
  }*/
  }

  @media only screen and (max-width : 800px)
  {
    .show-on-xxl
    {
      display: none !important;
    }

    .hide-on-xxl
    {
      display: block !important;
    }
  }

  @media only screen and (min-width : 1392px)
  {
    .show-on-xxl
    {
      display: block !important;
    }

    .hide-on-xxl
    {
      display: none !important;
    }
  }

  @media only screen and (max-width : 1400px)
  {
    .show-on-xxl
    {
      display: none !important;
    }

    .hide-on-xxl
    {
      display: block !important;
    }
  }
  /*#endregion */