#Tageskarte {

}

.karte { border-collapse: collapse;
         text-align: left;
         padding: 15px;
         margin: 50px;
         margin-top: 30px;
         border-collapse: collapse;
         border: 1px solid black;
}

.center { text-align: center;
}

.master {
display: flex; flex-wrap: wrap;
}

.platzhalter { width: 100%; background-color: white;
  padding-right: 100%;
}

.box { width: 50%; min-width: 300px;
}

.boxostern { width: 100%; min-width: 300px;
}

li { padding: 10px;
     margin-left: 5px;
     margin-right: 10px;
}

.font { font-weight: bold;
         font-size: 19px;
         text-align: center;
}

@media (max-width: 1000px) {

  .box { width: 100%; min-width: 300px;
  }

  #Tageskarte {

  }

  .karte { border-collapse: collapse;
           text-align: left;
           padding: 15px;
           margin: 50px;
           margin-top: 30px;
           border-collapse: collapse;
           border: 1px solid black;
  }

  .center { text-align: center;
  }

  .master {
  display: flex; flex-wrap: wrap;
  }

  .platzhalter { width: 100%; background-color: white;
    padding-right: 100%;
  }

  .boxostern { width: 100%; min-width: 300px;
  }

  li { padding: 10px;
       margin-left: 5px;
       margin-right: 10px;
  }

  .font { font-weight: bold;
           font-size: 19px;
           text-align: center;
  }

}