@charset "UTF-8";

html, body 		{font-family: 'Ubuntu', sans-serif; font-weight: 300;font-size: 1rem;color: #111;background-color: #b2c1c6; padding: 0;margin: 0; width: auto; height: auto;
				background-image: url("images/hintergrund-mobil.jpg");background-position: center top; background-size: 100% auto; background-repeat: no-repeat}

h1 {font-family: 'Ubuntu Condensed', sans-serif; font-size: 1.4rem; color: #2d3847}
h2.unterzeilen {font-family: 'Ubuntu Condensed', sans-serif; font-size: 1.0em;color: #fff;line-height: 1.6rem}
h2 {font-family: 'Ubuntu Condensed', sans-serif; font-size: 1.6rem}
h3 {font-family: 'Ubuntu Condensed', sans-serif; font-size: 1.3rem}
h4 {font-family: 'Ubuntu Condensed', sans-serif; font-size: 1.6rem}
h3.kasten-rot 			{padding: 10px 15px 22px;color: #fff;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;margin: 0 0 35px;background-image: url("images/kasten-rot-nubsi.png");background-repeat: no-repeat;background-position: bottom left}
h4.kasten-blau 			{padding: 20px 25px 48px;color: #fff;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;margin: 35px 0 35px;background-image: url("images/kasten-blau-nubsi.png");background-repeat: no-repeat;background-position: bottom left}
.zitat 					{color: #2d3847; font-size: 0.65em; position: relative; margin: -55px 0 0 135px; font-weight: 500;}
.mittig 				{text-align: center}
.horizontal-zentriert 	{display: flex; align-items: center}
.karte 					{padding: 0}
.karte iframe 			{margin: 0 0 -5px 0;}
img 					{max-width: 100%;height: auto}

.abovethefold 			{height: 100%; width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-flow: column;flex-flow: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.footer 				{background-color: rgba(159, 175, 181, 0.5);padding: 55px 0;font-size: 0.75rem;}
.header 				{padding-bottom: 55px;padding-top:20px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.frame-container 		{position: relative;width: 100%;padding-right: 20px;padding-left: 20px;margin-right: auto;margin-left: auto;max-width: 960px;}

.logo-wrapper 			{display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center}
.logo 					{width: 170px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.logo-schrift 			{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-line-pack: center;align-content: center;width: 300px;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 0 0 0 20px;}

.icons.desktop 			{display: none}
.icons.mobil 			{display: -webkit-box;display: -ms-flexbox;display: flex;padding: 25px 0}

.h2.unterzeilen {}
.icons 					{width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.icon-bild 				{}
.icon-bild p 			{color: #fff;font-size: 0.65em;font-weight: 400; text-align: center}

.wrapper 				{padding: 0 0 }
.footer a 				{color: #fff;text-decoration: none}
.footer .col-md-3 		{margin-bottom: 25px}

ul 						{list-style: none;padding: 0;margin: 0}
ul li 					{padding: 0 0 8px 15px;background-image: url("images/bullet.png");background-repeat: no-repeat;background-position: 0 1px}
ul li.abstand			{margin: 15px 0 0 0}
ul li.abstand a			{color: #2d3847}

strong 					{font-weight: 500}

.download 				{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column}
.download-bild 			{float: left;margin: 0 15px 0 0 }
.download-text 			{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-line-pack: center;align-content: center}

.portrait img 			{margin: 0 0 15px}

@media (min-width: 768px) {
	html, body 			{background-image: url("images/hintergrund.jpg");background-position: center top;background-size: 100% auto;background-repeat: no-repeat}
}

@media (min-width: 992px) {
	.header 			{padding-top: 55px}
	.icons 				{width: 240px}
	.logo-wrapper 		{width: auto;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between}
	h1 					{font-family: 'Ubuntu Condensed', sans-serif; font-size: 1.8rem; color: #2d3847}
	h2.unterzeilen 		{font-family: 'Ubuntu Condensed', sans-serif; font-size: 1.2rem;color: #fff;line-height: 1.6rem}
	.icons.desktop 		{display: -webkit-box;display: -ms-flexbox;display: flex}
	.icons.mobil 		{display: none}
	.wrapper 			{padding: 0 0 55px 0}
}