/* Formulare */
#container_form {background:url(../images/bg-kontakt.webp)center center;background-size:cover;margin:0 0 75px 0;min-height:600px;}
section .col:nth-of-type(1) {flex:1 1 37%;max-width:37%;position:relative;}
section .col:nth-of-type(2) {flex:1 1 63%;max-width:63%;padding:95px 14vw 95px 0;}
section h2 {font-family:'assistant-bold',sans-serif;font-size:22px;line-height:30px;font-weight:normal;letter-spacing:3px;text-transform:uppercase;padding:20px 0;margin:0;color:#0F8583;}
/*section .col h2 {font-family:'bitter-italic',sans-serif;font-size:35px;line-height:35px;font-weight:normal;padding:40px 0;margin:0;text-transform:none;letter-spacing:0;color:#0F8583;}*/
#zettel {position:absolute;right:5vw;top:130px;width:360px;height:360px;padding:50px 35px 160px 50px;rotate:-2deg;background:#E0EFEE url(../../../media/layout/stern.svg)no-repeat;background-size:120px;background-position:center 92%;}
section #zettel h3 {font-family:'assistant-bold',sans-serif;font-size:21px;line-height:28px;font-weight:normal;letter-spacing:3px;text-transform:uppercase;padding:0 0 21px 0;margin:0;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 1420px) {
section .col:nth-of-type(2) {padding: 70px 70px 70px 0;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 1260px) {
section .col:nth-of-type(1) {flex:1 1 100%;max-width:100%;}
section .col:nth-of-type(2) {flex:1 1 100%;max-width:100%;padding:60px 25px 60px 35px;}
#zettel {position:static;margin:0 auto;}
section #zettel p {font-size:21px;line-height:28px;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 800px) {
section h2 {padding:15px 0;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 520px) {
#zettel {width:85vw;height:85vw;/*background:#E0EFEE;*/padding:10vw;/*display:flex;flex-direction:column;justify-content:center;*/}
section #zettel p {font-size:17px;line-height:21px;}
}