#logo {
  width: 22rem;
}

/* 0,3 pro Mille */
#radio-banner {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0px 14px 10px rgba(0, 0, 0, 0.1);
  position: fixed;
  right: 16px;
  top: 16px;
  z-index: 100;
}

#header {
  top: 0;
  padding: 75px;
  font-size: 20px;
  z-index: 2;
}

#reza-info {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.75);
  /*margin-top: 10px;*/
  margin-bottom: 20px;
  font-family: 'Montserrat', sans-serif;
}

/* Reservation block */

/* WE CAN'T PREDICT THE SIZE OF THE WIDGET
/*#reza > .row       {max-height: 850px;}*/

#reza > .row > .col > .container {margin:0 ; padding: 0;}
/* #quandoo-booking-widget iframe {width: 380px; max-width: 100%; height: 850px;} */

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  .reza-picture {max-width: 0%; margin:0 ; padding: 0px 6px; display: none;}
  .reza-block   {min-width: 100%; max-width: 100%; margin:0 ; padding: 0;}
}
@media only screen and (max-width : 320px) {
  /* Styles */
  .reza-picture {max-width: 0%; margin:0 ; padding: 0px 6px; display: none;}
  .reza-block   {min-width: 100%; max-width: 100%; margin:0 ; padding: 0;}
}

/* iPads (portrait and landscape) */
@media only screen and (min-device-width : 768px)
                   and (max-device-width : 1024px) {
  .reza-picture {max-width: 30%; margin:0 ; padding: 0px 6px;}
  .reza-block   {max-width: 100%; margin:0 ; padding: 0;}
}

/* iPads (landscape) */
@media only screen and (min-device-width : 768px)
                   and (max-device-width : 1024px)
                   and (orientation : landscape) {
  .reza-picture {max-width: 30%; margin:0 ; padding: 0px 6px;}
  .reza-block   {max-width: 100%; margin:0 ; padding: 0;}
}


/* iPads (portrait) */
@media only screen and (min-device-width : 768px)
                   and (max-device-width : 1024px)
                   and (orientation : portrait) {
  /* Styles */
  .reza-picture {max-width: 30%; margin:0 ; padding: 0px 6px;}
  .reza-block   {max-width: 100%; margin:0 ; padding: 0;}
}

/*********
iPad 3
*********/
@media only screen and (min-device-width : 768px)
                   and (max-device-width : 1024px)
                   and (orientation : landscape)
                   and (-webkit-min-device-pixel-ratio : 2) {
  .reza-picture {max-width: 30%; margin:0 ; padding: 0px 6px;}
  .reza-block   {max-width: 100%; margin:0 ; padding: 0;}
}

@media only screen and (min-device-width : 768px)
                   and (max-device-width : 1024px)
                   and (orientation : portrait)
                   and (-webkit-min-device-pixel-ratio : 2) {
  .reza-picture {max-width: 30%; margin:0 ; padding: 0px 6px;}
  .reza-block   {max-width: 100%; margin:0 ; padding: 0;}
}
/* Desktops and laptops */
@media only screen and (min-width : 1224px) {
  .reza-picture {max-width: 100%; margin:0 ; padding: 0px 6px;}
  .reza-block   {max-width: 100%; margin:0 ; padding: 0;}
}

/* Large screens */
@media only screen and (min-width : 1824px) {
  .reza-picture {max-width: 100%; margin:0 ; padding: 0px 6px;}
  .reza-block   {max-width: 100%; margin:0 ; padding: 0;}
}

/* iPhone 4 */
@media only screen and (min-device-width : 320px)
                   and (max-device-width : 480px)
                   and (orientation : landscape)
                   and (-webkit-min-device-pixel-ratio : 2) {
  .reza-picture {max-width: 30%; margin:0 ; padding: 0px 6px;}
  .reza-block   {max-width: 100%; margin:0 ; padding: 0;}
}

