:root {
  --primary: #3A9D61; /* Define the primary color variable */

}



.desktop1-container {
  width: 100%;
  display: flex;
  overflow: auto;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
}

.desktop1-desktop1 {
  width: 1450px;
  height: 1400px;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: center;
  background-color: rgba(255, 255, 255, 1);
  margin: auto;

}

.desktop1-adobe-stock2499109662 {
  top: 107px;
  left: 224px;
  width: 976px;
  height: 454px;
  position: absolute;
  border-color: rgba(57, 157, 97, 0.8500000238418579);
  border-style: solid;
  border-width: 5px;
  border-radius: 41px;
}



.desktop1-frame1 {
  top: 11px;
  left: 0px;
  width: 1440px;
  height: 96px;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
  background-color: rgba(255, 255, 255, 1);
}

.logopic {
  width: 40vw;
  display: inline;
  margin: transparent;
  z-index: 500;
  position: relative;
  overflow: hidden;
  z-index: -1;
}


.desktop1-adobe-stock2499109661 {
  top: 0px;
  left: 0px;
  width: 0px;
  height: 0px;
  position: absolute;
}






.desktop1-vector11 {
  position: relative;
  width: 1vw;
  float: right;
  margin: 0 0 0 auto;

}



.desktop1-text13 {
  color: rgba(0, 0, 0, 1);
  height: auto;

  font-style: Bold;
  text-align: left;
  font-family: Inter;
  font-weight: 700;

}





.raise,
.raisetext {
  transition: 0.7s;
  cursor: pointer !important;
}


.raise:hover {
  box-shadow: 0 0.5em 0.5em -0.4em rgba(0, 0, 0, 0.725);
  transform: translateY(-0.25em);
}

.raisetext:hover {
  text-shadow: 0px 0px 2px black;
}


.desktop1-frame4 {
  top: 1000px;
  left: 0px;
  width: 1440px;
  height: 443px;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}

.desktop1-pexelsashleyfontana7057821 {
  top: 110px;
  left: 131px;
  width: 247px;
  height: 221px;
  position: absolute;
  border-radius: 20px;
}

.desktop1-pexelsglik159511961 {
  top: 110px;
  left: 439px;
  width: 231px;
  height: 221px;
  position: absolute;
  border-radius: 20px;
}

.desktop1-pexelslisafotios15599081 {
  top: 110px;
  left: 731px;
  width: 254px;
  height: 221px;
  position: absolute;
  border-radius: 20px;
}

.desktop1-pexelspixabay1618491 {
  top: 110px;
  left: 1046px;
  width: 266px;
  height: 221px;
  position: absolute;
  border-radius: 20px;
}

/* Dropdown Button */
.dropbtn {
  background-color: transparent;
  width: 100%;
  height: 100%;
  position: abso;
  pointer-events: none;

}

/* The container <div> - needed to position the dropdown content */
.dropdown {


  display: flex;

  position: absolute;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

  flex-shrink: 0;
  border-color: rgba(0, 0, 0, 0.41999998688697815);
  border-style: solid;
  border-width: 0.15vw;
  border-radius: 3vw;
  background-color: rgba(255, 255, 255, 1);

  min-height: 6vw;

  padding-left: 1.5vw;

  z-index: 500;

}

.dropdowntextu {
  position: absolute;

  height: 100%;
  color: rgba(0, 0, 0, 1);
  font-size: 2.6vw;
  font-style: Bold;
  font-family: Inter;
  margin-top: -2.2vw;
  text-decoration: none;

  z-index: 600;
  cursor: pointer;
  text-align: left;

  font-weight: 700;

}

.uber {
  position: absolute;
  margin-top: 6%;

}

.dropdowntext {
  color: rgba(0, 0, 0, 1);

  font-size: 2.6vw;
  font-style: Bold;
  text-align: left;

  line-height: normal;
  font-stretch: normal;
  text-decoration: none;

  z-index: 800;
  cursor: pointer;
  margin-left: 0;

}


/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: block;
  position: absolute;
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 0px 8px 16px -8px rgba(0, 0, 0, 0.2);

  width: calc(100% + 3px);
  text-align: center;
  left: -1px;
  top: 0;
  margin-top: 5vw;
  border: 0.15vw solid rgba(0, 0, 0, 0.41999998688697815);
  border-bottom-left-radius: 3vw;
  border-bottom-right-radius: 3vw;
  cursor: pointer;
  max-height: 40vw;
  overflow: scroll;
  overflow-x: hidden;
  z-index: -600 !important;
  margin-left: -300vw;

}

