@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
/*@import url('https://fonts.googleapis.com/css?family=Glegoo:400,700');*/

body {
font-family: 'Roboto', sans-serif;
  font-weight: 300 !important;
  font-size: 18px !important;
  line-height: 150% !important;
  color: #111 !important;
}

h1, h2, h3, h4, h5 {
  margin-top: 0px !important;
 font-family: 'Roboto', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

h1 {
  font-size: 46px !important;
  font-weight: 400 !important;
  color: #111 !important;
  margin-bottom: 18px !important;
 text-transform:uppercase;
}

h2 {
	/*font-family: 'Glegoo', serif;*/
	font-family: "discourse-wide",sans-serif;
	font-size: 26px !important;
	font-weight: 400 !important;
	color: #111 !important;
	margin-bottom: 4px !important; 
	text-transform:uppercase;
}

h3 {
  font-size: 24px !important;
  font-weight: 500 !important;
  color: #111 !important;
  margin-bottom: 8px !important;
	 text-transform:uppercase;
}


#banner-text h2 {
	font-family: 'Roboto', sans-serif;
	font-size:30px !important;
	font-weight:700 !important;
	text-transform:none !important; 
	margin-top:6px !important;
	margin-bottom:0px !important; 
	color:#fff !important; 
	letter-spacing:2.4px; 
}

#banner-text h3 {
	font-family: 'Roboto', sans-serif;
	font-size:22px !important;
	font-weight:300 !important;
	text-transform:none !important; 
	margin:0px !important; 
	color:#fff !important;
}


footer h1 {
	font-family: 'Roboto', sans-serif;
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #111 !important;
	margin-bottom: 6px !important;
	text-align: left;
    line-height:100%;
}

footer p {
	font-family: 'Roboto', sans-serif;
  color: #111;
  line-height: 140%;
  font-weight: 400;
  font-size: 14px;
}


body.wohnungen {
  font-size: 16px !important;
}




/* Listen */
ul {  margin-left: -15px; }

ul {
  list-style: none;
  padding: 0;
  margin: -5px;
}

li {
  padding-left: 1em; 
  text-indent: -.7em;
  line-height:120% !important; 
  margin-bottom:8px; 
}

li::before {
  content: "• ";
  color: #333; 
}








/* Linkstile  Section Weiss*/
a { outline: none !important;  }
main a img {   border: 0px;  outline: none; }
main a, main a:visited {  color: #111;  text-decoration: underline; }
main a.download {  color: #111;  text-decoration: underline; }
main a.internal-link {  color: #111;  text-decoration: underline; }
main a.external-link-new-window {  color: #111;  text-decoration: underline; }
main a.mail {  color:#111;  text-decoration: underline; }
main a.pdf {  color: #111;  text-decoration: underline; }

main a:hover, main a.internal-link:hover, main a.external-link-new-window:hover, main a.internal-link-new-window:hover, main a.pdf:hover, main a.download:hover, main a.mail:hover {
  color:#111;
  background-color:rgba(250,193,137,1.00) !important;  }


/* Footer Linkstile */
footer a, footer a:visited, footer a:focus {
  color: #111 !important;
  text-decoration: none;
  text-decoration: underline !important;
}

footer a:hover {
  color:#666 !important; 
  text-decoration: underline !important;
}

a.megura, a.megura:visited, a.megura:focus {
  text-decoration: none;
  color: #999 !important;
  font-size: 11px;
  padding: 0px;
}





/* RESPONSIVE FONTS
 -------------------------------------------------- */
@media screen and (max-width: 767px) {
  footer h1 {    margin-bottom: 8px !important; }
}


@media screen and (max-width: 620px) {
	h1, .h1 {   font-size: 30px !important; }
	h2, .h2 {   font-size: 22px !important; }
	h3, .h3 {   font-size: 18px !important; } 
	#banner-text h2 { font-size:28px !important; }
	#banner-text h3 { font-size:20px !important; }
}

@media screen and (max-width: 480px) {
	h1, .h1 {    font-size: 28px !important; }
	h2, .h2 {    font-size: 20px !important; }
	h3, .h3 {    font-size: 18px !important; }
	footer p {    font-size: 15px; }
	body {	  font-size: 16px !important;	}
	#banner-text h2 { font-size:26px !important; }
}




/* TYPPO 3 BACKEND RTE SETTINGS
 -------------------------------------------------- */
.htmlarea-content-body {
  background-color: #fff; }

.htmlarea-content-body {
font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #333 !important; }

.htmlarea-content-body a.linkbox {
  border: 1px solid #6d7478 !important;
  color: #6d7478;
  text-decoration: none !important; }

.htmlarea-content-body h1, .htmlarea-content-body h2, .htmlarea-content-body h3, .htmlarea-content-body h4, .htmlarea-content-body h5, .htmlarea-content-body h6 {
font-family: 'Roboto', sans-serif;
  color: #111 !important;
  line-height: 120%;
	margin-bottom:8px !important; 

}

.htmlarea-content-body h1 { font-size:20px !important; }
.htmlarea-content-body h2 { font-size:18px !important; }
.htmlarea-content-body h3 { font-size:16px !important; }


.htmlarea-content-body a, .htmlarea-content-body a:hover {
  color: #111;
  text-decoration: underline; }