h1 {
    padding: 0;
}

h2 {
    padding: 0;
}

h3 {
    color: #39A835;
}

h4 {
    font-weight: normal;
    font-size: 1.2em;
}

.download-info {
    display: flex;
}

.download-info a {
    color: #39A835;
}

.download-info > * {
    flex-shrink: 0;
    align-self: center;
}

.download-info > img {
    margin-right: 40px;
    width: 50px;
}


#download-spec li::before {
    content: "•"; 
    color: #39A835;
    display: inline-block; 
    width: 1em;
    margin-left: -1em
}

.warning {
    color: yellow;
}



/* INPUT Spec */

label {
    display: block;
}

.input-margin {
    margin: 10px 8px;
}

.flex {
    display: flex;
}

.flex-center {
    justify-content: center;
}

.plz-input {
    min-width: 0 !important;
    width: 119px !important;
}

.ort-input {
    min-width: 0 !important;
    width: 200px !important;
}

[type="text"] {
    background-color: transparent;
    border-radius: 8px;
    border: #74CAF2 solid 1.2px;
    padding: 10px 15px;
    color: #74CAF2;
    min-width: 329px;
    box-sizing: border-box;
}

textarea {
    background-color: transparent;
    border-radius: 8px;
    border: #74CAF2 solid 1.2px;
    padding: 10px 15px;
    color: #74CAF2;
    height: 38.4px;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
}

select {
    background-color: transparent;
    padding: 10px 25px;
    border-radius: 8px;
    border: #74CAF2 solid 1.2px;
    min-width: 329px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    outline-width: 0;
    color: #74CAF2;

    background-image: url('../image/config/dropdown-arrow.png');
    background-repeat: no-repeat;
    background-position: center right;
    background-origin: content-box;
}

option {
    background-color: black;
}

.info-box {
    border: 2px solid #39A835;
}

.button {
    color: #39A835;
}

.button-hover:hover {
    background-color: #39A835;
}

.inactive-button {
    border: 2px solid gray;
}

.inactive-button button {
    cursor: default;
    color: white;
    background-color: gray;
}

.button:disabled {
    background-color: gray;
}

[type="checkbox"].image-check {
    display: none;
}

[type="checkbox"].image-check + label {
    cursor: pointer;
    height: 21px;
}

[type="checkbox"]:not(:checked).image-check + label:before {
    content: '';
    background: url('../image/config/check-indi-unchecked.png') center no-repeat;
    width: 20px;
    height: inherit;
    display: inline-block;
}

[type="checkbox"]:checked.image-check + label:before {
    content: '';
    background: url('../image/config/check-indi-checked.png') center no-repeat;
    width: 20px;
    height: inherit;
    display: inline-block;
}