/* html {
  width:100%;
  min-width: 380px;
}
  @media only screen and (min-width: 1400px) {
  html {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    }
} */

html {
  width:100%;
  min-width: 380px;
}
  @media only screen and (min-width: 1400px) {
  html {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    }
}


#dreieck {
  width: 0;
  height: 0px;
  -webkit-transform: rotate(270deg);
  border-style: solid;
  border-width: 5vw 5vw 0 0;
  border-color: #d5b33b transparent transparent transparent;

  position: absolute;

  bottom: 0.43%;
  display: none;
  opacity: 0.7;
}

#menu_show {
position: absolute;
z-index: 9999;
top: 89.3%;
left: 1%;
width: 7%;
display: none;
}

#menu_close {
  position: absolute;
  z-index: 999999;
  top: 92.5%;
  left: -7.5%;
  width: 13%;
  display: none;
  opacity: 0.6;
}

/* #dreieck2 {
  width: 0px;
  height: 0px;
  -webkit-transform: rotate(90deg);
  border-style: solid;
  border-width: 28px 28px 0 0;
  border-color: #85692f transparent transparent transparent;
  top: 26px;
  right:34%;
  position: absolute;
  z-index: 1;
} */


#overlay {
  width:100%;
  max-width:1400px;
  height:100%;
  position: absolute;
  z-index: 999999999;
  background-color: white;
}

#loadingtext {
  /* top: 30%;
  position: absolute;
  width: 100%;
  max-width: 1400px;
  text-align: center;
  font-family: monospace;
  letter-spacing: 5px;
  font-weight: 100;
  display: none; */


letter-spacing: 0.8em;
font-family: arial;


text-align: center;
margin-top: 28%;
display: block;
font-size: 0.8em;
}

body{
  margin:0;
  overflow-y: scroll;
}

header{
  /* display: none; */
}


#body2{
  /* margin-top: -0.3vw; */
  height: 6vw;
  width: 100%;
  background-color: rgb(0, 0, 0);
  position: relative;
  z-index:999999;
}

#logo2{
  position: absolute;
  width: 7%;
  padding: 0%;
  top: 19.9%;
  right: 46.5%;
  z-index: 10000;

}


/* @media only screen and (min-width: 1800px) {
  header{
    display: block;
  }
} */



@media only screen and (min-width: 1200px) {
#body2{
height:85px;
  }
}


#mediascreenonoff{
color: white;
margin: 0;
width: 100%;
background-color: black;
text-align: center;
font-weight: 400;
font-size: 6vw;
margin-bottom: 0;
display: none;
}

footer {
  /* position: fixed; */
  width: 100%;
  margin-top: -14px;
  background-color: rgb(255, 255, 255);
  margin-bottom: 12px;
}

#impressum {
max-width: 1000px;
margin: 0 auto;
padding-top: 100px;
font-size: 11px
}

.impressumtext {
  column-count: 3;
}

ul {
  display: table;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  margin-top:0;
  margin-bottom: 0;
  padding-top: 29px;
}

.footerliste {
  display: inline;
  text-align: center;
  color:grey;
  float: left;
  opacity: 0.7;
  padding:5px;
}

.footertext {
  font-family: verdana;
  font-weight: 20;
  font-size: 12px;
  text-decoration: none;
  color:grey;

  border-right: 2px solid rgb(204 204 204);
  padding-left: 0px;
  padding-right: 10px;
}

.last{
  border:none;
}



@media only screen and (max-width: 740px) {
  /* #werbung img {
    min-width:280px !important ;
  } */
  #nav {
    height:59px !important;
  }
  #navrechts {
    height:59px !important;
  }
  #navlinks{
    height:59px !important;
  }
  #logo {
    width: 70px !important;
    padding-top: 13px !important;
    margin-right: 15px !important;
  }
}

#nav {
  width:100%;
  height:120px;
  background-color: white;
}


/* WERBUNG AUSGESCHALTET */
/* #werbung {
  display: none;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

#werbung img{
  width: 100%;
  top: 50%;
  margin-top: 4px;
  min-width: 530px;
} */

#gallerie{
  position: relative;
  max-width: 1400px;
  overflow: hidden;
  display: flex;
}

#navlinks {
  width:38%;
  height: 120px;
  background-color: white;
  float:left;
}

#navrechts {
  width:50%;
  height: 120px;
  background-color: white;
  float: right;
}

