@font-face {
  font-family: linotype;
  src: url(./FONTS/pala.ttf);
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: linotype_italic;
  src: url(./FONTS/palai.ttf);
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: linotype_bold;
  src: url(./FONTS/palab.ttf);
  font-style: bold;
  font-display: swap;
}
@font-face {
  font-family: linotype_bold_italic;
  src: url(./FONTS/palabi.ttf);
  font-display: swap;
}
@font-face {
  font-family: courier;
  src: url(./FONTS/cour.ttf);
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: courier_italic;
  src: url(./FONTS/couri.ttf);
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: courier_bold;
  src: url(./FONTS/courb.ttf);
  font-style: bold;
  font-display: swap;
}
@font-face {
  font-family: courier_bold_italic;
  src: url(./FONTS/courbi.ttf);
  font-display: swap;
}
ul#hours, #aktuelles span.date {
    font-family: courier_bold, monospace;
    font-weight: 600;
    font-size: 1.2rem;
    color: var(--primary-green);
    margin-right: -5px;
}
li#tage_sonntag {
    margin-top: 1rem;
    font-family: 'linotype_italic';
    font-size: 1.2rem;
}
.rightside i#sonntagsmenu {
    text-align: center;
    margin-top: 1rem;
}
ul#address {font-family: linotype_bold;}

/*TODO: add classes for font family styling*/

