@media screen and (max-width: 1699px) {
 h1 { font-size: 50px; line-height: 60px; }
 h2 { font-size: 26px; line-height: 36px; }
}

@media screen and (max-width: 1499px) {
 body { font-size: 17px; }
 h1 { font-size: 40px; line-height: 50px; }
 h2 { font-size: 22px; line-height: 30px; }
 #resp_termin { opacity: 1; }
}

@media screen and (max-width: 1079px) {
 #rahmen { margin: 54px; width: calc(100vw - 108px); height: calc(100vh - 108px); }
 .rahmen_content_teiler { width: 100%; }
 .rahmen_content_teiler img { max-width: 60%; margin: auto; display: block; }
 footer { padding: 0 0 10px 0; }
}

@media screen and (max-width: 1023px) {
 body { background-size: contain; background-image: none; overflow-x: hidden; }
 #resp_termin { top: 75px; right: -100px; padding-right: 100px; }
 #rahmen { background-color: rgba(0,30,80,0.65); }
 #rahmen_content { display: block; padding: 50px 40px; }
 .rahmen_content_teiler { padding: 10px 0; }
 .logo_vw { left: auto; right: 0; }
 .linie_3 { left: 96%; right: 0; }
 .linie_2 { right: calc(20% + 50px); }
 .responsive { display: block; max-width: 100%; }
}

@media screen and (max-width: 799px) {
 #resp_termin { top: 80px; }
 #rahmen_content { padding-top: 70px; }
 footer { font-size: 14px; }
}

@media screen and (max-width: 639px) {
 #rahmen { margin: 20px; width: calc(100vw - 40px); height: auto; border-top: 1px solid var(--weiss); }
 #rahmen_header { height: auto; margin-top: 0; }
 h1 { font-size: 30px; line-height: 40px; }
 h1 br { display: none; }
 h2 { font-size: 20px; line-height: 28px; font-weight: 700; }
 #resp_termin { font-size: 13px;  position: relative; top: 0; right: 0; left: 0; margin: auto; display: block; max-width: 270px; margin: 30px auto 0 auto; padding-right: 10px; }
 #rahmen_content { padding: 40px 25px 10px 25px; }
 .rahmen_content_teiler img { max-width: 80%; }
 footer {  margin-top: 0; }
 footer ul li { display: block; }
 footer ul li::after { display: none; }
 .logo_fink { position: relative; left: 0; margin: 15px auto; transform: none; }
 .logo_vw {  position: relative; left: auto; top: auto;  margin: 30px auto 10px auto; transform: none; }
 .linie_1, .linie_2, .linie_3  { display: none; }
}

@media screen and (min-height: 1300px) {
 #rahmen { height: auto; }
 #rahmen_content { min-height: 0; }
}