@media only screen and (min-device-width : 320px)
                   and (max-device-width : 480px)
                   and (orientation : portrait)
                   and (-webkit-min-device-pixel-ratio : 2) {
  .reza-picture {max-width: 0%; margin:0 ; padding: 0px 6px; display: none;}
  .reza-block   {min-width: 100%; max-width: 100%; margin:0 ; padding: 0;}
}

/* iPhone 5 */
@media only screen and (min-device-width: 320px)
                   and (max-device-height: 568px)
                   and (orientation : landscape)
                   and (-webkit-device-pixel-ratio: 2) {
  .reza-picture {max-width: 0%; margin:0 ; padding: 0px 6px; display: none;}
  .reza-block   {min-width: 100%; max-width: 100%; margin:0 ; padding: 0;}
}

@media only screen and (min-device-width: 320px)
                   and (max-device-height: 568px)
                   and (orientation : portrait)
                   and (-webkit-device-pixel-ratio: 2) {
  .reza-picture {max-width: 0%; margin:0 ; padding: 0px 6px; display: none;}
  .reza-block   {min-width: 100%; max-width: 100%; margin:0 ; padding: 0;}
}

/* iPhone 6, 7, 8 */
@media only screen and (min-device-width: 375px)
                   and (max-device-height: 667px)
                   and (orientation : landscape)
                   and (-webkit-device-pixel-ratio: 2) {
  .reza-picture {max-width: 0%; margin:0 ; padding: 0px 6px; display: none;}
  .reza-block   {min-width: 100%; max-width: 100%; margin:0 ; padding: 0;}
}

@media only screen and (min-device-width: 375px)
                   and (max-device-height: 667px)
                   and (orientation : portrait)
                   and (-webkit-device-pixel-ratio: 2) {
  .reza-picture {max-width: 0%; margin:0 ; padding: 0px 6px; display: none;}
  .reza-block   {min-width: 100%; max-width: 100%; margin:0 ; padding: 0;}
}

/* iPhone 6+, 7+, 8+ */
@media only screen and (min-device-width: 414px)
                   and (max-device-height: 736px)
                   and (orientation : landscape)
                   and (-webkit-device-pixel-ratio: 2) {
  .reza-picture {max-width: 0%; margin:0 ; padding: 0px 6px; display: none;}
  .reza-block   {min-width: 100%; max-width: 100%; margin:0 ; padding: 0;}
}

@media only screen and (min-device-width: 414px)
                   and (max-device-height: 736px)
                   and (orientation : portrait)
                   and (-webkit-device-pixel-ratio: 2) {
  .reza-picture {max-width: 0%; margin:0 ; padding: 0px 6px; display: none;}
  .reza-block   {min-width: 100%; max-width: 100%; margin:0 ; padding: 0;}
}

/* iPhone X */
@media only screen and (min-device-width: 375px)
                   and (max-device-height: 812px)
                   and (orientation : landscape)
                   and (-webkit-device-pixel-ratio: 3) {
  .reza-picture {max-width: 0%; margin:0 ; padding: 0px 6px; display: none;}
  .reza-block   {min-width: 100%; max-width: 100%; margin:0 ; padding: 0;}
}

@media only screen and (min-device-width: 375px)
                   and (max-device-height: 812px)
                   and (orientation : portrait)
                   and (-webkit-device-pixel-ratio: 3) {
  .reza-picture {max-width: 0%; margin:0 ; padding: 0px 6px; display: none;}
  .reza-block   {min-width: 100%; max-width: 100%; margin:0 ; padding: 0;}
}

/* iPhone XS Max, XR */
@media only screen and (min-device-width: 414px)
                   and (max-device-height: 896px)
                   and (orientation : landscape)
                   and (-webkit-device-pixel-ratio: 3) {
  .reza-picture {max-width: 0%; margin:0 ; padding: 0px 6px; display: none;}
  .reza-block   {min-width: 100%; max-width: 100%; margin:0 ; padding: 0;}
}