:root {
  /* content areas bg beige:  */
  --content-area-beige: #fef7eec4;
  /* menu buttons / primary green: */
  --primary-green: #264F28; /* #357938;*/
  /* hover effect accent green */
  --hover-green: #386f3b;
  /*desktop padding*/
  --padding-left: 3rem;
  /*beige Menüfarbe*/
  --menubeige: #f8f4ec;
}
@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
html {
  height: 100%;
  width: 100%;
  scroll-behavior: smooth;
}
@-moz-document url-prefix() {
  * {
    scrollbar-color: var(--primary-green) transparent;
    scrollbar-height: none;
  }
}
::-webkit-scrollbar {
    width: 0;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
::-webkit-scrollbar-thumb {
    background: var(--primary-green);
}
body {
  background: #F5F3EC;
  height: 100%;
  width: 100%;
}
#bg {
    background-image: url('../IMG/bg.webp');
    height: 100%;
    background-size: cover;
    background-position: center;
    animation: fadeInAnimation ease 3.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    opacity: 0;
    position: absolute;
    width: 100%;
}
.zur_info_item {
    margin-bottom: 2rem;
    position: relative;
    display: block;
    font-size: 24px;
}
.zur_info_item, .zur_info {
    animation: fadeInAnimation ease 2.5s;
    animation-iteration-count: 1;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    opacity: 0;
}
h1,h2 {
  margin-bottom: 2rem;
  margin-top: 0;
  font-weight: 100;
}
h1 {font-family: linotype;}
h2 {
  font-family: 'linotype_bold_italic';
  color: var(--hover-green);
}
h2 {
    padding-top: 2rem;
    margin-bottom: 1rem;
    font-size: 1.4rem;
}
#pdfs_feste h2 {
    margin-bottom: 3rem;
    font-size: 1.5rem;
}
.zur_info {
    font-size: 32px;
    margin-bottom: 32px;
}
p {
    font-size: 1.4rem;line-height: normal;
}
a {text-decoration: none;color: var(--primary-green);font-family: linotype_bold;}
ul {list-style: none;}
header {
  width: 100vw;
  position: fixed;
  padding-top: 40px;
  padding-left: var(--padding-left);
  top: 0;
  z-index: 1;
  box-sizing: border-box;
}
#menu_desktop {width: calc(60% - 40px);}
#menu_mobil {
    display: none;
    text-align: right;
    padding-right: 7vw;
    padding-top: 7vw;
    right: 0;
    width: 100vw;
    box-sizing: border-box;
}
#burgermenu {
    opacity: 0;
    background: #fef7ee;
    pointer-events: none;
    width: 100vw;
    height: 100dvh;
    transition: all 1s ease;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 7vw;
    padding-top: 5rem;
    box-sizing: border-box;
    border: 0;
    gap: 8px;
}
#burgermenu .menu_btn_div {
    width: 100%;
    padding: 0;
    padding-top: calc(((100dvh - 5rem) / 12) - 16px);
    padding-bottom: calc(((100dvh - 5rem) / 12) - 16px);
    background: var(--primary-green);
    color: white;
    position: relative;
    border: 0;
    margin: 0;
}
#burger {
  height: 2.5rem;
  width: 2.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  background: var(--primary-green);
  color: white;
  cursor: pointer;
  z-index: 1;
  position: relative;
  border: none;
  text-align: center;
  font-family: courier_bold;
}
#burgermenu .menu_btn {width: 100%;}
#impressum {margin-top: 1rem;}
nav div {
  background: var(--menubeige);
  padding: 0.6rem;
  display: inline-block;
  color: var(--primary-green);
  cursor: pointer;
  border: 1px solid var(--primary-green);
  margin-bottom: 0.2rem;
  transition: all 0.5s ease-out;
}
#home_buchstabe {fill: var(--primary-green);}
#nav_speisen, #nav_feste, #nav_ueber-uns, #burgermenu #nav_home, #nav_home_mobil, #nav_info {min-width: 25%;text-align: center;font-family: linotype_bold;}
#nav_home_mobil:hover, #nav_speisen:hover, #nav_feste:hover, #nav_ueber-uns:hover, #nav_info:hover {color:white !important;background: var(--hover-green) !important;}
#home_buchstabe, #Home {pointer-events: none;transition: all 0.5s ease-in;}
#nav_home {
  background: none;
  height: auto;
  padding: 0;
  border: none;
  animation: fadeInAnimation ease 1s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-delay: 1s;
  opacity: 0;
}
#nav_speisen {
  animation: fadeInAnimation ease 1s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-delay: 1.2s;
  opacity: 0;
}
#nav_feste {
  animation: fadeInAnimation ease 1s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-delay: 1.4s;
  opacity: 0;
}
#nav_ueber-uns {
  animation: fadeInAnimation ease 1s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-delay: 1.6s;
  opacity: 0;
}
#home_icon {
    height: 46px;
    margin-bottom: -16px;
    cursor: pointer;
    transition: all 0.5s ease-out;
    overflow: visible;
    stroke-width: 0.6px;
}
#Home {fill:transparent;stroke: var(--primary-green);}
#home_icon:hover #Home {fill: var(--hover-green) !important;}
#home_icon:hover #home_buchstabe {fill: white !important;}

main {
    height: 100%;
    position: absolute;
    top: 0;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    overflow-y: hidden;
}
section {display: flex;height: 100%;width: 100vw;}
.leftside {
    overflow-y:auto;
    width: 60%;
    height: calc(100% - 120px);
    top: 120px;
    position: relative;
    padding: var(--padding-left);
    box-sizing: border-box;
}
.rightside {
    overflow-y:auto;
    width: 40%;
    background: var(--content-area-beige);
    height: 100%;
    animation: fadeInAnimation ease 1.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 1.5s;
    opacity: 0;
    box-shadow: 0 0 90px 0px rgba(0,0,0,0.4);
}
/*
adjust individual widths of L/R-side as needed! works fine!!
*/

/*----------------------LINKE SEITE------------------------*/
.content_box {
  background: var(--content-area-beige);
  animation: fadeInAnimation ease 1.5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-delay: 1.5s;
  opacity: 0;
  font-family: linotype;
}
#home .leftside .content_box {
background:none;}
.aktuelles_item {
    background: var(--content-area-beige);
    position: relative;
    box-shadow: 0 0 90px 0px rgba(0,0,0,0.4);
    min-height: 300px;
}
.content_box .left {
    width: 55%;
    padding: 2rem;
    box-sizing: border-box;
}
.content_box .right {
  width: 45%;
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  overflow: hidden;
}
#aktuelles {
    position: relative;
    display: flex;
    flex-direction: column;
    row-gap: 32px;
}
.aktuelles_img {height:100%;width:100%;position:absolute;right:0;background-position:center;background-size:cover;}