/* Links inside the dropdown */
.dropdown-content .a {
  position: relative;
  color: black;
  padding: 1.5vw 2vw;
  text-decoration: none;
  display: block;
  font-weight: bold;
  text-align: left;
  z-index: -5000 !important;
}

/* Change color of dropdown links on hover */
.dropdown-content .a:hover {
  background-color: #ddd;
}

/* Show the dropdown menu on hover */
.dropdown:focus .dropdown-content,
.dropdown:active .dropdown-content {
  display: block;
  z-index: 2000;
  margin-left: 0;
}





.dropdown:focus,
.dropdown:active {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  z-index: 2000;
}

.dropdown-content:hover {
  border-top: transparent;
}

.dropdown:focus .dropdown-content,
.dropdown:active .dropdown-content {
  border-top: transparent;
  z-index: 2000;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
:root {
  --dl-color-gray-500: #595959;
  --dl-color-gray-700: #999999;
  --dl-color-gray-900: #D9D9D9;
  --dl-size-size-large: 144px;
  --dl-size-size-small: 48px;
  --dl-color-danger-300: #A22020;
  --dl-color-danger-500: #BF2626;
  --dl-color-danger-700: #E14747;
  --dl-color-gray-black: #000000;
  --dl-color-gray-white: #FFFFFF;
  --dl-size-size-medium: 96px;
  --dl-size-size-xlarge: 192px;
  --dl-size-size-xsmall: 16px;
  --dl-space-space-unit: 16px;
  --dl-color-primary-100: #003EB3;
  --dl-color-primary-300: #0074F0;
  --dl-color-primary-500: #14A9FF;
  --dl-color-primary-700: #85DCFF;
  --dl-color-success-300: #199033;
  --dl-color-success-500: #32A94C;
  --dl-color-success-700: #4CC366;
  --dl-size-size-xxlarge: 288px;
  --dl-size-size-maxwidth: 1400px;
  --dl-radius-radius-round: 50%;
  --dl-space-space-halfunit: 8px;
  --dl-space-space-sixunits: 96px;
  --dl-space-space-twounits: 32px;
  --dl-radius-radius-radius2: 2px;
  --dl-radius-radius-radius4: 4px;
  --dl-radius-radius-radius8: 8px;
  --dl-space-space-fiveunits: 80px;
  --dl-space-space-fourunits: 64px;
  --dl-space-space-threeunits: 48px;
  --dl-space-space-oneandhalfunits: 24px;
}

.pissdich {
  opacity: 1;
  margin-left: -500vw;
  height: 0;
  display: none
}

.button {
  color: var(--dl-color-gray-black);
  display: inline-block;
  padding: 0.5rem 1rem;
  border-color: var(--dl-color-gray-black);
  border-width: 1px;
  border-radius: 4px;
  background-color: var(--dl-color-gray-white);
}

.input {
  color: var(--dl-color-gray-black);
  cursor: auto;
  padding: 0.5rem 1rem;
  border-color: var(--dl-color-gray-black);
  border-width: 1px;
  border-radius: 4px;
  background-color: var(--dl-color-gray-white);
}

.textarea {
  color: var(--dl-color-gray-black);
  cursor: auto;
  padding: 0.5rem;
  border-color: var(--dl-color-gray-black);
  border-width: 1px;
  border-radius: 4px;
  background-color: var(--dl-color-gray-white);
}

.list {
  width: 100%;
  margin: 1em 0px 1em 0px;
  display: block;
  padding: 0px 0px 0px 1.5rem;
  list-style-type: none;
  list-style-position: outside;
}

.list-item {
  display: list-item;
}

.teleport-show {
  display: flex !important;
  transform: none !important;
}

.Content {
  font-size: 16px;
  font-family: Inter;
  font-weight: 400;
  line-height: 1.15;
  text-transform: none;
  text-decoration: none;
}

.Heading {
  font-size: 32px;
  font-family: Inter;
  font-weight: 700;
  line-height: 1.15;
  text-transform: none;
  text-decoration: none;
}

.opt {
  top: -30px !important;
  border-radius: 100px !important;
}

.bor {
  border: 1px solid red;

}

.lastopt {
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}

@keyframes colorChange {
  0% {
    background-color: red;
  }

  100% {
    background-color: black;
  }
}

.impressum {
  font-size: large;
  margin: auto;
  margin-top: 150px;
  margin-left: 400px;
}

.datenschutz {
  font-size: large;
  margin: auto;
  margin-top: 150px;
  margin-left: 400px;
}

.blogs {

  margin-left: 200px;
  margin-top: 150px;
}


.leiste {
  height: 100px;
}


span {
  margin: auto;
}

.info {
  width: 50%;
  position: relative;
}



.blog {
  float: right;
  margin-right: 10vw;

}

.about {
  float: right;
  margin-right: 10vw;
}

.kontakt {
  float: right;
  margin-right: 8vw;
}

.kontakt,
.about,
.blog {
  margin-top: 4vw;
  font-size: 2.5vw;
  transition: 1s;
  z-index: 6767 !important;
}

.bannerhome {
  z-index: -10;
  background-color: #85DCFF;
  margin: auto;
  border-radius: 5vw;
  width: 80vw;
  height: 40vw;

  border-color: #199033;
  border-width: 0.7vw;
  border-style: solid;

  background-image: url("/public/external/tshirts.jpeg");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin-bottom: 0;
}

.finde {
  font-weight: bold;
  color: black;
}

.dropdowns {
  height: fit-content;
  width: 60vw;
  z-index: 2000;
  float: left;
  margin-left: 10vw;
  margin-bottom: 6vw;
}

#fff {

  font-weight: bolder;
  font-size: 4vw;
  margin-top: 15px;
  margin-left: 10vw;
  margin-bottom: 0;
  color: black;
}

