html,body { height: 100%; }
body { margin: 0px; padding: 0px; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; line-height: normal; image-rendering: -webkit-optimize-contrast; }

.backg { background-color: #71be45; }

.wrapper { width: 100%; height: 100%; position: absolute; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.abstand { margin-bottom: 30px; }





body, td, p, .n, blockquote 	{ font-family: 'Roboto Condensed',tahoma,arial; font-size: 17px; line-height: 24px; color: #000000; font-weight: 400; }
H1 								{ font-family: 'Roboto Condensed',tahoma,arial; font-size: 30px; line-height: 32px; margin: 0px; color: #71be45; font-weight: 900; text-transform: none; letter-spacing: -0.01em; }

.box 				{ padding: 30px 60px; width: 100%; background-color:#FFFFFF; display: inline-block; text-align: center; position: relative; box-shadow: 0px 3px 44px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 3px 44px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 44px 0px rgba(0,0,0,0.2); }


.logo img { width: 100%; max-width: 190px; height: auto; }

a								{ font-family: 'Roboto Condensed',tahoma,arial; font-size: 17px; color: #71be45; font-weight: 400; text-decoration: none; }
a:hover							{ color: #71be45; text-decoration: underline; }





/* Kleine Geräte (Tablets, 768px und breiter (col-sm-)) */
@media (min-width: 768px) { 
body, td, p, .n, blockquote 	{ font-size: 16px; line-height: 22px; }
H1 								{ font-size: 42px; line-height: 44px; }

.box 				{ padding: 40px 70px; }

.logo img { width: 100%; max-width: 190px; height: auto; }

a 					{ font-size: 16px; }
} 

/* Mittlere Geräte (Desktop-PCs, 992px und breiter (col-md-)) */
@media (min-width: 992px) {
body, td, p, .n, blockquote 	{ font-size: 17px; line-height: 24px; }
H1 								{ font-size: 48px; line-height: 50px; }

.box 				{ padding: 45px 80px; }

.logo img { width: 100%; max-width: 210px; height: auto }

a 					{ font-size: 17px; }
}

/* Große Geräte (Desktop-PCs, 1200px und breiter (col-lg-)) */
@media (min-width: 1200px) { 
body, td, p, .n, blockquote 	{ font-size: 18px; line-height: 26px; }
H1 								{ font-size: 52px; line-height: 54px; }

.box 				{ padding: 50px 90px; }

.logo img { width: 100%; max-width: 220px; height: auto; }

a 					{ font-size: 18px; }
}