body{
    background: url("./img/back.jpg");
    background-size: cover;
  }
  .content{
    border-left:2px solid;
    border-right:2px solid;    
  }
  h1{
    font-size: 3em;
    font-weight: bold;
    color:black
  }
  h2, h3{
    font-weight:bold
  }
  .mob{display:none}
  a:not(.noback){
    width: 100%;
    text-align: center;
    padding: 15px 0;
    font-size: 1.3em;
    background: tan;
    color: black;
    font-weight:600
  } 
  a:hover:not(.noback){
    color:black;
    background: chocolate;
    text-decoration:2px underline black
  }
  
  a[href~=elfsight]{
    display:none
  } 
  footer div:nth-of-type(2), nav div:nth-of-type(2):not([class^=name]){
    border-left: 5px solid #fef9d1;
    border-right: 5px solid #fef9d1;
  }
  div[class^=elfsight]{
    display:flex;
    align-items:center;
    background: tan;
    width:100%;
    border-left: 5px solid #fef9d1;
  }
  .jcXpDZ{
    font-size:1.3em !important;
  }
  .jnMMqj, .jnMMqj svg{
    width: 27px !important;
    height: 20px !important;
  }
  article{
    hyphens:auto;
  }
  .blur{
      background:rgba(255,255,255,.7);
      color:black;
      border-radius:30px;
      font-size:1.4em;
  }
  /**  501503 **/
  .hellblau{
    background: #93C1D2
  }
  /**  400703 **/
  .rosa{
    background: #F6B8B8
  }
  /** 401702 hell **/
  .gruen{
    background: #BAE1DB
  }
  /**  450103 **/
  .gelb{
    background: #F8E195
  }
  /**  501705 **/
  .tuerkis{
    background: #48C5BC
  }
  /** dunkel- 1342634 **/
  .rot{
    background: #861A22
  }
  /**  **/
  .beige{
    background: #FCE4C3
  }
  .black{
    background: black;
    color:white;
  }
  .farben div div{
    padding:30px 60px;
  }
  #switch{
    visibility:hidden;
    width:0px;
    height:0px;
  }
  img{
    max-width:100%;
    width:300px;
    border-radius:20px
  }
  .gal img{
    height:300px;
    width:auto
  }
  .parent {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px,1fr));
    grid-gap:10px;
  }
  .kontakt{
    max-width:600px;
    width:30%;
  }
  @media only screen and (max-width: 1600px){
    img{
      height:auto
    }
  }
  @media only screen and (max-width: 1100px){
    h1{
      font-size: 1.3em;
      font-weight: bold;
    }
    h2{
      font-size: 1em;
      font-weight: bold;
    }
    .pc{display:none}
    .mob{
      display:block;
      /**  
      width: fit-content;
      margin-left: 20px;
      **/
    }
    .farben div div {
      padding: 30px 20px;
    }
    .blur{
      text-align:justify
    }
    a:not(.noback){
      font-size:14px
    }
    #switch:checked{
      
    }
    .mobshop{
      font-size:20px;
      font-weight:bold;
    }
    .trans{
      background: white !important;
      border-left: 0px !important;
    }
    .content{
      width:100%;
      border:0
    }
    img{
      width:100%;
    }
  .kontakt{
    max-width:100%;
    width:100%;
  }
  }