.img-fluid {
  width: 100%;
  border-radius: 50px;
  height: auto;

}

.infozeile2 {
  position: relative;
  width: 100vw;
  border-top: 0.2vw solid black;
  bottom: 0;
  margin-bottom: 0;
  text-align: center;
  height: 3vw;
  font-size: 2vw;
  z-index: 1500;
}

body {
  position: relative;
  width: 100vw;
  height: fit-content;
  min-height: 100vh;
  overflow-y: scroll;
}

.datenschutzlink,
.Impressumlink {
  margin-left: 0;
  color: black;
}

.landercontainer {
  position: relative;
  width: 90vw;
  height: 40vw;
  margin: auto;

}

.de,
.tu,
.it,
.pt {
  width: 100%;
  text-align: center;
  font-size: 2.7vw;
  color: black;
  font-weight: bold;
}

.col-3 {
  text-align: center;
}

.landerimg {
  margin: auto;
  margin-top: 2vw;
  width: 18vw;
  height: 18vw;
}

.menusvg,
.menusvgsc {
  width: 5vw;
  height: 5vw;
  float: right;
  margin-top: 4vw;
  margin-right: 7vw;

  transition: 1s;
  display: inline;

}

.menusvgsc {
  margin-top: 6vw;
  width: 8vw;
  height: 8vw;
}

.menusvg:hover {
  cursor: pointer;
}

.rotate {
  transform: rotate(-180deg);
}

.menuhidden {
  opacity: 0;
  margin-right: 0;
  filter: blur(1px);
  pointer-events: none;
}

.hide {
  display: none;
}


.infods {
  margin-bottom: -30px;
}

.maincontainer {
  margin-top: 10vw;
  position: relative;
  z-index: 500;
}

.dropdowns {
  margin-top: 3vw;
}

.dropdownmenu1,
.dropdownmenu2,
.dropdownmenu3 {
  float: left;
  height: 7vw;
  display: flex;
  position: fixed;
  z-index: 500;
  margin-top: 3vw;
  width: 27vw;
  border-radius: 4vw;
}

.dropdownmenu1,
.dropdownmenu2,
.suchbtn {
  position: relative;
}


.suchbtn {
  margin-left: 4vw;
}

.suchbtn {
  margin-top: 6vw;
  margin-left: 3vw;
  border-color: rgba(0, 0, 0, 0.41999998688697815);
  border-style: solid;
  border-width: 1px;
  border-radius: 10vw;
  background-color: black;
  color: white;
  font-size: 2vw;
  font-weight: bold;
  width: 15vw;
  height: 5vw;
  float: right;
  margin-right: 10vw;
  height: 7vw;
  position: absolute;
}

.dropdownmenu1 {
  margin-left: 0;
  margin-right: 4vw;
}

.dropdownmenu2 {}

.where,
.what {
  display: none
}

