/* Eigene CSS Definitionen */

body {
font-size: 1.1rem;
}

.h1, h1 {
font-family: 'Open Sans Condensed', sans-serif;
font-size: 2.25rem;
}

.h2, h2 {
font-family: 'Open Sans Condensed', sans-serif;
font-size: 2rem;
}

.h3, h3 {
font-family: 'Open Sans Condensed', sans-serif;
font-size: 1.5rem;
}

.h4, h4 {
font-family: 'Open Sans Condensed', sans-serif;
font-size: 1.25rem;
}

.h5, h5 {
font-family: 'Open Sans Condensed', sans-serif;
font-size: 1.1rem;
}

.text-left {
text-align:left !important;
}



a {
color: #0D3F96;
}

a:focus, a:hover {
color: #0275d8;
text-decoration: none;
}

a[href*=top],
a.kontaktlink {
background: #0D3F96;
color: #fff;
margin-top: 25px !important;
padding:.5em 1em;
}

img {
	max-width: 100%;
	height: auto;
}

.pageheader {
	padding-top: .8rem;
	padding-bottom: .8rem;
	font-size: 80%;
}

.pageheader .form-control,
.pageheader .btn {
	font-size: 80%;
}

.jumbotron {
	display: none;
}

.jumbotron .container {
	background: rgba(255,255,255,.6);
	padding: 1rem;
}

.homepage .maincontent {
	margin-top: 2rem;
 }

@media screen  and (min-width:601px){
	 .jumbotron {
		 display: block;
	 }

	.homepage .maincontent {
		margin-top: 0;
	}
}

/* Mehr Abstand auf Subpages ohne Jumbotron */
body.subpage .mainnav {
	margin-bottom: 2rem;
}

.languagemenu span,
.languagemenu a {
	display: inline-block;

}

.languagemenu a:active,
.languagemenu a:focus,
.languagemenu a:hover {
	text-decoration: none;
}

.languagemenu span:after,
.languagemenu a:after {
	content: "|";
	padding: 0 10px;
	color: #eee;
}

.languagemenu span:last-child:after,
.languagemenu a:last-child:after {
	content: "";
	padding: 0;
}

.metanav {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.metanav li {
	display: inline-block;
	margin-right: 1rem;
}

.metanav li:last-child {
	margin-right: 0;
}

.breadcrumb {
	padding: 0.75rem 0;
	margin-bottom: 1rem;
	list-style: none;
	background-color: transparent;
	font-size: 90%;
	border-bottom: 1px solid rgba(0,0,0,.1);
}

.mysubnav a.current {
	font-weight: bold;
}



/* Eigene Rahmen fuer content elemente */
.frame-bluebox, .frame-greybox {
	padding: 1rem;
	margin: 0 0 0 1rem;
}

.frame-bluebox {
	background: #006;
	color: #fff;
}

.frame-bluebox a, .frame-bluebox a:visited { color: #ff0; }

.frame-greybox { background: #ccc; }



/* Responsive Videos */
.video-embed {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-embed iframe, .video-embed object, .video-embed embed, .video-embed video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
	margin: 0;
	padding: 0;
}



/* Workaround fuer Responsive Videos in Verbindung mit fluid_styled_content */
.frame-layout-5 .ce-center .ce-inner {
	position: relative;
	float: none;
	right: -50%;
}

.frame-layout-5 .ce-textpic, .frame-layout-5 .ce-image, .frame-layout-5 .ce-nowrap .ce-bodytext, .frame-layout-5 .ce-gallery, .frame-layout-5 .ce-row, .ce-uploads li, .frame-layout-5 .ce-uploads div {
	overflow: visible;
}

.frame-layout-5 .ce-left .ce-gallery, .frame-layout-5 .ce-column {
	float: none;
}

.frame-layout-5 .ce-gallery figure {
	display: block;
	margin: 0;
}

.frame-layout-5 .ce-center .ce-outer {
	position: relative;
	float: none;
	right: 50%;
}



@media (min-width: 768px) {
#c609,
#c610,
#c611 {
display:none !important;
}
}



/* **************************** Mainnavigation **************************** */
.navbar {
background-color:#fff;
border-bottom: 1px solid rgba(0,0,0,.1);
}

#main-menu {
margin-top: 10px;
float: right;
}

.navbar-header {
float; left;
}

.logo_image {
width:100px;
}

@media (min-width: 768px) {
.sm-simple {
background: rgba(255,255,255,1);
}

.sm-simple ul {
background-color: #eee;
}
}

.sm-simple a, 
.sm-simple a:hover, 
.sm-simple a:focus, 
.sm-simple a:active, 
.sm-simple a.highlighted {
font-size: 1.25rem;
background: rgba(255,255,255,0);
}

.sm-simple ul a,
.sm-simple ul a:hover,
.sm-simple ul a:focus,
.sm-simple ul a:active {
font-size: 1em;
border-left: 8px solid transparent;
}

@media (max-width: 991px) {
.sm-simple a, 
.sm-simple a:hover, 
.sm-simple a:focus, 
.sm-simple a:active, 
.sm-simple a.highlighted {
font-size: 1rem;
padding: 11px 5px 11px 13px;
}

.sm-simple ul a,
.sm-simple ul a:hover,
.sm-simple ul a:focus,
.sm-simple ul a:active {
font-size: .75em;
border-left: 0px solid transparent;
}

.sm-simple a.has-submenu {
padding-right: 20px; /* 32px; */
}

.sm-simple a span.sub-arrow {
right: 10px; /* 20px; */
width: 6px; /* 8px; */
}
}



/* **************************** Slider **************************** */
.tx-ws-flexslider .flexslider {
border: none;
border-radius: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}

.tx-ws-flexslider .flex-control-nav {
display: none;
}

.tx-ws-flexslider .caption-text {
display: none;
}



/* **************************** S T A R T S E I T E **************************** */
/* Rootline */
.layout-pagets__spalten_2_1_5x2 .rootline {
display:none;
}



.layout-pagets__spalten_2_1_5x2 h1 {
font-size:3rem;
letter-spacing:.05em;
text-align: center;
}

.layout-pagets__spalten_2_1_5x2 h2 {
text-align: center;
}

.layout-pagets__spalten_2_1_5x2 h3 {
letter-spacing:.05em;
text-align: center;
}

.layout-pagets__spalten_2_1_5x2 p {
text-align: center;
}

@media (max-width: 1199px) {
.layout-pagets__spalten_2_1_5x2 h1 {
font-size:2.25rem;
}
}

@media (max-width: 991px) {
.layout-pagets__spalten_2_1_5x2 h3 {
font-size: 1.25rem;
}

.layout-pagets__spalten_2_1_5x2 .col-md-4 header {
margin: 50px auto !important;
}

#c583 h1 {
font-size:2rem;
}

.layout-pagets__spalten_2_1_5x2 p {
line-height: 1.25;
}
}

