@charset "UTF-8";
@font-face { font-family: 'Sonus'; src: url("../fonts/37210E_0_0.eot"); src: url("../fonts/37210E_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/37210E_0_0.woff2") format("woff2"), url("../fonts/37210E_0_0.woff") format("woff"), url("../fonts/37210E_0_0.ttf") format("truetype"); font-weight: 600; font-style: normal; }
@font-face { font-family: 'Sonus'; src: url("../fonts/37210E_1_0.eot"); src: url("../fonts/37210E_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/37210E_1_0.woff2") format("woff2"), url("../fonts/37210E_1_0.woff") format("woff"), url("../fonts/37210E_1_0.ttf") format("truetype"); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Sonus'; src: url("../fonts/37210E_2_0.eot"); src: url("../fonts/37210E_2_0.eot?#iefix") format("embedded-opentype"), url("../fonts/37210E_2_0.woff2") format("woff2"), url("../fonts/37210E_2_0.woff") format("woff"), url("../fonts/37210E_2_0.ttf") format("truetype"); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Tara'; src: url("../fonts/37210E_3_0.eot"); src: url("../fonts/37210E_3_0.eot?#iefix") format("embedded-opentype"), url("../fonts/37210E_3_0.woff2") format("woff2"), url("../fonts/37210E_3_0.woff") format("woff"), url("../fonts/37210E_3_0.ttf") format("truetype"); }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }
.cls, .clr { clear: both; }
html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

