/**
*  HINWES: Cookie-Hinweis Gnu-Finder
*/

@font-face {
  font-family: 'eureka-web-bold';
  src: url('../fonts/EurekaWeb-Bold.eot'); /* IE9 Compat Modes */
  src: url('../fonts/EurekaWeb-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/EurekaWeb-Bold.woff') format('woff'), /* Modern Browsers */
       url('../fonts/EurekaWeb-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/EurekaWeb-Bold.svg#ab8ea28c9818dea18319c6511db65ce8') format('svg'); /* Legacy iOS */

  font-style:   normal;
  font-weight:  700;
}

/* STYLES -------------------- */

#karte,
.d-none,
#reise-buchen {
    display: none;
}
#hinweis {
    display: block;
    position: relative;
    width: calc(100% - 335px);
    height: 100vh;
    background: url(../img/bg-map-africa@2x.jpg) top center no-repeat;
    background-size: cover;
    overflow: scroll;
}
.hinweis-inner {
    padding: 3rem;
    padding-right: 10rem;
}
#hinweis h1 {
    /* color: rgb(102, 102, 102); */
    color: rgb(159, 131, 91);
}
#hinweis p {
    color: rgb(102, 102, 102);
    font-family: 'EurekaWeb-Regular', serif;
    font-weight: normal;
    font-size: 13.5pt;
    line-height: 17pt;
    letter-spacing: normal;
}
#hinweis em {
    font-family: 'EurekaWeb-Italic', serif;
    font-weight: normal;
    font-style: normal;
}
#hinweis strong {
    font-family: 'EurekaSansWeb-Bold', serif;
    font-weight: normal;
    font-style: normal;
}
#hinweis a {
    color: rgb(102, 102, 102);
}
.btn {
    border-radius: 0.125rem;
    /* font-family: "EurekaWeb-Bold", Helvetica, Arial, sans-serif; */
    font-family: "eureka-web-bold", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 1.375rem;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.btn-secondary, .btn-outback {
    color: #704d19 !important;
    /* color: rgb(159, 131, 91) !important; */
    background-color: #ffbe5a;
    border-color: #ffbe5a;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active,
.btn-outback:hover, .btn-outback:focus, .btn-outback:active {
  color: #704d19 !important;
  /* color: rgb(159, 131, 91) !important; */
  background-color: #ffb441;
  border-color: #ffb441;
}
.container {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
    box-sizing: border-box;
}
.row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
    box-sizing: border-box;
}
.col {
    flex: 1 0 0;
}
.col-3 {
    flex: 0 0 auto;
    width: 25%;
}
.mb-3 {
    margin-bottom: 1.5rem;
}
.mb-5 {
    margin-bottom: 3rem;
}
.visible-mobile {
    display: none;
}
@media (max-width: 991.98px) { 
    .col-3 {
        width: 50%;
    }
    .visible-mobile {
        display: inline-block;
    }
}
@media (max-width: 767.98px) { 
    #hinweis {
        width: 100%;
    }
    .hinweis-inner {
        padding: 1.5rem;
        padding-right: 1.5rem;
    }
}