h3.aktuelles_item_heading {
    text-align: center;
    color: var(--hover-green);
}

#aktuelles h2 {margin-top: 0;padding-top: 1rem;}
.date {
    font-family: courier_bold, monospace;
    font-size: 0.75rem;
    margin-bottom: 0.5rem;
    color: #b4b4b4;
}
#aktuelles .cta_link {
    bottom: -8px;
    right: 8px;
    position: absolute;
}
#aktuelles .cta {
    display: inline-block;
    padding: 1rem 16px;
    border: 1px solid var(--primary-green);
    color: var(--primary-green);
    border-radius: 18px;
    background: white;
    right: 5%;
    bottom: -40px;
    position: absolute;
    width: 35%;
    text-align: center;
    box-sizing: border-box;
    cursor: default;
    font-family: linotype_bold_italic;
    transition: all 0.5s ease-out;
}
#aktuelles .cta:hover {background: var(--primary-green);color: white;}
#finger {display: inline-block;transform: rotateZ(-90deg);transition: 0.6s ease-out transform;}
ul.highlights li {
    font-size: 1.2rem;
    font-weight: 600;
    font-family: linotype_bold;
}
.cta:hover #finger {transform: rotateZ(0deg);}
.pdf_line a {
    font-weight: 600;font-family: linotype_bold;
}

/*----------------------RECHTE SEITE------------------------*/

.content_side {
  padding: var(--padding-left);
  padding-left: 3rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
}
.landing_slogan {
    font-family: linotype;
    margin-bottom: 2rem;
}
#hours, #address {padding: 0;position: relative;}
#hours li {margin-bottom: 0.5rem;color: grey;}
#hours li.current-hours, #hours li#tage_sonntag {color: var(--primary-green);}
#address li {margin-bottom: 1rem;}

/* FESTE LEFT SIDE */

#feste .leftside {
    background: var(--content-area-beige);
    box-sizing: border-box;
    top: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#heading_feste {
  line-height: 1.3;
  color: #7d7d7d;
  font-size: 1.35rem;
  text-align: right;
}
#pdfs_feste {padding: var(--padding-left);background: white;text-align: center;}
#pdfs {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    width: 100%;
}
.pdf {
  display: flex;
  flex-direction: row;
  width: 50%;
  justify-content: center;
  align-items: center;
  column-gap: 1rem;
  font-family: linotype;
  padding: 0 48px 0 0;
  -moz-transition: all .4s;
  -o-transition: all .4s;
  -webkit-transition: all .4s;
  transition: all .4s;
  cursor: pointer;
  box-sizing: border-box;
  height: 100%;
  flex-wrap: wrap;
  width: auto;
  border: 1px solid transparent;
}
#feste .pdf {
    flex-wrap: nowrap;
}
#feste #pdfs {
    column-gap: 24px;
}
.menupdf_anchor {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--primary-green);
    width:100%;
}
#pdfs_feste p {font-weight: 600;margin:0;}
#pdfs_feste .pdf:hover {
    background: var(--primary-green);
    border: 1px solid var(--primary-green);
    color: white;
}
.pdf:hover img {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.pdf img {
  width: 128px;
  box-shadow: 0 0 0 1px rgba(58, 58, 58, 1);
  transition: all .4s;
}

/* FESTE RIGHT SIDE */

#feste .rightside {
    background-image: url(../IMG/feste.jpg);
    background-size: cover;
}