@media (max-width: 767px) {
.layout-pagets__spalten_2_1_5x2 h3 {
font-size: 1.15rem;
}

.layout-pagets__spalten_2_1_5x2 .col-md-4 header {
margin: 50px auto !important;
}

#c583 h1 {
font-size:2rem;
}

.layout-pagets__spalten_2_1_5x2 p {
line-height: 1.25;
}
}

@media (max-width: 575px) {
/* .layout-pagets__spalten_2_1_5x2 h3 {
font-size: 1.15rem;
} */

/* .layout-pagets__spalten_2_1_5x2 .col-md-4 header {
margin: 20px auto !important;
} */

/* #c583 h1 {
font-size:2rem;
} */

/* .layout-pagets__spalten_2_1_5x2 p {
line-height: 1.25;
} */
}

.layout-pagets__spalten_2_1_5x2 img {
margin: 5px 0;
}

.layout-pagets__spalten_2_1_5x2 img.logo_image {
margin: 0;
}

#c386 a,
#c575 a,
#c578 a,
#c579 a,
#c582 a,
#c583 a,
#c587 {
color: #333;
}

#c386 a:focus, #c386 a:hover,
#c575 a:focus, #c575 a:hover,
#c578 a:focus, #c578 a:hover,
#c579 a:focus, #c579 a:hover,
#c582 a:focus, #c582 a:hover,
#c583 a:focus, #c583 a:hover,
#c587 a:focus, #c587 a:hover {
color: #0275d8;
}

#c575,
#c578,
#c579,
#c582,
#c583 {
width:80%;
margin:80px 10% 0;
}

#c584,
#c585 {
margin:60px auto;
}

@media (max-width: 1199px) {
#c575,
#c578,
#c579,
#c582,
#c583 {
width:90%;
margin:40px 5% 0;
}

#c584,
#c585 {
margin:20px auto;
}

#c539 {
margin-top:0;
}
}

@media (max-width: 991px) {
#c575,
#c578,
#c579,
#c582,
#c583 {
margin:10px 5% 0;
}

/* #c584,
#c585 {
margin:20px auto;
}

#c539 {
margin-top:0;
} */
}



#c575 p a,
#c578 p a,
#c579 p a,
#c582 p a,
#c583 p a,
#c587 p a {
text-transform:uppercase;
font-size: 1.5rem;
background-color:#eee;
padding:.25em 1em;
font-weight:600;
border-radius: 30px;
}

@media (max-width: 1199px) {
#c575 p a,
#c578 p a,
#c579 p a,
#c582 p a,
#c583 p a,
#c587 p a {
font-size: 1.2rem;
padding:.1em .8em .2em;
border-radius: 20px;
}
}

@media (max-width: 991px) {
#c583 p a {
font-size: 1rem;
}
}

#c575 p a:focus, #c575 p a:hover,
#c578 p a:focus, #c578 p a:hover,
#c579 p a:focus, #c579 p a:hover,
#c582 p a:focus, #c582 p a:hover,
#c583 p a:focus, #c583 p a:hover,
#c587 p a:focus, #c587 p a:hover {
color:#eee;
background-color:#333;
}



