.thumbnail { padding: 0px; margin: 2px; line-height: normal; background-color: transparent; border: 1px solid #FFFFFF; border-radius: 0px; }
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #FFFFFF; }
.padbilder { padding: 0px; }

html,body { height: 100%; overflow: hidden; }
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: #FFFFFF; font-weight: 400; }
H1 { font-family: 'PT Sans',tahoma,arial; color: #FFFFFF; font-weight: 400; text-transform: none; }
a { text-decoration: none; color: #FFFFFF; }
a:hover { text-decoration: underline; color: #FFFFFF; }

.small 			{ color: #333333; }
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; }

.box { width: 100%; background-color: rgba(0, 0, 0, 0.40); text-align: left; position: relative; border: 0px solid #e6e6e6; border-radius: 10px; padding: 30px; }

#myCarousel, #myCarousel1, #myCarousel2, #myCarousel3 { display: block; }

.carousel {	height: 100%; }
.item {	height: 100%; }
.active { height: 100%; }
.carousel-inner { height: 100%; }
.carousel-control { 
		height: 100%; 
		margin-top: 0px; 
		width: 10%;
		color: #FFF;
		text-shadow: 0 1px 1px rgba(0,0,0,.4);
		filter: alpha(opacity=50); 
		opacity: .5; 
		background-color: transparent; 
		border: 0px; 
		z-index: 20; }
.fill {	background-position: center center; width: 100%; height: 100%; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; } 

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





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

.logo img { width: 310px; height: auto; padding-top: 30px; padding-bottom: 30px; }
img.sterne { width: 65px; height: auto; padding-top: 27px; }

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

.logo img { width: 540px; height: auto; padding-top: 40px; padding-bottom: 40px; }
img.sterne { width: 77px; height: auto; padding-top: 60px; }
} 

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

.logo img { width: 645px; height: auto; padding-top: 40px; padding-bottom: 40px; }
img.sterne { width: 77px; height: auto; padding-top: 64px; }
}

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

.logo img { width: 695px; height: auto; padding-top: 40px; padding-bottom: 40px; }
img.sterne { width: 77px; height: auto; padding-top: 70px; }
}