html,
body,
.country,
.where,
.what {
  font-family: Inter;
}


.menuscreen {
  width: 100vw;
  height: 100vh;
  margin-right: 100vw;
  margin-bottom: 100vw;
  left: 200vw;
  position: fixed;
  top: 0;
  z-index: 9999;
  transition: 0.3s;
  background-color: rgb(255, 255, 255);
  overflow: scroll;
  z-index: 9999;
}
.menuscreennav{
  margin-top: 4vw;
  display: flex;
  flex-direction: column;
  font-size: 4vw;
  font-weight: 600;
  text-align: left !important;
  color: rgba(0,0,0,0.88);
  gap: 3vw;
  >span{
    margin: 1vw 6vw !important;
  }
}
.shown {
  left: 0;
}

.sticky {
  position: fixed !important;
  right: 0
}

.menusvgsc {
  position: sticky;
  z-index: 10000;
  transition: 0.3s;
}

.logopicsc {
  margin-left: 0;
  width: 40vw;
  margin: 5vw;
  display: inline;
}



.aboutsc {
  margin-top: 10vw;
}

.lang {
  float: right;
  width: 8vw;
  height: 8vw;

  margin-top: 5.5vw;
  margin-right: 3vw;

  cursor: pointer;
  position: sticky;
  border: none;

}

.backButton{
  width: 6vw;
  height: 6vw;
}

.sprache{
  border-radius: 100px !important;
  border: 2px solid gray !important;
  overflow: hidden !important;
  background-color: #00247d !important;
}
.sprache:hover{
  border: 2px solid #3A9D61 !important;

}


.sve {
  transform: scale(0.7);
  overflow: visible;

}