/* SPEISEN UNI SIDE */
#speisen p {padding-right: 40px;font-family: linotype_bold;}
#speisen .pdf {
    flex-direction: column;
    justify-content: center;
    padding: 0;
    height: 100%;
    align-items: center;
    width: 33.3333%;
    border-radius: 0;
    overflow: hidden;
    font-family: linotype;
}
#speisen .pdf:hover {
    background: rgb(254 247 238 / 88%);
    color: black;
    box-shadow: 0 0 20px 10px var(--content-area-beige);
    font-family: linotype_bold;
}
#speisen .pdf:hover img {box-shadow: 0 0 20px 0 rgba(0,0,0,1);}
#speisen .pdf img {
    width: 100%;
    border-radius: 0;
    height: auto;
    box-shadow: 0 0 16px 0 rgba(0,0,0,0.88);
}
.mini_svg_icon {
    display: inline-block;
    position: relative;
    top: 6px;
    width: 22px;
    left: 12px;
}
a.has_pdf_icon {display: inline-block;}
.has_pdf_icon::after {
    content: url('../IMG/pdf_icon.svg');
    width: 22px;
    height: 22px;
    position: relative;
    margin-left: 8px;
    display: inline-block;
    transform: translateY(3px);
}
#allergene {
    position: relative;
    bottom: 0;
    position: relative;
    z-index: 11;
    display: block;
    padding-right: 2rem;
    display: none;
}
#speisen #allergene p {
  position: relative;
  color: var(--hover-green);
  font-family: linotype_bold;
}

.swal2-popup {
  width: 50%;
  box-shadow: 12px 12px 50px #0000003b;
}
#swal2-title {
  margin-bottom: 1.5rem;
}
.info_popup_wrapper {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    row-gap: 50px;
}
.bufett_streifen {
    display: flex;
    flex-direction: row;
    width: 100%;
    column-gap: 50px;
    height: 100%;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

.bufett_streifen img {width: 200px;}
.streifen_textseite {
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: flex-start;
}
.streifen_textseite h2 {
    margin-bottom: 0;
    padding-top: 0;
    color: black;
    font-family: linotype_bold;
    text-align: left;
    word-break: break-word;
}
.streifen_textseite p {
  margin-bottom: 0;
  font-family: courier_bold;
  color: var(--primary-green);
  text-align: left;
  word-break: break-word;
}
div:where(.swal2-container) button:where(.swal2-styled) {
  background: var(--primary-green) !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}








/* --------------ÜBER UNS---------------- */

#ueber-uns {
  justify-content: flex-end;position: relative;
}
#ueber-uns .rightside-bei-inhaberbild {position: absolute;}

#ueber-uns .leftside {width: 75%;}
#ueber-uns .rightside {
  width: 25%;
  background: var(--primary-green);
  color: white;
}
#ueber-uns .leftside-bei-inhaberbild {width: 75%;}
#ueber-uns #inhaber {
    right: 25%;
    position: relative;
    top: 0;
    height: 100%;
    width: auto;
    animation: fadeInAnimation ease 1.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 2.5s;
    opacity: 0;
}
#ueber-uns a {color: #f8f2e9;font-family: linotype_italic;}
#ueber-uns li {
    display: flex;
    column-gap: 2rem;
    row-gap: 12px;
    margin-bottom: 1rem;
    align-items: center;
}
#ueber-uns #kontakt_imp, #ueber-uns #kontakt_dat {
    margin-bottom: 0.75rem;
    padding-left: 0;
    font-family: linotype;
    justify-content: center;
}
#ueber-uns .leftside li {
    font-family: linotype;
    display: list-item;
    list-style-image: url('../IMG/w.png');
    list-style-position: inside;
    font-size: 1.25rem;
}
#kontakt {padding: 0;}
#kontakt li {
    padding: 1rem 0;
}
#ueber-uns .rightside li, #ueber-uns .rightside li img {transition: all 0.5s ease;}
#ueber-uns .rightside li:hover {
    background: white;
    color: #264f28;
}
#ueber-uns .rightside li:hover img {
    filter: brightness(0.5) hue-rotate(79deg) saturate(4.5);
}

/* BREAK POINTS */