#manuicon {
  height:74px;
  padding-top:25px;
  margin-left:12%;
  opacity: 0.8;
}

#logo {
  display: block;
  width:150px;
  float: right;
  padding-top:22px;
  margin-right: 30px;
  opacity: 0.7;
}

#hintergrund {
  width:100%;
  position: relative;
}

#hintergrundvordergrund {
  position: absolute;
  width:100%;
  left:0;
  top:0;
  z-index: 1000;
}

#bilderrahmenimg {
  position: absolute;
  left:50%;
  margin-left: -10%;
  box-shadow: -3px 3px 8px #404040;
}

#uploadfoto {
  position: absolute;
  border-width: 2px;
  border-style: inset;
  border-top-color: hsla(0, 100%, 100%, 0.6);
  border-left-color: hsla(0, 100%, 100%, 0.2);
  border-right-color:#F0F0F0;
  border-bottom-color:White;

}

@media only screen and (min-width: 1400px) {
  .uploadphotomediascreen {
    max-width: 406px !important;
    max-height: 390px !important;
  }
  footer{
    width:1400px;
  }
}

@media only screen and (min-width: 1400px) {
  .uploadfotochangemediascreen {
    max-width: 580px !important;
    max-height: 500px !important;
  }
}

#bilderrahmen{
  position: absolute;
  top:0;
  background-color: rgb(253 253 253);
  z-index: 10;
  border-style: solid;
  border-color:  rgb(23 17 11 );
 -moz-box-shadow:    inset 0 0 7.5px #000000, 4px 4px 6px hsla(0, 0%, 0%, 0.45);
   -webkit-box-shadow: inset 0 0 7.5px #000000, 4px 4px 6px hsla(0, 0%, 0%, 0.45);
   box-shadow:         inset 0 0 7.5px #000000 , 4px 4px 6px hsla(0, 0%, 0%, 0.45);
}


#bilderrahmen2preview {
  width: 100%;
  height:100%;
  background-color: white;
  z-index: 999999;
  position: absolute;
}


#imgpreview{
  position: absolute;
  width:20%;
  left:40%;
  top:28%;
  opacity: 0;
}

#imgpreview2{
  position: absolute;
  width:20%;
  left:40%;
  top:28%;
  opacity: 0;
}


@media only screen and (min-width: 1400px) {
  #bilderrahmen {
    border-width: 13px;
  }
}


#ambienteextra  {
  position: absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  opacity: 0.5;
  mix-blend-mode: hard-light;
  clip: rect(0px, 490px, 490px, 0px);
  z-index: 999;
  display: none;
}


label {
  top: 13%;
  left:5.1%;
  width:5.5%;
  opacity: 0.75 ;
  position: absolute;
  z-index: 100000;

}
label:hover {
opacity: 1;
}

#slideblendevorupload {
  background-color: black;
  width: 38%;
  height: 100%;
  bottom: 0;
  z-index: 99999;
  position: absolute;
  opacity: 0;
}

/* #left{
  height: 100%;
  width: 20px;
  background: linear-gradient(to right, rgba(0,0,0,0.72), rgba(0,0,0,0.7));  left: 0;
  position: absolute;
  z-index: 99997;
  top: 0;

} */

#sliderleft  {
  z-index: 99996;
  position: absolute;
  width: 38%;
  height: 98%;
  top:2%;
  background: linear-gradient(to right, rgba(0,0,0,0.7), rgba(50,50,50,0));
  left: 0px;
}

#sliderleft2{
  background-color:  red;
  z-index: 999999;
  position: absolute;
  width: 38%;
  height: 98%;
  top:2%;
  opacity: 0;
  display: none;
}

#sliderleftblend{
  z-index: 99996;
  z-index: 99996;
  position: absolute;
  width: 27%;
  height: 98%;
  top: 2%;
  left: 11%;
}

#sliderright  {
  background-color:  hsla(0, 0%, 0%, 0.65);/* background: linear-gradient(to left, rgba(0,0,0,0.7), rgba(50,50,50,0), transparent) !important; */
  z-index: 99996;
  position: absolute;
  width: 12%;
  height: 100%;
  left:92%;
  top:0;
  display:none;
}