.active {
  background-color: red;
  border-bottom: 0.5vw solid black;
  height: 65%;
  width: 100%;
  background-image: url("/public/external/germany-flag-icon.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.nonactive {
  height: 35%;
  width: 100%;
  background-image: url("/public/external/united-kingdom-flag-icon.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  filter: brightness(0.75);
}

.kontakt-container {
  margin-top: 12vw;
  margin-bottom: 55vw;
  padding: 0 300px;
}

.kontakt-container h1 {
  margin: auto !important;
  font-size: 33px;
  font-weight: 900;
  text-align: center;
}

.kontakt-container p {
  margin-top: 3vw;
  font-size: 20px;
  text-align: center;
}

@media (max-width: 700px){
  .kontakt-container h1 {

    font-size: 5vw;

  }
  
  .kontakt-container p {

    font-size: 3avw;
  
  }
}

.advanced {}

.logopic {
  cursor: pointer;
}

.hide {
  display: none
}



.logopic {
  width: 30vw;
  margin-bottom: 3vw;
  margin-top: 2vw;
  z-index: 10;
}



.showadvanced {
  float: left;
  color: gray;
  width: 100%;
  position: relative;
  margin-top: 0vw;
  margin-bottom: 5vw;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  cursor: pointer;
}

@media (min-width: 700px) {


  .infozeile2 {
    width: 100vw;
    border: none;

  }

  .uber {
    margin-top: 1vw;
  }


  .menusvgsc {
    display: none
  }



  .hide {
    display: block;
    margin-top: -60vw;
  }
}

.suchbtn {}

@media (max-width: 700px) {

  .kontakt-container {
    padding: 10vw;
  }

  .dropdown {
    height: 8vw;
    border: 0.3px solid gray;
    border-width: 0.1vw;
    box-shadow: none;
    position: relative;

  }


  .dropdownmenu2 {
    margin-top: 3vw;
    height: 5vw
  }

  .maincontainer {}

  .dropdowns {
    margin-top: 5vw;
  }


  .dropdownmenu1,
  .dropdownmenu2,
  .suchbtn {
    width: 80vw;
    border-radius: 7vw;
    height: 13vw !important;
    margin-left: 0vw;
  }

  .suchbtn {
    width: 25vw;
    height: 10vw;
    font-size: 5vw;
    float: right;
    position: relative;
    pointer-events: auto;
    font-size: 3vw;
    margin-bottom: 15vw;
    margin-top: 0vw;
  }

  .dropdown-content {
    z-index: 999999;
    border-bottom-right-radius: 7vw;
    border-bottom-left-radius: 7vw;
    border-width: 0.1vw;
    margin-top: 9vw;
    max-height: 30vw;
  }

  

  .a {
    font-size: 4.3vw;
  }



  

  .landercontainer {
    display: none
  }

  .dropdownmenu1:focus+.dropdownmenu2 {
    filter: opacity(0);
  }

  .infozeile2 {
    font-size: 2vw;
    width: 100vw;
    border: none;
    z-index: 0;
    display: flex;
    margin-top: 50vw;
  }

  .logopic {
    z-index: 9999;
  }

  .datenschutzlink,
  .Impressumlink {
    font-size: 3vw;
  }

  html {
    width: 100vw !important;

  }

  body {
    overflow-y: scroll;
  }


  .where,
  .what {
    display: contents;
    text-align: top;
    color: rgb(82, 82, 82);
    float: left;
    margin-left: 0;
    -webkit-font-smoothing: antialiased !important;
    font-size: 4.3vw;
    width: 50%
  }

  body {
    -webkit-font-smoothing: antialiased !important;
  }

  .uber {
    margin-top: 0.6vw;
    width: 65vw;

  }

  .country,
  .countryadv {
    position: relative;
    float: right;
    font-size: 4.3vw;
  }

  .bannerhome {
    border-radius: 12vw;
    width: 80vw;
    height: 65vw;
    margin-bottom: 20vw;
    margin-top: 5vw;
    z-index: 3223;
    background-image: url("/public/external/KleiderHandy.JPG");
    background-position: center;
    border-width: 1vw;

   
  }

  .desktop1-vector11 {
    width: 2vw;
    margin-right: 3vw;
  }


  .logopic {
    width: 60vw;
  }

  .kontakt,
  .about,
  .blog {
    display: none
  }

  .men {
    z-index: 5556 !important;
  }

  .menusvg {
    display: none
  }

  .showadvanced {
    margin-top: 0;
    margin-bottom: 0;
    text-align: right;
    padding-right: 13vw;
  }

  .logopic {
    width: 50vw;
    margin-left: 2.5vw;
  }


  .sve {
    display: none;
  }


  .header{
    
  border-bottom: none;
  ;
  }

  .headershadow{
    box-shadow: 0 0 2vw 0.5vw rgba(0, 0, 0, 0.15);
  }


}



.hide {
  display: none;
}

.pissdich {
  opacity: 0;
  margin-left: -5000vw;
  height: 0;
}

.hideup {
  margin-top: -200vw;
}

.sm {
  transform: scale(0.8);
}







.cookiebanner {
  width: 100vw;
  height: 300vh;
  position: fixed;
  z-index: 999999999;
  background: rgba(188, 188, 204, 0.6);
}

.card {
  width: 80vw;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #d2d2dc;
  border-radius: 2vw;
  box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.08);

  margin: auto;
  margin-top: 14vh;
  font-size: 2vw;
  transform-origin: top;

}

.cookies a {
  text-decoration: none;
  color: #000;
  margin-top: 8px;

  opacity: 0;

  height: 0;
}

.cookies a:hover {
  text-decoration: none;
  color: blue;
  margin-top: 8px;
}

.checks {
  text-align: left;
  padding-left: 10%;
}

.swt {
  margin-bottom: 2vw;
}

.btns {
  width: 100%;
  padding-left: 5vw;
  padding-right: 5vw;
}

.cookiebanner .btn {
  width: 40% !important;
  height: 40%;
  border-radius: 2vw;
  float: left;
  padding: 2% !important;
}

.notw {
  background-color: white;
  color: black;
  margin-left: 2vw;
  font-size: 2vw;
}

.alle {
  font-size: 2vw;
  float: right !important;
}

.showinfo {
  opacity: 1 !important;
  color: blue !important;
  font-style: italic !important;
  cursor: pointer !important;
  pointer-events: all !important;
}



.cookinfo {
  width: 100%;
  text-align: center;
  color: #000;
  margin-top: 3vw;
  z-index: 999999999;
  pointer-events: all;
  font-size: 1.5vw;
}

.cookinfo a {
  cursor: pointer;
  opacity: 1;
  margin-left: 2vw;
  height: auto;
  pointer-events: all;
}

@media (max-width: 700px) {
  .card {
    width: 90vw;
    font-size: 3vw;
    margin-top: 10vh;
  }

  .notw {
    font-size: 3vw;
  }

  .alle {
    font-size: 3.4vw;
  }

  .cookinfo {
    font-size: 2.5vw;
  }

  .sm,
  .home {
    display: block;
  }

}

.datenschutzcontainer {
  width: 90vw;
  margin: auto;
}



.menusc {
  cursor: pointer;
}

.menusvgsc2,
.menusvgsc3 {
  transform: scale(1.8);
  margin-left: 2vw;
}

.menusvgsc3 {
  transform: scale(1.5);
}

.lang {
  overflow: visible;

}


.homemen {
  display: block;
  transform: scale(0.9);
}

.langmen {
  display: none;
}

.smm {
  display: none;
}

#prods {
  transform: scale(0.8);
  float: left;
  margin-top: -3vw;
  margin-bottom: 4vw;

}

