/* dancing-script-regular - latin */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/dancing-script-v24-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/dancing-script-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/dancing-script-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/dancing-script-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/dancing-script-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/dancing-script-v24-latin-regular.svg#DancingScript') format('svg'); /* Legacy iOS */
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .thin {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    max-width: 575.98px;
  }
  .headline {
    font-size: 3rem;
  }
  #cards_kaffee_linebreak_1 {
    width: 100% !important;
  }
  .col {
    padding: 0px;
  }
  .label-header {
    font-size: 10vw !important;
  }
  .label-attr {
    padding-right: 1rem;
  }
  .display-4 {
    font-size: 13vw;
  }
}
@media (min-width: 576px) and (max-width: 710px) {
  #cards_kaffee_linebreak_1 {
    width: 100% !important;
  }

  #index_welt_desc {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
  }
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
  .thin {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    max-width: 767.98px;
  }
  #cards_kaffee_linebreak_2 {
    width: 100% !important;
  }
  .label-header {
    font-size: 2rem !important;
  }
  .card-columns {
    column-count: 2;
  }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
  .thin {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    max-width: 991.98px;
  }
  #cards_kaffee_linebreak_2 {
    width: 100% !important;
  }
  .label-header {
    font-size: 2rem !important;
  }
  #index_welt_desc {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
  }
  #index_welt_header {
    font-size: 1.5rem !important;
  }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  #cards_kaffee_linebreak_3 {
    width: 100% !important;
  }
  .label-header {
    font-size: 2rem !important;
  }
  .label-attr {
    padding-right: 0;
  }
  #index_welt_desc {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
  }
  #index_welt_header {
    font-size: 1.5rem !important;
  }
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  #cards_kaffee_linebreak_3 {
    width: 100% !important;
  }
  .content{
    margin:auto;
    max-width: 80rem;
  }
  #jumbotron-top{
    margin-bottom: 4rem;
  }
}
/*HEADER*/
/*CONTENT*/
/* duplicate from bootstrap.css*/
.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-round {
  box-shadow: inset 0 0 5px 0 #bfbfbf;
}
.hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
body {
  background-color: #f8f9fa;
}
.card_border {
  border-color: #adb5bd !important;
}
.card {
  /*shadow*/
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.carousel-inner {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  border-bottom-right-radius: .25rem!important;
  border-bottom-left-radius: .25rem!important;
}
.label-header {
  font-size: 2.5rem;
}
.label-desc {
  font-style: italic;
  color: #6c757d!important;

}
.label-attr {
  font-size: 1rem;
}
.font-dancing {
  font-family: 'Dancing Script', cursive;
}
.font-marker {
  font-family: 'Permanent Marker', cursive;
}
/*FOOTER*/
footer {
  background-color: #e9ecef;
  border-color: #adb5bd !important;
}
.index_head {
  background-image: url("../pictures/forest-931706_1920.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  height: 80vh;
 }
.card-horizontal {
  display: flex;
  flex: 1 1 auto;
}
.label-attr{
  padding:0px
}
.vs-text-field{
  background-color: #e9ecef;
}