header {height: 170px;position: relative;}header .logo {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 300px;}header .logo .img {height: 10px;width: 10px;}body {font-family: Arial, Verdana, sans-serif;color: #3e454c;min-height: 100vh;display: flex;flex-direction: column;font-display: swap;}h1{font-size: 32px;font-weight: 600;text-align: center;}h2{font-size: 1.2rem;font-weight: 100;}.leerZeileOben{background-color: #3e454c;padding: 16px;border-bottom-color: #fff;border-bottom-style: solid;border-bottom-width: 1px;}.leerZeileUnten{background-color: #3e454c;padding: 16px;clear: both;border-top-color: #fff;border-top-style: solid;border-top-width: 1px;}.container {box-sizing: border-box;display: flex;justify-content: center;align-items: center;}.containerBG-1{background-image: url('../img/containerBG1-320.jpg');background-repeat: no-repeat;background-size: cover;border-top-color: #fff;border-top-style: solid;border-top-width: 1px;border-bottom: 60px;border-style: solid;border-left: 0px;border-right: 0px;}.containerBG-2{background-image: url('../img/containerBG2-320.jpg');background-repeat: no-repeat;background-size: cover;border-top-color: #fff;border-top-style: solid;border-top-width: 1px;border-bottom: 60px;border-style: solid;border-left: 0px;border-right: 0px;}.containerBG-3{background-image: url('../img/containerBG3-320.jpg');background-repeat: no-repeat;background-size: cover;border-top-color: #fff;border-top-style: solid;border-top-width: 1px;border-bottom-color: #fff;border-bottom-style: solid;border-bottom-width: 1px;}.containerInnen{background-color: rgba(255, 255, 255, 0.7);width: 80%;height: 250px;display: flex;justify-content: center;align-items: center;margin-top: 20%;margin-bottom: 20%;}.containerInnenInner{width: 80%;height: auto;}.rot{color: #c11923;text-transform: uppercase;line-height: 135%;text-align: center;}.blau{color: #1551a3;text-transform: uppercase;line-height: 135%;text-align: center;}.gruen{color: #00a546;text-transform: uppercase;line-height: 135%;text-align: center;}footer {color: #3e454c;text-align: center;padding: 20px;}.buttonRot{background-color: #c11923;border: none;border-radius: 6px;color: #fff;flex-grow: 1;font-size: 15px;line-height: 20px;padding: 0 16px 0 16px;transition: 0.3s;cursor: pointer;height: 90px;position: relative;}.buttonRot:hover{background-color: #545d66;}.buttonBlau{background-color: #1551a3;border: none;border-radius: 6px;color: #fff;flex-grow: 1;font-size: 15px;line-height: 20px;padding: 0 16px 0 16px;transition: 0.3s;cursor: pointer;height: 90px;position: relative;}.buttonBlau:hover{background-color: #545d66;}.buttonGruen{background-color: #00a546;border: none;border-radius: 6px;color: #fff;flex-grow: 1;font-size: 15px;line-height: 20px;padding: 0 16px 0 16px;transition: 0.3s;cursor: pointer;height: 90px;position: relative;}.buttonGruen:hover{background-color: #545d66;}.buttonTextContainer {margin: 0;position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);font-size: 15px;text-align: center;line-height: 26px;width: 160px;}@media (min-width: 425px) {h1 {font-size: 32px;font-weight: 600;text-align: center;}h2{font-size: 26px;font-weight: 100;}header .logo {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 425px;}.buttonTextContainer {margin: 0;position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);font-size: 20px;text-align: center;line-height: 26px;width: 160px;}}@media (min-width: 768px) {h1 {font-size: 48px;font-weight: 600;text-align: center;}h2{font-size: 32px;font-weight: 100;}header .logo {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;}.containerInnen {background-color: rgba(255, 255, 255, 0.7);width: 80%;height: 360px;display: flex;justify-content: center;align-items: center;margin-top: 20%;margin-bottom: 20%;}.buttonTextContainer {margin: 0;position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);font-size: 24px;text-align: center;line-height: 32px;width: 200px;}}@media (min-width: 1024px) {body {font-family: Arial, Verdana, sans-serif;color: #3e454c;min-height: 100vh;display: block;flex-direction: column;font-display: swap;}header .logo {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 700px;}header .logo .img {height: auto;background-image: url('../img/logos-600x51.jpg');background-repeat: no-repeat;background-position: center;width: 700px;}h1{font-size: 32px;font-weight: 600;text-align: center;line-height: 64px;}h2{font-size: 1.4rem;font-weight: 100;}.leerZeileOben{background-color: #3e454c;padding: 16px;border-bottom-color: #fff;border-bottom-style: solid;border-bottom-width: 1px;}.leerZeileUnten{background-color: #3e454c;padding: 16px;clear: both;border-top-color: #fff;border-top-style: solid;border-top-width: 1px;}.container {float: left;width: 33.33%;box-sizing: border-box;display: flex;justify-content: center;align-items: center;}.containerBG-1{background-image: url('../img/containerBG1.jpg');background-repeat: no-repeat;background-size: cover;border-right-color: #fff;border-right-style: solid;border-right-width: 1px;border-bottom: 0px;}.containerBG-2{background-image: url('../img/containerBG2.jpg');background-repeat: no-repeat;background-size: cover;border-bottom: 0px;}.containerBG-3{background-image: url('../img/containerBG3.jpg');background-repeat: no-repeat;background-size: cover;border-left-color: #fff;border-left-style: solid;border-left-width: 1px;}.containerInnen {background-color: rgba(255, 255, 255, 0.7);width: 80%;height: 250px;display: flex;justify-content: center;align-items: center;margin-top: 20%;margin-bottom: 20%;}.buttonRot{background-color: #c11923;border: none;border-radius: 6px;color: #fff;flex-grow: 1;font-size: 15px;line-height: 20px;min-width: 185px;padding: 0 16px 0 16px;transition: 0.3s;cursor: pointer;height: 90px;position: relative;}.buttonBlau{background-color: #1551a3;border: none;border-radius: 6px;color: #fff;flex-grow: 1;font-size: 15px;line-height: 20px;min-width: 185px;padding: 0 16px 0 16px;transition: 0.3s;cursor: pointer;height: 90px;position: relative;}.buttonGruen{background-color: #00a546;border: none;border-radius: 6px;color: #fff;flex-grow: 1;font-size: 15px;line-height: 20px;min-width: 185px;padding: 0 16px 0 16px;transition: 0.3s;cursor: pointer;height: 90px;position: relative;}.buttonTextContainer {margin: 0;position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);font-size: 20px;text-align: center;line-height: 26px;}}@media (min-width: 1440px){}.buttonRot {margin-bottom: 36px;}}@media (min-width: 1680px){}.buttonRot {margin-bottom: 0px;}}