#prods h1 {
  width: 100vw !important;
  position: relative;
  text-align: center;
  font-weight: 800;
  font-size: 3w;
}

@media (max-width: 700px) {
  #prods {
    transform: scale(1);
    padding-top: -20vw;
    margin-bottom: 11vw;
  }

  #prods h1 {
    font-size: 7w;
  }
}


.moqinp {
  width: 23vw;
  margin: 0;
  border: none;
}

.moqinp,
.moqinp::placeholder {
  color: #000000;
  position: relative;
  float: right;
  font-size: 2.7vw;
  font-weight: 600;
  font-family: Inter;

}

.moqinp::placeholder {
  float: left;
}

.howmuch {
  border: 3px solid green !important;
}

.dropmoq {}

.dropmoq:focus {
  border-radius: 300px;
  padding-top: -5vw;
}

.textmoq {
  margin-top: -2.6vw;
}




.germaninfobox {
  color: gray;
  font-size: 2vw;
  display: inline;
  right: right;
}

header>a:hover {
  text-shadow: 0px 0px 2px #002e29;

}

@media (max-width: 700px) {

  .moqinp,
  .moqinp::placeholder {
    font-size: 4.45vw;
  }

  .moqinp {
    margin-top: -1vw;
    width: 17vw;

  }

  .germaninfobox {
    color: gray;
    font-size: 3vw;
    display: inline;

  }

  .suchbtn {

    position: relative;
    margin-top: 4vw;
    margin-right: -20vw;
  }
}

.finde2 {
  display: none
}

.header>a,
.header>button,
.header>.sve {
  display: none;
  transition: 0.5s;
}

.header>button:hover,
.header>.sve:hover {
  scale: 1.03
}

.header>.sve{
  width: 30px !important;
}

