form#angebotForm {
    width: 660px;
}
div#buttonContainer{
	margin-bottom:5px;
	display: flex;
	justify-content: end;
}
label {
    display: block;
	margin-top: 5px;
}

textarea#Email-Content {
    height: 65px;
    margin-top: 4px;
}

div#Ort-Block {
    margin-left: 10px;
}
div#PLZ-Block{width: 35%;}
div#Ort-Block{width: calc(60% + 8px);}
div#Land-Block{width: 49%;}
div#Land-Block select{width: 96%;}
div#Anfrage-Block{width: 50%;}
div#Anfrage-Block input{width: 100%;}
div#Lieferant-Block{width: 49%}
div#Lieferant-Block input{width: 96%;}
div#ustIdNrContainer{width: 50%;}
div#ustIdNrContainer input{width: 100%;}
div#Email-Block{width: 49%;}
div#Email-Block input{width: 96%;}
div#CC-Block{width: 50%;}

#Email {
    cursor: pointer;
}

#hilfe-text {
    margin-bottom: 5px;
}

::placeholder {
    color: #9A9A9A;
}

.borderRedPulse {
    animation: borderRed 1s 0s 3;
}

@keyframes borderRed {
    0% {
        border: 1px solid transparent;
    }
    50% {
        border: 1px solid darkred;
    }
    100% {
        border: 1px solid transparent;

    }
}

@media only screen and (max-device-width: 768px) {
    div#Lieferant-Block{display:inline-block;
        vertical-align: middle;}

    form#angebotForm {
        width:100%;
    }

    textarea#Email-Content {
        width: 100%;
    }
}

@media only screen and (max-device-width: 500px) {
	div#PLZ-Block, 
	div#Ort-Block, 
	div#Land-Block, 
	div#Land-Block select,
	div#Anfrage-Block, 
	div#Lieferant-Block, 
	div#Lieferant-Block input,
	div#ustIdNrContainer,
	div#Email-Block, 
	div#Email-Block input,
	div#CC-Block,
	div#CC-Block input{
		width: 100%;
		margin-left: 0;
	}
}

@media only screen and (max-device-width: 480px) {

    input.CheckoutField {
        width: 100%;
    }

    textarea#Email-Content {
        width: 100%;
    }

    div.success, div.error {
        padding-bottom: 5px;
    }
}