@media (max-width: 1660px) {
  #feste #pdfs {
    flex-direction: row;
    justify-content: space-evenly;
    width: 100%;
    row-gap: 12px;
  }
  #feste .pdf {
    justify-content: flex-start;
    column-gap: 4rem;
  }
  .pdf img {width: 140px;}
}


/* MOBILE BREAKPOINT */

@media (max-width: 1350px) {
  ::-webkit-scrollbar {
    height: 0;  /* Remove scrollbar space */
    width: auto;
  }
  main {
    width: 100%;height: auto;flex-direction: column;position: relative;
  }
  .content_box .left, .content_box .right, .leftside, .rightside {width: 100%;box-shadow: none;}
  .leftside, .rightside {height: 100vh;}
  #menu_desktop {width: 100%;}
  #infos {
    padding-top: 2rem;
  }
  #feste .leftside {height: 100vh;}
  section {flex-direction: column;}
  #heading_feste {
    text-align: center;
    padding: 0 12px;
}
#pdfs_feste {
    width: 100%;
    left: 0;
    position: absolute;
    box-sizing: border-box;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
  #feste .pdf {column-gap: 2rem;}
  #ueber-uns {background: rgb(254 247 238 / 50%);}
  #ueber-uns .rightside,#ueber-uns .leftside {width: 100%;height: 100%;}
  #ueber-uns .content_side {
    height: auto;
    padding-top: 2rem;
    justify-content: flex-start;
  }
  #ueber-uns ul {width: 90%;}
  #ueber-uns #kontakt {width: auto;}
  .leftside {
    top: 0;
    height: auto;
    padding-top: 164px;
    min-height: 100%;
}
  #aktuelles .left {width: 55%;}
  #aktuelles .right {width: 45%;}
  #speisen {padding: 0;}
  #speisen #pdfs {
    height: auto;
    display: block;
  }
  #speisen .pdf {
    padding-bottom: 0;
    height: auto;
    width: 50%;
    position: relative;
    float: left;
    overflow: hidden;
    justify-content: flex-end;
    border: none;
  }
  #speisen .pdf:hover {
    background: none;
    color: black;
    box-shadow: none;
  }
  #speisen .pdf img {width: 100%;}
  #speisen p {
    height: auto;
    display: inline-block;
    position: relative;
    width: 100%;
    text-align: center;
    background: #fef7ee;
    padding: 1rem;
    margin:0;
    bottom: auto;
    box-sizing: border-box;
    border-right: 1px solid beige;
  }  
  #speisen p span {
    display: block;
    width: 100%;
  }
  #allergene {padding-right: 0;}
  h1 {font-size: 1.5rem;}
  #finger {transform: rotateY(0deg);transform: rotateZ(-90deg);}
  .cta:hover #finger {transform: rotateZ(90deg);}
}


@media (max-width: 1300px) {
  #heading_feste br {display: none;}
  #ueber-uns li {column-gap: 1rem;}
  #ueber-uns #kontakt_imp, #ueber-uns #kontakt_dat {margin-left: 3rem;}
}

@media (max-width: 1150px) {
  #nav_speisen, #nav_feste, #nav_ueber-uns {min-width: 21%;}
}

@media (max-width: 1085px) {
  #speisen .pdf img {height: auto;}
  #speisen p {
    background: none;
}
#ueber-uns #kontakt_imp, #ueber-uns #kontakt_dat {margin-left: 0;}
}





@media (max-width:870px) {
  #feste #pdfs {
    flex-direction: column;
    justify-content: flex-start;
    width: 60%;
    row-gap: 24px;
}
  #feste .pdf {
    justify-content: flex-start;
    column-gap: 2rem;
    padding-right: 0;
    background: var(--primary-green);
    color: white;
  }
}

