html, body, div, p, h1, h2, h3, span, a, table, td, form, input, textarea, select
{ margin: 0px; padding: 0px; font-family: 'Open Sans', Arial, Verdana; font-size: 17px; line-height: 25px; font-weight: 200; color: #404041; }
h1 { font-size: 44px; line-height: 46px; font-family: 'Open Sans', Arial, Verdana; font-weight: 200; color: #141410; margin: 15px 0px 35px 0px; text-transform: normal; }
body.folgeseite h1 { font-size: 42px; }
h2 { font-size: 35px; line-height: 40px; font-family: 'Open Sans', Arial, Verdana; font-weight: 200; color: #141410; margin: 30px 0px 20px 0px; text-transform: normal; }
h1 + h2 { font-size: 26px; line-height: 1.2; color: #141410; margin: -18px 0px 35px 0px; }
h3 { font-size: 24px; line-height: 27px; font-family: 'Open Sans', Arial, Verdana; font-weight: 100; color: #141410; margin: 12px 0px 20px 0px; text-transform: normal; }
h4 { font-size: 21px; line-height: 23px; font-family: 'Open Sans', Arial, Verdana; font-weight: 100; color: #141410; margin: 10px 0px 10px 0px; text-transform: normal; }
@media only screen and (min-width: 995px) {
h1 + h2 { font-size: 34px; }
}
hr { background-color: none; border: 0; height: 1px; border-bottom: 1px solid #ddd; }
hr.dotted { display: block; clear: both; margin: 40px 0px; border-bottom: 2px dotted #130e86; }
.centered { text-align: center; }
body { width: 100%; height: 100%; background-color: #f9f9fc; }
img { vertical-align: middle; outline: none; }
a { outline: none; }
div { box-sizing: border-box; }
input, textarea, select { border-radius: 0; }
input[type=text], textarea { -webkit-appearance: none; } /* verhindert den Schatten-Effekt auf iOS-Geräten und im Safari*/
.clear { display: block; clear: both; }
.rounded { -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px; }
.rounded_light { -moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; }
.rounded_oben { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px;
-moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; }
.rounded_unten { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
.rounded_big { -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px; }
.shadow { -moz-box-shadow: 0px 2px 10px #000; -webkit-box-shadow: 0px 2px 10px #000; box-shadow: 0px 2px 10px #000; }
.shadow { /*IE6 hack*/ _border: 1px solid #a6a6a6; }
.shadow { /*IE8 hack*/ border: 1px solid #a6a6a6\9; }
.shadow_big { -moz-box-shadow: 0px 0px 30px #333; -webkit-box-shadow: 0px 0px 30px #333; box-shadow: 0px 0px 30px #333; }
.shadow_big { /*IE6 hack*/ _border: 2px solid #333; }
.shadow_big { /*IE8 hack*/ border: 2px solid #333\9; }
.shadow_light { -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.15); box-shadow: 0px 0px 4px rgba(0,0,0,0.15); }
.opacity_25 { opacity: 0.25; filter(opacity=0.25); }
.strtoupper { text-transform: uppercase; }
.lowercase { text-transform: none; }
.fontborder_weiss { color: #000; /*-webkit-text-stroke: 1px #fff;*/ text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; }
.fontborder_schwarz { color: #fff; -webkit-text-stroke: 1px #000; text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }
.fontborder_lila { color: #fff; /*-webkit-text-stroke: 1px #fff;*/ text-shadow: 1px 1px 0 #83187f, -1px -1px 0 #83187f, 1px -1px 0 #83187f, -1px 1px 0 #83187f, 1px 1px 0 #83187f; }
.small { font-size: 11px; }
.smaller { font-size: 10px; }
.grau { color: #999; }
strong { font-weight: 600; }
.gruen { color: #50b147; }
.blau { color: #0058a5; }
.gelb { color: #edc112; }
.align_left { display: inline; float: left; }
.align_right { display: inline; float: right; }
/* Icons */
i { color: inherit; }
/* ---- Links ---- */
a, a:link, a:active, a:visited { text-decoration: none; color: #070361; font-size: inherit; transition: all 0.10s ease-in-out 0.05s; }
a:hover { color: #4b4a8e; font-size: inherit; text-decoration: underline; }
a.bn { padding: 10px 18px; background-color: #bbb; color: #fff; cursor: pointer; }
a.bn_small { padding: 7px 12px; font-size: 14px; }
a.bn_bg_ci, a.bn_bg_orange, .bn_bg_orange, a.bn_weiss_lila, .bn_weiss_lila
{ background-color: #070361; color: #fff; font-size: 19px; font-weight: 700; padding: 12px 20px; text-align: center; text-transform: none; transition: all 0.35s ease-in-out 0s; }
a.bn_bg_ci:hover { background-color: #373581; text-decoration: none; }
a.bn_bg_ci i.fa { color: #fff; margin-right: 8px;}
a.bn_border_ci { background-color: transparent; border: 1px solid #070361; color: #070361; transition: all 0.35s ease-in-out 0s;}
a.bn_border_ci:hover { background-color: transparent; border: 1px solid #070361; text-decoration: none; }
a.bn_border_ci i.fa { color: #070361; margin-right: 8px; }
a.bn_border { display: inline-block; border: 1px solid #d4d4d5; text-transform: uppercase; background-color: #fff; color: #58595b; padding: 8px 16px; text-align: center; box-sizing: border-box; transition: all 0.35s ease-in-out 0s; z-index: 10; }
a.bn_border:hover { border: 1px solid #58595b; color: #252525; text-decoration: none; }
a.bn_border i { color: inherit; font-size: 40px; line-height: 26px; font-weight: 100; }
a.bn_border_weiss { display: inline-block; padding: 8px 30px; color: #fff; text-align: center; border: 1px solid rgba(255,255,255,1); }
a.bn_border_weiss:hover { background-color: rgba(255,255,255,0.7); }
a.bn_weiss, .bn_weiss { width: auto; height: auto; font-size: inherit; color: #fff; padding: 5px 10px; background-color: #fff; text-align: center; text-decoration: none; transition: all 0.2s ease-in-out 0.25s; }
a.bn_weiss:hover, .bn_weiss:hover { background-color: #e3edf9; text-decoration: none; }
a.bn_bg_orange, .bn_bg_orange { color: #fff; background-color: #070361; }
a.bn_bg_orange:hover, .bn_bg_orange:hover { background-color: #FB7423; }
a.bn_weiss_lila, .bn_weiss_lila { color: #83187f; background-color: #fff; border: 5px solid #83187f; }
a.bn_weiss_lila:hover, .bn_weiss_lila:hover { color: #fff; background-color: #83187f; }
.ui-datepicker-trigger { display: inline-block; margin: 0px 0px 0px -32px; }
a.sprungpunkt { position: absolute; width: 1px; height: 1px; margin-top: -90px; }
@media only screen and (min-width: 995px) {
a.bn { padding: 14px 40px; }
a.sprungpunkt { margin-top: -120px; }
}
/* ---- Tabellen, Formulare ---- */
table.width100 { width: 100%; margin: 20px 0px; }
table.widthmax { width: 100%; max-width: 320px; margin: 20px 0px; }
th { font-weight: 900; text-align: left; }
td { font-weight: 400; text-align: left; }
table.widthmax th.right { text-align: right; vertical-align: bottom; }
table.widthmax td .bn_bg_ci { display: block; clear: both; margin: 5px 0px; width: 100%; box-sizing: border-box; }
table.widthmax td.abstand { padding: 7px; }
table.border_ci { margin: 20px 0px; padding: 0px; border-spacing: 0; border-collapse: collapse; }
table.border_ci tr { background-color: #eee; }
table.border_ci tr:nth-child(odd) { background-color: #fafafa; }
table.border_ci th { font-weight: 500; color: #000; padding: 10px 20px; }
table.border_ci td { font-weight: 200; color: #000; padding: 10px 20px; }
td.big { font-size: 1.3rem; font-weight: 800; }
@media only screen and (max-width: 995px) {
table.border_ci th { padding: 5px 5px; font-size: 0.95rem; }
table.border_ci td { padding: 5px 5px; font-size: 0.95rem; }
td.big { font-size: 1.1rem; }
}
input.disabled { border: 1px solid #eee; background-color: #fefefe; color: #bbb; font-style: italic; }
.form-validation, .step-validation { text-align: center; }
.form-validation i.fa { margin-top: 5px; font-size: 20px; }
.form-validation.alert-danger, , .step-validation.alert-danger { text-align: left; margin-bottom: 20px; }
.form-validation.alert-success { text-align: left; margin: 20px 0px; padding: 10px 20px; background-color: #c9f2c7; border: 1px solid #1ea817; }
.step-validation { color: #cc5449; font-size: 15px; }
.responsive-video { position: relative; padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/ padding-top: 0px; height: 0; overflow: hidden; }
.responsive-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
form .form-group { margin: 15px 0px 10px 0px; }
form .form-control { border: 1px solid #ddd; color: #666; display: block; font-size: 14px; height: 42px; line-height: 1.42857; padding: 6px 14px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; background-color: rgba(0, 0, 0, 0.02); font-size: inherit; line-height: inherit; box-sizing: border-box; -moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; }
form .form-control:focus { color: #555; border: 1px solid #aaa; }
form .pflichtfeld { border: 1px solid #bebebe; background-color: rgba(0, 0, 0, 0.03); }
form textarea.form-control { height: 130px; font-family: inherit; resize: none; }
form input[type=file] { font-size: 13px; }
form .form-datapolicy { display: block; clear: both; margin: 25px 0px 15px 0px; }
form .file_row { margin-bottom: 18px; }
form .file_row .align_left { }
form .file_row .align_right { display: inline; float: left; margin-left: 20px; }
form .form-bottom { width: 100%; text-align: center; }
form .info { display: block; clear: both; width: 100%; height: auto; color: #92b6d8; font-size: 15px; margin: 12px 0px 8px 2px; font-weight: 200; }
form .btn { cursor: pointer; display: inline-block; font-family: inherit; font-weight: normal; text-transform: none; border: none; line-height: 1.42857; margin-bottom: 0; text-align: center; vertical-align: middle; white-space: nowrap; font-size: 19px; line-height: 1.33333; padding: 10px 30px; transition: all 0.60s ease-out 0s; background-color: #373581; color: #fff; }
form .btn:hover { background-color: #4b4a8e; }
form .alert { display: block; clear: both; }
form .alert-danger { padding: 4px 5px; background-color: #f7e2e0; border: 1px solid #cc5449; color: #cc5449; font-size: 14px; }
/* mehrstufige Formulare */
ul.form-steps { display: block; clear: both; width: 100%; height: 46px; margin: 65px 0px 25px 0px; padding: 0px; background-color: #fff; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.15); box-shadow: 0px 0px 4px rgba(0,0,0,0.15); -moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; }
ul.form-steps li { display: inline-block; float: left; width: 20%; height: 46px; box-sizing: border-box; 0px; padding: 10px 5px; margin: 0px; text-align: center; }
ul.form-steps li span { color: #444; font-weight: 400; text-decoration: none; }
ul.form-steps li span:before { font-family: FontAwesome; content: "\f00c"; font-size: 20px; margin-right: 7px; color: #111; }
ul.form-steps li#step_1 span:before { content: "\f015"; }
ul.form-steps li#step_2 span:before { content: "\f03a"; }
ul.form-steps li#step_3 span:before { content: "\f0d6"; }
ul.form-steps li#step_4 span:before { content: "\f030"; }
ul.form-steps li#step_5 span:before { content: "\f1d9"; }
ul.form-steps li.active { background-color: #7877a0; }
ul.form-steps li.active span { color: #fff; font-weight: 800; }
ul.form-steps li.active span:before { color: #fff !important; font-weight: 200; }
ul.form-steps li.done { background-color: #d1e8d9; cursor: pointer; }
ul.form-steps li.done span { color: #070361; }
ul.form-steps li.done span:before { content: "\f00c" !important; color: #070361 !important; }
div.form-step { display: none; padding: 20px; background-color: #fff; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.15); box-shadow: 0px 0px 4px rgba(0,0,0,0.15); -moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; }
div.form-step.active { display: block; }
div.form-step .row .content-col2-1 { padding-top: 3px; padding-bottom: 8px; }
div.form-step h3 { margin: 15px 0px 20px 0px; font-size: 1.1rem; padding-left: 0px; padding-bottom: 8px; border-bottom: 1px solid #070361; }
div.form-step h3:before { font-family: FontAwesome; content: "\f040"; margin-right: 7px; color: #070361; }
div.form-step label { display: inline-block; margin: 2px 0px 8px 0px; }
div.form-step .error { border: 1px solid #c32500; background-color: #faf2f0; }
div.form-step .form-step-back { display: inline; float: left; }
div.form-step .form-step-submit { display: inline; float: right; }
@media only screen and (max-width: 995px) {
ul.form-steps li { padding: 10px 3px; line-height: 12px; }
ul.form-steps li span { font-size: 11px; line-height: 11px !important; }
ul.form-steps li span:before { display: block; margin: 0px 0px 0px 0px !important; }
}
/* --------------- Allgemeine Klassen für DIV-Aufbau ------------- */
.container { position: relative; align: center; width: 600px; height: auto; margin: 0px auto; padding: 0px 15px; margin-left: auto; margin-right: auto; box-sizing: border-box; background-color: transparent; z-index: 590; }
.container-full { position: relative; align: center; width: 100%; height: auto; margin: 0px auto; padding: 0px 15px; margin-left: auto; margin-right: auto; box-sizing: border-box; background-color: transparent; z-index: 590; }
.content-center { text-align: center; }
.content-right { text-align: right; }
.zentriert { align: center; margin: 0px auto; padding-top: 40px; width: 600px; height: auto; min-height: 400px; }
img.img_responsiv_full { width: 100% ; max-width: 100%; height: auto; margin: 15px 0px 25px 0px; }
.section { position: relative; color: inherit; padding: 30px 0; }
.section-std-padding { padding: 30px 0px; }
.section-big-padding { padding: 60px 0px; }
.first-section { padding-top: 180px; }
.a_sprung { position: absolute; margin-top: -140px; width: 100%; /*height: 2px; border-top: 1px solid red;*/ }
/* Viertel-Box */
.content-col4-1 { position: relative; display: inline-block; float: left; margin: 0px; width: 24%; margin-right: 0.66%; margin-left: 0.66%; height: auto; box-sizing: border-box; padding: 20px 20px; background-color: transparent; z-index: 990; }
.content-col4-2 { position: relative; display: inline-block; float: left; margin: 0px; width: 49%; margin-right: 0.59%; margin-left: 0.59%; height: auto; box-sizing: border-box; padding: 20px 20px; background-color: transparent; z-index: 990; }
/* Drittel-Box */
.content-col3-1 { position: relative; display: inline-block; float: left; margin: 0px; width: 32%; margin-right: 1%; margin-left: 1%; height: auto; box-sizing: border-box; padding: 20px 20px; background-color: transparent; z-index: 990; }
/* Zwei-Drittel-Box */
.content-col3-2 { position: relative; float: left; margin: 0px; width: 66%; margin-right: 1%; margin-left: 1%; height: auto; box-sizing: border-box; padding: 20px 20px; background-color: transparent; z-index: 990; }
/* Halb-Box */
.content-col2-1 { position: relative; float: left; margin: 0px; width: 48%; margin-right: 1%; margin-left: 1%; height: auto; box-sizing: border-box; padding: 20px 0px; background-color: transparent; z-index: 990; }
/* Full-Row */
.content-full-row { position: relative; display: block; clear: both; width: 100%; height: auto; margin: 35px 0px; }
.content-full-row img { position: relative; width: 100%; height: auto; }
.two-text-columns { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 4rem; -webkit-column-gap: 4rem; column-gap: 4rem; }
@media only screen and (max-width: 780px) {
.two-text-columns { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; }
.two-text-columns div { margin-bottom: 25px; }
}
/* Box mit Bild links und Text rechts */
.box-img-text { position: relative; display: block; clear: both; width: 100%; height: auto; margin: 55px 0px; background-color: #fff; }
.box-img-text .align_left { position: absolute; width: 40%; height: 100%; max-height: 360px; background-repeat: no-repeat; background-size: cover; background-position: center center; height: 100%; overflow: hidden; }
.box-img-text .align_right { width: 60%; height: auto; min-height: 280px; padding: 0px 60px; box-sizing: border-box; }
@media only screen and (max-width: 1199px) {
.box-img-text .align_right { padding: 0px 50px; }
}
@media only screen and (max-width: 995px) {
.box-img-text .align_left { position: relative; display: block; clear: both; width: 100%; height: auto; min-height: 380px; }
.box-img-text .align_right { display: block; clear: both; width: 100%; height: auto; min-height: auto; padding: 0px 40px; }
.box-img-text .align_right h3 { font-size: 21px; }
}
@media only screen and (max-width: 780px) {
.box-img-text .align_left { position: relative; display: block; clear: both; width: 100%; height: auto; min-height: 280px; }
.box-img-text .align_right { display: block; clear: both; width: 100%; height: auto; min-height: auto; padding: 30px 25px; }
.box-img-text .align_right h3 { font-size: 20px; }
}
@media only screen and (min-width: 1200px) {
.box-img-text .align_right h2 { margin-top: 0px; }
}
/* Margins für Boxen in Zeilen */
.row { width: 100%; height: auto; display: inline-block; padding: 0px; margin: 0px; box-sizing: border-box; }
.row div.content-col4-1:first-child { margin-left: 0; }
.row div.content-col4-2:first-child { margin-left: 0; }
.row div.content-col3-1:first-child { margin-left: 0; }
.row div.content-col3-2:first-child { margin-left: 0; }
.row div.content-col2-1:first-child { margin-left: 0; }
.row div.content-col4-1:last-child { margin-right: 0; }
.row div.content-col4-2:last-child { margin-right: 0; }
.row div.content-col3-1:last-child { margin-right: 0; }
.row div.content-col3-2:last-child { margin-right: 0; }
.row div.content-col2-1:last-child { margin-right: 0; }
.row:after { content: ""; display: table; clear: both; float: none; width: 100%; height: 0px; }
/* Datensätze mit einzelnen Elementen (mehrspaltig und -zeilig dargestellt) */
.overview { width: 100%; height: auto; margin: 20px auto; font-size: 0px; }
.element { display: block; width: 100%; height: auto; padding: 20px 20px; margin: 1%; vertical-align: top; }
@media only screen and (min-width: 460px) {
.element { display: inline-block; width: 48%; min-height: 80px; }
}
@media only screen and (min-width: 995px) {
.element { width: 32%; min-height: 100px; }
.element:first-child { margin-left: 0; }
.element:last-child { margin-right: 0; }
}
/* --------- Boxmodell ------- */
#head { position: absolute; display: block; margin: 0px; width: 100%; height: auto; padding: 0px 0px; box-sizing: border-box; background-color: #070361; background-image: url(../images/head-bg-wasserzeichen@2x.png); background-repeat: no-repeat; background-position: center center; background-size: auto 180%; /*transition: all 0.45s ease-in-out 0.45s; */ z-index: 800; }
#top_bar { display: block; clear: both; height: 40px; padding: 10px 0px 5px 0px; width: 100%; background-color: rgba(255,255,255,0.07); text-align: right; transition: all 0.5s ease-in-out 0.5s; }
#top_bar a { color: rgba(255,255,255,0.5); font-weight: 500; font-size: 15px; margin-left: 18px; }
#top_bar a:hover { color: rgba(255,255,255,0.8); }
#top_bar a i.fa { font-size: 18px; color: rgba(255,255,255,0.5); margin-right: 4px; vertical-align: middle; }
#top_bar a:hover i.fa { color: rgba(255,255,255,0.8); }
#nav_bar { position: relative; display: block; clear: both; width: 100%; height: 100px; padding: 0px; box-sizing: border-box; background-color: transparent; transition: all 0.1s ease-in-out 0.1s; }
#nav_bar .container { z-index: 400; }
#logo { display: inline-block; float: none; width: 204px; height: 133px; box-sizing: content-box; margin-top: -20px; margin-bottom: 13px; padding: 0px 0px 0px 0px; /* transition: all 0.4s ease-in-out 0.4s;*/ }
#logo img { width: 100%; height: auto; vertical-align: middle; }
#navigation { /* wird in den MediaQuerys definiert */ }
#navigation ul li a { text-transform: none; }
#toggle_mobile_navigation { display: block; float: right; padding: 0px; margin: 0px; font-size: 21px; margin-top: 0px; cursor: pointer; padding: 10px; transition: all 0.45s ease-in-out 0s; }
#toggle_mobile_navigation i { font-size: 38px; color: #fff; }
@media only screen and (max-width: 998px) {
#head { height: auto; -moz-box-shadow: 0px 5px 19px rgba(0,0,0,0.6); -webkit-box-shadow: 0px 5px 19px rgba(0,0,0,0.6); box-shadow: 0px 5px 19px rgba(0,0,0,0.6);}
#toggle_mobile_navigation { position: absolute; top: 7px; right: 10px; z-index: 9999; }
#toggle_mobile_navigation.active i { color: #fff; text-shadow: 0px 2px 2px rgba(0,0,0,0.6); }
#navigation { position: fixed; display: none; overflow: auto; width: 100%; height: 100%; left: 0px; top: 108px; margin: 0px; bottom: 0; right: 0; box-sizing: border-box; padding: 30px 0px 0px 0px; background-color: rgba(255,255,255,0.95); z-index: 890; }
#top_bar { display: block; height: 38px; padding: 8px 20px 8px 2px; }
#top_bar a { font-size: 14px; margin-left: 11px; }
#top_bar a i.fa { font-size: 16px; margin-right: 2px; vertical-align: top; margin-top: 4px; }
#schnellkontakt { display: none; }
#nav_bar { display: block; clear: both; height: 70px; padding: 5px 0px; z-index: 970; }
#logo { width: 107px; height: 70px; padding: 0px 0px; margin: -12px 0px 0px 0px; z-index: 999; }
#logo img { }
#nav_bar > .container { background-size: auto 45px; }
#navigation > .container > ul { display: block; clear: both; width: 100%; height: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index: 900; }
#navigation > .container > ul > li { display: block; clear: both; float: left; width: 100%; height: auto; margin: 2px 0px; padding: 1px 0px; box-sizing: border-box; border-bottom: 1px solid rgba(0,0,0,0.1); }
#navigation > .container ul li a { display: block; float: left; width: 100%; height: auto; padding: 8px 5px 7px 5px; box-sizing: border-box; text-transform: normal; font-family: 'Open Sans', Arial, Verdana; font-size: 20px; line-height: 18px; text-align: left; color: #000; }
#navigation > .container ul li a:hover { text-decoration: none; color: #070361; }
#navigation > .container > ul > li.active > a { color: #130e86; }
#navigation > .container > ul > li > ul > li.active > a { color: #130e86; }
#navigation > .container > ul > li > ul { display: block; clear: both; width: 100%; height: auto; margin: 0px; padding: 0px; }
#navigation > .container > ul > li > ul > li { display: inline-block; clear: both; float: left; width: 100%; height: auto; margin: 2px 0px; padding: 0px 20px; box-sizing: border-box; border-bottom: 1px solid rgba(0,0,0,0.05); }
#navigation > .container > ul > li > ul > li:last-child { border-bottom: none; }
#navigation > .container > ul > li > ul > li > a { display: inline-block; float: left; width: 100%; height: auto; padding: 6px 5px 6px 15px; text-transform: normal; font-size: 16px; text-align: left; color: #000; }
/* ---- Sticky-Darstellungen ---- */
#head.sticky { position: fixed; height: 70px; padding: 0px 0px; top: 0; background-color: #070361; opacity: 1; transition-duration: 0.1s, 0.1s, 0.1s, 0.2s; transition-property: width, height, background-color, transform; transition-timing-function: ease, ease, ease, ease; }
#head.sticky #top_bar { display: none; }
#head.sticky #nav_bar { }
#head.sticky #nav_bar #logo { width: 86px; margin-top: 3px; }
#head.sticky #nav_bar #logo img { height: auto; padding: 0; }
#head.sticky #nav_bar .container { padding-top: 0px; }
#head.sticky #toggle_mobile_navigation { margin-top: 0px; }
#head.sticky #navigation { top: 70px; padding-top: 70px; padding: 0px; }
}
@media only screen and (min-width: 999px) {
#head { }
#toggle_mobile_navigation { display: none; }
#top_bar { display: block; }
#navigation { display: block !important; float: none; width: 100%; height: 50px; box-sizing: border-box; background-color: #373581; margin: 0px 0px 0px 0px; padding: 0px; text-align: left; z-index: 900; -moz-box-shadow: 0px 5px 19px rgba(0,0,0,0.6); -webkit-box-shadow: 0px 5px 19px rgba(0,0,0,0.6); box-shadow: 0px 5px 19px rgba(0,0,0,0.6); }
#navigation ul { display: block; clear: both; float: none; width: 100%; height: 100%; margin: 0px auto 0px auto; align: center; padding: 0px; }
#navigation ul li { display: inline-block; float: left; width: auto; height: 100%; margin: 0px 0px; padding: 0px 0px 0px 0px; }
#navigation > .container > ul > li > a { display: inline-block; float: none; width: auto; height: 50px; padding: 13px 10px 13px 10px; margin: 0px 0px 0px 0px; font-size: 16px; /*line-height: 26px;*/ font-weight: 500; color: #fff; box-sizing: border-box; }
#navigation ul li a:hover,
#navigation ul li.hover > a { text-decoration: none; color: #ffff; }
#navigation ul li a span { font-weight: 100; color: rgba(255,255,255,0.8); }
#navigation ul li.active > a { background-color: rgba(255,255,255,0.15) !important; }
#navigation ul li a:hover,
#navigation ul li.hover > a { background-color: rgba(255,255,255,0.08); }
#navigation ul li.active > a { color: #fff; }
#navigation > .container > ul > li > ul { position: absolute; display: none; width: auto; min-width: 180px; height: auto; border: none; margin: 0px; margin-left: 0px; padding: 0px; background-color: #413f87; -moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.4); box-shadow: 0px 5px 5px rgba(0,0,0,0.4); }
#navigation > .container > ul > li.active > ul { }
#navigation > .container > ul > li > ul li { display: block; clear: both; width: 100%; height: auto; text-align: left; margin: 0px; padding: 0px; }
#navigation > .container > ul > li > ul li a { display: block; clear: both; width: auto; height: auto; padding: 10px 35px 10px 15px; margin: 0px; font-size: 16px; color: #fff; box-sizing: border-box; }
#navigation > .container > ul > li > ul li a:hover,
#navigation ul li ul.subnavi li a.hover { text-decoration: none; color: #fff; background-color: rgba(255,255,255,0.3); }
#navigation > .container > ul > li > ul li.active { }
#navigation > .container > ul > li > ul > li.active > a { color: #fff; background-color: rgba(255,255,255,0.4); }
#navigation > .container > ul > li > ul li:last-child a { border-bottom: none; }
/*#navigation ul li.active ul.subnavi { position: absolute; width: 740px; height: 34px; left: 50%; margin-left: -370px; display: block; align: center; margin-top: 23px; }
*/#navigation > .container > ul > li > ul { display: none; }
#head.sticky #navigation { height: 44px; margin-top: 0px; padding: 0px 0px; }
#head.sticky #navigation > .container > ul > li > a { height: 44px; padding: 11px 15px 10px 15px; }
/* ---- Sticky-Darstellungen ---- */
#head.sticky { position: fixed; height: 104px; padding: 0px 0px; top: 0; opacity: 1; z-index: 810; transition-duration: 0.1s, 0.1s, 0.1s, 0.2s; transition-property: width, height, background-color, transform; transition-timing-function: ease, ease, ease, ease; }
#head.sticky #top_bar { display: none; }
#head.sticky #nav_bar { height: 104px; padding: 0px 0px; }
#head.sticky #nav_bar #logo { width: 123px; height: 80px; margin-top: 6px; padding-top: 0px; margin-bottom: 6px; }
#head.sticky #nav_bar #logo img { height: auto; padding: 0; }
#head.sticky #toggle_mobile_navigation { margin-top: 0px; }
}
@media only screen and (min-width: 999px) and (max-width: 1199px) {
#nav_bar #logo { padding-left: 10px; }
#navigation, #head.sticky #navigation { margin-right: 30px; }
#top_bar { padding-right: 30px; }
#navigation > .container > ul > li > a, #head.sticky #navigation > .container > ul > li > a { font-size: 16px; padding-left: 8px; padding-right: 8px; margin-left: 0px; }
}
@media only screen and (min-width: 1200px) and (max-width: 1419px) {
#nav_bar #logo { padding-left: 10px; }
#navigation, #head.sticky #navigation { margin-right: 40px; }
#top_bar { padding-right: 40px; }
#navigation > .container > ul > li > a, #head.sticky #navigation > .container > ul > li > a { font-size: 18px; padding-left: 9px; padding-right: 9px; margin-left: 0px; }
}
@media only screen and (min-width: 1420px) {
#nav_bar #logo { padding-left: 0px; }
#navigation, #head.sticky #navigation { margin-right: 50px; }
#top_bar { padding-right: 50px; }
#navigation > .container > ul > li > a, #head.sticky #navigation > .container > ul > li > a { font-size: 18px; padding-left: 10px; padding-right: 10px; margin-left: 0px; }
}
/* Teaser über Navigationsleiste */
#teaser_header { position: absolute; margin-top: -90px; margin-left: 600px; width: 280px; height: 90px; box-sizing: border-box; background-image: url("../images/Stoerer_Nigl-Holding@3x.png"); background-repeat: no-repeat; background-size: 100% auto; background-position: 0px 500px; z-index: 905; overflow: hidden; transition: all 1.8s ease-in-out 0s; }
#teaser_header a { display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; }
#teaser_header.show { background-position: 0px 0px; transition: all 2s ease-in-out 0s; }
#teaser_header.show:hover { background-position: 0px 0px; opacity: 0.9; }
body.startseite #teaser_header.show {
/* Start the shake animation and make the animation last for 0.5 seconds */
animation: shake 0.8s;
/* When the animation is finished, start again */
animation-iteration-count: 5;
}
@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}
@media only screen and (max-width: 994px) {
#teaser_header { display: none; }
}
@media only screen and (min-width: 995px) and (max-width: 1199px) {
#teaser_header { margin-left: 680px; }
}
@media only screen and (min-width: 1200px) {
#teaser_header { margin-left: 885px; }
}
#head.sticky #teaser_header { margin-top: -74px; }
@media only screen and (min-width: 995px) {
#head.sticky #teaser_header { margin-top: -90px; }
}
/* ------ Section-Formatierungen ------ */
.section h1.stroke, .section h2.stroke { background-image: url('../images/title-line-bg.png'); background-repeat: repeat-x; background-position: center; }
.section h1.stroke span, .section h2.stroke span { padding: 2px 25px; background-color: #fff; font-family: inherit; color: inherit; font-size: inherit; font-weight: inherit; }
.section h1.stroke.left span, .section h2.stroke.left span { padding: 2px 25px 2px 0px; }
#section-slideshow { position: relative; clear: both; width: 100%; height: auto; padding-top: 160px; padding-bottom: 0px; box-sizing: border-box; margin-bottom: 0px; background-color: #555; overflow: hidden; z-index: 700; }
#section-slideshow .rev_slider_wrapper { margin-top: 0px; height: 400px; }
#section-slideshow .rev_slider_wrapper .slotholder .tp-bgimg.defaultimg { /*background-image: url('') !important; */ }
#section-slideshow .tparrows { display: none; visibility: hidden; }
#section-slideshow .h1_oben_zentriert { width: 100%; text-align: center; color: #fff; font-size: 76px; line-height: 0.97em; font-weight: 900; text-transform: uppercase; text-shadow: 0px 10px 10px #000; text-shadow: 0px 10px 10px rgba(0,0,0,0.7); }
#section-slideshow .img_rechts_unten { }
#section-slideshow .img_rechts_unten img { width: auto; height: 100%; }
#section-slideshow .button_links_unten { }
#section-slideshow .button_links_unten img { width: auto; height: 100%; }
#section-slideshow .h1_unten { width: 100%; text-align: left; color: #fff; font-size: 56px; line-height: 0.97em; font-weight: 600; text-transform: uppercase; text-shadow: 0px 0px 10px #000; text-shadow: 0px 0px 10px rgba(0,0,0,0.7); }
#section-slideshow .h2_button_gruen { text-align: left; display: inline-block; font-size: 29px; color: #fff; font-weight: 800; cursor: pointer; background-image: url(../images/bn_bg_gruen-slides.png); background-repeat: no-repeat; background-position: 0px 0px; background-size: contain; background-color: transparent; padding: 12px 40px 12px 40px; transition: all 0.15s ease-in-out 0s; }
#section-slideshow .h2_button_gruen:hover { font-size: 29px; color: #ecf2d6; }
#section-slideshow .fullscreenvideo { text-align: center; }
@media only screen and (max-width: 994px) {
#section-slideshow { min-height: auto; padding-top: 100px; }
#section-slideshow .rev_slider_wrapper { margin-top: 0px; }
}
@media only screen and (max-width: 780px) {
}
@media only screen and (max-width: 620px) {
}
@media only screen and (min-width: 995px) {
#section-slideshow li.anim-slide .slogan_wrapper h1,
#section-slideshow li.anim-slide .slogan_wrapper h2 { font-size: 44px; line-height: 50px; }
#section-slideshow li.anim-slide .slogan_wrapper { top: 52%; }
}
@media only screen and (min-width: 1200px) {
#section-slideshow li.anim-slide .slogan_wrapper h1,
#section-slideshow li.anim-slide .slogan_wrapper h2 { font-size: 52px; line-height: 58px; }
#section-slideshow li.anim-slide .slogan_wrapper { top: 56%; }
}
#iwa-widget { position: absolute; left: 50px; margin-top: -220px; z-index: 800; }
body.folgeseite #iwa-widget { position: relative; display: block; left: auto; margin: 20px 0px; z-index: 800; }
#iwa-widget .iwabasic-widget1 ul li { line-height: 15px !important; }
#iwa-widget .iwabasic-widget1 .iwabasic-btn { line-height: 17px !important; }
@media only screen and (max-width: 994px) {
#iwa-widget { display: block; left: 5px; width: 200px !important; margin-top: 15px; z-index: 700; }
#iwa-widget * { font-size: 12px !important; }
#iwa-widget .iwabasic-headline { font-size: 16px !important; }
.iwabasic-widget1 { max-width: 340px !important; }
.iwa-lightbox-link.iwabasic-btn.iwacboxElement { position: absolute; margin-top: 14px !important; margin-left: 162px !important; }
}
/* Teaser Stern */
#teaser_stern { position: absolute; right: 0px; bottom: 0px; width: 280px; height: 280px; box-sizing: border-box; background-image: url(../images/teaser-stern@2x.png); background-repeat: no-repeat; background-size: contain; background-position: 260px 260px; z-index: 700; overflow: hidden; transition: all 1.0s ease-in-out 1.0s; }
#abstand_folgeseiten + #teaser_stern { position: absolute; top: 209px; bottom: auto; right: 0px; width: 260px; height: 260px; }
#teaser_stern .inhalt { position: relative; display: block; width: 180px; height: 100%; box-sizing: border-box; margin: 100px 0px 0px 102px; padding: 28px 15px 20px 15px; opacity: 0; text-align: center; vertical-align: middle; font-size: 15px; line-height: 17px; font-weight: 600; transition: all 1.2s ease-in-out 1.4s; -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -o-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); }
#teaser_stern .inhalt h4 { font-size: 22px; line-height: 24px; font-weight: 700; margin: 0px 0px 8px 0px; }
#teaser_stern.show { background-position: 50px 64px; }
#teaser_stern.show .inhalt { opacity: 1; }
#teaser_stern.show:hover .inhalt { }
@media only screen and (max-width: 994px) {
#teaser_stern { width: 170px; height: 170px; background-position: 200px 200px; }
#abstand_folgeseiten + #teaser_stern { width: 170px; height: 170px; background-position: 200px 200px; top: 140px; }
#teaser_stern .inhalt { width: 130px; margin: 68px 7px 0px 62px; padding: 15px 10px 10px 10px; font-size: 11px; line-height: 12px; }
#teaser_stern .inhalt h4 { font-size: 13px; line-height: 14px; margin: 0px 0px 7px 0px; }
#teaser_stern.show { background-position: 34px 42px; }
#abstand_folgeseiten + #teaser_stern.show { background-position: 34px 42px; }
}
.section-inhalt-weiss-auf-grau { padding: 65px 0px; }
.section-inhalt-weiss-auf-grau .container { padding: 35px 35px 40px 35px; background-color: #fff; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.15); box-shadow: 0px 0px 4px rgba(0,0,0,0.15); -moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; }
@media only screen and (max-width: 994px) {
.section-inhalt-weiss-auf-grau .container { padding: 30px 25px 35px 25px; }
}
.section-inhalt-auf-grau { padding: 30px 0px; }
.section-inhalt-auf-grau .container > .row >.content-col2-1,
.section-inhalt-auf-grau .container > .row > .content-col3-1,
.section-inhalt-auf-grau .container > .row > .content-col3-2,
.section-inhalt-auf-grau .container > .row > .content-col4-1,
.section-inhalt-auf-grau .container > .row > .content-col4-3 { padding: 32px 30px 25px 30px; background-color: #fff; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.15); box-shadow: 0px 0px 4px rgba(0,0,0,0.15); -moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; }
.section-partner-logos { padding: 30px 0px; margin-bottom: 0px; text-align: center; background-color: #fff; }
.section-partner-logos h2,
.section-partner-logos h3 { text-align: center; }
.section-partner-logos ul { width: 100%; margin: 10px auto; padding: 0px; text-align: center; }
.section-partner-logos ul li { display: inline-block; width: auto; margin: 0px; padding: 10px; box-sizing: border-box; text-align: center; }
.section-partner-logos ul li img { width: auto; height: auto; max-width: 50px; max-height: 30px; margin: 0px auto; }
@media only screen and (min-width: 994px) {
.section-partner-logos ul li { padding: 15px; }
.section-partner-logos ul li img { max-width: 80px; max-height: 35px; }
}
#section_intro { }
#section_intro .content-col2-1 { min-height: 670px; }
#section_intro .pic { width: 100%; height: auto; min-height: 230px; background-size: cover; background-position: center center; }
#section_intro .pic i.fa { position: absolute; width: 90px; height: 90px; color: #fff; font-size: 90px; margin-top: 150px; margin-left: 30px; text-shadow: 0px 0px 8px rgba(0,0,0,0.5); z-index: 500; }
#section_intro .inhalt { padding: 30px 30px 30px 30px; }
#section_intro .inhalt hr { border-bottom: 1px solid #ddd; margin: 12px 0px 8px 0px; }
#section_intro .inhalt ul { margin: 8px 0px 25px 0px; }
#section_intro .inhalt .big { font-weight: 100; font-size: 2.35rem; line-height: 2.6rem; padding: 15px 0px 5px 0px; }
#section_intro .inhalt .medium { font-weight: 100; font-size: 1.02rem; line-height: 1.20rem; padding: 17px 10px 5px 0px; }
#section_intro .inhalt .small { font-size: 0.83rem; line-height: 1.12rem; padding: 14px 0px 5px 0px; }
#section_intro .inhalt .supersmall { font-size: 1.15rem; line-height: 1.69rem; padding: 10px 0px 0px 0px; }
#section_intro .inhalt .supersmall em { font-size: 1.13rem; line-height: 1.50rem; }
#section_intro .inhalt .row .content-col4-2.supersmall:first-child { width: 49%; margin-top: 0px; font-size: 14px; }
#section_intro .inhalt .row .content-col4-2.supersmall:last-child { float: right; width: 48%; margin-top: 0px; padding-right: 0px; margin-right: 0px !important; }
#section_intro .inhalt .row .content-col4-2.supersmall:last-child a { float: right; margin-right: 0px !important; padding: 5px 14px; }
#section_intro .inhalt .row .content-col4-2.supersmall:last-child a:hover { background-color: #070361; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.15); box-shadow: 0px 0px 4px rgba(0,0,0,0.15); }
#section_intro .inhalt .row .content-col4-2.supersmall:last-child a i.fa { font-size: 1.1rem; margin-right: 4px; }
@media only screen and (max-width: 994px) {
#section_intro .content-col2-1 { height: none; min-height: 300px; }
#section_intro .inhalt .content-col4-1 { padding-bottom: 0px; margin-bottom: 10px; }
}
#section_intro .content-col2-1.verkaufenvermieten { min-height: 620px; padding: 0px; }
#section_intro .content-col2-1.verkaufenvermieten .pic { border-bottom: 9px solid #070361; }
#section_intro .content-col2-1.verkaufenvermieten .pic h2 { position: absolute; font-size: 44px; margin: 156px 0px 0px 30px; color: #fff; text-shadow: 0px 0px 10px rgba(0,0,0,0.8); }
#section_intro .content-col2-1.verkaufenvermieten ul { margin: 5px 0px 15px 0px; padding: 0px; list-style-type: none; }
#section_intro .content-col2-1.verkaufenvermieten ul li { margin: 0px; padding: 0px; list-style-type: none; }
#section_intro .content-col2-1.verkaufenvermieten ul li a { display: block; clear: both; color: #222; font-size: 20px; font-weight: 100; margin: 0px !important; padding: 17px 34px; cursor: pointer; border-bottom: 1px solid rgba(250,197,14,0.5); background-image: url(../images/li-normal@3x.png); transition: all 0.1s ease-in-out 0.05s; background-repeat: no-repeat; background-position: 0px 23px; background-size: 20px auto; }
#section_intro .content-col2-1.verkaufenvermieten ul li a:hover { color: #070361; text-decoration: none; background-position: 6px 23px; }
#section_intro .content-col2-1.intro_formular form .file_row .align_left { width: 215px; font-size: 0.81rem; line-height: 0.95rem; }
#section_intro .content-col2-1.intro_formular form .file_row .align_right { display: inline; float: right; margin-top: 10px; }
#section_intro .content-col2-1.intro_formular form .form-datapolicy { margin: 5px 0px 5px 0px; }
#section_intro .content-col2-1.intro_formular .form-bottom { width: 100%; position: absolute; bottom: 0px; margin-left: -30px; margin-bottom: 0px; text-align: center; }
#section_intro .content-col2-1.intro_formular .form-bottom .bn_border { width: 70%; margin: 0px auto; align: center; }
/* nigl Holding Darstellung */
#section_intro .overview .element,
.link-grid-boxes .element { min-height: 380px; padding: 0px; background-color: #fff; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.15); box-shadow: 0px 0px 4px rgba(0,0,0,0.15); -moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; }
#section_intro .overview .element .pic,
.link-grid-boxes .element .pic { width: 100%; height: 45vw; border-bottom: 9px solid #070361; background-size: cover; background-repeat: no-repeat; background-position: center center; }
#section_intro .overview .element .pic h2,
.link-grid-boxes .element .pic h2 { position: absolute; font-size: 44px; margin: 156px 0px 0px 30px; color: #fff; text-shadow: 0px 0px 10px rgba(0,0,0,0.8); }
#section_intro .overview .element .desc,
.link-grid-boxes .element .desc { min-height: 200px; padding: 28px 20px 18px 23px; }
#section_intro .overview .element .desc h2,
.link-grid-boxes .element .desc h2 { font-size: 1.5em; line-height: 1.2em; margin: 0px 0px 10px 0px; }
#section_intro .overview .element .desc_content,
.link-grid-boxes .element .desc_content { dispaly: block; margin-top: 0px; padding: 0px 15px 15px 23px; text-align: right; }
#section_intro .overview .element .desc_content a,
.link-grid-boxes .element .desc_content a { display: inline-block; color: #222; font-size: 1.1em; font-weight: 100; margin: 0px !important; padding: 5px 34px 5px 0px; cursor: pointer; background-image: url(../images/li-normal@3x.png); transition: all 0.1s ease-in-out 0.05s; background-repeat: no-repeat; background-position: center right; background-size: 20px auto; }
#section_intro .overview .element .desc_content a:hover,
.link-grid-boxes .element .desc_content a:hover { color: #070361; text-decoration: none; background-position: 94% 50%; }
#section_intro .overview .element ul,
.link-grid-boxes .element ul { margin: 5px 0px 15px 0px; padding: 0px; list-style-type: none; }
#section_intro .overview .element ul li,
.link-grid-boxes .element ul li { margin: 0px; padding: 0px; list-style-type: none; }
#section_intro .overview .element ul li a,
.link-grid-boxes .element ul li a { display: block; clear: both; color: #222; font-size: 20px; font-weight: 100; margin: 0px !important; padding: 17px 34px; cursor: pointer; border-bottom: 1px solid rgba(250,197,14,0.5); background-image: url(../images/li-normal@3x.png); transition: all 0.1s ease-in-out 0.05s; background-repeat: no-repeat; background-position: 0px 23px; background-size: 20px auto; }
#section_intro .overview .element ul li a:hover,
.link-grid-boxes .element ul li a:hover { color: #070361; text-decoration: none; background-position: 6px 23px; }
@media only screen and (MAX-width: 995px) {
#section_intro .overview .element,
.link-grid-boxes .element { width: 100%; margin: 10px 0px; }
#section_intro .overview .element .desc,
.link-grid-boxes .element .desc { height: auto; min-height: auto; }
}
@media only screen and (min-width: 995px) {
#section_intro .overview .element,
.link-grid-boxes .element { min-height: 460px; }
#section_intro .overview .element .pic,
.link-grid-boxes .element .pic { height: 220px; }
#section_intro .overview .element .desc,
.link-grid-boxes .element .desc { min-height: 180px; }
}
@media only screen and (min-width: 1500px) {
#section_intro .overview .element,
.link-grid-boxes .element { min-height: 535px; }
#section_intro .overview .element .pic,
.link-grid-boxes .element .pic { height: 260px; }
#section_intro .overview .element .desc,
.link-grid-boxes .element .desc { min-height: 245px; }
}
#section_intro-landingpage { }
#section_intro-landingpage ul { list-style-type: none; padding: 0px; margin: 20px 0px; }
#section_intro-landingpage ul li { padding-top: 10px; padding-bottom: 10px; padding-left: 30px; margin-left: 0px; font-size: 17px; }
#section_intro-landingpage ul li:before { content: '\f087'; font-family: 'FontAwesome'; position: absolute; margin-left: -30px; color: #851a1c; font-size: 23px; }
#section_objekte { background-color: #676763; }
#section_objekte::before { content: ""; position: absolute; height: 60px; width: 100%; left: 0; top: 0px; opacity: 0.3; z-index: 510; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,050505+100&0+0,1+96 */ background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 2%, rgba(5,5,5,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 2%,rgba(5,5,5,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 2%,rgba(5,5,5,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00050505',GradientType=0 ); }
#section_objekte::after { content: ""; position: absolute; height: 60px; width: 100%; left: 0; top: auto; bottom: 0px; opacity: 0.3; z-index: 510; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(5,5,5,1) 96%, rgba(5,5,5,1) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(5,5,5,1) 96%,rgba(5,5,5,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(5,5,5,1) 96%,rgba(5,5,5,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#050505',GradientType=0 ); }
.overview.wohnungen { }
.overview.wohnungen .element.row { display: block; clear: both; width: 100%; height: auto; padding: 0px; margin: 10px 0px 20px 0px; background-color: #fff; transition: all 0.25s ease-in-out 0s; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); box-shadow: 0px 0px 4px rgba(0,0,0,0.4); }
.overview.wohnungen .element.row:hover { -moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.8); -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.8); box-shadow: 0px 0px 15px rgba(0,0,0,0.8); }
.overview.wohnungen .element.row > .content-col3-1 { padding: 10px 20px; margin: 0px; }
/* 1. Spalte - Bild */
.overview.wohnungen .element.row > .content-col3-1:first-child { width: 100%; padding: 0px; }
.overview.wohnungen .element.row > .content-col3-1:first-child .partner { position: absolute; width: 110px; height: 48px; background-color: #fff; border: 2px solid #fff; border-right: 4px solid #fff; border-bottom: 4px solid #fff; background-size: contain; background-position: center center; background-repeat: no-repeat; }
.overview.wohnungen .element.row > .content-col3-1:first-child .pic { display: block; clear: both; width: 100%; height: auto; height: 50vw; background-size: cover; background-color: #eee; background-position: center center; background-repeat: no-repeat; }
.overview.wohnungen .element.row > .content-col3-1:first-child .teaser_neu { position: absolute; width: 56px; height: 30px; padding: 2px 4px; font-size: 0.95em; background-color: rgba(133,26,28,0.9); color: #fff; text-align: center; text-transform: uppercase; }
/* 2. Spalte - Titel & Beschreibung */
.overview.wohnungen .element.row > .content-col3-1:nth-child(2) { width: 100%; }
.overview.wohnungen .element.row > .content-col3-1:nth-child(2) .titel { margin: 8px 0px 30px 0px; }
.overview.wohnungen .element.row > .content-col3-1:nth-child(2) .titel h2 { text-align: left !important; font-size: 1.7em !important; line-height: 1.15em; margin: 0px 0px 12px 0px; text-transform: none; font-weight: 200; }
.overview.wohnungen .element.row > .content-col3-1:nth-child(2) .titel h3 { text-align: left !important; font-size: 1.08em !important; line-height: 1.15em; margin: 0px 0px 10px 0px; color: #969696; }
.overview.wohnungen .element.row > .content-col3-1:nth-child(2) .titel .strasse { font-size: 1.0em; font-weight: 400; }
.overview.wohnungen .element.row > .content-col3-1:nth-child(2) .titel .strasse i { margin-right: 5px; }
.overview.wohnungen .element.row > .content-col3-1:nth-child(2) .desc { }
.overview.wohnungen .element.row > .content-col3-1:nth-child(2) .desc h3 { }
.overview.wohnungen .element.row > .content-col3-1:nth-child(2) .desc ul { margin-left: 0px; padding-left: 16px; }
.overview.wohnungen .element.row > .content-col3-1:nth-child(2) .desc ul li { margin-left: 0px; }
.overview.wohnungen .element.row > .content-col3-1:nth-child(2) .desc .row { margin: 0px 0px; }
.overview.wohnungen .element.row > .content-col3-1:nth-child(2) .desc .row .content-col3-1 { vertical-align: top; padding-top: 0px; padding-bottom: 0px; margin-bottom: 10px; }
.overview.wohnungen .element.row > .content-col3-1:nth-child(2) .desc .row .content-col3-1 strong { display: block; font-size: 1.2em; }
.overview.wohnungen .element.row > .content-col3-1:nth-child(2) .desc .row .content-col3-1 small { }
/* 3. Spalte - Metas & Actions */
.overview.wohnungen .element.row > .content-col3-1:nth-child(3) { width: 100%; }
.overview.wohnungen .element.row > .content-col3-1:nth-child(3) .meta { display: block; padding: 20px 0px; margin-bottom: 0px; color: #969696; }
.overview.wohnungen .element.row > .content-col3-1:nth-child(3) .meta i.fa { margin-right: 4px; }
.overview.wohnungen .element.row > .content-col3-1:nth-child(3) .vorteil { display: block; font-size: 1.1em; margin-bottom: 30px; line-height: 1em; color: var(--color-ci2); }
.overview.wohnungen .element.row > .content-col3-1:nth-child(3) .vorteil span { color: inherit; font-size: 2.4em; line-height: 1em; font-weight: 700; }
.overview.wohnungen .element.row > .content-col3-1:nth-child(3) .actions { display: block; clear: both; margin: 10px 0px 20px 0px; }
.overview.wohnungen .element.row > .content-col3-1:nth-child(3) .actions a { display: block; text-align: center; color: #851a1c; border: 1px solid #851a1c; padding: 0.6em 1.5em; text-decoration: none; }
.overview.wohnungen .element.row > .content-col3-1:nth-child(3) .actions a:hover { color: #fff; background-color: #851a1c; border: 1px solid #851a1c; }
@media only screen and (min-width: 995px) {
.overview.wohnungen .element.row > .content-col3-1:first-child { width: 30%; margin: 0 2% 0 0; }
.overview.wohnungen .element.row > .content-col3-1:first-child .pic { height: 380px; }
.overview.wohnungen .element.row > .content-col3-1:nth-child(2) { width: 48%; margin: 0 1% 0 0; padding: 20px 20px 5px 20px; }
.overview.wohnungen .element.row > .content-col3-1:nth-child(2) .titel { margin: 20px 0px 30px 0px; }
.overview.wohnungen .element.row > .content-col3-1:nth-child(2) .desc .row .content-col3-1 { padding-top: 10px; padding-bottom: 10px; margin-bottom: 5px; }
.overview.wohnungen .element.row > .content-col3-1:nth-child(3) { width: 19%; margin: 0; padding: 10px; }
.overview.wohnungen .element.row > .content-col3-1:nth-child(3) .meta { margin-top: 7px; margin-bottom: 22px; }
.overview.wohnungen .element.row > .content-col3-1:nth-child(3) .vorteil { display: block; min-height: 100px; font-size: 1.3em; margin-bottom: 45px; color: var(--color-ci2); }
.overview.wohnungen .element.row > .content-col3-1:nth-child(3) .vorteil span { color: inherit; font-size: 2.4em; display: block; }
.overview.wohnungen .element.row > .content-col3-1:nth-child(3) .actions { display: block; margin: 30px 0px; padding-right: 10px; }
.overview.wohnungen .element.row > .content-col3-1:nth-child(3) .actions a { padding: 0.4em 1.2em; }
}
@media only screen and (min-width: 1200px) {
.overview.wohnungen .element.row > .content-col3-1:first-child { width: 32%; }
.overview.wohnungen .element.row > .content-col3-1:nth-child(2) { width: 45%; }
.overview.wohnungen .element.row > .content-col3-1:nth-child(3) { width: 20%; }
.overview.wohnungen .element.row > .content-col3-1:nth-child(3) .actions a { padding: 0.6em 1.5em; }
}
/* Formular: Wohnung anfragen */
form .slide_titel { display: block; width: 100%; background-color: #fff; cursor: default; }
form .slide_titel::after { float: right; padding: 1px 0px; content: '\f107'; font-family: 'FontAwesome'; font-size: 21px; color: rgba(0,0,0,0.7); }
form .slide_inhalt { padding: 6px 14px; background-color: #fff; -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.1); box-shadow: 0px 0px 2px rgba(0,0,0,0.1); }
form .slide_inhalt .category { display: block; padding: 10px 0px; border-top: 1px solid rgba(0,0,0,0.1); }
form .slide_inhalt .category:first-child { border-top: none; }
form .slide_inhalt .category h4 { font-size: 1.0em; font-weight: 500; margin: 5px 0px; }
form .slide_inhalt .category .element { display: block; clear: both; float: none; width: 100%; height: auto; min-height: auto; margin: 7px 0px; padding: 0px; text-align: left; }
form .slide_inhalt .category .element input[type=checkbox] { display: inline-block; margin: 7px 3px 0px 0px; vertical-align: top; }
form .slide_inhalt .category .element label { display: inline-block; width: 231px; font-size: 0.82em; line-height: 1.13em; }
form .slide_inhalt .category .element label img { display: inline-block; float: left; width: auto; height: auto; max-width: 90%; }
/*form .slide_inhalt .category .element a { font-size: 0.7em; }*/
form .slide_inhalt small { display: block; color: #666; line-height: 18px; }
@media only screen and (min-width: 570px) {
form.form-with-steps .slide_inhalt .category { display: inline-block; clear: none; width: 49%; border-top:none; vertical-align: top; }
form.form-with-steps .slide_inhalt .category .element { width: 100%; }
form.form-with-steps .slide_inhalt .category .element label { width: 85%; }
form.form-with-steps .slide_inhalt .category .element label img { max-width: 220px; margin-bottom: 12px; margin-right: 12px; }
}
@media only screen and (min-width: 994px) {
form .form-step .slide_inhalt .category .element { display: inline-block; clear: none; float: none; width: 32%; height: auto; min-height: auto; margin: 7px 0px; padding: 0px 10px 0px 0px; }
form .slide_inhalt .category .element label img { max-width: 190px; }
}
#section_introbox { }
#section_introbox .content-col2-1 { min-height: 400px; }
#section_introbox .pic { display: inline-block; width: 50%; height: 100%; margin: 0px; height: auto; min-height: 400px; background-size: cover; background-position: center center; }
#section_introbox .pic i.fa { position: absolute; width: 90px; height: 90px; color: #fff; font-size: 90px; margin-top: 150px; margin-left: 30px; text-shadow: 0px 0px 8px rgba(0,0,0,0.5); z-index: 500; }
#section_introbox .inhalt { display: inline-block; width: 50%; height: 100%; margin: 0px; padding: 30px 30px 30px 30px; }
#section_introbox .inhalt hr { border-bottom: 1px solid #ddd; margin: 12px 0px 8px 0px; }
#section_introbox .inhalt ul { margin: 8px 0px 25px 0px; }
#section_introbox .inhalt .big { font-weight: 100; font-size: 2.35rem; line-height: 2.6rem; padding: 15px 0px 5px 0px; }
#section_introbox .inhalt .medium { font-weight: 100; font-size: 1.02rem; line-height: 1.20rem; padding: 17px 10px 5px 0px; }
#section_introbox .inhalt .small { font-size: 0.83rem; line-height: 1.12rem; padding: 14px 0px 5px 0px; }
#section_introbox .inhalt .supersmall { font-size: 1.15rem; line-height: 1.69rem; padding: 10px 0px 0px 0px; }
#section_introbox .inhalt .supersmall em { font-size: 1.13rem; line-height: 1.50rem; }
@media only screen and (max-width: 994px) {
#section_introbox .pic { height: none; min-height: 300px; }
#section_introbox .inhalt { padding-bottom: 0px; margin-bottom: 10px; }
}
#section-vorteile { padding: 0px 0px; background-color: #333; background-image: url('../images/section-bg_vorteile.jpg'); background-attachment: fixed; background-size: cover; background-position: center center; background-repeat: no-repeat; }
#section-vorteile h2 { font-style: italic; font-weight: 100; font-size: 24px; margin-bottom: 10px; color: #fff; }
#section-vorteile .content-col2-1 { color: #fff; }
#section-vorteile .content-col2-1 ol { margin: 0px 0px 0px 15px; padding: 0px; }
#section-vorteile .content-col2-1 ol li { margin: 0px 0px 5px 0px; padding: 0px; }
#section-vorteile .bottom_link { margin-top: 20px; width: 100%; height: 44px; margin-bottom: -38px; text-align: center; }
#section-vorteile .bottom_link a.bn_bg_ci { padding: 10px 40px; font-size: 1.2rem; height: auto; text-transform: none; }
@media only screen and (max-width: 994px) {
#section-vorteile { margin: 70px 0px; width: 100%; height: auto; padding: 25px 30px; }
#section-vorteile h2 { margin-bottom: 25px; }
#section-vorteile .content-col2-1 { margin: 0px 0px; }
#section-vorteile .bottom_link { margin-top: 50px; margin-bottom: -65px; text-align: center; width: auto; }
#section-vorteile .bottom_link a.bn_bg_ci { width: auto; padding: 10px 10px; font-size: 1.0rem; }
}
.section-vorteile-neu { color: #fff; }
.section-vorteile-neu h2, .section-vorteile-neu h3, .section-vorteile-neu div, .section-vorteile-neu span { color: #fff; line-height: inherit; }
.section-vorteile-neu h3 { text-align: center; font-style: italic; font-size: 1.8rem; line-height: 2.15rem; margin-bottom: 45px; font-weight: 300; }
.section-vorteile-neu .content-col3-1 { display: none; min-height: 245px; padding: 35px 15px 15px 15px; margin-bottom: 1.4%; text-align: center; line-height: 1.15rem; }
.section-vorteile-neu .content-col3-1:not(:empty) { display: block; border: 1px solid #fff; }
.section-vorteile-neu .row:nth-child(3) .content-col3-1:first-child { margin-left: 17%; }
.section-vorteile-neu .content-col3-1 strong { font-size: 1.03rem; }
.section-vorteile-neu .content-col3-1 img { width: 90px; height: auto; margin: 0px 0px 15px 0px; text-align: center; }
.section-vorteile-neu .row:nth-child(3) .content-col3-1:first-child { margin-bottom: 4%; }
@media only screen and (max-width: 994px) {
#section-vorteile .content-col3-1 { margin-left: 0px; min-height: auto; padding: 30px 15px 25px 15px;}
}
.section-vorteile-academy { background-image: url('../images/section-bg_vorteile-academy.jpg') !important; }
#section_formulare { }
#section_formulare .content-col2-1 { min-height: 720px; }
#section_formulare .pic { width: 100%; height: auto; min-height: 185px; background-size: cover; background-position: center top; }
#section_formulare .pic i.fa { position: absolute; width: 80px; height: 80px; color: #fff; font-size: 80px; margin-top: 115px; margin-left: 30px; text-shadow: 0px 0px 8px rgba(0,0,0,0.5); z-index: 500; }
#section_formulare .inhalt { padding: 25px 30px 18px 30px; }
#section_formulare .inhalt hr { border-bottom: 1px solid #ddd; margin: 12px 0px 8px 0px; }
#section_formulare .inhalt ul { margin: 6px 0px 15px 0px; }
#section_formulare ul { list-style-type: none; margin-left: 0px; padding-left: 0px; margin-top: 0px; margin-bottom: 5px; margin-right: 0px; }
#section_formulare ul li { padding-top: 4px; padding-bottom: 4px; padding-left: 30px; margin-left: 0px; font-size: 17px; }
#section_formulare ul li:before {
content: '\f046';
font-family: 'FontAwesome';
position: absolute;
margin-left: -30px;
color: #373581;
font-size: 23px;
}
#section_formulare .inhalt a.bn { text-transform: none; font-size: 16px; margin-bottom: 12px; }
#section_formulare .inhalt .big { font-weight: 100; font-size: 2.35rem; line-height: 2.6rem; padding: 15px 0px 5px 0px; }
#section_formulare .inhalt .medium { font-weight: 100; font-size: 1.02rem; line-height: 1.20rem; padding: 17px 10px 5px 0px; }
#section_formulare .inhalt .small { font-size: 0.83rem; line-height: 1.12rem; padding: 14px 0px 5px 0px; }
#section_formulare .inhalt small { font-size: 0.83rem; line-height: 1.12rem; }
#section_formulare .inhalt .supersmall { font-size: 0.81rem; line-height: 1.39rem; padding: 10px 0px 5px 0px; }
#section_formulare .inhalt .supersmall em { font-size: 0.95rem; line-height: 1.40rem; }
#section_formulare .inhalt ol { margin: 0px 0px 0px 20px; padding: 0px; }
#section_formulare .intro_formular ol li { margin: 16px 0px; padding: 0px 0px 0px 15px; }
#section_formulare .sub_link { border-top: 1px solid #e3e3e3; width: 100%; display: block; margin-top: 15px; padding-top: 15px; font-size: 0.84rem; line-height: 1.1rem; }
@media only screen and (max-width: 994px) {
#section_formulare .content-col2-1 { height: none; min-height: 300px; }
#section_formulare .inhalt .content-col4-1 { padding-bottom: 0px; margin-bottom: 10px; }
}
#section_formulare.section_formulare-academy .content-col2-1 { min-height: 715px; }
#section_formulare.section_formulare-academy .pic { min-height: 225px; }
#section_formulare.section_formulare-academy .pic i.fa { margin-top: 145px; }
#section_formulare.section_formulare-academy .inhalt { padding: 45px 30px 20px 30px; }
#section_formulare.section_formulare-academy ul { }
#section_formulare.section_formulare-academy ul li { padding-top: 10px; padding-bottom: 8px; font-size: 18px; }
/* Formatierungen für Folgeseiten */
#abstand_folgeseiten { display: block; clear: both; width: 100%; height: 460px; height: 25vw; padding: 0px 0px 0px 0px; background-image: url(../../upload/mediapool/Headbilder/standard.jpg); background-size: cover; background-position: 50% 60%; background-color: #888; }
#abstand_folgeseiten:after { content: ""; position: absolute; width: 100%; height: 2vw; margin-top: 23vw; opacity: 0.6;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+16,0.35+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 16%, rgba(0,0,0,0.35) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 16%,rgba(0,0,0,0.35) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 16%,rgba(0,0,0,0.35) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#59000000',GradientType=0 ); /* IE6-9 */
}
#abstand_folgeseiten + #teaser_stern { top: 25vw; margin-top: -260px; }
body.page_43 #abstand_folgeseiten { background-position: 50% 55%; }
#abstand_folgeseiten.ohne_bild { height: 230px; background-color: #fff; background-image: url(); }
#abstand_folgeseiten.ohne_bild:after { display: none; visibility: hidden; background: transparent; }
@media only screen and (max-width: 1700px) {
#abstand_folgeseiten { height: 27vw; }
#abstand_folgeseiten:after { height: 2vw; margin-top: 25vw; }
#abstand_folgeseiten + #teaser_stern { top: 27vw; margin-top: -260px; }
}
@media only screen and (max-width: 1500px) {
#abstand_folgeseiten { height: 29vw; }
#abstand_folgeseiten:after { height: 2vw; margin-top: 27vw; }
#abstand_folgeseiten + #teaser_stern { top: 29vw; margin-top: -260px; }
}
@media only screen and (max-width: 1300px) {
#abstand_folgeseiten { height: 31vw; }
#abstand_folgeseiten:after { height: 2vw; margin-top: 29vw; }
#abstand_folgeseiten + #teaser_stern { top: 31vw; margin-top: -260px; }
}
@media only screen and (max-width: 1150px) {
#abstand_folgeseiten { height: 34vw; }
#abstand_folgeseiten:after { height: 2vw; margin-top: 32vw; }
#abstand_folgeseiten + #teaser_stern { top: 34vw; margin-top: -260px; }
}
@media only screen and (max-width: 994px) {
#abstand_folgeseiten { height: 30vw; }
#abstand_folgeseiten:after { height: 2vw; margin-top: 28vw; }
#abstand_folgeseiten + #teaser_stern { top: 30vw; margin-top: -170px; }
#abstand_folgeseiten.ohne_bild { height: 120px; }
}
@media only screen and (max-width: 620px) {
#abstand_folgeseiten { height: 225px; }
#abstand_folgeseiten:after { height: 15px; margin-top: 210px; }
#abstand_folgeseiten + #teaser_stern { top: 230px; margin-top: -170px; }
}
.brotkruemel { display: block; clear: both; width: 100%; height: auto; padding: 13px 0px 10px 0px; background-color: #e8e8e8; border-bottom: 1px solid #e2e2e2; }
#abstand_folgeseiten.ohne_bild + .brotkruemel { background-color: #fff; }
.brotkruemel .container { font-size: 14px; color: #888; font-weight: 100; padding-left: 0px; }
@media only screen and (max-width: 994px) {
.brotkruemel .container { padding-left: 10px; }
}
.brotkruemel .container span { font-size: inherit; color: inherit; }
.brotkruemel .container a { color: #444; }
#section-inhalt { margin-bottom: 60px; }
body.folgeseite #section-inhalt { min-height: 260px; margin-bottom: 80px; }
.section-weiss { }
.section-grau { background-color: #f2f2f2; }
/* Wohnungs-Detailseite */
.row.details { }
.row.details .grundriss { }
.row.details .grundriss img { width: auto; height: auto; max-width: 100%; max-height: 300px; }
.row.details .daten { }
.row.details .daten .row { margin: 15px 0px; }
.row.details .daten .row .content-col3-1 { vertical-align: top; padding-top: 0px; padding-bottom: 10px; margin-bottom: 10px; }
.row.details .daten .row .content-col3-1 strong { display: block; font-size: 1.2em; }
.row.details .daten .row .content-col3-1 small { }
.row.details .daten .pdf_link { color: #111; }
.row.details .daten .pdf_link i { color: #851a1c; margin-right: 4px; }
.row.details .actions { }
.row.details .actions form { margin: 10px 0px; }
.row.details .actions form select,
.row.details .actions form button { width: 100%; }
.row.details .actions form select { background-color: #fff; }
.row.details .actions form button { background-color: #851a1c; }
.row.details .actions form .slide_inhalt .category .element label img { display: inline-block; float: none; width: 100%; height: auto; margin-bottom: 10px; }
.details_texte { }
.details_texte ul { margin: 0px; padding: 0px 0px 0px 15px; }
@media only screen and (min-width: 995px) {
.row.details .grundriss { width: 18%; }
.row.details .daten { width: 50%; padding-left: 40px; }
.row.details .daten .row .content-col3-1 { padding-top: 10px; padding-bottom: 15px; margin-bottom: 5px; }
.row.details .actions { width: 24%; }
.details_texte h2 { margin-top: 0px; }
}
/* Revolution Slider Galerie für z.B. Object-Detailseiten */
#section-gallery-slideshow { display: block; clear: both; padding-top: 0px; padding-bottom: 0px; margin-bottom: 0px; margin-top: 0px; padding-top: 0px; background-color: #777; }
#section-gallery-slideshow li.tp-revslider-slidesli .tp-bgimg { opacity: 0.6; transition: all 0.4s ease-in-out 0s; }
#section-gallery-slideshow li.tp-revslider-slidesli.active-revslide .tp-bgimg { opacity: 1.0; }
#section-gallery-slideshow .fancybox-gallery-link { position: absolute; visibility: hidden; z-index: 999; width: 100%; height: 100%; background-image: url('../images/lupe.png'); background-color: transparent; transition: all 0.3s ease-in-quart; background-position: center center; background-repeat: no-repeat; background-size: 1px 1px; }
#section-gallery-slideshow .fancybox-gallery-link.hover,
#section-gallery-slideshow .fancybox-gallery-link:hover{ background-color: rgba(0,0,0,0.2); background-size: 60px 60px; }
#section-gallery-slideshow .tparrows { background-color: transparent; padding: 10px; margin-top: -10px; }
#section-gallery-slideshow .tparrows::before { font-size: 38px; opacity: 0.5; transition: all 0.25s ease-in-out 0s; }
#section-gallery-slideshow .tparrows:hover::before { opacity: 0.9; }
#section-gallery-slideshow .tparrows.tp-leftarrow::before { }
#section-gallery-slideshow .tparrows.tp-rightarrow::before { }
@media only screen and (min-width: 995px) {
#section-gallery-slideshow { margin-top: 0px; padding-top: 0px; }
#section-gallery-slideshow .rev_slider { background-color: #000; }
#section-gallery-slideshow .fancybox-gallery-link { visibility: visible; }
}
@media only screen and (min-width: 1200px) {
#section-gallery-slideshow .tparrows.tp-leftarrow { left: 5% !important; }
#section-gallery-slideshow .tparrows.tp-rightarrow { left: 95% !important; }
}
/* Elemente einer Bildergalerie (z.B. bei "Beispiele") */
/*.row.img_gallery .content-col4-1 { height: 210px; padding: 0px; margin-bottom: 10px; overflow: hidden; }
.row.img_gallery .content-col4-1 .overlay { z-index: 95; position: absolute; position: absolute; width: 100%; height: 210px; padding: 83px 30px; background-color: rgba(0,0,0,0.4); color: #fff; line-height: 1.3em; text-align: center; vertical-align: middle; font-weight: 200; font-size: 22px; overflow: hidden; }
.row.img_gallery .content-col4-1 .overlay.titel { font-size: 36px; font-weight: 900; line-height: 1.0em; word-break: normal; background-color: rgba(70,159,65,0.6); }
@media only screen and (max-width: 559px) {
.row.img_gallery { margin-bottom: 20px; }
.row.img_gallery .content-col4-1 { height: 60vw; }
}
@media only screen and (min-width: 560px) and (max-width: 980px) {
.row.img_gallery .content-col4-1 { height: 130px; }
}
.row.img_gallery .content-col4-1 .img_gallery_element { z-index: 90; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; transition: all 0.25s ease-in-out 0s; }
.row.img_gallery .content-col4-1:hover .img_gallery_element { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
*/
.o_bildergalerie { position: relative; display: block; clear: both; margin: 40px 0px; }
.row.img_gallery .content-col4-1 { height: 210px; padding: 0px !important; margin-bottom: 15px; overflow: hidden; }
.row.img_gallery .content-col4-1 .overlay { z-index: 95; position: absolute; position: absolute; width: 100%; height: 210px; padding: 83px 30px; background-color: rgba(0,0,0,0.4); color: #fff; line-height: 1.3em; text-align: center; vertical-align: middle; font-weight: 200; font-size: 22px; overflow: hidden; }
.row.img_gallery .content-col4-1 .overlay.titel { font-size: 36px; font-weight: 900; line-height: 1.0em; word-break: normal; background-color: rgba(70,159,65,0.6); }
@media only screen and (max-width: 559px) {
.row.img_gallery { margin-bottom: 20px; }
.row.img_gallery .content-col4-1 { height: 60vw; }
.row.img_gallery .content-col4-1 .overlay { height: 100%; padding: 28vw 2vw; font-weight: 800; font-size: 24px; }
.row.img_gallery .content-col4-1 .overlay.titel { font-size: 32px; }
}
@media only screen and (min-width: 560px) and (max-width: 980px) {
.row.img_gallery .content-col4-1 { height: 130px; }
.row.img_gallery .content-col4-1 .overlay { height: 130px; padding: 50px 0px; font-size: 18px; }
.row.img_gallery .content-col4-1 .overlay.titel { font-size: 24px; }
}
.row.img_gallery .content-col4-1 .img_gallery_element { z-index: 90; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; transition: all 0.25s ease-in-out 0s; }
.row.img_gallery .content-col4-1:hover .img_gallery_element { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
/* Bildergalerie dargestellt als Slideshow */
.slider_gallery { margin: 20px auto; }
.slider_gallery .slick-slide { padding: 5px; }
.slider_gallery .slick-slide .img_gallery_element { magin: 10px; min-width: 280px; min-height: 200px; background-size: cover; background-repeat: no-repeat; background-position: center center; }
#section-partner { background-color: #e5e5e9; padding-top: 20px; padding-bottom: 10px; }
#section-partner .content-col4-1, #section-partner .content-col3-1 { text-align: center; color: rgba(0,0,0,0.5); font-weight: 500; }
#section-partner .content-col4-1 img { width: 100%; height: auto; }
#section-partner .content-col3-1 img { width: 70%; height: auto; }
@media only screen and (max-width: 559px) {
#section-partner .content-col4-1 img { width: 70%; height: auto; }
#section-partner .content-col3-1 img { width: 55%; height: auto; }
}
#onoffice_iframe { width: 100%; height: 1860px; border: none; overflow: auto; }
@media only screen and (max-width: 994px) {
#onoffice_iframe { height: 3030px; }
}
@media only screen and (max-width: 680px) {
#onoffice_iframe { height: 5690px; }
}
.section_map { margin-top: 25px; width: 100%; height: 580px; padding-bottom: 0px; overflow: hidden; }
#map { height: 100%; z-index: 450; -webkit-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.25); -moz-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.25); box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.25);}
#location_detail_wrapper { opacity: 1.0; padding-bottom: 20px; }
.section-map-details { margin: 0px 0px 0px 0px; padding: 0px; background-color: #fff; border-bottom: 1px solid #f0f0f0; transition: all 0.4s ease-in-out 0.15s;}
.section-map-details.abdunkeln {background-color: #fafafa; }
.section-map-details .container { }
.section-map-details .map_info { display: block; clear: both; width: 100%; padding: 5px 0px 8px 0px; font-size: 14px; text-align: center; transition: all 0.2s ease-in-out 0.35s; background-color: #f9c50e; color: #fff; }
.section-map-details .map_info i.fa { display: inline-block; vertical-align: middle; margin-right: 4px; font-size: 19px; color: #fff !important; }
.section-map-details .map_info.hide { opacity: 0.6; }
.section-map-details .container .location_detail { position: absolute; margin-top: -170px; width: 80%; margin-left: 10%; padding: 5px 16px 0px 30px; background-color: #fff; border-bottom: 10px solid #f9c50e; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.2); box-shadow: 0px 0px 4px rgba(0,0,0,0.2); z-index: 999; }
@media only screen and (min-width: 880px) and (max-width: 1100px) {
.section-map-details .container .location_detail { margin-top: -165px; }
}
.section-map-details .container .location_detail .title { display: block; clear: both; margin: 0px 0px 2px 0px; }
.section-map-details .container .location_detail h2 { margin: 0px 0px 10px 0px; font-size: 26px; }
.section-map-details .container .location_detail .title a.location_close { display: inline-block; float: right; width: auto; margin-top: 8px; width: 26px; height: 26px; font-size: 12px; padding: 2px 2px; text-align: center; box-sizing: border-box; line-height: 14px; margin-left: 10px; background-color: #999; color: #fff; cursor: pointer; -moz-border-radius: 99px; border-radius: 99px; -webkit-border-radius: 99px; }
.section-map-details .container .location_detail .title a.location_close:hover { background-color: #888; }
.section-map-details .container .location_detail .title a.location_close i.fa { font-size: 20px; }
.section-map-details .container .location_detail .inhalt .align_left { width: 32%; margin: 0px 30px 0px 0px; }
.section-map-details .container .location_detail .inhalt .align_left.pic { width: 24%; height: 100%; margin-top: -40px; min-height: 275px; background-color: #eee; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.section-map-details .container .location_detail .inhalt .align_right { width: 32%; padding: 44px 5px 0px 0px; line-height: 24px; }
.section-map-details .container .location_detail .inhalt .align_right a { display: inline-block; margin-bottom: 2px; }
.section-map-details .container .location_detail .inhalt .align_right a i.fa { width: 28px; margin-right: 3px; font-size: 20px; text-align: center; }
.wrapper_az-list { display: block; clear: both; margin: 0px 0px 0px 0px; padding: 0px 15px 0px 15px; transition: all 0.5s ease-in-out 0.25s; }
.wrapper_az-list.nachuntenmitdir { padding-top: 130px; opacity: 0.8; }
.wrapper_az-list a { cursor: pointer; }
.wrapper_az-list h2 { display: block; clear: both; }
.wrapper_az-list .row .content-col4-1 { padding: 5px; border: 1px solid #ddd; -moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; }
.wrapper_az-list .row .content-col4-1.active { border: 1px solid #bbb; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.15); box-shadow: 0px 0px 4px rgba(0,0,0,0.15); }
.wrapper_az-list .row .content-col4-1:hover { border: 1px solid #bbb; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.15); box-shadow: 0px 0px 4px rgba(0,0,0,0.15); }
.wrapper_az-list .row .content-col4-1 .align_left.pic { width: 100px; height: 100%; min-height: 135px; background-color: #ccc; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.wrapper_az-list .row .content-col4-1 .align_right { width: 160px; height: 100%; float: left; padding-left: 15px; padding-right: 7px; }
.wrapper_az-list .row .content-col4-1 .align_right h3 { font-size: 0.9rem; line-height: 1.05rem; margin-top: 4px; margin-bottom: 7px; }
.wrapper_az-list .row .content-col4-1 .align_right div.region { display: block; clear: both; margin-bottom: 10px; color: #666; font-size: 0.79rem; line-height: 16px; }
.wrapper_az-list .row .content-col4-1 .align_right div.text { display: block; clear: both; color: #333; font-size: 11px; line-height: 12px; }
@media only screen and (max-width: 994px) {
#location_detail_wrapper { padding: 30px 10px 20px 10px; }
.section_map { width: 100%; height: 310px; height: 62vh; overflow: hidden; }
.section_map iframe { width: 90%; height: 300px; height: 60vh; }
.section-map-details .container .location_detail { margin-top: -80px; }
.map_info { font-size: 14px; line-height: 17px; padding-left: 15px; padding-right: 15px; }
.map_info i.fa { font-size: 15px; }
.section-map-details .container .location_detail { margin-top: -170px; width: 90%; margin-left: 1.5%; padding: 0px 10px 0px 15px; }
.section-map-details .container .location_detail .inhalt .align_left { display: block; clear: both; width: 100%; margin: -20px 0px 0px 0px; font-size: 0.85rem; line-height: 1.15rem; }
.section-map-details .container .location_detail .inhalt .align_left.pic { display: block; clear: both; width: 60%; margin-left: 17.5%; margin-top: 20px; min-height: 45vw; background-color: #eee; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.section-map-details .container .location_detail .inhalt .align_right { display: block; clear: both; width: 100%; padding: 15px 5px 10px 0px; font-size: 0.85rem; line-height: 19px; }
.section-map-details .container .location_detail h2 { margin: 0px 0px 5px 0px; font-size: 19px; }
.section-map-details .container .location_detail span { font-size: 0.85rem; line-height: 1.15rem; }
.wrapper_az-list { display: block; clear: both; margin: 0px 0px 0px 0px; padding: 0px 0px; }
.wrapper_az-list.nachuntenmitdir { padding-top: 0px; }
.wrapper_az-list .row .content-col4-1 { width: 24%; min-height: 265px; min-height: 36vw; margin-bottom: 5px; }
.wrapper_az-list .row .content-col4-1 .align_left.pic { display: block; clear: both; width: 100%; min-height: 130px; min-height: 25vw; }
.wrapper_az-list .row .content-col4-1 .align_right { display: block; clear: both; width: 100%; padding-top: 0px; padding-left: 8px; padding-bottom: 5px; }
.wrapper_az-list .row .content-col4-1 .align_right h3 { font-size: 0.85rem; line-height: 1.05rem; margin-top: 8px; margin-bottom: 2px; }
}
@media only screen and (max-width: 620px) {
.wrapper_az-list .row .content-col4-1 { width: 49%; min-height: 235px; min-height: 48vw; }
.wrapper_az-list .row .content-col4-1 .align_left.pic { min-height: 37vw; }
.wrapper_az-list .row .content-col4-1 .align_right { min-height: 125px; }
}
@media only screen and (max-width: 480px) {
.wrapper_az-list .row .content-col4-1 { width: 99%; height: auto; min-height: auto; }
.wrapper_az-list .row .content-col4-1 .align_left.pic { min-height: 70vw; }
}
/* --------------- Desktop-Darstellung ab hier --------------- */
@media only screen and (min-width: 995px) {
.section_map { height: 420px; }
.section-map-details .container .location_detail .inhalt .align_left { }
.section-map-details .container .location_detail .inhalt .align_right { }
.wrapper_az-list .row .content-col4-1 .align_left.pic { width: 80px; min-height: 115px; }
.wrapper_az-list .row .content-col4-1 .align_right { width: 130px; }
.wrapper_az-list.nachuntenmitdir { padding-top: 130px; }
}
@media only screen and (min-width: 1300px) {
.section_map { height: 520px; }
.section-map-details .container .location_detail .inhalt .align_left { }
.section-map-details .container .location_detail .inhalt .align_right { }
.wrapper_az-list .row .content-col4-1 .align_left.pic { width: 100px; min-height: 135px; }
.wrapper_az-list .row .content-col4-1 .align_right { width: 160px; }
.wrapper_az-list.nachuntenmitdir { padding-top: 130px; }
}
/* Ausklapp-Listen */
h2.slide_titel { display: block; clear: both; font-size: 20px; font-weight: 100; margin: 0px !important; padding: 11px 34px; cursor: pointer; border-bottom: 1px solid rgba(250,197,14,0.5); background-image: url(../images/li-normal@3x.png); transition: all 0.1s ease-in-out 0.05s; background-repeat: no-repeat; background-position: 0px 23px; background-size: 20px auto; }
h2.slide_titel:hover { background-position: 6px 23px; }
h2.slide_titel.active { border-bottom: 1px solid rgba(250,197,14,0.3); background-image: url(../images/li-aktiv@3x.png); }
h2.slide_titel.active:hover { background-position: 0px 23px; }
.slide_inhalt { display: block; clear: both; font-size: 16px; font-weight: 300; margin: 0px; padding: 32px 30px; border-bottom: 1px solid rgba(250,197,14,0.5); background-color: rgba(250,197,14,0.10); }
/* Ausklapp-Listen mit Bild */
div.slide_titel.slide_titel_mit_bild { display: block; clear: both; padding: 5px 40px; cursor: pointer; border-bottom: 1px solid rgba(7,3,97,0.20); background-image: url(../images/li-normal@3x.png); transition: all 0.1s ease-in-out 0.05s; background-repeat: no-repeat; background-position: 0px 30px; background-size: 22px auto; }
div.slide_titel.slide_titel_mit_bild div.bild { display: table-cell; width: 120px; height: 70px; margin: 0px; padding: 10px 0px; background-size: cover; background-repeat: no-repeat; background-position: center center; }
div.slide_titel.slide_titel_mit_bild div.bild img { width: 100px; height: auto; }
div.slide_titel.slide_titel_mit_bild .titel { display: table-cell; width: auto; height: 60px; margin: 0px; padding: 0px 0px 0px 30px; vertical-align: middle; }
div.slide_titel.slide_titel_mit_bild .titel h2 { font-size: 22px; line-height: 21px; font-weight: 400; margin: 0px; }
div.slide_titel.slide_titel_mit_bild:hover { background-position: 6px 30px; }
div.slide_titel.slide_titel_mit_bild.active { border-bottom: 1px solid rgba(7,3,97,0.10); background-image: url(../images/li-aktiv@3x.png); }
div.slide_titel.slide_titel_mit_bild.active:hover { background-position: 0px 30px; }
.slide_inhalt_for_mit_bild { display: block; clear: both; font-size: 16px; font-weight: 300; margin: 0px; padding: 26px 30px 32px 30px; border-bottom: 1px solid #0c077c; background-color: rgba(7,3,97,0.03); }
.slide_inhalt_for_mit_bild img { width: auto; height: auto; max-height: 250px; max-width: 320px; }
.rueckruf_per { margin-bottom: 15px; }
.rueckruf_per .content-col2-1 { padding: 20px 30px 10px 30px; min-height: 225px; text-align: center; border: 2px dashed #dfdfdf; -moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; transition: all 0.20s ease-in-out 0s; }
.rueckruf_per .content-col2-1.active { background-color: #fff; border: 2px solid #fff; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.15); box-shadow: 0px 0px 4px rgba(0,0,0,0.15);}
.rueckruf_per .content-col2-1 > i.fa { font-size: 40px; line-height: 40px; text-align: center; }
.rueckruf_per .content-col2-1 input { margin: 10px auto; }
.rueckruf_per .content-col2-1 small { font-size: 14px; line-height: 10px; }
.highlightSection { display: block; position: relative; height: auto; padding: 0; margin: 0; }
.highlightSection.no-pic { background-color: #323247; }
.highlightSection .row { padding: 0; margin: 0; background-color: #323247; }
.highlightSection .pic { min-height: 260px; background-size: cover; background-repeat: no-repeat; background-position: 20% 50%; }
.highlightSection .content { padding: 10px 30px 20px 30px; box-sizing: border-box; color: #fff; background-color: transparent; }
.highlightSection.no-pic .content { padding: 20px 0px; }
.highlightSection .content * { color: #fff; }
.highlightSection .content .content-wrapper { max-width: 780px; line-height: 1.7; }
.highlightSection .content h3 { font-weight: 400; font-size: 1.6rem; margin-bottom: 1.6rem; }
.highlightSection .content-col3-1,
.highlightSection .content-col3-2,
.highlightSection .content-col1-1 { z-index: 15; }
@media only screen and (min-width: 995px) {
.highlightSection .content { padding: 40px 40px; }
.highlightSection .content h3 { font-size: 2rem; margin-bottom: 1.8rem; }
}
@media only screen and (min-width: 1200px) {
.highlightSection .content { padding: 50px 50px; }
.highlightSection .content h3 { font-size: 2.2rem; margin-bottom: 2rem; }
}
@media only screen and (min-width: 1600px) {
.highlightSection .content { padding: 65px 60px; }
}
/* ---- ENDE Section-Formatierungen ---- */
#foot { position: relative; width: 100%; min-height: 180px; height: auto; padding: 30px 0px 0px 0px; box-sizing: border-box; font-size: 1.12rem; line-height: 1.35rem; background-color: #323247; color: rgba(255,255,255,0.5); background-image: url(../images/head-bg-wasserzeichen@2x.png); background-repeat: no-repeat; background-position: center center; background-size: auto 140%; text-align: left; z-index: 200; }
#foot .container { padding: 0px; }
#foot * { font-size: inherit; line-height: inherit; color: inherit; }
#foot .align_left { text-align: left; line-height: 30px; }
#foot .align_left:first-child { margin-right: 30px; }
#foot hr { border: none; width: 100%; height: 26px; background-image: url(../images/hr-breze.png); background-size: auto 26px; background-position: center center; background-repeat: no-repeat; }
#foot .content-col3-1 a { color: rgba(255,255,255,0.85); transition: all 0.20s ease-in-out 0s; }
#foot .content-col3-1 a:hover { color: rgba(255,255,255,1); text-decoration: none; }
#foot .content-col3-1 h4 { margin-bottom: 20px; }
#foot .content-col3-1 ul { display: block; clear: both; float: left; width: 100%; height: auto; margin: 0px 0px; list-style: none; padding: 0px; }
#foot .content-col3-1 ul li { display: block; clear: both; width: auto; height: auto; margin: 0px; text-align: left; padding: 0px 0px 0px 0px; padding-left: 0.6em; }
#foot .content-col3-1 ul li:before { content: "\f105"; font-family: FontAwesome; display: inline-block; float: left; margin-top: 0.1em; margin-left: -0.6em; width: 0.8em; }
#foot .content-col3-1 ul li a { display: block; float: left; width: auto; height: auto; text-align: left; padding: 0px 0px; margin: 2px 0px 4px 0px; font-size: 15px; font-weight: 400; color: rgba(255,255,255,0.8); box-sizing: border-box; transition: all 0.25s ease-in-out 0s; }
#foot .content-col3-1 ul li a:hover { text-decoration: none; color: rgba(255,255,255,1); }
#foot .content-col3-1 ul li a.active { color: #fff; font-weight: 700; }
#foot .content-col3-1 ul li.active a { color: #fff; font-weight: 700; }
#foot_bottom { width: 100%; height: auto; padding: 0px 0px; margin-top: 30px; float: none; background-color: rgba(20,20,16,0.15); }
#foot_bottom .container { padding: 15px 0px 18px 0px; text-align: center; text-align: center; font-size: 0.8rem; line-height: 0.95rem; color: rgba(255,255,255,0.4); }
@media only screen and (min-width: 995px) and (max-width: 1205px) {
}
@media only screen and (max-width: 994px) {
#foot { padding: 20px 20px 0px 20px; background-size: 260px auto; }
#foot .content-col3-1 { display: block; clear: both; margin: 10px 15px 20px 0px; text-align: left; }
#foot .content-col3-1 .align_left { width: 100%; box-sizing: border-box; display: block; clear: both; margin: 0px auto; line-height: 20px; }
foot .content-col3-1 ul { display: block; clear: both; width: 100%; margin: 10px 0px 2px 0px; }
#foot .content-col3-1 ul li { display: block; width: 100%; clear: both; text-align: center; }
#foot .content-col3-1 ul li a { float: none; text-align: left; }
#foot .content-col3-1 h4 { margin-bottom: 12px; }
}
#back-top { position: fixed; right: 10px; bottom: 100px; margin-top: -68px; width: 48px; height: 48px; z-index: 710; transition: all 0.25s ease-in-out 0s; }
#back-top a { color: #fff; width: 48px; height: 48px; background-color: #0c077c; padding: 6px 8px 8px 8px; text-align: center; box-sizing: border-box; display: block; transition: all 0.35s ease-in-out 0s; -moz-border-radius: 99px; border-radius: 99px; -webkit-border-radius: 99px; z-index: 450; }
#back-top a:hover { background-color: #100a9a; }
#back-top a i.fa { font-size: 42px; line-height: 30px; color: #fff; height: auto; font-weight: 800; transition: all 0.35s ease-in-out 0s; }
/* --------------- Mobile-Darstellung bis zu 994px, aber einspaltige Inhaltsdarstellung bereits ab 780px nach unten --------------- */
@media only screen and (max-width: 994px) {
h1 { font-size: 32px; line-height: 36px; margin: 12px 0px 28px 0px; }
body.folgeseite h1 { font-size: 30px; }
h2 { font-size: 26px; line-height: 30px; margin: 15px 0px 28px 0px; }
h2.sub_title { font-size: 20px; line-height: 22px; margin: -15px 0px 35px 0px; }
h3 { font-size: 20px; line-height: 22px; margin: 15px 0px 16px 0px; }
h4 { font-size: 18px; line-height: 20px; margin: 10px 0px 10px 0px; }
.hide4mobile { display: none; }
.container { width: 740px; }
.content-col3-1 { display: block; height: auto; max-width: 100%; width: 100%; margin-left: 0px; margin-right: 0px; padding: 0px; margin-bottom: 30px; }
.section.dreispaltig .content-col3-1 { min-height: auto; height: auto; margin-bottom: 0px; padding: 10px 0px 50px 0px; }
.content-col3-1 .pic { height: auto; }
.content-col3-2 { display: block; height: auto; max-width: 100%; width: 100%; margin-left: 0px; margin-right: 0px; padding: 0px; margin-bottom: 30px; }
.content-col2-1 { display: block; height: auto; max-width: 100%; width: 100%; margin-left: 0px; margin-right: 0px; padding: 0px; margin-bottom: 30px; }
a.a_sprung { margin-top: -60px; }
a.bn_bg_ci { padding: 12px 40px; box-sizing: border-box; }
/*img.img_responsiv_full { width: 100% !important; max-width: 100%; height: auto; margin: 15px 0px 25px 0px !important; }
img.img_responsiv_half { width: 50% !important; max-width: 100%; height: auto; }*/
img.img_responsiv_full { float: none; display: block; clear: both; width: 100% !important; max-width: 100%; height: auto; margin: 15px 0px 25px 0px !important; }
img.img_responsiv_half { width: 50% !important; max-width: 100%; height: auto; }
}
@media only screen and (max-width: 780px) {
.container { width: 100%; box-sizing: border-box; padding-left: 20px; padding-right: 20px; }
.content-col3-1 { display: block; height: auto; max-width: 100%; width: 100%; margin-left: 0px; padding: 0px; margin-bottom: 30px; }
.content-col3-2 { display: block; height: auto; max-width: 100%; width: 100%; margin-left: 0px; padding: 0px; margin-bottom: 30px; }
.content-col2-1 { display: block; clear: both; width: 100%; height: auto; padding: 0px 0px; margin-bottom: 30px; }
}
@media only screen and (max-width: 560px) {
.hide4smartmobiles { display: none; }
.content-col4-1 { display: block; height: auto; max-width: 100%; width: 100%; margin-left: 0px; padding: 0px; margin-bottom: 30px; }
.content-col4-2 { display: block; height: auto; max-width: 100%; width: 100%; margin-left: 0px; padding: 0px; margin-bottom: 30px; }
}
@media only screen and (min-width: 995px) {
.container { width: 980px; }
#top_bar .container { padding-left: 0px; padding-right: 0px; }
#nav_bar .container { padding-left: 0px; padding-right: 0px; }
.content-col3-1 { position: relative; float: left; width: 32%; height: auto; padding: 20px 0px; }
.content-col3-2 { position: relative; float: left; width: 66%; height: auto; padding: 20px 0px; }
.content-col2-1 { position: relative; float: left; width: 49%; height: auto; padding: 20px 0px; }
img.img_responsiv_full { width: auto; max-width: 40%; height: auto; }
img.img_responsiv_full.left { display: inline; float: left; margin: 0px 40px 35px 0px; }
img.img_responsiv_full.right { display: inline; float: right; margin: 0px 0px 35px 40px; }
}
@media only screen and (min-width: 1200px) {
.container { /*margin: 0px 10px;*/ width: 1170px; }
}