h6 {
color:#007858;
font-size:20px;
//margin-top:10px;
}


body {
    margin: 0;
    padding: 0;
    overflow-y: hidden;
    background-color: #bfddd5;
      display: flex;
  align-items: center;
  justify-content: center;

    counter-reset: buttons;
}

.upload {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    gap: 1rem;
}
.croppie-container {
margin-left:auto;
margin-right:auto;
    width: 300px;
    height:300px;
    font-size:0px;
    background-color:#bfddd5;
}

.produktinfo {
    color: #007858;
    align-self: top;
//    margin-bottom: 75px;
    margin-top:45px;
    font-size:1.5em;
//    margin-right:200px;
}

.buttons {
    display: left;
    width:200px;
    flex-direction: column;
    align-self: center;
    margin-top: 25px;
}


.buttons .counter::before {
    counter-increment: buttons;
    content: counter(buttons);
    color: #007858;
    font-size: 36px;
}

.counter {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    margin-top: .3em;
    align-items: center;
    border-radius:5px;
}

#vorschau {
	margin-top:0px;
    min-width: 300px;
    width: 300px;
    height: 300px;
    background-image: url("../pix/aachen/aachen_CLP1.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

#offscreen {
    display: none;
    margin-top: 100vh;
    background-image: url('../pix/aachen/aachen_CLP1.jpg');
    background-repeat: no-repeat;
    background-size:100% 100%;
    width:1200px;
    padding-top:99px;
    padding-left:115px;
    height:1200px;
}

.btn-success {
    color: #007858;
    background-color: whitesmoke;
    border-color: #007858;
}

.btn-success:hover {
    background-color: #007858;
    border-color: #007858;
}

#info {
display:none;
z-index:25;
position:absolute;
width:100%;
height:auto;
font-family: 'Lato', sans-serif;
font-weight:400;
font-size:16px;
color:white;
background-color: #007858;
padding:10px;
}

#abbinder {
display:none;
z-index:60;
position:absolute;
margin-top:-320px;
margin-left:5%;
width:90%;
height:180px;
font-family: 'Lato', sans-serif;
font-weight:400;
background-color: #facfae;
padding:10px;
text-align:center;
//cursor:pointer;
border-radius:20px;
-webkit-box-shadow: 8px 9px 8px 4px rgba(84,84,84,0.67); 
box-shadow: 8px 9px 8px 4px rgba(84,84,84,0.67);
overflow:hidden;
}

#f4 {
position:absolute;
z-index:50000;
margin:145px auto auto 45%;/* geändert von 230px*/
color:#007858;
font-size:36px;
cursor:pointer;
}

.insert-bar {
background-color:red;
}