/* arimo-regular - latin */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/arimo-v27-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/arimo-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/arimo-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/arimo-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/arimo-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/arimo-v27-latin-regular.svg#Arimo') format('svg'); /* Legacy iOS */
}
/* grandiflora-one-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Grandiflora One';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/grandiflora-one-v3-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/grandiflora-one-v3-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/grandiflora-one-v3-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/grandiflora-one-v3-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/grandiflora-one-v3-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/grandiflora-one-v3-latin-regular.svg#GrandifloraOne') format('svg'); /* Legacy iOS */
}
/* sedgwick-ave-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Sedgwick Ave';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/sedgwick-ave-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/sedgwick-ave-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/sedgwick-ave-v12-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/sedgwick-ave-v12-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/sedgwick-ave-v12-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/sedgwick-ave-v12-latin-regular.svg#SedgwickAve') format('svg'); /* Legacy iOS */
}
 body {font-family: 'Arimo', sans-serif; font-size:1em;color:#000000;background:#ffffff;text-align:center;width:100%;line-height:1;margin:0px;position:relative;}

.navi_oben{position:fixed;width:100%;background-color: grey;z-index:999;}
.navi_oben_m{display:none;}
.navi_i{width:70%;float:right;}
.d_navi{float:left;width:150px;text-align:center;padding-top:8px;}
.d_navi_s{float:left;width:150px;text-align:center;padding-top:2px;}
.d_logo{position:absolute;width:200px;left:80px;top:0px;}
.d_logo_fix{display:none;}
.bild_oben{width:100%;position:relative;}
.st_bild{max-width:250px;width:96%;margin-left:auto;margin-right:auto;padding-top:20px;}


.seite{width:1200px;margin-left: auto; margin-right: auto;text-align:left;position:relative;line-height:1.5;padding-bottom:40px;}
.inhalt_kontakt{width:800px;margin-left: auto; margin-right: auto;text-align:center;position:relative;line-height:1.5;padding-top:40px;padding-bottom:40px;}
.inhalt_text1{width:1000px;margin-left:auto;margin-right:auto;text-align:left;}
.s_grau{width:100%;background:#c3bfb9;}
.d_pink{background:#000000;}
.box_k{width:370px;margin-left:20px;margin-right:20px;background:white;border-radius:40px 0px 40px 0px;}
.box_ka{width:300px;background:white;border-radius:40px 0px 40px 0px;line-height:1.5;text-align:left;position:relative;}
.box_ueb{width:100%;background:url("Bilder/Holz.jpg");border-radius:40px 0px 0px 0px;font-size:1.3em;font-weight:normal;color:#ffffff;font-family:'Nothing You Could Do', cursive;font-style:italic;}
.box_i{padding:10px 30px 10px 30px;}
.d_flexbox{display:flex; flex-wrap:wrap; justify-content:center;width:100%;padding-top:50px;padding-bottom:50px;}
.d_flexbox_s{display:flex; flex-wrap:wrap; justify-content:center;width:100%;}
.d_flexbox_o{display:flex; flex-wrap:wrap; justify-content:center;width:100%;}
.d_slogan{font-family:'Nothing You Could Do', cursive;font-style:italic;font-size:1.3em;transform: rotate(-5deg);letter-spacing:2px;}
.d_slogan1{font-family:'Nothing You Could Do', cursive;font-style:italic;font-size:1.8em;transform: rotate(-5deg);letter-spacing:2px;}
.d_infobild{position:absolute;left:20px;bottom:20px;width:350px;color:#ffffff;}
.d_j_team{position:absolute;top:280px;left:30px;text-align:center;}
.b_j_team{width:200px;}
.abstand_impressum{height:130px;}
.bild_oben_b{width:100%;display:block;}
.bild_oben_m{display:none;}
.box_rubrik{width:250px;margin:0px 15px 60px 15px;position:relative;}
.box_rubrik_i{width:250px;height:230px;overflow:hidden;}
.rub_text{color:#000000;position:absolute;bottom:10px;left:-20px;font-size:1.6em;font-family: 'Nothing You Could Do', cursive;background:rgba(204,204,204,0.8);padding:10px;}
.d_startb{width:240px;height:240px;margin:15px;overflow:hidden;position:relative;border-radius:20px;}
.d_start{width:900px;margin-left:auto;margin-right:auto;}
.d_startu{width:1200px;margin-left:auto;margin-right:auto;}
.d_start_slog{position:absolute;bottom:0px;width:100%;background:rgba(255,255,255,0.4);}
.d_start_slog1{font-size:1em;text-align:center;margin-bottom:5px;text-shadow:1px 1px 5px #ffffff; }
.d_start_slog2{font-family:'Sedgwick Ave',sans-serif;font-size:1.5em;text-align:center;padding-top:10px;margin-bottom:5px;text-shadow:1px 1px 5px #ffffff;}

.d_startg{width:70%;max-width:780px;margin-top:20px;margin-bottom:20px;position:relative;margin-left:auto;margin-right:auto;}
.d_startg img{border-radius:20px;}
.d_start_or{width:100%;}
#sale_m{display:none;}


.b_container {
  display: flex;
  justify-content: space-between; /* gleichmäßiger Abstand */
  align-items: stretch;            /* gleiche Höhe */
  gap: 1px;                       /* Abstand zwischen Bildern */
  width: 100%;
  margin: 2em auto;
}

.b_container img {
  flex: 1;                         /* alle gleich breit */
  height: 500px;                   /* gemeinsame Höhe */
  object-fit: cover;               /* Bild füllt den Rahmen aus */
}

.d_text{width:96%;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.5;padding-top:50px;padding-bottom:50px;}

@media all and (max-width: 1199px) {
.b_container img {height: 400px;}
}
@media all and (max-width: 1000px) {
.b_container img {height: 300px;}
}
@media all and (max-width: 800px) {
.b_container img {height: 250px;}
}
@media all and (max-width: 600px) {
.b_container img {height: 180px;}
}
@media all and (max-width: 500px) {
.b_container img {height: 120px;}
}
@media all and (max-width: 400px) {
.b_container img {height: 100px;}
}


/*.d_start_obb img{width:100%;height:100%}*/

#gallery_slider{width:100%;height:40vh;}
.ueb_logo{width:100%;text-align:center;padding-top:50px;padding-bottom:50px;font-family:'Grandiflora One',sans-serif;font-size:5em;border-bottom:1px solid #ebe3e0;}
.d_aktuelles{width:900px;margin-left:auto;margin-right:auto;font-size:2em;padding-top:30px;}
.akt_slog{font-family: 'Grandiflora One',sans-serif; font-size:1.3em;}
.akt_slog1{font-family: 'Sedgwick Ave',sans-serif;font-size:1.1em; }
.akt_slog_a{width:75%;padding-top:40px;text-align:left;}
.akt_slog_b{width:25%;}
.r_bild{width: 200px;
      height: 200px;
      border-radius: 50%;
      object-fit: cover;
      border: 3px solid #ebe3e0;}

.d_startb img {
  transition: transform .5s ease-in-out;
}

.d_startb:hover img {
  transform: scale(1.2) rotate(10deg);
}

#menu{position:absolute;top:0;right:0;width:200px;background:rgba(255,255,255,1);display:none;z-index:9999;text-align:right;line-height:2.5;padding-right:30px;}
#menu_schliessen{float:right;color:#000000;font-size:1.5em;padding:0px;cursor:pointer;}

.clear{clear:both;}

#img_j {
  transition: transform .5s ease-in-out;
}

#img_j:hover {
  transform: scale(1.1);
}

.d_fuss{width:100%;background:url("Bilder/Holz.jpg") repeat-x;height:30px;}
.d_fuss_i{padding-top:5px;}

h1{font-size:3em;font-weight:normal;font-family:'Grandiflora One', cursive;color:#000000;letter-spacing:2px;}
.shop_detail_r h1{color:#333333;font-size:1.5em;font-weight:bold;}
h2{font-size:3em;font-weight:normal;font-family:'Grandiflora One', cursive;letter-spacing:2px;padding-top:5px;padding-bottom:0px;margin-bottom:0px;}
h3{font-size:1.2em;color:#cc9933;font-weight:normal;padding-bottom:0px;margin-bottom:0px;}

a{font-size:1em;color:#000000;text-decoration:none;font-weight:normal;}
a:hover{color:#333333;}
a.l_oben{font-size:1em;color:#ffffff;text-decoration:none;font-weight:normal;}
a.l_oben:hover{color:#ffffff;}
a.l_grau {color:#333333; font-weight:normal;text-decoration:none;}
a.l_grau:hover {color:#333333;text-decoration:underline;}
a.l_grau_k {color:#919294; font-weight:normal;text-decoration:none;font-size:0.9em;}
a.l_grau_k:hover {color:#333333;}

.d_navi .l_oben {
    display: inline-block;
    color: #fff;
    text-decoration: none;
}

.d_navi .l_oben::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #fff;
    transition: width .3s;
}

.d_navi .l_oben:hover::after {
    width: 100%;
}

a.l_fuss{font-size:0.9em;color:#ffffff;text-decoration:none;font-weight:normal;}
a.l_fuss:hover{color:#000000;}
.inhalt_shop{width:96%;padding-top:40px;margin-bottom:40px;margin-left:auto;margin-right:auto;}
.inhalt_shop_i{width:1100px;margin-left:auto;margin-right:auto;line-height:1.3;}
.shop_ueb{width:100%;text-align:center;}
.inhalt_text{max-width:600px;margin-left:auto;margin-right:auto;padding-top:50px;padding-bottom:70px;line-height:2;text-align:center;position:relative;}
.hinweis_produkte{width:100%;background:#736769;color:#ffffff;font-size:2em;}
.hinweis_shop{width:100%;background:#afb0b2;color:#ffffff;font-size:2em;}
.d_produkt{max-width:300px;min-width:150px;border:1px solid #f1f1f1;margin:1%;position:relative;}
.d_produkt_out{float:left;width:305px;margin-right:20px;margin-bottom:20px;}
.bildbox_out{height:550px;width:305px;overflow:hidden;margin-bottom:5px;}
.oben_shopitems{padding-top:20px;}
.bildbox{width:100%;overflow:hidden;margin-bottom:5px;}
.bildbox img {max-height:300px;width:auto;}
.d_sale1{position:absolute;right:5px;bottom:5px;width:50px;height:50px;}
.shop_detail{width:1200px;margin-left:auto;margin-right:auto;padding-top:40px;padding-bottom:40px;text-align:left;}
.shop_detail_l{float:left;width:400px;text-align:left;}
.shop_detail_lg{float:left;width:300px;text-align:left;}
.shop_detail_r{float:right;width:650px;text-align:left;line-height:1.3;}
.shop_detail_lo{float:left;width:15%;text-align:left;}
.shop_detail_ro{float:right;width:80%;text-align:left;}
.h_grau{color:#ebe3e0;}
.suchsubmit{background:url(Bilder/lupe.jpg);width:30px;height:30px;border:0px;}
.suchsubmit{background:url(Bilder/lupe.jpg);width:30px;height:30px;border:0px;}
.s_kleiner{font-size:0.8em;}
.d_produktsuche{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;display:flex;flex-wrap:wrap;justify-content:center;background:#ebe3e0;padding-top:10px;}
.d_filter{width:240px;margin:10px;}
.d_filt{width:150px;background:#ffffff;}
.bilder_oben{width:100%;}
#gallery_slider{width:100%;height:300px;}

.button_grau{position:relative;background-color:#ebe3e0;padding:5px 10px 5px 10px;border:1px solid #ebe3e0;color:#000000;text-align:center;cursor:pointer;margin:10px 0px 10px 0px;}
.button_weiss{position:relative;background-color:#ffffff;padding:5px 10px 5px 10px;border:1px solid #fff;color:#000000;text-align:center;cursor:pointer;margin-top:5px;}
.button_pink{background-color: #ebe3e0;padding:5px 10px 5px 10px;border:1px solid #ebe3e0;color:#000000;cursor:pointer;}
.c_submit{position:relative;background-color: #ebe3e0;padding:5px 10px 5px 10px;border:1px solid #ebe3e0;text-align:center;cursor:pointer;font-size:1.2em;margin-left:auto;margin-right:auto;}
.s_ohne{border:0px;background:#ebe3e0;}
.s_preis{font-size:1.2em;font-weight:bold;}
.s_preis_bisher{text-decoration:line-through;}
.d_center{width:100%;margin-left:auto;margin-right:auto;padding-top:20px;padding-bottom:40px;text-align:center;}
.farbe_rot{color:#d00808;}
.d_hersteller{font-size:0.8em;}
.lk_grau{width:100%;max-width:420px;height:10px;background:url("Bilder/linie-grau.png") no-repeat;margin-bottom:15px;}
.sicherheitsabfrage_fehler{color:red;font-size:1.2em;}
.button_grau_detail{position:relative;width:100px;background-color: #ebe3e0;margin-left:auto;margin-right:auto;padding:5px;}
.button_aktuelles{font-size:16px;margin-top:30px;margin-left:30px;background-color: #ebe3e0;padding:10px;width:120px;font-weight:normal;}
.button_gruen{font-size:1.2em;background:#009933;color:#000000;padding:10px;}
.farbe_gruen{color:#009933;}
.sich_fehler{color:red;}
.d_50{width:45%;margin:20px;position:relative;}
.ueb_mobil{font-family:'Grandiflora One',sans-serif;font-size:1.8em;}
.ueb_aschrift{font-family:'Sedgwick Ave',sans-serif;font-size:0.6em;}
#klarna-payments-container{width:100%;}
.d_flexbox_l{display:flex; flex-wrap:wrap; justify-content:left;}

.det_gallery {
      width:96%;
	  max-width: 400px;
      margin: auto;
    }
    .det_main-image {
      width: 100%;
      cursor: pointer;
	  /*aspect-ratio: 3/4;*/
    }
    .det_thumbnails {
      display: flex;
      margin-top: 10px;
      justify-content: center;
      gap: 5px;
    }
    .det_thumbnails img {
      width: 80px;
      height: 80px;
      object-fit: cover;
      cursor: pointer;
      border: 1px solid transparent;
      transition: border 0.3s;
    }
    .det_thumbnails img.selected {
      border-color: #eee;
    }
    /* Lightbox / Overlay */
    .det_lightbox {
      display: none;
      position: fixed;
      top:0; left:0;
      width:100%; height:100%;
      background: rgba(0,0,0,0.8);
      justify-content: center;
      align-items: center;
      z-index: 1000;
    }
    .det_lightbox img {
      max-width: 90%;
      max-height: 90%;
    }
    .det_lightbox-close {
      position: absolute;
      top:20px;
      right:20px;
      color: white;
      font-size: 30px;
      cursor: pointer;
    }

.b_ani{
 /* position: relative;*/
  padding: 0px;
  border: none;
  background-color: #ebe3e0;
  cursor: pointer;
  outline: none;
  font-size: 1.1em;
  margin: 0.5em 0.5em;
  }
  
  .rand1{color: #000000;width:90%;}
   
    .rand1::after,
    .rand1::before
	{
      content: '';
      display: block;
      position: absolute;
      width: 20%;
      height: 20%;
      border: 2px solid;
      transition: all 0.6s ease;
      border-radius: 2px;}

    .rand1::after{
      bottom: 0;
      right: 0;
      border-top-color: transparent;
      border-left-color: transparent;
      border-bottom-color: #000000;
      border-right-color: #000000;}

    .rand1::before{
      top: 0;
      left: 0;
      border-bottom-color: transparent;
      border-right-color: transparent;
      border-top-color: #000000;
      border-left-color: #000000;}

    .rand1:hover:after,
    .rand1:hover:before{
      width: 100%;
      height: 100%;}
	  
.td_linie{border-bottom:1px solid #ebe3e0;}
.d_anmeldeart{width:33%;float:left;}
.d_anmeldeart_ueb{background:#e0e1e2;font-size:1.1em;text-align:center;padding-top:5px;padding-bottom:5px;}
.d_anmeldeart_i{margin:10px;border:1px solid #666666;}
.d_anmeldeart_inhalt{padding:15px;height:150px;}
.t_left{text-align:left;}

.inhalt_marken{width:1000px;margin-left:auto;margin-right:auto;	text-align: center;}
.seite_marken{width:100%;margin-left: auto; margin-right: auto;text-align:left;position:relative;line-height:1.5;margin-bottom:2%;border-top:1px solid #ebe3e0;border-bottom:1px solid #ebe3e0;
padding-bottom:30px;}

.hersteller-info {
  padding: 0.5rem;
  max-width: 400px;
  font-family: Arial, sans-serif;
}

.toggle-btn {
  border:1px solid #ebe3e0;
  background:none;
  width: 100%;
  text-align: left;
  padding: 0.5rem;
  cursor: pointer;
  font-weight: normal;
  font-size: 1rem;
}

.her_details {
  display: none;
  padding: 0.5rem 0 0 0;
}

header {
    position: sticky;
    top: 0;
    z-index: 1000; 
}

.cart-icon img {
    margin-left: 15px; 
    vertical-align: middle; 
}

.cart-icon:hover img {
    transform: scale(1.1); 
    transition: transform 0.3s ease;
}

.main-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    background-color: white;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); 
    z-index: 5;
}
.mo_shop{display:none;}
.logo img {height: 80px;}
.menu-desktop {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 1;
}

.menu-desktop li {position: relative;}

.menu-desktop li a {
    color: #000000;
    text-decoration: none;
    padding: 10px 20px;
    display: block;
    transition: transform 0.3s, background-color 0.3s;
}

.menu-desktop li a:hover {
    background-color: #f1f1f1;
    transform: translateY(-2px);
}

a.l_to{
    color: #000000;
    text-decoration: none;
    padding: 10px 10px;
    display: block;
    transition: transform 0.3s, background-color 0.3s;
}

a.l_to:hover {
    background-color: #f1f1f1;
    transform: translateY(-2px);
}
.dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: white;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
    list-style: none;
    padding: 0;
    margin: 0;
	width:200px;
	text-align:left;
	padding-top:20px;
}
.menu-desktop li:hover .dropdown {display: block;}
.menu-desktop .dropdown li {transition: transform 0.3s ease;}
.menu-desktop li:hover .dropdown li {transform: translateY(-5px); }
.menu-mobile {
    display: none;
    list-style: none;
    padding: 0 0 0 30;
    margin: 0;
    background-color: white; 
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 100%; 
    left: 0;
    width: 100%; 
    z-index: 1000;
	text-align:left;
}

.menu-mobile ul{text-align:left;list-style: none;}
.menu-mobile li {padding: 5px 5px;}
.menu-mobile li a {color: #000;text-decoration: none;}

.m_oben{width:100%;display:none;}

.hamburger {
    display: none;
    font-size: 30px;
    cursor: pointer;
    color: #f49095;
	float:left;
}
.social {display: flex;align-items: center;}
.social a {margin-left: 10px;}
.social img {height: 30px;transition: transform 0.2s;}
.social a:hover img {transform: scale(1.1);}
footer {
    background-color: #ebe3e0;
    color: #000; 
    padding: 20px;
	padding-left: 4%;
}

.footer-container {
    display: flex;
    justify-content: flex-start; 
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 20px; 
    font-size:0.8em;
}

.footer-contact, .footer-links {
    flex: 1;
    padding: 10px;
    box-sizing: border-box;
    text-align: left;
}

.footer-contact h3, .footer-links h3 {
    font-size: 1.2em;
    margin-bottom: 10px;
	color:#000000;
}

.footer-contact p{
    line-height:1.2;
    margin: 5px 0;
    color: #000; 
}

.footer-contact a {color: #000000;}
.footer-links ul {list-style: none;margin:0px;padding:0px;}
.footer-links li{padding-top:5px;padding-bottom:5px;}
/*.footer-links li a{font-size:14px;}*/
.s_variante{background:#ffffff;font-size:1.1em;color:#000000;}
.s_variantep{background:#ffffff;font-size:1.1em;color:#000000;border:0px;width:65px;}

.linie-mit-kreis {
      position: relative;
      text-align: center;
      margin: 40px auto;
      width: 100%;
      max-width: 400px;
    }
.linie-mit-kreis hr {
      border: none;
      border-top: 1px solid #ccc;
      margin: 0;
    }
.linie-mit-kreis .kreis {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 10px;
      height: 10px;
      background-color: white;
      border: 2px solid #ccc;
      border-radius: 50%;
      z-index: 1;
    }

@media all and (max-width: 1199px) {
.seite{width:96%;margin-left: auto; margin-right: auto;}
.d_startu{width:100%;}
.inhalt_shop_i{width:100%;}
.shop_detail{width:96%;margin-left:auto;margin-right:auto;}
}

@media all and (max-width: 1100px) {
.shop_detail_l{width:49%;}
.shop_detail_r{width:49%;}
}
@media all and (max-width: 999px) {
.d_logo{position:absolute;width:180px;left:10px;top:10px;}
.b_j_team{width:150px;}
.navi_oben_m{position:fixed;width:100%;background:url("Bilder/Holz_h.jpg") repeat-x;z-index:9999;display:block;}
.navi_oben{display:none;}
.d_logo_m{position:absolute;width:200px;left:10px;top:0px;text-align:right;}
.d_logo_m_fix{display:none;}
.men_rechts{float:right;padding-right:10px;}
.menu-desktop {display: none;}
.m_oben{display:block;}
.hamburger {display: block;}
.mo_shop{display:block;float:right;}
.menu-mobile {display: none;width: 100%;}
.menu-desktop {display: none;}
.d_aktuelles{width:96%;}

    .hamburger {
        display: block;
        font-size: 30px;
        cursor: pointer;
        color: #000000;
        margin-left: auto; 
        margin-right: 20px; 
        text-align: right;
    }

    .main-header {
        display: flex;
        justify-content: space-between; 
        align-items: center;
        padding: 15px 20px; 
        background-color: white; 
        position: relative;
    }
   .social{display: none;}
   .ueb_logo{display:none;}
}

@media all and (max-width:799px) {
.inhalt_text{width:96%;margin-left:auto;margin-right:auto;}
.inhalt_text1{width:96%;margin-left:auto;margin-right:auto;}
.d_logo{position:absolute;width:140px;left:10px;top:10px;}
.box_k{margin-bottom:20px;}
.box_ka{margin-left:auto;margin-right:auto;position:relative;}
.d_infobild{position:relative;width:70%;margin-left:auto;margin-right:auto;top:0px;right:0px;padding-top:20px;padding-bottom:20px;color:#000000;}
.d_j_team{position:absolute;top:350px;left:130px;text-align:center;}
.d_start{width:100%;}
#footer-folg{display:none;}
h1{font-size:1.8em;}
.inhalt_kontakt{width:96%;margin-left:auto;margin-right:auto;}
.inhalt_marken{width:300px;margin-left:auto;margin-right:auto;text-align: center;}
.akt_slog_a{width:60%;}
.akt_slog_b{width:40%;}
.akt_slog{font-size:22px;}
.akt_slog1{font-size:18px; }
.d_start_slog2{font-size:1.2em;}
.d_startb{width:250px;height:250px;margin:8px;}
h2{font-size:1.5em;}
}

@media all and (max-width:600px) {
.d_logo{position:absolute;width:100px;left:10px;top:10px;}
.bild_oben_m{width:100%;display:block;}
.bild_oben_b{display:none;}
#gallery_slider{width:100%;height:20vh;}
.shop_detail_l{width:96%;float:none;margin-right:auto;margin-left:auto;}
.shop_detail_r{width:96%;float:none;margin-right:auto;margin-left:auto;}
.d_startb{width:200px;height:200px;margin:8px;}
.d_50{width:80%;margin:20px auto 20px auto;position:relative;}
.akt_slog{font-size:22px;}
.akt_slog1{font-size:18px; }
.akt_slog_a{width:100%;padding-top:20px;text-align:center;}
.akt_slog_b{width:100%;}
.button_aktuelles{margin-top:10px;margin-left:auto;margin-right:auto;}
.d_text{padding-top:20px;padding-bottom:20px;}
#sale_n{display:none;}
#sale_m{display:block;}
.d_text{font-size:0.8em;line-height:1.2;}
}

@media all and (max-width:500px) {
.d_startb{width:170px;height:170px;margin:8px;}
}

@media all and (max-width:400px) {
.box_k{margin-bottom:20px;width:320px;margin-left:5px;margin-right:5px;}
.d_startb{width:150px;height:150px;margin:8px;}
.d_start_slog1{font-size:1em;}
.d_start_slog2{font-size:1.2em;}
}