@media (min-width: 700px) {


  .main-content,
  .main-content-s,
  .main-content-xs {
    transform-origin: top;
  }

  .lang {
    all: initial;
  }
  

  .bannerhome {
    width: 47.5vw;
    margin: 0;
    margin-left: 0;
    height: 33vw;
    background-image: url("/public/external/KleiderHandy.JPG");
    border-width: 0.5vw;
    float: left;
    margin-top: 8vw;
    background-position: 30%;


  }

  .finde {
    display: none
  }

  .finde2 {
    display: block;
    position: relative;
    margin-left: -1vw;
    margin-top: 6vw;
    margin-bottom: 2vw;
    width: 90%;
    font-size: 3vw;
    text-align: left;

  }

  body {
    background-color: white !important;
  } 

  .dropdowns {
    background-color: white;
    width: 45vw;
    float: left;
    margin-left: 5vw;
    padding-left: 4vw;
    border-radius: 2.5vw;
    box-shadow: 0px 4px 6px 1px rgba(0, 0, 0, 0.2)
  }

  .suche {
    float: left;
  }

  .suchbtn {

    float: right;
    position: relative;
    margin-top: 1.5vw;
    margin-bottom: 3vw;
    height: 6vw;
    margin-right: 10%;

  }

  .header {
    background-color: white;
    position: relative;
    width: 100%;
    margin-top: -1vw;
    border-bottom: none;
    ;
    
  }
  .headershadow{
    box-shadow: 0 4px 15px 1px rgba(0, 0, 0, 0.06);
  }

  .landercontainer {
    display: none;
  }

  .logopic {
    width: 222px;
    margin: 0px;
    margin-bottom: calc(1vw);
    margin-top: calc(1vw);
  }

  .header>svg {
    display: none
  }

  .sve,
  .sm {
    display: block !important;
  }

  .header_pc>span {
    display: block
  }

  .header_pc>a,
  .header_pc>button,
  .header_pc>.sve,
  .header_pc>.sm {

    margin-top: 25px;
    display: inline;
    float: right;
    font-size: 17px;
    margin-right: 14px;
    position: sticky;
    

  }

  .header_pc>button {

    border-radius: 14px;
    background-color: var(--primary);
    color: white;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    font-size: 14px;
    height: 37px !important;
    font-weight: 550;
    padding: auto 15px !important;
    width: 150px;
    border-radius: 15px;
    margin-top: 30px;
    text-align: center;
    box-shadow: none;
  }

  #loglink svg{

    position: absolute;
    margin-left: 3px;
    top: 50%;
    transform: translateY(-51%);

  
  }

  .join-btn{
    margin-left: 15px;
  }
  .sprache{
    scale: 0.89;
  }

  .header_pc>.sve,
  .header_pc>.sm {
    width: 40px !important;
    margin-right: 30px;
  }

  .header_pc>a {
    color: black;
    text-decoration: none;
    font-weight: 600;
  }

  .men {
    position: absolute;
  }

  .showhome>.home {
    display: block;
    float: right;
    width: 50px;
    margin: 20px 30px;

  }

  .bannercontainer {
    margin-top: 50px;
  }







  .dropdown {
    height: 8vw;
    border: 0.3px solid gray;
    border-width: 0.1vw;
    box-shadow: none;
    position: relative;

  }


  .dropdownmenu2 {
    margin-top: 1vw;
    height: 5vw
  }

  .maincontainer {}

  .dropdowns {
    margin-top: 5vw;
  }


  .dropdownmenu1,
  .dropdownmenu2 {
    width: 90%;
    border-radius: 5vw;
    height: 3vw !important;
    margin-left: 0vw;
    margin-top: 1.5vw;
  }



  .dropdown-content {
    z-index: 999999;
    border-bottom-right-radius: 5vw;
    border-bottom-left-radius: 5vw;
    border-width: 0.11vw;
    margin-top: 5vw;
    max-height: 30vw;
  }


  .a {
    font-size: 2.1vw;
  }

  .uber {
    width: 30vw;
    height: 100%;
    top: -0.35vw;
    margin-top: 0;


  }

  .where,
  .what {
    display: block;
    position: absolute;
    text-align: top;
    color: rgba(0, 0, 0, 0.42);
    float: left;
    margin-left: 0;
    -webkit-font-smoothing: antialiased !important;
    font-size: 2.1vw;
    width: 100%;

    top: 50%;
    transform: translateY(-50%);

  }

  .country,
  .countryadv {
    position: absolute;
    width: 100%;
    font-size: 2.1vw;
    text-align: right;
    top: 50%;
    transform: translateY(-50%);
  }

  .desktop1-vector11 {
    opacity: 0.42;
    left: -1.8vw;
    transform: scale(1.2);
  }

  .logopic {
    margin-top: 1.5vw !important;
  }

  .sve{
    transform: scale(0.8);
  }
}


@media (max-width: 700px) {

  .main-content,
  .main-content-s,
  .main-content-xs,
  .main-content-l {
    transform: scale(1) !important;
  }
}


.infozeile3 {
  margin-top: 16vw;
  text-align: center;
  margin-left: 0;
  left: 0;
  width: 100vw;
  padding: 20vw;
}

.Impressumlink {
  float: right
}

.datenschutzlink,
.Impressumlink {
  margin: 0 !important;
  font-size: 14px !important;
}

.datenschutzlink {
  float: left;
}

@media (max-width: 700px) {

  .datenschutzlink,
  .Impressumlink {
    margin: 0 !important;
    font-size: 9px !important;
  }
}



.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Semi-transparent background */
  z-index: 9999999999;
  /* Ensure modal is above other elements */
}

.modal-content {
  position: relative;
  background-color: #FFFFFF;
  margin: 15% auto;
  padding: 20px;
  width: 500px;
  max-width: 80vw;
  /* Adjust as needed */
  border-radius: 20px;
  /* Rounded corners for the modal */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  text-align: center;
  font-family: Inter;
  font-weight: 600;
}

.modal-close {
  color: #aaa;
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
  background-color: transparent;
  border: none;
}

.modal-close:hover {
  color: #000;
}

.join-option {
  display: block;
  width: 100%;
  padding: 15px;
  margin: 10px 0;
  background-color: var(--primary);
  /* Dark Green */
  color: #FFFFFF;
  border: none;
  border-radius: 30px;
  /* Rounded corners for buttons */
  cursor: pointer;
  font-size: 16px;
  text-align: center;
}