@media only screen and (max-width: 740px) {
  .bgthumbnail {
    border-width: 1px;
  }
  .bgthumbnail {
    border-width: 1px;
  }
  #balkentop{
  height: 14px !important;
}
  #dreieck{
  border-width: 30px 30px 0 0;
}
  #dreieck2{
  border-width: 20px 20px 0 0;
  top: 15px;
}
  #uploadicontext8c3{
    width: 12px !important;
    padding: 1px !important;
  }
  /* #iconclosemenuleft{
    width: 12px !important;
    padding: 1px !important;
    top: 0px !important;
  } */
}

#sliderright2  {
  background-color:  hsla(0, 0%, 0%, 0);
  z-index: 9999996;
  position: absolute;
  width: 12%;
  height: 98%;
  left:92%;
  top:2%;
  display:none;
}

#sliderright3  {
  background-color:  hsla(0, 0%, 0%, 0);
  z-index: 9999997;
  position: absolute;
  width: 4%;
  height: 98%;
  left:103%;
  top:2%;
  display:none;
  box-shadow: -3vw 0 1.4vw;
}

@media only screen and (min-width: 1400px) {
  #sliderright3 {
    max-width: 1400px;
    box-shadow: -42px 0 19px;
  }
}

#listesliderright {
  list-style: none;
  padding: 0;
  height:85%;
  position: relative;
padding-top: 45%;
display: flex;
justify-content: space-between;
flex-direction: column;
}

#listesliderright li {

}

.bgthumbnail {
  width: 54%;
  border-style: solid;
  border-color: rgb(212, 212, 212);
  margin-left: 14%;
  }

.bgthumbnail:hover {
  border-color: rgb(40, 40, 40);
}

.sliderleftgradient {
  background:linear-gradient(to right, rgba(50,50,50,0.9), rgba(0,0,0,0.6)) !important;

}

#slidesmallmini2  {
  opacity: 1;
  z-index: 99997;
  position: absolute;
  width: 8%;
  height: 26px;
  top:0;
  right:0;
}

#balkentop {
  background-color: black;
  opacity: 1;
  z-index: 99998;
  position: absolute;
  width: 100%;
  height: 26px;
  top:0;
}

#balkentop2 {
  background-color: none;
  width: 100%;
  height: 26px;
  position: absolute;
  top: 26px;
  z-index: 99997;
}

/* #iconclosemenuleft{
  width: 15px;
  position: absolute;
  top: 1px;
  padding: 5px;
  left: 0px;
} */

/* #iconclosemenuleft:hover { opacity: 0.4 !important;}

#iconclosemenulef2:hover {opacity: 0.4 !important;}

#iconclosemenuleft2{
  width: 15px;
  position: absolute;
  left: 6px;
  display: none;
  top: 30px;
  display: none;
} */

/* #iconclosemenuleft:hover {opacity: 0.4 !important;} */

/* #iconshowmenuleft{
  width: 20px;
  left: 14px;
  position: absolute;
  top: 1px;
  display: none;
  padding: 2px;
  } */
}

#closeslider {
  width: 26%;
  bottom: 0.8%;
  left: 31.1%;
  position: absolute;
  opacity: 0.6;
  padding:20px;
}

.font {
  font-family: Andale mono !important;
  font-family: arial !important;
}

/* geimeinsame Klasse Buttons rechts */

.mediascreen:hover {
  filter: invert(0.3);
}

#uploadicontext {
  font-size: 0.8vw;
  color: rgb(204, 204, 204);
  left:14%;
  top: 5%;
  font-family: arial;
  position: absolute;
  z-index: 100001;
  text-align: left;
  letter-spacing: 1em;
}

#uploadicontext2 {
  font-size: 0.8vw;
  color: lightgrey;
  width:95%;
  left:14%;
  top: 5%;
  position: absolute;
  z-index: 100001;
  text-align: left;
  letter-spacing: 1em;
}

@media only screen and (min-width: 1400px) {
  #uploadicontext2 {
    max-width: 1400px;
    font-size: 12px;
  }
}

#uploadicontext5 {
  font-size: 0.8vw;
  color: lightgrey;
  width:95%;
  left:14%;
  top: 22%;
  color: orange;
  position: absolute;
  z-index: 100001;
  text-align: left;
  letter-spacing: 1em;
}

#uploadicontext5b {
  font-size: 0.8vw;
  font-family: arial;
  color: lightgrey;
  width:95%;
  left:14%;
  top: 22%;
  position: absolute;
  z-index: 100001;
  text-align: left;
  letter-spacing: 1em;
  display:none;
}

