/* <><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><> Suchfeld <><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><> */ #imgheader { margin-top: 202px; } .titel { background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 40%, #FFFFFF 60%, rgba(255, 255, 255, 0) 100%); margin-bottom: 15px; text-align: center; } .titel h1 { color: #444444; letter-spacing: 1px; font-size: 28px; } .vorstellen { font-size: 24px; padding-bottom: 15px; } .fpframe { width: 79%; margin-right: 1%; float: right; } .fpbox { width: 20%; float: right; } .fpboxinhalt { background-color: #E9E9E9; margin-bottom: 10px; padding: 15px 20px; } .fptitel { font-size: 22px; color: #000000; margin-bottom: 10px; } .fplogo { text-align: center; } /* Normal */ @media screen and (max-width: 2500px) { } @media screen and (max-width: 1920px) { } @media screen and (max-width: 1630px) { } @media screen and (max-width: 1540px) { .fpframe { width: 69%; } .fpbox { width: 30%; } } @media screen and (max-width: 1440px) { #imgheader { height: 0!important; } } @media screen and (max-width: 1360px) { } @media screen and (max-width: 1280px) { } @media screen and (max-width: 1180px) { } @media screen and (max-width: 1080px) { } @media screen and (max-width: 900px) { #imgheader { margin-top: 125px!important; } .titel { margin-top: 25px; } } @media screen and (max-width: 820px) { .fpframe { width: 100%; margin-right: 0; } .fpbox { width: 100%; text-align: center; } } @media screen and (max-width: 736px) { } @media screen and (max-width: 600px) { } @media screen and (max-width: 480px) { #imgheader { margin-top: 90px!important; } } @media screen and (max-width: 400px) { }