html,body { height: 100%; }
body { margin: 0px; padding: 0px; -webkit-text-size-adjust: none; line-height: normal; }
body, td, p, .n, blockquote { font-family: 'PT Sans',tahoma,arial; color: #585657; font-weight: 400; }

H1 { font-family: 'PT Sans',tahoma,arial; color: #da6812; margin: 0px; font-weight: 700; text-transform: none; }
a { text-decoration: none; color: #da6812; }
a:hover { text-decoration: none; color: #585657; }

a.button > .btn	{ color:#FFFFFF; text-decoration:none; background-color: #da6812; border-radius: 6px; border: 0px solid #585657; white-space: normal; font-weight: 700; text-transform: uppercase; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
a.button:hover > .btn { background-color: #585657; }

.aligner { display: flex; align-items: center; justify-content: center; height: 100%; }
.aligner-box { width: 100%; text-align: center; }

.box { width: 100%; background-color: rgba(255, 255, 255, 1.0); position: relative; border: 0px solid #e6e6e6; border-radius: 30px; }

.nullpadding { padding: 0px 0px 0px 0px; }
.abstand { margin-bottom: 30px; }





body, td, p, .n, blockquote 	{ font-size: 16px; line-height: 24px; }
H1 { font-size: 28px; line-height: 30px; }
a { font-size: 16px; line-height: 24px; }
a.button > .btn  	{ font-size: 14px; padding: 13px 20px 13px 20px; }

.box { padding: 40px; }
.logo img { width: 180px; height: auto; padding-top: 0px; padding-bottom: 30px; }

/* Kleine Geräte (Tablets, 768px und breiter (col-sm-)) */
@media (min-width: 768px) { 
body, td, p, .n, blockquote 	{ font-size: 16px; line-height: 24px; }
H1 { font-size: 28px; line-height: 30px; }
a { font-size: 16px; line-height: 24px; }
a.button > .btn  	{ font-size: 14px; padding: 13px 20px 13px 20px; }

.box { padding: 50px 60px; }
.logo img { width: 180px; height: auto; padding-top: 0px; padding-bottom: 40px; }
} 

/* Mittlere Geräte (Desktop-PCs, 992px und breiter (col-md-)) */
@media (min-width: 992px) {
body, td, p, .n, blockquote 	{ font-size: 18px; line-height: 27px; }
H1 { font-size: 36px; line-height: 38px; }
a { font-size: 18px; line-height: 27px; }
a.button > .btn  	{ font-size: 15px; padding: 14px 25px 14px 25px; }

.box { padding: 60px 70px; }
.logo img { width: 220px; height: auto; padding-top: 0px; padding-bottom: 50px; }
}

/* Große Geräte (Desktop-PCs, 1200px und breiter (col-lg-)) */
@media (min-width: 1200px) { 
body, td, p, .n, blockquote 	{ font-size: 20px; line-height: 30px; }
H1 { font-size: 42px; line-height: 44px; }
a { font-size: 20px; line-height: 30px; }
a.button > .btn  	{ font-size: 16px; padding: 15px 30px 15px 30px; }

.box { padding: 70px 80px; }
.logo img { width: 250px; height: auto; padding-top: 0px; padding-bottom: 60px; }
}