#uploadicontext7 {
  font-size: 0.8vw;
  color: lightgrey;
  width:95%;
  left:14%;
  top: 37%;
  color: orange;
  position: absolute;
  z-index: 100001;
  text-align: left;
  letter-spacing: 1em;
}

#uploadicontext7b {
  font-size: 0.8vw;
  font-family: arial;
  color: lightgrey;
  width:95%;
  left:14%;
  top: 37%;
  position: absolute;
  z-index: 100001;
  text-align: left;
  letter-spacing: 1em;
  display: none;
}

#uploadicontext11 {
  font-size: 0.8vw;
  font-family: avenir;
  color: lightgrey;
  width:95%;
  left:14%;
  top: 52%;
  color: orange;
  position: absolute;
  z-index: 100001;
  text-align: left;
  letter-spacing: 1em;
}

#uploadicontext11b {
  font-size: 0.8vw;
  font-family: arial;
  color: lightgrey;
  width:95%;
  left:14%;
  top: 52%;
  position: absolute;
  z-index: 100001;
  text-align: left;
  letter-spacing: 1em;
  display: none;
}

#uploadicontext12 {
  font-size: 0.8vw;
  color: lightgrey;
  width:95%;
  left:14%;
  top: 82%;
  color: orange;
  position: absolute;
  z-index: 100001;
  text-align: left;
  letter-spacing: 1em;
}

#uploadicontext12b {
  font-size: 0.8vw;
  font-family: arial;
  color: lightgrey;
  width:95%;
  left:14%;
  top: 82%;
  position: absolute;
  z-index: 100001;
  text-align: left;
  letter-spacing: 1em;
  display: none;
}

#uploadicontext8 {
  width: 15.3px;
  position: absolute;
  top: 52px;
  left: 6px;
  display: none;
}

.leftgradient{background: linear-gradient(to right, rgba(50,50,50,0.88), rgba(50,50,50,0.9)) !important;}

#uploadicontext8b:hover {color: white;}
#uploadicontext8b2:hover {color: white;}
#uploadicontext8c:hover {color: white;}

#uploadicontext8b {
  font-size: 0.8vw;
  color: rgb(125, 125, 125);
  width:10%;
  left:0;
  top: -3.3%;
  position: absolute;
  z-index: 1000001;
  text-align: center;
  letter-spacing: 1em;
  padding:2%;
  padding-left: 3%;
  margin:0;
}

#uploadicontext8b2 {
  font-size: 0.8vw;
  color: lightgrey;
  width:10%;
  right:34%;
  top: -2.65%;
  position: absolute;
  z-index: 1000001;
  text-align: center;
  letter-spacing: 1em;
  padding:2%;
  padding-left: 18%;
  padding-right: 12%;
  padding-bottom: 5%;
  background-color: grey;
  margin:0;
}

#uploadicontext8c {
  font-size: 0.8vw;
  color: rgb(125, 125, 125);
  width:77%;
  left:0;
  top: 12%;
  position: absolute;
  z-index: 1000001;
  text-align: center;
  letter-spacing: 1em;
  padding:2%;
  padding-left: 21%;
  margin:0;
}

#uploadicontext8c2 {
  font-size: 0.8vw;
  color: rgb(167, 167, 167);
  width: 22px;
  position: absolute;
  z-index: 1000001;
  text-align: center;
  margin: 0;
  right: 6px;
  top: 4px;
}

#uploadicontext8c3 {
  font-size: 0.8vw;
  color: rgb(167, 167, 167);
  width: 15px;
  position: absolute;
  z-index: 1000001;
  text-align: center;
  padding: 5px;
  margin: 0;
  right: 1px;
  top: 1p0x;
  display: none;
}

#uploadicontext8c2:hover {opacity: 0.4 !important;}

#uploadicontext8c3:hover {opacity: 0.4 !important;}

#uploadicontext3 {
  font-size: 0.8vw;
  color: lightgrey;
  width:95%;
  left:14%;
  top: 7%;
  position: absolute;
  z-index: 100001;
  text-align: left;
  letter-spacing: 1em;
}

#uploadicontext4 {
  font-size: 0.8vw;
  color: lightgrey;
  width:95%;
  left:14%;
  top: 20%;
  position: absolute;
  z-index: 100001;
  text-align: left;
  letter-spacing: 1em;
}

