/* nunito-regular - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/nunito-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Nunito Regular'), local('Nunito-Regular'),
       url('../fonts/nunito-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nunito-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nunito-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nunito-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nunito-v10-latin-regular.svg#Nunito') format('svg'); /* Legacy iOS */
}
/* nunito-italic - latin */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/nunito-v10-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Nunito Italic'), local('Nunito-Italic'),
       url('../fonts/nunito-v10-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nunito-v10-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nunito-v10-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nunito-v10-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nunito-v10-latin-italic.svg#Nunito') format('svg'); /* Legacy iOS */
}
/* nunito-700 - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/nunito-v10-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Nunito Black'), local('Nunito-Black'),
       url('../fonts/nunito-v10-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nunito-v10-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nunito-v10-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nunito-v10-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nunito-v10-latin-900.svg#Nunito') format('svg'); /* Legacy iOS */
}


body {
	font: 18px/25px 'Nunito',sans-serif,'Helvetica Neue',Helvetica,Arial;
	color:#000000;
	-moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;

}


.grey {
	background-color: #f5f5f5;
}

.purple {
	background-color: #2d1e37;
	color:#ffffff;
}

.yellow {
	background-color: #e8d222;
}

.black {
	background-color: #000000;
	color:#ffffff;
}

.container {
	margin-bottom: 20px;
}

.row {
	margin-bottom: 0;
}

h1, .h1 { 
	font-size: 14px;
	line-height: 14px;
    text-transform: uppercase;
    letter-spacing: 0.20em;
    margin: 30px 0 10px 0;
    color: #000000;
}

h2, .h2 { 
	font: 38px/40px 'Nunito',sans-serif,'Helvetica Neue',Helvetica,Arial;
    text-transform: uppercase;
    letter-spacing: 0.10em;
    margin: 60px 0 35px 0;
    color:#000000;
}

h2.y, .h2 {
	color:#e8d222;
}

h2.w {
	color:#ffffff;
}


h3, .h3 {
	font: 27px/40px 'Nunito',sans-serif,'Helvetica Neue',Helvetica,Arial;
	letter-spacing: 0.10em;
	text-transform: uppercase;
	margin-top: 30px;
	font-weight: bold;
}

#angebot h3 {
	font: 38px/40px 'Nunito',sans-serif,'Helvetica Neue',Helvetica,Arial;
    text-transform: uppercase;
    letter-spacing: 0.10em;
    margin: 60px 0 35px 0;
    color:#000000;
}

#angebot h3 span {
	font-weight: 900;
}

#impressum h2, #datenschutz h2 {
	font: 18px/25px 'Nunito',sans-serif,'Helvetica Neue',Helvetica,Arial;
	letter-spacing: 0.10em;
	color:#000000;
	text-transform: uppercase;
}

p {
	margin: 0 0 20px;
}

i {
	font-style: italic;
	font-size: 14px;
	line-height: 12px;  
}

a, a:link, a:visited { 
	color: #000000;
}

a:hover { 
	text-decoration: underline;
}


#leistungen p, .uppercase {
	text-transform: uppercase;
}


#datenschutz ul { 
	list-style-type:none;
	padding-left: 15px;
}


#datenschutz ul li:before { 
	content: "\2013\A0";
	margin-left: -15px
}


#angebot ul { 
	list-style-type:none;
	padding-left: 15px;
}

#angebot li { 
	margin-bottom: 10px;
    padding-left: 20px;
}

#angebot ul li:before { 
	content: "\00BB";
	font-weight: 900;
	font-size: 35px;
	color:#e8d222;
	margin-left: -34px;
    margin-right: 15px;
    vertical-align: bottom;
    margin-bottom: 2px;

}

.preis {
	font: 45px/35px 'Nunito',sans-serif,'Helvetica Neue',Helvetica,Arial;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color:#e8d222;
    font-weight: 900;
}

.ms-inner-controls-cont {
	max-width: 100% !important;
}

.nopadding {
	padding:0;
}


.navbar {
	border: none;
}

.navbar-default {
	background-color: #E6E6E6;
	border-color: #E6E6E6;

}

.nav.navbar-nav {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.navbar-default .navbar-nav>li>a {
	font-size: 14px;
	line-height: 14px;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}


.navtop {
	margin-top:70px;
}

footer {
	height: 40px;
	margin-top: 0;
}

footer a {
	font-size: 12px;
	line-height: 40px;
	padding: 12px 10%;
	letter-spacing: 0.10em;
	text-transform: uppercase;
}


.sticky-active {
	position: fixed;
	left:0;
	right:0;
	margin: 0 auto;
    z-index: 999;
    background-color: #E6E6E6;
}


@media (max-width: 933px) {
	.navtop {
		margin-top:90px;
	}
}



@media (max-width: 767px) {

	.navtop {
		margin-top:70px;
	}

	.nav.navbar-nav {
		display: block;
		text-align: center;
		justify-content: initial;
		flex-wrap: initial;
	}

	.uppercase {
		padding-top: 15px;
	}

	footer {
		height: 90px;
    	padding-top: 10px;
	}

	footer .text-left, footer .text-right  {
		text-align: center;
	}

}


@media (max-width: 479px) {
	.logo img {
		width: 80% !important;
		height: auto !important;
	}

	.kontakt p {
		font-size: 15px;
	}
	h3, .h3 {
		font-size: 25px;
	}
}


@media (min-width: 768px) {
	.navbar {
		border-radius: 0;
	}

	.navbar-nav {
		float: none;
	}

	.navbar-nav>li>a {
    	padding-top: 18px;
	}

	.collapse {
		display: block!important;
	}
}

@media (min-width: 992px) {
	.col-md-4 {
	    width: 33.33333333%;
	    padding: 0 45px;
	}	

	.border {
		border-left: 1px solid #cccccc;
		padding-right: 0;
	}


	#angebot ul {
    	padding-right: 30px;
	}

	#angebot h3 {
    	margin: 0 0 35px 0;
	}

}

@media (min-width: 1200px) {
	.navbar-nav>li {
    	padding: 0 25px;
	}
}

@media only screen and ( min-width: 1200px ) {
    .br::before {
        content: "\A";
        white-space: pre;
    }
}