@media (max-width: 780px) {
  #aktuelles .left, #aktuelles .right {
    width: 100%; position: relative;height: auto;
  }
  .aktuelles_img {
    width: 100%;
    height: 450px;
    box-sizing: border-box;
    padding: 0;
    position: relative;
    margin-bottom: -4px;
  }
  #cta_link {
    position: relative;
    display: inline-block;
    width: 100%;
    float: right;
    padding: 1rem;
    padding-top: 0;
    padding-bottom: 0;
    box-sizing: border-box;
    background: none;
    bottom: 120px;
}
  #aktuelles .cta {
    width: 100%;
    position: relative;
    bottom: 0;
    left: 0;
    height: auto;
  }
  .swal2-popup {
    width: 100%;
    box-shadow: none;
  }
  .bufett_streifen {
    display: flex;
    flex-direction: row;
    width: 100%;
    column-gap: 24px;
    height: 100%;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
  }
  .bufett_streifen img {
    width: 120px;
    height: 120px;
}
  #pdfs_feste p {
        font-size: 1rem;
    }

}

@media (max-width: 680px) {
  ::-webkit-scrollbar {
    height: 0;width: 0;
  }
  section {display: block;height: auto;}
  .aktuelles_item h2, .aktuelles_item h3, .aktuelles_item h4, .aktuelles_item .pdf_line {text-align: center;}
  #aktuelles .left {padding-left: 2rem; padding-right: 2rem;}
  .rightside i#sonntagsmenu {
    font-size: 1.5rem;
    margin: 2rem 0;
    margin-top:2rem;
  }
  #hours {font-size: 1.5rem;}
  h2 {font-size:2rem;}
  .zur_info {font-size: 2rem;text-align: center;}
  .date {font-size:1rem;}
  h3 {font-size: 1.5rem;}
  ul#address {font-size: 1.5rem;}
  header {padding: 0;}
  #menu_desktop {display: none;}#menu_mobile {display: block;}
  #menu_mobil {
    display: flex;
    justify-content: flex-end;
  }  
  .content_side {height: auto;}
  .leftside, .rightside {
    height: auto;
    }
  #feste .leftside {padding-top: 3rem;}
  .content_box {height: 100%;width: 100%;}
  .content_box, .leftside {padding: 0;height: auto;top: 0} 
  h1 {margin-top: 2rem;}
  #home h1 {
    background: var(--content-area-beige);
    margin: 0;
    padding: 2rem;
  }
  .zur_info_item {
    padding: 0 2rem;
  }
  #speisen {display: block;}
  #speisen p {border-right: none;}
  #speisen .pdf {height: 75%;width: 100%;}
  #speisen .pdf img {width: 80%;}
  #home h1 {
    background: var(--content-area-beige);
    box-sizing: border-box;
    margin: 0;
  }
  #feste .leftside {height: auto;}
  #feste #pdfs {
    width: 80%;
  }
  #feste #pdfs a {
    width: 100%;
    position: relative;
    display: block;
}
 #pdfs_feste {position: relative;}
  #pdfs_feste p {
    font-size: 1.5rem;
    width: 100%;
}
  #feste .pdf {
    display: flex;
    flex-direction: column;
    column-gap: 0;
    row-gap: 24px;
    padding-right: 0;
    background: var(--primary-green);
    color: white;
    width: 100%;
    position: relative;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 2rem;
}
  #feste .pdf img {
    width: 100% ;
  }
  #ueber-uns .content_side {padding:2rem;padding-top:3rem;}
  #ueber-uns ul {
    width: 90%;
    position: relative;
  }
  #ueber-uns .leftside li {text-indent: -37px;}
}

@media (max-width: 560px) {
  .pdf img {width: 70px;}
}

@media screen and (min-width: 1000px) and (max-height: 800px) {
  #aktuelles .cta {bottom: -30px;}
  #ueber-uns .content_side li {margin-bottom: 0.75rem;}
  #heading_feste br {display: none;}
}

@media screen and (min-height: 700px) and (min-width:780px) {
  #home .leftside .content_box {
    top: 0;
    position: relative;
    width: 100%;
    padding:0;
  }
}