section p a { text-decoration: underline; font-weight: 400; }
.btn a, a.btn { text-decoration: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
section ul { list-style: disc; margin: 1em 0; padding-left: 20px;  }
section ul li { font-weight: 300; line-height: 1.5em; }
/*
@mixin anker { color: inherit; text-decoration: inherit; cursor: inherit; &:active, &:focus { outline: none; }
}
*/
body { font-family: "Sonus", sans-serif; font-size: 17px; font-weight: 300; color: #404A59; background: #fff; }

* { margin: 0; padding: 0; }

.mobileOn { display: none !important; }
.mobileOff { display: inherit; }

.container-full { padding: 0 20px; }
.navbar-brand>img { width: 200px; }
.down .navbar-brand>img { max-width: 122px; }
.abstand-start { display: block; height: 180px; }
.abstand-start-2 { display: block; height: 140px; }
@media (max-width: 1200px) { body, * { font-size: 16px; } }
@media (max-width: 992px) { body, * { font-size: 14px; } }
@media (max-width: 500px) { body, * { font-size: 13px; } }
@media (min-width: 768px) {
	#navbarMeta .navbar-nav > li > a { padding-top: 6px; padding-bottom: 4px; }
}
@media (max-width: 768px) {
	.mobileOn { display: inherit !important; }
	.mobileOff { display: none !important; }
}
@media (min-width: 1200px) { .container-xl { width: 1500px; } }
.container-xl { max-width: 100%; }

.bg-dark p, .bg-dark h1, .bg-dark h2, .bg-dark span { color: #fff; }
.bg-weiss p, .bg-weiss h1, .bg-weiss h2, .bg-weiss span { color: inherit; }


.navbar { margin-bottom: 0; }
.navbar-default { background-color: transparent; border-color: transparent; }
.navbarMeta { background: #4b6590; }
.navbarButtons { background: #92a0bc; }
#navbarMeta .navbar-nav > li > a { color: #fff; border: none; font-size: .85em; padding: 8px 20px 4px; }
#navbarMeta .navbar-nav > li > a.active, #navbarMeta .navbar-nav > .active > a:hover { color: #4b6590; background-color: #ececec; }

.navbar-default .navbar-form { border-color: inherit; }
.navbar-form { padding: 2px 0; margin-top: 0; margin-bottom: 0; margin-left: 20px; margin-right: 0; background: #ececec; width: 200px; }
#navbarMeta .form-control { height: 28px; background: #ececec; border: none; color: #9a9a9a; font-style: normal; font-family: Sonus; font-size: .85em; }
#navbarMeta .form-group { width: 78%; }
#navbarMeta input[type="text"]:-moz-placeholder { color: #9a9a9a; font-style: normal; font-family: Sonus; }
#navbarMeta input[type="text"]::-moz-placeholder { color: #9a9a9a; font-style: normal; font-family: Sonus; }
#navbarMeta input[type="text"]:-ms-input-placeholder { color: #9a9a9a; font-style: normal; font-family: Sonus; }
#navbarMeta input[type="text"]::-webkit-input-placeholder { color: #9a9a9a; font-style: normal; font-family: Sonus; }
#navbarMeta .btn { display: inline-grid; padding: 4px 8px 6px; margin-bottom: 0; font-size: 20px; border: transparent; border-radius: 0; background: #ececec; color: #9a9a9a; }
.navbarButtons .navbar-nav>li>a { padding-top: 0; padding-bottom: 0; }
.navbarButtons .btn { display: inline-grid; padding: 6px 8px ; margin-bottom: 0; font-size: 1em; border: transparent; border-radius: 0; background: #ececec; color: #9a9a9a; line-height: 1em; margin-right: 1em; }
.navbar-main { -moz-box-shadow: 0px 4px 15px -5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 4px 15px -5px rgba(0, 0, 0, 0.5); box-shadow: 0px 4px 15px -5px rgba(0, 0, 0, 0.5); background: #fff; }

#navbar .navbar-nav { margin: 60px 0 0; }
.down #navbar .navbar-nav { margin: 1px 0; }
#navbar .nav > li > a { position: relative; display: block; padding: 10px 0; }
.down #navbar .nav > li > a { position: relative; display: block; padding: 20px 0 0; }
#navbar .nav > li { padding: 10px 15px 10px; }
#navbar .nav > li.last { padding: 10px 0 10px 15px; }
#navbar .navbar-nav > li > a { color: #4b6590; font-weight: 600; font-size: .9em }
#navbar .navbar-nav > li.aktiv > a { color: #000; font-weight: 600; font-size: .9em }
#navbar a.main { border-top: solid 4px transparent; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; }

#navbar a.main:hover, #navbar a.main.aktiv { border-top: solid 4px #4b6590; }

.dropdown-menu > li > a { padding: 3px 20px; font-weight: 300; color: #49505F; white-space: nowrap; }
.dropdown-menu > li > a.aktiv { font-weight: 600; }
.navbar-right .dropdown-menu { left: 0; right: auto; }
.navbar-brand { padding: 15px 0; }
.down .navbar-brand { padding: 4px 0; }
.padLeft0 { padding-left: 4px; }
.relative { position: relative; }
.saveText { position: absolute; z-index: 9; right: 0; bottom: 0; }

@media only screen and (max-width: 768px) { .padLeft0 { padding-left: 20px; } }
@media (min-width: 979px) { ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; } }
.btn-danger { border: none; }

@media (max-width: 992px) { .navbar-header { float: none; }
  .navbar-left, .navbar-right { float: none !important; }
  .navbar-toggle { display: block; }
  .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }
  .navbar-fixed-top { top: 0; border-width: 0 0 1px; }
  .navbar-collapse.collapse { display: none !important; }
  .navbar-nav { float: none !important; margin-top: 7.5px; }
  .navbar-nav > li { float: none; }
  .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; }
  .collapse.in { display: block !important; }
  #navbar .navbar-nav { margin: 0; }
  .navbar-brand { float: left; height: auto; padding: 0; font-size: 18px; line-height: 0; padding: 4px 0; }
  .navbar-brand>img { width: 150px; }
  .navbar-default .navbar-toggle .icon-bar { background-color: #4b6590; }
  .abstand-start { height: 100px; }
}

hr { border-top: 1px solid #ccc; }
hr.hr2 { border-top: 4px solid #4b6590; }

.breadcrumb { background: transparent; margin-top: 1em; padding: 8px 0; }
.breadcrumb a { color: #9A9FA8; font-size: .75em; font-weight: 600; }
.breadcrumb > li + li:after, .breadcrumb > li.first:after { padding: 0 7px 0 9px; color: #9A9FA8; content: "\00bb"; font-size: .75em; }
.breadcrumb > li + li:before { padding: 0; content: ""; font-size: .75em; }

h1, h2 { color: #404A59; font-size: 1.5em; font-family: "Tara"; margin-bottom: 16px; }
h1 { margin-top: 0; }
h2 { margin-bottom: 8px; font-family: 'Sonus'; font-size: 1.5em; }
p + h2 { margin-top: 30px; }
h3 { font-size: 1.5em; margin-bottom: 30px; font-weight: 600; }
h1.black { color: #000; }
h1.smallH1 { font-size: 1.5em; font-family: Sonus; margin-bottom: 15px; }
h2.largeH2 { font-size: 2.5em; font-family: Tara; }
h4.hl { background: #4b6590; padding: 18px 10px 14px; margin-bottom: 1em; color: #fff; }
p { color: #404A59; font-size: 1em; font-weight: 300; line-height: 1.35em; }
b, strong { font-weight: 400; }
a { color: #404A59; text-decoration: none; }

.center { text-align: center; }
h1.center, h2.center { text-align: center; font-size: 2.9em; }

.btn-pixel { border-radius: inherit; background: #4b6590; font-size: 1.2em; margin-top: 1.5em; margin-bottom: 2em; }
.btn-pixel-2 { border-radius: inherit; background: #4a5060; font-size: 1.2em; margin-top: 0; margin-bottom: 0; }
.btn-pixel-2:hover { background: #92a0bc; }
.img-right { margin-left: 30px; }
.btn.rund { border-radius: 6px; }

.lm10 { margin-left: 2em; }
.edit-btn { margin-bottom: 1em; display: block; }
@media only screen and (max-width: 992px) { .img-right { max-width: 40%; } }
@media only screen and (max-width: 768px) {
	.img-right { margin-left: 30px; }
	.edit-btn { margin-top: 1em; display: inline-block; margin-right: 1em; }
	.edit-text { margin-top: 1em; }
	.edit-desc { display: none; }
	.hashtag-hl { clear: both; display: block; }
}
/* .content p, .content h1, .content h2, .content h3 { padding: 0 40px; } */
/* .content .form-group p, .content .form-group h1, .content .form-group h2, .content .form-group h3 { padding: 15px 0 0; } */

.bg-senf { background: url(../images/bg-senf.png) repeat-x; }
.bg-weiss { background: #fff; margin-bottom: 4em; }
.bg-sand { background: #c3a96c; margin-bottom: 1em; }
.bg-sand h3, .bg-sand h2, .bg-sand h1 { text-align: center; }
.bg-light { background: #eee; }
.info .bg-sand { padding: 20px; margin: 25px 0; }
.info .bg-sand h3, .info .bg-sand h2, .info .bg-sand h1 { text-align: left; }
.info .bg-sand p, .info .bg-sand h2 { font-size: 2.5em; font-family: Tara; margin: 0; padding: 0; margin-bottom: 8px; }
.bg-sand h3, .bg-sand p { color: #fff; }
.hl-box { font-size: 1.45em; padding: .6em .6em; min-height: 80px; font-weight: 600; }
.bg-gray { background: #ececec; }
.bg-gray2 { background: #f8f8f8; }
div.news { margin-bottom: 1em; margin-right: 1em; }
.news h1 { color: #404A59; font-size: 1.1em; padding: 20px; font-weight: 600; margin-bottom: 0; line-height: 1.25em }
.news p { color: #000; padding: 0 20px 20px; font-weight: 300; }
.news a { color: #4a5060; font-size: 1em; }
.news .lnk { /* border-top: solid 1px #fff; */ padding: 10px 0 10px; margin: 0 20px; }
.news .hashtagNews { border-top: solid 1px #fff; padding: 10px 0 10px; margin: 0 20px; }
.btn.hashtag { padding: 2px 4px 0; margin-right: 4px; font-size: .8em; }
.ohneHeaderBild { margin-top: 15px; }

.news.modul p { padding: 0 0 20px 0; }
.news.modul h1 { padding: 20px 0 10px; }
.news.modul .lnk { padding: 20px 0 0; margin: 0; }

.suche h2 { border-bottom: solid 1px #4b6590; padding-bottom: 10px; margin-bottom: 1em; }
.suche p { margin-bottom: 1em; }

.themen a { padding: 10px 0px 6px 20px; border-bottom: solid 1px #92a0bc; display: block; font-weight: 300; }
.themen a:hover  { text-decoration: none; background: #efefef; }
.themen a.active { font-weight: 600; }
.erstellt { font-size: .8em; font-style: italic; }

div.wohnen { background: #4b6590; margin-bottom: 1.5em; position: relative; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; }

.wohnen h3, .wohnen p { color: #fff; font-size: 1.5em; font-weight: 600; }
.wohnen h3 { padding: 15px 20px 10px; margin: 0; }
.wohnen p { padding: 2px 20px 15px; }
.wohnenHeaderImg { background: url(../images/wohnen01.jpg) no-repeat; background-size: cover; height: 500px; margin-bottom: 100px; }
.DIVoverlay { position: absolute; top: 0; display: block; width: 100%; background: #000; opacity: 0; border: solid 1px #000; border: solid 6px #4b6590; }

div.wohnen:hover .DIVoverlay { -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.25s; -o-transition-duration: 0.25s; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0.5; cursor: pointer; }

.DIVoverlay a { display: block; width: 100%; height: 100%; background: #c3a96c; }

.kontaktmodul { background: #4b6590; }
.kontaktmodul p, .kontaktmodul h1, .kontaktmodul h2, .kontaktmodul h3, .kontaktmodul a, .kontaktmodul span { color: #fff; }
.kontaktmodul h2, .kontaktmodul h3 { font-family: Tara; font-size: 2.5em; }
.kontaktmodul a { font-weight: 600; }

@media only screen and (max-width: 768px) { .wohnen h3, .wohnen p { font-size: 1em; } }
.endFrame { margin-top: 40px; }

footer { background: #92a0bc; }
footer li a, footer p a { font-size: .75rem; color: #fff !important; }
footer p { text-transform: uppercase; font-weight: 600; margin-bottom: 0; line-height: 1.1em; }
footer a { font-weight: 300; }
footer li { line-height: 1.1em; }
footer .versal { text-transform: uppercase; margin-bottom: 1em; margin-top: 2px; }

.media-left:nth-child(1) { width: 70%; }
.media-left:nth-child(2) { width: 20%; }
.media-left:nth-child(3) { width: 10%; }

.copyright { padding: 20px 15px; }
.copyright p { font-size: .75em; color: #424f84; font-weight: 400; line-height: 22px; }

.ra { text-align: right; }

ul.test { list-style: none; }
ul.test li { list-style-image: none; list-style-type: none; margin-left: 0; }

img.kreis { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

img.content { margin-bottom: 2em; }

.edit-icon { background-image: url(‘/images/icon-edit.png’); }
.save-icon { background-image: url(‘/images/icon-save.png’); }
.check-icon { background-image: url(‘/images/icon-check.png’); }
.logout-icon { background-image: url(‘/images/icon-logout.png’); }
.pdf_lnk { display: block; margin: 1em 0;}
.pdf_lnk .fa { margin-right: 12px;}
.mt0 { margin-top: 0px; } .mt1 { margin-top: 10px; } .mt2 { margin-top: 20px; } .mt3 { margin-top: 30px; } .mt4 { margin-top: 40px; } .mt5 { margin-top: 50px; } .mt6 { margin-top: 60px; } .mt7 { margin-top: 70px; } .mt8 { margin-top: 80px; } .mt9 { margin-top: 90px; } .mt10 { margin-top: 100px; } .mb0 { margin-bottom: 0px; } .mb1 { margin-bottom: 10px; } .mb2 { margin-bottom: 20px; } .mb3 { margin-bottom: 30px; } .mb4 { margin-bottom: 40px; } .mb5 { margin-bottom: 50px; } .mb6 { margin-bottom: 60px; } .mb7 { margin-bottom: 70px; } .mb8 { margin-bottom: 80px; } .mb9 { margin-bottom: 90px; } .mb10 { margin-bottom: 100px; } .pad0 { padding: 0px; } .pad1 { padding: 10px; } .pad2 { padding: 20px; } .pad3 { padding: 30px; } .pad4 { padding: 40px; } .pad5 { padding: 50px; } .pad6 { padding: 60px; } .pad7 { padding: 70px; } .pad8 { padding: 80px; } .pad9 { padding: 90px; } .pad10 { padding: 100px; } .pt0 { padding-top: 0px; } .pt1 { padding-top: 10px; } .pt2 { padding-top: 20px; } .pt3 { padding-top: 30px; } .pt4 { padding-top: 40px; } .pt5 { padding-top: 50px; } .pt6 { padding-top: 60px; } .pt7 { padding-top: 70px; } .pt8 { padding-top: 80px; } .pt9 { padding-top: 90px; } .pt10 { padding-top: 100px; } .pb0 { padding-bottom: 0px; } .pb1 { padding-bottom: 10px; } .pb2 { padding-bottom: 20px; } .pb3 { padding-bottom: 30px; } .pb4 { padding-bottom: 40px; } .pb5 { padding-bottom: 50px; } .pb6 { padding-bottom: 60px; } .pb7 { padding-bottom: 70px; } .pb8 { padding-bottom: 80px; } .pb9 { padding-bottom: 90px; } .pb10 { padding-bottom: 100px; }
.padT0 { padding-top: 0; } .padB0 { padding-bottom: 0; }

@media only screen and (max-width: 768px) {
	.mt0 { margin-top: 0px; } .mt1 { margin-top: 4px; } .mt2 { margin-top: 8px; } .mt3 { margin-top: 12px; } .mt4 { margin-top: 16px; } .mt5 { margin-top: 20px; } .mt6 { margin-top: 24px; } .mt7 { margin-top: 28px; } .mt8 { margin-top: 32px; } .mt9 { margin-top: 36px; } .mt10 { margin-top: 40px; } .mb0 { margin-bottom: 0px; } .mb1 { margin-bottom: 4px; } .mb2 { margin-bottom: 8px; } .mb3 { margin-bottom: 12px; } .mb4 { margin-bottom: 16px; } .mb5 { margin-bottom: 20px; } .mb6 { margin-bottom: 24px; } .mb7 { margin-bottom: 28px; } .mb8 { margin-bottom: 32px; } .mb9 { margin-bottom: 36px; } .mb10 { margin-bottom: 40px; } .pad0 { padding: 0px; } .pad1 { padding: 4px; } .pad2 { padding: 8px; } .pad3 { padding: 12px; } .pad4 { padding: 16px; } .pad5 { padding: 20px; } .pad6 { padding: 24px; } .pad7 { padding: 28px; } .pad8 { padding: 32px; } .pad9 { padding: 36px; } .pad10 { padding: 40px; } .pt0 { padding-top: 0px; } .pt1 { padding-top: 4px; } .pt2 { padding-top: 8px; } .pt3 { padding-top: 12px; } .pt4 { padding-top: 16px; } .pt5 { padding-top: 20px; } .pt6 { padding-top: 24px; } .pt7 { padding-top: 28px; } .pt8 { padding-top: 32px; } .pt9 { padding-top: 36px; } .pt10 { padding-top: 40px; } .pb0 { padding-bottom: 0px; } .pb1 { padding-bottom: 4px; } .pb2 { padding-bottom: 8px; } .pb3 { padding-bottom: 12px; } .pb4 { padding-bottom: 16px; } .pb5 { padding-bottom: 20px; } .pb6 { padding-bottom: 24px; } .pb7 { padding-bottom: 28px; } .pb8 { padding-bottom: 32px; } .pb9 { padding-bottom: 36px; } .pb10 { padding-bottom: 40px; }
}

.mr3 { margin-right: 30px; }
.v1 { display: inline-block; width: 50px; }
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/*Swiper*/
.swiper-container { width: 100%; height: 588px; }
.swiper-button-next { right: 30px; }
.swiper-button-prev { left: 30px; }
.swiper-slide { text-align: left; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

.main-slider .slider-bg-position { background-size: cover !important; background-position: center center !important; }

/* .overlay { position: absolute; background: url(../images/overlay.png) no-repeat; width: 788px; height: 400px; left: 15px; top: 40px; padding-left: 80px; padding-top: 40px; } */

.slBig { font-size: 3.8em; color: #4b6590; font-family: Tara; }
.slMed { font-size: 3.7em; color: #000; font-weight: 300; }
.swipe { width: 45%; float: left; margin-right: 20px; margin-bottom: 20px; }
.swipe:nth-child(2n) { margin-right: 0; }
.gallery-top .swiper-slide { background-size: cover; background-position: center; }
.gallery-top { height: 474px; width: 100%; }
.footerLogo { display: inline-block; margin-right: 20px; margin-bottom: 40px; }
.innerRight { width: 49%; display: inline-block; text-align: right; }
.innerLeft { width: 49%; display: inline-block; }

#mymap { width: 100%; min-height: 450px; }

@media only screen and (min-width: 1780px) { .inner-slider { max-width: 1780px; margin: 0 auto; }
  .slider { background: #fff; } }
@media only screen and (max-width: 992px) { .swiper-container { height: 400px; }
/*   .overlay { background: url(../images/overlay.png) right no-repeat; width: 50%; height: 80%; left: 15px; top: 40px; padding-left: 80px; padding-top: 40px; } */
  .slBig, .slMed { font-size: 2.5em; } }
@media only screen and (max-width: 768px) { .swiper-container { height: 360px; }
/*   .overlay { background: #c3a96c; width: 100%; height: 120px; left: 0; top: 350px; padding-left: 60px; padding-top: 20px; } */
  .slBig, .slMed { font-size: 2em; }
  .swiper-container { overflow: auto; }
/*   .content p, .content h1, .content h2, .content h3 { padding: 0; } */
  .kontaktmodul.pad6 { padding: 20px 0; }
  .news h3 { margin: 0; font-size: 1.5em; }
  .breadcrumb a { font-size: 1em; }
  footer p, footer a { font-size: 1em; line-height: 1.75em; }
  footer p { margin-top: 20px; } }
@media only screen and (max-width: 540px) { .swiper-container { height: 335px; }
/*   .overlay { height: 120px; left: 0; top: 210px; padding-left: 15px; padding-top: 15px; position: relative; } */
  .slBig, .slMed { font-size: 1.8em; line-height: 1em; }
  .navbar-brand { margin-top: 10px; margin-bottom: 10px; }
  .navbar-toggle { margin-top: 15px; }
  .main-slider .slider-bg-position { background-size: cover !important; background-position: right center !important; }
  .copyright .ra { text-align: center; } }
.timeline { list-style: none; padding: 20px 0 20px; position: relative; }

.timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 1px; background-color: #c94f73; left: 50%; margin-left: -0.5px; }
.timeline > li { margin-bottom: 20px; position: relative; }
.timeline > li:before, .timeline > li:after { content: " "; display: table; }
.timeline > li:after { clear: both; }
.timeline > li:before, .timeline > li:after { content: " "; display: table; }
.timeline > li:after { clear: both; }
.timeline > li > .timeline-panel { width: 46%; float: left; position: relative; }
.timeline > li > .timeline-badge { width: 20px; height: 20px; position: absolute; top: 10px; left: 50%; margin-left: -10px; background-color: #c94f73; z-index: 100; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; }
.timeline > li.timeline-inverted > .timeline-panel { float: right; }
.timeline > li.timeline-inverted > .timeline-panel:before { left: -15px; right: auto; }
.timeline > li.timeline-inverted > .timeline-panel:after { left: -14px; right: auto; }
.timeline li { text-align: right; }
.timeline li:nth-child(2n) { text-align: left; }
.timeline-body > p, .timeline-body > ul { margin-bottom: 0; color: #000; }
.timeline-body > p + p { margin-top: 5px; }
.aktuelles { padding: 40px 0; }
.aktuelles:nth-child(2n) { background: #ececec; }

@media only screen and (max-width: 600px) { .timeline > li > .timeline-panel { width: 100%; float: none; padding: 20px; position: relative; }
  .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 1px; background-color: #c94f73; left: 0%; margin-left: -0.5px; }
  .timeline > li > .timeline-badge { top: 30px; left: 0%; }
  .timeline li { text-align: left; }
  .copyright p { line-height: 1.5em; margin-bottom: 20px; }
 }

.contentBlack h1, .contentBlack h2, .contentBlack h3, .contentBlack p, .contentBlack a, .contentBlack span, .contentBlack li { color: #000; }

#google-map { min-height: 400px; }

.name { display: inline-block; width: 120px; }
.name:nth-child(2) { display: inline-block; width: 200px; }

@media only screen and (max-width: 500px) {
	.name { display: inline-block; width: 29%; }
	.name:nth-child(2) { display: inline-block; width: 40%; }

}

@media only screen and (max-width: 992px) {
	#navbar .nav > li { padding: 0px 15px 0px; }
  #navbar .nav > li.last { padding: 0px 0 10px 15px; }
  li.mobileOn hr { padding: 0; margin-bottom: 10px; margin-top: 0; }
}




.form-control { display: block; width: 100%; height: 50px; padding: 6px 12px; color: #000; border-radius: 0; border: solid 1px #999999; }
textarea.form-control { min-height: 120px; }
.form-group input[type="checkbox"] {
    display: none;
}
.form-group input[type="checkbox"] + .btn-group > label span {
    width: 20px;
}
.form-group input[type="checkbox"] + .btn-group > label span:first-child {
    display: none;
}
.form-group input[type="checkbox"] + .btn-group > label span:last-child {
    display: inline-block; background: red;
}
.form-group input[type="checkbox"] + .btn-group > .btn-success {
    background: red !important;
}
.form-group input[type="checkbox"]:checked + .btn-group > label span:first-child {
    display: inline-block;
}
.form-group input[type="checkbox"]:checked + .btn-group > .btn-success {
    background: #5cb85c !important;
}
.form-group input[type="checkbox"]:checked + .btn-group > label span:last-child {
    display: none;
}
form .btn-default.active { background: #fff; }
input[type=checkbox], input[type=radio] { margin: 0 0 0; }
#myform .imgCol { display: inline-block; width: 25%; }
.blue-bg { border: solid 1px #4b6590; background: transparent; border: transparent; }
.formspan { margin-top: 10px; font-weight: 300; display: inline-block; margin-left: 10px; }
button.w100 { width: 100%; height: 50px; border-radius: 0; border: transparent; }
select { border-radius: 0; }
.ta100 { height: 100px !important; }
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.form-control::-webkit-input-placeholder { color: #ccc; }
.form-control::-moz-placeholder { color: #ccc; }
.form-control:-ms-input-placeholder { color: #ccc; }
.form-control:-moz-placeholder { color: #ccc; }
.btn span.glyphicon { opacity: 0; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mr50 { margin-right: 50px; }
.btn.active span.glyphicon { opacity: 1; }

.full {
  min-height: 370px;
}
.half {
  min-height: 240px;
  margin-bottom: 30px;
}
.half2 {
  min-height: 320px;
}
.full, .half, .half2 {
  background-size: cover;
  position: relative;
}
.full:hover .overlay-effect, .half:hover .overlay-effect, .half2:hover .overlay-effect {
  opacity: 1;
  cursor: pointer;
}
.overlay-effect {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0, 0.7);
  overflow:hidden;
}
.full a,
.half a,
.half2 a {
  color: #fff;
}

.full p,
.half p,
.half2 p {
  padding: 15px 30px; text-decoration: none !important; bottom: 0;
}
.full a, .half a, .half2 a { position: absolute; text-decoration: none; bottom: 20px; }

@media screen and (max-width: 768px) {
  .full, .half, .half2 {margin-bottom: 10px;}
  .container-full { padding: 0 6px; }
}

.galerieListe { margin-bottom: 1em; position: relative; }
.galerieListe .textoverlay { position: absolute; background: url(../images/s50.png); height: 80px; bottom: 0; width: 100%; padding: 0; }
.galerieListe .textoverlay h2, .galerieListe .textoverlay p { font-size: 1em; color: #fff; line-height: 1.5em; margin: 0; }
.linkbox { cursor: pointer; }
.cta-container { cursor: pointer; }


.newsDetail img { margin-bottom: 1em; }

#sortableH>div {
    float: left;
}

.sortGal {
    float: left;
    background-color: #4b6590;
    text-align: center;
    margin-right: 1em;
    margin-bottom: 1em;
}
.galedit { width: 100%; height: 60px; padding: 10px; font-size: .9em; font-weight: 300; }
.tool { border: solid 1px #fff; border-radius: 20px; line-height: 28px; text-align: center; display: inline-block; width: 30px; height: 30px; cursor: pointer; }
.transparent { background: transparent !important; }
.lightBlue { background: #92a0bc !important; }
.tool.transparent { border: none; color: #4b6590; }
.tool.transparent.fa { color: #4b6590 !important; }
.invisible { display: none; }

.downloads { }
.download-item { border: 1px solid #92a0bc; margin-bottom: 2em; padding: 20px; }
.download-item span { border: 1px solid #4b6590; background: #4b6590; color: #fff; border-radius: 50%; display: inline-block; width: 50px; height: 50px; line-height: 50px; font-size: 1em; position: absolute; top: 4px; left: 20px; text-align: center; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;}
.download-item span:hover { background: #92a0bc; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; }

.download-item p { font-size: .9em; }
.download-item b { font-weight: 400; }
.download-item .z1 { margin-left: 50px; display: inline-block; font-weight: 400; }
.download-item .z2 { }
.download-item .dl { border: solid 1px #aaa; padding: 6px 10px 0; text-transform: uppercase; }
.download-item .dl i { margin-right: 20px;; }
.download-item .vorschau { border: solid 1px #bbb; margin: 1em 0; padding: 1em 0; }
h1.download { background: #92a0bc; padding: 10px 0 5px; color: #fff; text-align: center; margin-bottom: 1em; }

.galIcons { position: relative; }
.galIcons.i1 { display: inline-block; width: 20%; }
.galIcons.i2 { display: inline-block; width: 24%; }
.galIcons.i4 { display: inline-block; width: 24%; text-align: right; }
.gal-Icons, .gal-Desc { vertical-align: top; margin-top: 10px; }
.gal-Desc { text-align: left; margin-top: 0; /* max-width: 300px; */ font-size: .9em }
.noOfLikes { font-size: .8em; /* position: absolute; left:10px; top:0; */ margin-left: -4px; margin-right: 10px; }
.gal-item { border: 1px solid #92a0bc; margin-bottom: 1em; padding: 20px; margin-right: 10px; border-radius: 20px; background: #f2f2f2; }
.gal-item .inner { max-width: 396px; }
.btn > .fa { padding: 5px 5px 0; }
.btn-info { background-color: #92a0bc; border-color: #46b8da; }
.btn-success { /* background-color: #c3a96c; border-color: #c3a96c; */ color: #fff !important; }
.btn-primary { background-color: #4b6590; }
.btn-small { padding: 0; border-radius: 0; background: #000; margin-top: 1em;}

.gal-item .tool, .telegram .tool { background: #4b6590; color: #fff; }
.is-checked { background: #4b6590 !important; }
#filters .btn { display: block; margin-bottom: .5em; min-width: 75%; }
.hashtagGal { margin-bottom: 3px; }

.borderBottom { border-bottom: solid 1px #c3a96c; padding: 1em 0; }
.angebote .tool { background: #c3a96c; color: #fff; }
.tool.warn { background: red; color: #fff; }
.angebote .tool-white { background: #fff; color: #c3a96c; border: solid 1px #c3a96c; }
.sichtbar { cursor: pointer; }

.termine { border-top: solid 3px #fff; padding: 20px 0 ; }
.termine .datum { padding: 0; margin: 0; }
img + .datum { margin-top: 20px !important; }
.confirmed { border-top: solid 1px #ccc; padding-top: 10px; margin-top: 10px; display: block; }
.zeile { margin-bottom: .5em; }
.zeile1 { margin: 1em 0 1	em; }
.rightcol { display: inline-block; }
.leftcol { display: inline-block; width: 80px; }

.comment { border: solid 1px #ccc; padding: .5em 1em; margin-bottom: .5em; }
.commentText { }
.commentUser { font-size: .7em; font-style: italic; border-bottom: solid 1px #eee; margin-bottom: .5em;}
.commentEdit { border-top: solid 1px #aaa; padding-top: .5em; }
.commentOff { display: none; }

.telegramDatum { margin-bottom: .5em; }
.telegram h3 { margin-bottom: .5em; }
	.modul .telegramDatum { margin-bottom: 0; border-top: solid 1px #fff; padding-top: 10px; }
	.modul p + h2 { margin-top: 10px; }
.neu { border: solid 1px #ccc; margin-bottom: 1em; }
.neu2 { margin-bottom: 1em; background: #efefef; }
.rahmenL { border: solid 1px #ccc; }
.rahmenR { border: solid 1px #ccc; }

.bg-color { padding: 1em; }

.hovereffect {
  width: 100%;
/*   height: 100%; */
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background: #4b6590;
}
	.modul .hovereffect { float: inherit; }

#sortableH .hovereffect {
    float: none; width: auto;
}
.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  padding: 50px 20px;
}
	.modul .hovereffect .overlay {
	    padding: 30px 20px;
	}
.hovereffect .overlay span {
  color: #fff; font-weight: 300;
}

.hovereffect img {
  display: block;
  position: relative;
  max-width: none;
/*   width: calc(100% + 20px); */
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.hovereffect:hover img {
  opacity: 0.4;
  filter: alpha(opacity=40);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  overflow: hidden;
  padding: 0.5em 0;
  background-color: transparent;
}
	.modul .hovereffect h2 {
    padding: 0.4em 0;
	}
.hovereffect h2:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  content: '';
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0);
}

.hovereffect:hover h2:after {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect a, .hovereffect p {
  color: #FFF;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0);
  margin: 2em 0;
}

.hovereffect:hover a, .hovereffect:hover p {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}


/* HOVEREFFECT 2 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.hovereffect2 {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect2 .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}

.hovereffect2 img {
  display: block;
  position: relative;
  -webkit-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.hovereffect2:hover img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.7" /><feFuncG type="linear" slope="0.7" /><feFuncB type="linear" slope="0.7" /></feComponentTransfer></filter></svg>#filter');
  filter: brightness(0.7);
  -webkit-filter: brightness(0.7);
}

.hovereffect2 h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  width: 100%;
}

.hovereffect2:hover h2 {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);
  transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);
}

.hovereffect2 a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff;
  margin: 50px 0 0 0;
  background-color: transparent;
}

.hovereffect2 a.info:hover {
  box-shadow: 0 0 5px #fff;
}

.hovereffect2 .rotate {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 100%;
  height: 100%;
  position: absolute;
}

.hovereffect2 hr {
  width: 50%;
  opacity: 0;
  filter: alpha(opacity=0);
}

.hovereffect2  hr:nth-child(2) {
  -webkit-transform: translate3d(-50%,-50%,0) rotate(0deg) scale3d(0,0,1);
  transform: translate3d(-50%,-50%,0) rotate(0deg) scale3d(0,0,1);
}

.hovereffect2  hr:nth-child(3) {
  -webkit-transform: translate3d(-50%,-50%,0) rotate(90deg) scale3d(0,0,1);
  transform: translate3d(-50%,-50%,0) rotate(90deg) scale3d(0,0,1);
}

.hovereffect2 h2, .hovereffect2 hr {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-50%,-50%,0);
  transform: translate3d(-50%,-50%,0);
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  background-color: transparent;
  margin: 0px;
}

.group1, .group2 {
  left: 50%;
  position: absolute;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-50%,-50%,0);
  transform: translate3d(-50%,-50%,0);
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  background-color: transparent;
  margin: 0px;
  padding: 0px;
}

.group1 {
  top: 40%;
}

.group2 {
  top: 60%;
}

.hovereffect2 p {
  width: 30%;
  text-transform: none;
  font-size: 15px;
  line-height: 2;
}

.hovereffect2 p a {
  color: #fff;
}

.hovereffect2 p a:hover,
.hovereffect2 p a:focus {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.hovereffect2  a i {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  padding: 10px;
  font-size: 20px;
}

.group1 a:first-child i {
  -webkit-transform: translate3d(-60px,-60px,0) rotate(45deg) scale(2);
  transform: translate3d(-60px,-60px,0) rotate(45deg) scale(2);
}

.group1 a:nth-child(2) i {
  -webkit-transform: translate3d(60px,-60px,0) rotate(45deg) scale(2);
  transform: translate3d(60px,-60px,0)  rotate(45deg) scale(2);
}

.group2 a:first-child i {
  -webkit-transform: translate3d(-60px,60px,0) rotate(45deg) scale(2);
  transform: translate3d(-60px,60px,0) rotate(45deg) scale(2);
}

.group2 a:nth-child(2) i {
  -webkit-transform: translate3d(60px,60px,0)  rotate(45deg) scale(2);
  transform: translate3d(60px,60px,0)  rotate(45deg) scale(2);
}

.hovereffect2:hover hr:nth-child(2) {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(-50%,-50%,0) rotate(0deg) scale3d(1,1,1);
  transform: translate3d(-50%,-50%,0) rotate(0deg) scale3d(1,1,1);
}

.hovereffect2:hover hr:nth-child(3) {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(-50%,-50%,0) rotate(90deg) scale3d(1,1,1);
  transform: translate3d(-50%,-50%,0) rotate(90deg) scale3d(1,1,1);
}

.hovereffect2:hover .group1 i:empty, .hovereffect2:hover .group2 i:empty {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0) rotate(45deg) scale(1);
  opacity: 1;
  filter: alpha(opacity=100);
}






.uploadifive-button {
	float: left;
	margin-right: 10px;
    height: 32px !important;
    line-height: 34px !important;
    width: 124px !important;
    border-radius: 6px !important;
    font-size: .9em !important;
   }
#queue {
	border: 1px solid #E5E5E5;
	height: 377px;
	overflow: auto;
	margin-bottom: 10px;
	padding: 0 3px 3px;
	width: 500px;
}



html,body {
    height:100%;
}

.row-flex, .row-flex > div[class*='col-'] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 1 auto;
}

.row-flex-wrap {
    -webkit-flex-flow: row wrap;
    align-content: flex-start;
    flex:0;
}

.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
     margin:-.2px; /* hack adjust for wrapping */
}

.container-flex > div[class*='col-'] div,.row-flex > div[class*='col-'] div {
    width:100%;
}


.flex-col {
    display: flex;
    display: -webkit-flex;
    flex: 1 100%;
    flex-flow: column nowrap;
}

.flex-grow {
    display: flex;
    -webkit-flex: 2;
    flex: 2;
}



h2 { font-size: 1em; text-transform: uppercase; }

.alert b { color: #000; font-style: italic; }
.confirm:before {
    content: "\f096";
    font-family: FontAwesome;
}
.confirmed:before {
    content: "\f046";
    font-family: FontAwesome;
}