#uploadicontext6 {
  font-size: 0.8vw;
  color: lightgrey;
  width:95%;
  left:14%;
  top: 35%;
  position: absolute;
  z-index: 100001;
  text-align: left;
  letter-spacing: 1em;
}

#uploadicontext9 {
  font-size: 0.8vw;
  color: lightgrey;
  width:95%;
  left:14%;
  top: 50%;
  position: absolute;
  z-index: 100001;
  text-align: left;
  letter-spacing: 1em;
}

#uploadicontext10 {
  font-size: 0.8vw;
  color: lightgrey;
  width:95%;
  left:14%;
  top: 80%;
  position: absolute;
  z-index: 100001;
  text-align: left;
  letter-spacing: 1em;
}

#uploadicontext13 {
  font-size: 0.8vw;
  color: lightgrey;
  width:95%;
  left:14%;
  top: 65%;
  position: absolute;
  z-index: 100001;
  text-align: left;
  letter-spacing: 1em;
}

#uploadicontext14 {
  font-size: 0.8vw;
  width:95%;
  left:14%;
  top: 67%;
  color: orange;
  position: absolute;
  z-index: 100001;
  text-align: left;
  letter-spacing: 1em;
}

#uploadicontext14b {
  font-size: 0.8vw;
  font-family: arial;
  width:95%;
  left:14%;
  top: 67%;
  position: absolute;
  z-index: 100001;
  text-align: left;
  letter-spacing: 1em;
  display: none;
}

@media only screen and (min-width: 1400px) {
  #uploadicontext {
    max-width: 1400px;
    font-size: 12px;
  }
}

@media only screen and (min-width: 1400px) {
  #uploadicontext3 {
    max-width: 1400px;
    font-size: 12px;
  }
}

@media only screen and (min-width: 1400px) {
  #uploadicontext4 {
    max-width: 1400px;
    font-size: 12px;
  }
}

@media only screen and (min-width: 1400px) {
  #uploadicontext5 {
    max-width: 1400px;
    font-size: 12px;
  }
}

@media only screen and (min-width: 1400px) {
  #uploadicontext6 {
    max-width: 1400px;
    font-size: 12px;
  }
}

@media only screen and (min-width: 1400px) {
  #uploadicontext7 {
    max-width: 1400px;
    font-size: 12px;
  }
}


@media only screen and (min-width: 1400px) {
#uploadicontext8, #uploadicontext8b, #uploadicontext8b2, #uploadicontext8c, #uploadicontext8c2  {
  max-width: 1400px;
  font-size: 12px;
  }
}

@media only screen and (min-width: 1400px) {
#uploadicontext9, #uploadicontext13, #uploadicontext14 {
  max-width: 1400px;
  font-size: 12px;
  }
}

@media only screen and (min-width: 1400px) {
  #uploadicontext10 {
    max-width: 1400px;
    font-size: 12px;
  }
}

@media only screen and (min-width: 1400px) {
  #uploadicontext11 {
    max-width: 1400px;
    font-size: 12px;
  }
}

@media only screen and (min-width: 1400px) {
  #uploadicontext12, #uploadicontext12b, #uploadicontext5b, #uploadicontext7b, #uploadicontext11b, #uploadicontext14b {
    max-width: 1400px;
    font-size: 12px;
  }
}
@media only screen and (min-width: 1400px) {
  #dreieck {
  bottom: 4px;
  border-width: 70.5px 70.5px 0 0;
  }
}



.font2 {color: rgb(251, 223, 75) !important;}

#uploadiconpresent{
  top: 11.3%;
  left:13.6%;
  width:13.8%;
  opacity: 1 ;
  position: absolute;
  z-index: 100000;
  display:none;
}

#uploadiconbackground {
  top: 26%;
  left:13.6%;
  width:14%;
  opacity: 0.85;
  position: absolute;
  z-index: 99999;
}

.uploadiconbackground {
  top: 26%;
  left:13.6%;
  width:14%;
  opacity: 0;
  position: absolute;
  z-index: 100000;
}

#uploadiconcolor {
  top: 41%;
  left:13.6%;
  width:14%;
  opacity: 0.85 ;
  position: absolute;
  z-index: 100001;
}

.uploadiconcolor {
  top: 41%;
  left:13.6%;
  width:14%;
  opacity: 0;
  position: absolute;
  z-index: 100001;
  display: none;
}