.join-option:hover {
  /* Slightly darker green on hover */
}


/* Styles to center the options */
.footer {
  text-align: center;
  position: relative;
  bottom: 0;
  margin-top: 100px;
  width: 100%;
  background-color: #f2f2f283;
  padding: 15px 0;
}

.footer-options {
  display: inline-block;

  margin: 0 50px;

}

.footer-options a {
  color: black !important;
  text-decoration: none;
  font-size: 15px;
}


.footerhome {
  border-top: 0.5px solid rgba(0, 0, 0, 0.1);
  width: 100vw;
  font-family: Arial, Inter; /* You can change the font family */
  background-color: #FFFFFF; /* Footer background color */
  color: #000000; /* Text color */
  padding: 20px; /* Footer padding */
  display: flex;
  justify-content: space-between; /* This will space out your columns */
  align-items: center;
  flex-wrap: wrap; /* This will allow the footer to wrap on smaller screens */
  margin-top: 800px;
}
.footerhome *, .footerhome * * {
  font-size: 16px;
}

.footerhome div {
  margin: 10px;
}

.footerhome div img {
  width: 200px;
}

.footerhome a {
  display: block;
  color: #000; /* Links color */
  text-decoration: none; /* No underline on links */
  margin-bottom: 8px; /* Space between links */
}

.footerhome a:hover {
  text-decoration: underline; /* Underline on hover */
}


@media screen and (max-width: 700px) {
  .footerhome {
    flex-direction: column;
    align-items: flex-start;
    
    border-top: 1px solid rgba(0,0,0,0.1);
 
  }
  .footerhome div img {
    display: none;
  }
  .hideonphone{
    display: none !important
  }
}

svg, button{
  cursor: pointer !important;
}

body{
  margin: 0 !important;
  padding: 0 !important;
  position: relative;
 
}





#loglink{
  background-color: white;
  color: var(--primary);
  border: 1.6px solid var(--primary);
}

footer{
  margin-top: 100px;
}

.bodywrapper{
  position: relative;
  overflow-x: hidden !important;
  width: 100vw !important;
}


.bodywrapper, body, html{
  max-width:100vw !important; 
}

/*
.bodywrapper::-webkit-scrollbar{
  display: none;
  color: transparent;
  background-color: transparent;
}
::-webkit-scrollbar {
  width: 10px;
}



::-webkit-scrollbar-track {
  background: transparent;
}


::-webkit-scrollbar-thumb {
  background: transparent
}


::-webkit-scrollbar-thumb:hover {
  background: #555;
}
*/

.header{
  top: 0 !important;
  margin: 0 !important;
  transition: 0.3s;
}

.header .logopic{
  scale: 0.77;
  margin: 10px 20px !important
}

.header{
  position: fixed !important;
  z-index: 9999999;
  background-color: white;
  width: 100vw;
}
body{
  padding-top: 100px !important;
}
@media (max-width: 700px){
  body{
    padding-top: 20vw !important;
  }
  .header .logopic{
    margin: 1vw 2vw 0.25vw -2vw !important
  }

}

svg:hover{
  color: var(--primary) !important;
  fill:var(--primary) !important;
}
svg[stroke]:hover {
  stroke: var(--primary) !important;
}
.homepage>section{
  display: none
}




.hidden, .hide{display: none !important}

@media (min-width: 700px) {

  .backButton {
    transform: scale(0.6);
    margin-top: 0.5vw;
    font-weight: 500;

}
}



#dashboardbtn_new_messages{
  position: absolute;
  border-radius: 333px;
  background-color: var(--primary);
  width: 19px;
  height: 19px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  top: -6px;
  right: -6px;

  font-size: 13px !important;
  display: none;
}
#dashboardbtn_new_messages_phone{
  position: absolute;
  border-radius: 333px;
  background-color: var(--primary);
  width: 4vw;
  height: 4vw;
  font-size: 2.5vw;
  display: flex !important;
  justify-content: center;
  align-items: center;
  color: white;
  font-weight: 600;

  top: 5vw;
  right: 17vw;
  display: none;
}
@media (min-width: 700px) {
  #dashboardbtn_new_messages_phone{
      display: none
  }
  .dashboardphonecontainer{
      display: none
  }
}
.notHidden{
  display: flex !important
}



svg:not(.sprachesvg){
  overflow: visible !important;
}