@media only screen and (min-device-width: 414px)
                   and (max-device-height: 896px)
                   and (orientation : portrait)
                   and (-webkit-device-pixel-ratio: 3) {
  .reza-picture {max-width: 0%; margin:0 ; padding: 0px 6px; display: none;}
  .reza-block   {min-width: 100%; max-width: 100%; margin:0 ; padding: 0;}
}

/* Samsung Galaxy S3 */
@media only screen and (min-device-width: 320px)
                   and (max-device-height: 640px)
                   and (orientation : landscape)
                   and (-webkit-device-pixel-ratio: 2) {
  .reza-picture {max-width: 0%; margin:0 ; padding: 0px 6px; display: none;}
  .reza-block   {min-width: 100%; max-width: 100%; margin:0 ; padding: 0;}
}

@media only screen and (min-device-width: 320px)
                   and (max-device-height: 640px)
                   and (orientation : portrait)
                   and (-webkit-device-pixel-ratio: 2) {
  .reza-picture {max-width: 0%; margin:0 ; padding: 0px 6px; display: none;}
  .reza-block   {min-width: 100%; max-width: 100%; margin:0 ; padding: 0;}
}

/* Samsung Galaxy S4 */
@media only screen and (min-device-width: 320px)
                   and (max-device-height: 640px)
                   and (orientation : landscape)
                   and (-webkit-device-pixel-ratio: 3) {
  .reza-picture {max-width: 0%; margin:0 ; padding: 0px 6px; display: none;}
  .reza-block   {min-width: 100%; max-width: 100%; margin:0 ; padding: 0;}
}

@media only screen and (min-device-width: 320px)
                   and (max-device-height: 640px)
                   and (orientation : portrait)
                   and (-webkit-device-pixel-ratio: 3) {
  .reza-picture {max-width: 0%; margin:0 ; padding: 0px 6px; display: none;}
  .reza-block   {min-width: 100%; max-width: 100%; margin:0 ; padding: 0;}
}

/* Samsung Galaxy S5 */
@media only screen and (min-device-width: 360px)
                   and (max-device-height: 640px)
                   and (orientation : landscape)
                   and (-webkit-device-pixel-ratio: 3) {
  .reza-picture {max-width: 0%; margin:0 ; padding: 0px 6px; display: none;}
  .reza-block   {min-width: 100%; max-width: 100%; margin:0 ; padding: 0;}
}

@media only screen and (min-device-width: 360px)
                   and (max-device-height: 640px)
                   and (orientation : portrait)
                   and (-webkit-device-pixel-ratio: 3) {
  .reza-picture {max-width: 0%; margin:0 ; padding: 0px 6px; display: none;}
  .reza-block   {min-width: 100%; max-width: 100%; margin:0 ; padding: 0;}
}

/* Samsung Galaxy S10 */
@media only screen and (min-device-width: 360px)
                   and (max-device-height: 760px)
                   and (orientation : landscape)
                   and (-webkit-device-pixel-ratio: 4) {
  .reza-picture {max-width: 23%; margin:0 ; padding: 0px 6px;}
  .reza-block   {max-width: 100%; margin:0 ; padding: 0;}
}

@media only screen and (min-device-width: 360px)
                   and (max-device-height: 7600px)
                   and (orientation : portrait)
                   and (-webkit-device-pixel-ratio: 4) {
  .reza-picture {max-width: 0%; margin:0 ; padding: 0px 6px; display: none;}
  .reza-block   {min-width: 100%; max-width: 100%; margin:0 ; padding: 0;}
}



.card-columns .card {
    margin-bottom: 1.4rem;
}

.card {
  border: 1px solid rgba(0,0,0,0);
}
.card-img-top {
  border-radius: 4px;
}

#footer {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  background-color: rgba(255, 255, 255, 1);
  font-size: 14px;
  z-index: 2;
  padding: 16px;
}

#footer p {
  font-family: 'Montserrat', sans-serif;
  margin-bottom: -4px;

}
#impressum {
  font-size: 10px;
  color: rgba(0, 0, 0, 0.75);
  margin-bottom: 4px;
  font-family: 'Montserrat', sans-serif;
  height: 40px;
  margin-top: 40px;
}