/* Startseite Logo / Slider */
.container-fluid.slider {
margin-top:80px;
/* background-image:url(http://immobilien-haupt.de.w0176498.kasserver.com/fileadmin/user_upload/Layout/paper-texture-vol-01-05.jpg); */
}

#c8,
#c604 {
width:80%;
margin: 0 auto;
}

#c8 {
margin-top: 40px;
}

@media (min-width: 1500px) {
#c8 {
margin-top: 100px;
}
}

@media (max-width: 1199px) {
#c8 {
margin-top: 30px;
}
}

@media (max-width: 991px) {
#c8 {
margin-top: 30px;
}
}

@media (max-width: 767px) {
#c8 {
margin-top: 10px;
}
}

#c8 img {
width: 40%;
margin: 0 auto; 
}

#c604 img {
width: 80%;
margin: 0 auto;
}

.flexslider#flexslider-185  {
margin: 0 0 0 !important;
}



/* Firma */
.container-fluid.firma {
background-color:#eeeeee;
}

#c386 {
padding-top:50px;
}

#c386 h2 {
font-size:4.5em;
letter-spacing:.03em;
}

#c386 h3 {
font-size:2em;
letter-spacing:.05em;
}

@media (max-width: 1199px) {
#c386 h2 {
font-size:3.5em;
}

#c386 h3 {
font-size:1.5em;
}
}

@media (max-width: 991px) {
#c386 h2 {
font-size:2.7em;
}

#c386 h3 {
font-size:1.25em;
}
}

@media (max-width: 767px) {
#c386 h2 {
font-size:2em;
}

#c386 h3 {
font-size:1em;
}

.layout-pagets__spalten_2_1_5x2 #c583 header,
.layout-pagets__spalten_2_1_5x2 #c539 header,
.layout-pagets__spalten_2_1_5x2 #c540 header {
margin: 20px auto !important;
}
}

@media (max-width: 575px) {
#c386 h2 {
font-size:1.3em;
}

#c386 h3 {
font-size:1em;
}
}



/* **************************** S E I T E N **************************** */
/* Rootline */
.rootline {
margin-top:70px;
}



/* Liste Subpages */
#c590 ul,
#c591 ul,
#c592 ul,
#c434 ul {
list-style-type: none;
margin-left:-40px;
}

#c590 ul a,
#c591 ul a,
#c592 ul a,
#c434 ul a {
background: #0D3F96;
color: #fff;
padding: .5em 1em;
float: left;
margin: 0 20px 10px 0;
}

#c593 a,
#c589 a,
#c535 a,
#c388 a,
#c59 a,
#c407 a,
#c410 a {
background: #0D3F96;
color: #fff;
padding: .5em 1em;
}



/* Formatierungen in Texten */
header {
margin-bottom: 10px;
}

.objects {
margin-bottom: 2em;
}

h3.text-center {
text-align: center;
color: #0D3F96;
}

´

/* Mask */
.personen_standard {
float:left;
margin-bottom: 50px;
}

.list-group-flush .list-group-item {
border-top: 0;
padding: .75em 0;
}



/* Form */
legend {
color: #0D3F96;
}

label.control-label {
font-weight:bold;
}

[type=checkbox],
[type=radio] {
margin-right:10px;
}

fieldset .row {
margin-bottom:10px;
}

#c573 .submit .btn-primary {
background-color: #0D3F96;
border-color: #0D3F96;
}

#c573 .submit .btn {
border-radius: 0;
}



/* rechte Spalte Unterseiten */
.col-md-4 header,
.col-md-4 .list-view,
.col-md-4 .frame-type-text p {
margin: 0 10px 0 35px !important;
}



/* Subnavigation */
.nav-pills.mysubnav .nav-link {
padding: .25em 1em;
border-radius: 0;
}

.nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover {
background-color: rgba(13,63,150,.8);
}

ul ul {
padding-left: 20px;
}

ul ul a {
line-height:1.25rem;
}



/* Pagination */
.f3-widget-paginator li.current {
padding: 3px 8px !important;
font-size: 12px;
line-height: 1.5;
border-radius: 5px;
background-image: linear-gradient(#fff, #ddd) !important;
border: 1px solid #888;
margin:0 2px;
}

.f3-widget-paginator li a {
padding: 3px 8px !important;
font-size: 12px;
line-height: 1.5;
border-radius: 5px;
background-color: #2d6ca2 !important;
border: 1px solid #2b669a;
color: #fff;
}

/* Backlink */
.news-backlink-wrap a,
.teaser-text a {
padding: 3px 8px !important;
font-size: 12px;
line-height: 1.5;
border-radius: 5px;
background-color: #2d6ca2 !important;
border: 1px solid #2b669a;
color: #fff;
}



/* **************************** F O O T E R **************************** */

/* Footer */
.pagefooter {
border-top: 1px solid rgba(0,0,0,.1);
font-size: 90%;
padding: 0.75rem 0;
margin-top: 1rem;
}