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: #333333; font-weight: 400; }
H1, 
H2 { font-family: 'PT Sans',tahoma,arial; color: #398ac5; font-weight: 400; text-transform: none; margin: 0; }
a { text-decoration: none; color: #398ac5; }
a:hover { text-decoration: none; color: #333333; }

ul.dots 					{ list-style-type: none; padding: 0px; }
ul.dots li 					{ padding-left: 1.3em; padding-top: 5px; padding-bottom: 5px; }
ul.dots li:before 			{ font-family: 'FontAwesome'; content: '\f00c'; margin-left: -1.3em; display: inline-block; width: 1.3em; color: #398ac5; }

.small 			{ color: #333333; }
.weiss 			{ color: #FFFFFF; }
.groesser 		{ color: #398ac5; font-weight: 700; }
a.small 		{ color: #333333; text-decoration: none; }
a.small:hover 	{ color: #333333; text-decoration: underline; }

a.button > .btn	{ color:#FFFFFF; text-decoration:none; background-color: #398ac5; border-radius: 4px; border: 0px solid #398ac5; white-space: normal; font-weight: 700; text-transform: uppercase; }
a.button:hover > .btn { background-color: #68a5d1; } 

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

.row-flex, .row-flex > div[class*='col-'], .row-flex > div[class*='lg-'], .row-flex > div[class*='md-'], .row-flex > div[class*='sm-'], .row-flex > div[class*='xs-'] { 
display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */ 
display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */ 
display: -ms-flexbox;      /* TWEENER - IE 10 */ 
display: -webkit-flex;     /* NEW - Chrome */ 
display: flex; 
-webkit-flex-direction: row; /* Standard */ 
flex-direction: row; /* Standard */ 
-webkit-flex-wrap: wrap; 
flex-wrap: wrap; 
}





body, td, p, .n, blockquote 	{ font-size: 14px; line-height: 20px; }
H1 { font-size: 22px; line-height: 28px; }
H2 { font-size: 19px; line-height: 25px; }
a { font-size: 14px; line-height: 20px; }
a.button > .btn  	{ font-size: 14px; padding: 10px 15px 10px 15px; }
.small, a.small { font-size: 14px; }

.logobalken { position: absolute; width: 100%; background-color: #FFFFFF; z-index: 20; }
.breaker { display: none; }

.ausrichten { text-align: center; }
.groesser { font-size: 24px; line-height: 30px; }
.totop { padding-top: 60px; }
.logo img { width: 200px; height: auto; padding-top: 16px; padding-bottom: 13px; }

/* 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: 26px; line-height: 32px; }
H2 { font-size: 22px; line-height: 28px; }
a { font-size: 16px; line-height: 22px; }
a.button > .btn  	{ font-size: 14px; padding: 10px 15px 10px 15px; }
.small, a.small { font-size: 14px; }

.breaker { display: block; }

.ausrichten { text-align: left; }
.groesser { font-size: 26px; line-height: 32px; }
.totop { padding-top: 60px; }
.logo img { width: 300px; height: auto; padding-top: 18px; padding-bottom: 15px; }
} 

/* 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: 28px; line-height: 34px; }
H2 { font-size: 23px; line-height: 29px; }
a { font-size: 17px; line-height: 24px; }
a.button > .btn  	{ font-size: 15px; padding: 10px 15px 10px 15px; }

.groesser { font-size: 27px; line-height: 34px; }
.totop { padding-top: 70px; }
.logo img { width: 420px; height: auto; padding-top: 20px; padding-bottom: 20px; }
}

/* 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: 31px; line-height: 37px; }
H2 { font-size: 26px; line-height: 32px; }
a { font-size: 18px; line-height: 26px; }
a.button > .btn  	{ font-size: 16px; padding: 10px 15px 10px 15px; }

.groesser { font-size: 28px; line-height: 36px; }
.totop { padding-top: 80px; }
.logo img { width: 480px; height: auto; padding-top: 20px; padding-bottom: 20px; }
}