.iconrahmengroesse {
  top: 56%;
  left:13.6%;
  width:14%;
  opacity: 0.85 ;
  position: absolute;
  z-index: 100000;
}

#iconuploadwidth, #iconuploadwidth2 {
  top: 71%;
  left:13.6%;
  width:14%;
  opacity: 0.85 ;
  position: absolute;
  z-index: 99999;
}

.iconuploadwidth2 {
  top: 71%;
  left:13.6%;
  width:14%;
  opacity: 0;
  position: absolute;
  z-index: 100000;
}

#iconrahmengroesse {
  z-index: 100001;
  opacity: 0;
  display: none;
}

#iconborderwidth {
  top: 86%;
  left:13.6%;
  width:14%;
  opacity: 0.85 ;
  position: absolute;
  z-index: 99999;
}

.iconborderwidth {
  top: 86%;
  left:13.6%;
  width:14%;
  opacity: 0 ;
  position: absolute;
  z-index: 100000;
}

#iconbgliste {
  top: 26.55%;
  left:33%;
  width:7%;
  opacity: 1 ;
  position: absolute;
  z-index: 99999;
}

input {display: none;}


.animation {
  animation-name: testanimation;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
}

@keyframes testanimation {
  0% {
    background-color: hsla(100, 100%, 100%, 1);
    }
  100% {
    background-color: hsla(100, 100%, 100%, 0);
    }
}

.animation2 {
  animation-name: testanimation2;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
}
@keyframes testanimation2 {
  from {transform:rotate(0deg);}
  to {transform:rotate(360deg);}
}

.animation3 {
  animation-name: testanimation3;
  animation-duration: 2s;
  animation-fill-mode: forwards;
}

@keyframes testanimation3 {
  from {transform:rotate(360deg);}
  to {transform:rotate(0deg);}
}










/* resposiv erster Versuch */
/* @media only screen and (max-width: 600px) {
#sliderright {
background-color: white !important;
height: auto !important;
left: auto !important;
top:109% !important;
width:65% !important;
right: -2% !important;
}
.bgthumbnail {
margin:0 !important;
padding: 0 !important;
width:100% !important;
border-style: none !important;
}
#listesliderright li {
  height:auto !important;
  margin-top: 0.4% !important;
  margin-right: 0 !important;
  width:32% !important;
  display: inline-block !important;
  margin-left: 1.2% !important;
}
#listesliderright {
  height:auto !important;
  margin: 0 !important;
padding:0 !important;
height:auto !important;
}

#nav, #navlinks, #navrechts{
  height:60px !important;
}
#logo {
  width: 65px;
  padding-top: 13px;
  margin-right: 9px;
}
.footertext{
  font-size: 8px;
}

 #gallerie{
   overflow: visible;
 }
 #iconbgliste{
display: none !important;
 }
 #sliderleft {
 width: 37%;
 height: 65.5%;
 top: 109.2%;
 background-color: rgba(10, 10, 10, 1) !important;
}

.font, #uploadicontext  {
  opacity: 0 !important;
  z-index: 0 !important;
}
.mediascreen {
width: 28% !important;

}
#uploadiconcolor {
  left:12% !important;
  top:43% !important;
}
.iconrahmengroesse{
  width: 28% !important;
left:58% !important;
top:43% !important;
}
#iconuploadwidth, #iconuploadwidth2{
left:58% !important;
top: 75% !important;
}
#iconborderwidth{
  left:12% !important;
  top: 75% !important;
}
#uploadiconbackground{
  top: -210% !important;
  opacity: 0 !important;
}
label {
top: 109.2% !important;
left: 0% !important;
width: 11% !important;
padding-top: 3.5% !important;
padding-bottom: 2.5% !important;
padding-left: 4.2% !important;
padding-right: 21.81% !important;
background-color: rgba(57, 54, 47, 1) !important;
}
#uploadiconpresent {
  top: 8.3% !important;
  left: 12.3% !important;
}
#footer {
  margin-top: 47vw !important;
}
.footertext {
font-size: 1.2vw !important;
}
#slidesmallmini2 {

}

} */
/* Ende Versuch resposiv */





/*hover effekte für tablets ausschließen*/



@media(hover: hover) and (pointer: fine) {
    .menu-link:hover {
        /* Targeting devices with mouse cursor and :hover */
    }
}