html, body, div, p, h1, h2, h3, span, a, table, td, form, input, textarea, select
{ margin: 0px; padding: 0px; font-family: 'Josefin Sans', sans-serif; font-size: 17px; line-height: 22px; font-weight: 200; color: #fff; }
h1 { font-size: 44px; line-height: 46px; font-weight: 200; color: #fff; margin: 15px 0px 35px 0px; text-transform: normal; }
body.folgeseite h1 { font-size: 38px; }
h2 { font-size: 40px; line-height: 42px; font-weight: 400; color: #fff; margin: 20px 0px 35px 0px; text-transform: uppercase; }
h3 { font-size: 36px; line-height: 38px; font-family: 'Allura', cursive; font-weight: 200; color: #fff; margin: 20px 0px 20px 0px; text-transform: normal; }
h4 { font-size: 29px; line-height: 31px; font-weight: 200; color: #fff; margin: 10px 0px 10px 0px; text-transform: normal; }
@media only screen and (max-width: 994px) {
h1 { font-size: 38px; line-height: 40px; margin: 12px 0px 28px 0px; }
body.folgeseite h1 { font-size: 34px; }
h2 { font-size: 30px; line-height: 32px; margin: 15px 0px 28px 0px; }
h3 { font-size: 26px; line-height: 28px; margin: 15px 0px 16px 0px; }
h4 { font-size: 22px; line-height: 24px; margin: 10px 0px 10px 0px; }
}
hr { background-color: none; border: 0; height: 1px; border-bottom: 1px solid rgba(255,255,255,0.2); }
.centered { text-align: center; }
.allura { font-family: 'Allura', cursive; }
.josefine { font-family: 'Josefin Sans', sans-serif; }
body { width: 100%; height: 100%; background-color: #050505; }
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_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 10px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.4); box-shadow: 0px 0px 10px rgba(0,0,0,0.4); }
.opacity_25 { opacity: 0.25; filter(opacity=0.25); }
.strtoupper { text-transform: uppercase; }
.lowercase { text-transform: none; }
.small { font-size: 11px; }
.smaller { font-size: 10px; }
.grau { color: #999; }
strong { font-weight: 900; }
.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:link, a:active, a:visited { text-decoration: none; color: #fff; font-size: inherit; transition: all 0.10s ease-in-out 0.05s; }
a:hover { text-decoration: none; color: #f7a408; font-size: inherit; }
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: #fff; color: #fff; font-size: 19px; fonts-weight: 900; padding: 12px 20px; text-align: center; text-transform: uppercase; transition: all 0.35s ease-in-out 0s; }
a.bn_bg_ci:hover { background-color: #9c0f91; text-decoration: none; }
a.bn_bg_ci i.fa { color: #fff; margin-right: 8px;}
a.bn_border_ci { background-color: transparent; border: 1px solid #fff; color: #fff; transition: all 0.35s ease-in-out 0s;}
a.bn_border_ci:hover { background-color: transparent; border: 1px solid #fff; text-decoration: none; }
a.bn_border_ci i.fa { color: red; 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: #fff; }
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; }
/* ---- 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: #eaf1f7; }
table.border_ci tr:nth-child(odd) { background-color: #f3f8fa; }
table.border_ci th { font-weight: 500; color: #000; padding: 10px 20px; }
table.border_ci td { font-weight: 200; color: #000; padding: 10px 20px; }
input.disabled { border: 1px solid #eee; background-color: #fefefe; color: #bbb; font-style: italic; }
.form-validation.alert-danger { margin-bottom: 20px; }
.form-validation.alert-success { margin: 20px 0px; padding: 10px 20px; color: #3FAB3A !important; background-color: rgba(217,249,217,1.00); }
/* --------------- 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; }
.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;*/ }
/* 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-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-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; }
/* --------- Boxmodell ------- */
#head { position: absolute; margin: 0px; width: 100%; height: auto; padding: 0px 0px; box-sizing: border-box; background-color: transparent; z-index: 800; }
#top_bar { display: block; clear: both; height: 42px; padding: 20px 0px 0px 0px; width: 100%; background-color: transparent; text-align: right; }
#top_bar a { color: rgba(255,255,255,0.9); font-size: 17px; font-weight: 600; margin-left: 18px; }
#top_bar a:hover { color: rgba(255,255,255,1.0); }
#top_bar a i.fa { font-size: 22px; margin-right: 4px; margin-top: -2px; vertical-align: middle; }
#nav_bar { position: relative; display: block; clear: both; width: 100%; height: 145px; padding: 0px; box-sizing: border-box; background-color: transparent; /*transition: all 0.5s ease-in-out 0.5s;*/ }
#nav_bar .container { z-index: 400; }
#logo { display: inline-block; float: none; box-sizing: content-box; margin-top: -7px; padding: 0px 0px 10px 0px; transition: all 0.15s ease-in-out 0.15s; }
#logo img { width: 100%; height: auto; vertical-align: middle; }
#logo img.logo-2025 { }
#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.25s ease-in-out 0s; }
#toggle_mobile_navigation i { font-size: 38px; color: #fff; }
@media only screen and (max-width: 998px) {
#head { height: auto; }
#toggle_mobile_navigation { position: absolute; top: 8px; right: 8px; z-index: 9999; }
#toggle_mobile_navigation.active i { color: #ddd; }
#navigation { position: fixed; display: none; overflow: auto; width: 100%; height: 100%; left: 0px; top: 126px; margin: 0px; right: 0; box-sizing: border-box; padding: 30px 0px 40px 0px; background-color: rgba(0,0,0,0.85); z-index: 890; -webkit-box-shadow: inset 0px 2px 1px 0px rgba(0,0,0,0.27); -moz-box-shadow: inset 0px 2px 1px 0px rgba(0,0,0,0.27); box-shadow: inset 0px 2px 1px 0px rgba(0,0,0,0.27); }
#top_bar { display: block; height: 38px; padding: 8px 4px 8px 0px; background-color: #050505; -moz-box-shadow: inset 0px -3px 5px rgba(92,0,85,0.1); -webkit-box-shadow: inset 0px -3px 5px rgba(92,0,85,0.1); box-shadow: inset 0px -3px 5px rgba(92,0,85,0.1); }
#top_bar a { color: #fff; font-size: 13px; font-weight: 400; margin-left: 9px; }
#top_bar a i.fa { font-size: 16px; margin-right: 1px; vertical-align: top; margin-top: 4px; }
#schnellkontakt { display: none; }
#nav_bar { display: block; clear: both; height: 100px; padding: 8px 0px; z-index: 970; }
#logo { width: 136px; height: 80px; padding: 0px; margin: 0px 0px 0px 0px; z-index: 999; }
#logo img { }
#logo img.logo-2025 { width: auto; height: 60px; margin-top: 6px; }
#navigation > ul { display: block; clear: both; width: 100%; height: 100%; margin: 0px; padding: 0px; z-index: 900; }
#navigation > ul > li { display: block; clear: both; float: none; 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 ul li a { display: block; float: none; text-align: center; width: 100%; height: auto; padding: 15px 20px 10px 20px; box-sizing: border-box; text-transform: uppercase; font-size: 19px; line-height: 19px; font-weight: 400; color: #fff; }
#navigation ul li a:hover { text-decoration: none; color: #fff; }
#navigation > ul > li.active > a { color: #e2bc56; }
#navigation > ul > li > ul > li.active > a { color: #e2bc56; }
#navigation > ul > li > ul { display: block; clear: both; width: 100%; height: auto; margin: 0px; padding: 0px; }
/* ---- Sticky-Darstellungen ---- */
#head.sticky { position: fixed; height: 90px; padding: 0px 0px; top: 0; box-shadow: 0 0 5px 0 rgba(0,0,0,0.4); background-color: rgba(0,0,0,0.8); 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: 128px; height: auto; }
#head.sticky #nav_bar #logo img { height: auto; padding: 0; }
#head.sticky #nav_bar #logo img.logo-2025 { height: 60px; margin-top: 7px; }
#head.sticky #nav_bar .container { padding-top: 0px; }
#head.sticky #toggle_mobile_navigation { margin-top: 0px; }
#head.sticky #navigation { top: 86px; padding-top: 80px; padding: 0px; }
}
@media only screen and (min-width: 999px) {
#head { }
#toggle_mobile_navigation { display: none; }
#top_bar { display: block; }
#logo { width: 240px; height: 141px; margin-top: -30px; }
#logo.logo-2025 { width: 265px; height: 100px; margin-top: -25px; }
#navigation { display: inline-block !important; float: right; width: auto; height: 100px; box-sizing: border-box; margin: 20px 0px 0px 0px; padding: 0px; text-align: right; z-index: 900; }
#navigation ul { display: block; clear: both; float: right; width: 100%; height: 100%; margin: 0px auto 0px auto; align: center; padding: 0px; }
#navigation ul li { display: inline-block; float: none; width: auto; height: 100%; margin: 0px 0px; padding: 0px 0px 0px 0px; }
#navigation > ul > li > a { display: inline-block; float: none; width: auto; height: 100%; font-size: 18px; font-weight: 800; text-transform: uppercase; color: #fff; padding: 25px 10px 5px 10px; margin: 0px 0px 0px 15px; box-sizing: border-box; transition: all 0.25s ease-in-out 0s; }
#navigation ul li a:hover, #navigation ul li.hover a { text-decoration: none; color: rgba(255,255,255,0.6); }
#navigation ul li.active a { color: rgba(255,255,255,0.6); }
#navigation ul li:last-child a { padding-right: 0px; }
/* ---- Sticky-Darstellungen ---- */
#head.sticky { position: fixed; height: 90px; padding: 0px 0px; top: 0; opacity: 1; background-color: rgba(0,0,0,0.8); 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: 120px; padding: 0px 0px; }
#head.sticky #nav_bar #logo { width: 153px; height: 90px; margin-top: 2px; padding-top: 0px; padding-bottom: 0px; }
#head.sticky #nav_bar #logo img { height: auto; padding: 0; }
#head.sticky #nav_bar #logo.logo-2025 { width: 170px; height: 90px; margin-top: -1px; }
#head.sticky #nav_bar #logo img.logo-2025 { height: 90px; margin-top: 0px; }
#head.sticky #navigation { height: 90px; margin-top: 0px; padding: 0px 0px; }
#head.sticky #navigation ul li a { padding: 35px 10px; color: rgba(255,255,255,0.7); text-shadow: none; }
#head.sticky #navigation ul li a:hover { color: rgba(255,255,255,0.4); }
#head.sticky #navigation li.active a { color: #e2bc56; }
#head.sticky #navigation ul li:last-child a { padding-right: 0px; }
#head.sticky #toggle_mobile_navigation { margin-top: 0px; }
}
/* ------ Section-Formatierungen ------ */
#section-slideshow { position: relative; clear: both; width: 100%; min-height: 480px; height: 45vw; padding-top: 0px; padding-bottom: 0px; box-sizing: border-box; margin-bottom: 0px; background-color: transparent; overflow: hidden; z-index: 700; }
#section-slideshow .anim-slider { min-height: 480px; height: 45vw; margin-top: 0px; background-color: transparent; }
#section-slideshow .anim-slide { opacity: 0; }
#section-slideshow .anim-slide-this { opacity: 1;}
#section-slideshow .anim-dots { opacity: 0; }
#section-slideshow .anim-dots span { margin: 3px 6px; background-color: rgba(255,255,255,0.5); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.4); box-shadow: 0px 0px 3px rgba(0,0,0,0.4); -moz-border-radius: 9px; border-radius: 9px; -webkit-border-radius: 9px; }
#section-slideshow .anim-dots span.anim-dots-this { background-color: #3FAB3A; border: 1px solid #fff; }
#section-slideshow .anim-dots span.anim-dots-this::after { background: transparent none repeat scroll 0 0; }
#section-slideshow li.anim-slide { background-color: transparent; background-size: cover; background-position: center center; }
#section-slideshow li.anim-slide .slogan_wrapper { width: 100%; height: auto; top: 40%; margin-top: -20px; margin-top: -1vw; padding: 0px; }
#section-slideshow li.anim-slide .slogan_wrapper h1,
#section-slideshow li.anim-slide .slogan_wrapper h2,
#section-slideshow li.anim-slide .slogan_wrapper h3,
#section-slideshow li.anim-slide .slogan_wrapper a,
#section-slideshow li.anim-slide .slogan_wrapper i,
#section-slideshow li.anim-slide .slogan_wrapper br,
#section-slideshow li.anim-slide .slogan_wrapper span,
#section-slideshow li.anim-slide .slogan_wrapper p { position: relative; display: block; clear: both; text-align: center; color: #fff; font-size: inherit; line-height: inherit; }
#section-slideshow li.anim-slide .slogan_wrapper h1 { font-size: 38px; line-height: 44px; font-family: 'Josefin Sans', sans-serif; text-transform: uppercase; font-weight: 800; text-shadow: 0px 0px 10px rgba(0,0,0,0.4); }
#section-slideshow li.anim-slide .slogan_wrapper h1 span { font-size: 30px; font-weight: 300; text-transform: none; display: inline-block; }
#section-slideshow li.anim-slide .slogan_wrapper h1 span.allura { font-size: 56px; font-weight: 500; display: inline-block; }
#section-slideshow li.anim-slide .slogan_wrapper h2 { font-size: 32px; line-height: 34px; margin-bottom: 20px; font-family: 'Josefin Sans', sans-serif; text-transform: uppercase; font-weight: 800; text-shadow: 0px 0px 10px rgba(0,0,0,0.4);}
#section-slideshow li.anim-slide .slogan_wrapper h3 { font-size: 24px; margin-top: 0px; text-transform: none; color: #fff; font-weight: 600; }
#section-slideshow li.anim-slide .slogan_wrapper a { display: inline-block; margin: 0px auto; width: auto; font-size: 20px; color: #fff; margin: 10px; padding: 0; transition: all 0.25s ease-in-out 0s; }
#section-slideshow li.anim-slide .slogan_wrapper a:hover { text-decoration: none; background-color: rgba(255,255,255,0.3); }
#section-slideshow li.anim-slide .slogan_wrapper a i { display: inline-block; margin-right: 12px; }
#section-slideshow li.anim-slide .slogan_wrapper p { width: auto; font-size: 20px; margin-top: 10px; margin-bottom: 10px; }
#section-slideshow .anim-arrows-prev { display: none; top: 54%; left: 0 !important; margin-left: -70px; text-align: right; padding: 0px 15px !important; background-color: rgba(0,0,0,0.7); z-index: 400; }
#section-slideshow .anim-arrows-next { display: none; top: 54%; right: 0 !important; margin-right: -70px; text-align: left; padding: 0px 15px !important; background-color: rgba(0,0,0,0.7); z-index: 400; }
#section-slideshow .anim-arrows-prev i, #section-slideshow .anim-arrows-next i { color: #fff; width: 76px; height: 42px; vertical-align: middle; font-size: 31px; padding: 11px 5px 0px 5px; font-weight: 100; transition: all 0.25s ease-in-out 0s; }
#section-slideshow .anim-arrows-prev:hover, #section-slideshow .anim-arrows-next:hover { background-color: #000; }
#section-slideshow .anim-arrows-prev:hover i, #section-slideshow .anim-arrows-next:hover i { color: #fff; }
#section-slideshow .anim-arrows-prev:hover i, #section-slideshow .anim-arrows-next:hover i { }
#section-slideshow::after { content: ""; position: absolute; height: 160px; width: 100%; margin-top: -160px; z-index: 710; /* 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,0) 0%, rgba(5,5,5,1) 96%, rgba(5,5,5,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(5,5,5,1) 96%,rgba(5,5,5,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(5,5,5,1) 96%,rgba(5,5,5,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#050505',GradientType=0 ); /* IE6-9 */ }
.siegel_100 { height: 60px; position: relative; }
.teaser_job { position: absolute; left: auto; right: 30px; margin-top: -160px; width: 220px; height: 180px; z-index: 9900; }
.teaser_job a { position: relative !important; display: inline-block !important; width: 100% !important; height: 100% !important; padding-top: 5px; transition: all 0.25s ease-in-out 0s; margin: 0 !important; }
.teaser_job a:hover { padding: 0px;}
.teaser_job a img { width: auto; height: auto; max-width: 100%; }
@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: 48px; line-height: 52px; }
#section-slideshow li.anim-slide .slogan_wrapper h1 span { font-size: 42px; }
#section-slideshow li.anim-slide .slogan_wrapper h1 span.allura { font-size: 70px; }
#section-slideshow, #section-slideshow .anim-slider { min-height: 570px; height: 49vw; }
#section-slideshow li.anim-slide .slogan_wrapper { top: 50%; }
.siegel_100 { height: 90px; position: relative; }
}
@media only screen and (min-width: 1200px) {
#section-slideshow, #section-slideshow .anim-slider { min-height: 860px; height: 42vw; }
#section-slideshow li.anim-slide .slogan_wrapper h1, #section-slideshow li.anim-slide .slogan_wrapper h2 { font-size: 52px; line-height: 72px; }
#section-slideshow li.anim-slide .slogan_wrapper { top: 58%; }
}
#section-leistungen { padding-top: 40px; }
#section-leistungen .container { }
#section-leistungen .container h2.centered { margin-bottom: 10px; }
#section-leistungen .container h3.centered { position: relative; width: auto; text-align: center; align: center; z-index: 700; }
#section-leistungen .container h3.centered .mit_bg { display: inline-block; padding: 5px 20px; font-size: inherit; font-family: inherit; line-height: inherit; background-color: #050505; }
#section-leistungen .row { z-index: 650; }
#section-leistungen .content-col3-1 { margin-bottom: 15px; background-color: #fff; padding: 0px; }
#section-leistungen .content-col3-1 .pic { display: block; clear: both; width: 100%; height: auto; height: 50vw; min-height: 270px; max-height: 390px; background-color: #333; background-size: cover; background-position: center center; background-repeat: no-repeat; }
#section-leistungen .content-col3-1 .desc { display: block; clear: both; width: 100%; height: auto; padding: 12px 15px 8px 25px; }
#section-leistungen .content-col3-1 .desc h3 { margin: 0px; color: #050505; font-family: 'Josefin Sans', sans-serif; font-size: 19px; line-height: 19px; font-weight: 500; text-transform: uppercase; }
@media only screen and (min-width: 995px) {
#section-leistungen .row { margin-top: -35px; border: 1px solid #fff; padding: 50px 25px 25px 25px; }
#section-leistungen .content-col3-1 { margin-bottom: 0px; }
#section-leistungen .content-col3-1 .pic { height: 220px; }
#section-leistungen .content-col3-1 .desc { padding: 20px 30px; }
#section-leistungen .content-col3-1 .desc h3 { font-size: 24px; line-height: 24px; }
}
@media only screen and (min-width: 1200px) {
#section-leistungen .content-col3-1 .pic { height: 270px; }
#section-leistungen .row { margin-top: -44px; }
}
#section-team { padding-top: 20px; background-color: transparent; background-image: url('../images/section-bg_team.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat; }
#section-team .row.foto_gross { height: auto; padding: 0px; background-color: rgba(0,0,0,0.60); z-index: 650; }
#section-team .row.foto_gross .pic { display: block; clear: both; width: 100%; height: 50vw; min-height: 240px; max-height: 600px; margin: 0px; box-sizing: border-box; background-color: #333; background-size: cover; background-position: center center; background-repeat: no-repeat; }
#section-team .row.foto_gross .desc { display: block; clear: both; width: 100%; height: auto; margin: 0px; box-sizing: border-box; padding: 7px 22px; }
#section-team .row.foto_gross .desc h3 { height: auto; font-family: 'Josefin Sans', sans-serif; font-size: 24px; font-weight: 500; text-transform: uppercase; }
#section-team .row.foto_gross .desc h3 span { font-size: 22px; text-transform: none; font-weight: inherit; }
.slider_team { display: block; clear: both; width: 100%; height: auto; margin: 15px auto 80px auto; }
.slider_team .slick-slide { display: table-cell; vertical-align: middle; width: 100%; height: auto; text-align: center; }
.slider_team .slick-slide a { width: auto; height: 100%; cursor: pointer; text-align: center; vertical-align: middle; }
.slider_team .slick-slide a img { width: 80%; height: auto; margin: 0px auto; text-align: center; vertical-align: middle; -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.4); box-shadow: 0px 0px 10px rgba(0,0,0,0.4); transition: all 0.15s ease 0.1s; }
.slider_team .slick-dots { bottom: -65px; }
.slider_team .slick-dots li { margin: 0px 2px; }
.slider_team .slick-dots li button::before { font-size: 11px; color: rgba(255,255,255,0.85); }
.slider_team .slick-dots li.slick-active button::before { color: rgba(255,255,255,1); opacity: 0.80; }
@media only screen and (min-width: 995px) {
#section-team { padding-top: 40px; }
#section-team .row.foto_gross { height: 460px; }
#section-team .row.foto_gross .pic { display: inline-block; width: 70%; height: 100%; }
#section-team .row.foto_gross .desc { display: inline-block; width: 29%; height: 100%; padding: 15px 30px;}
#section-team .row.foto_gross .desc h3 { position: absolute; top: auto; font-size: 26px; bottom: 20%; }
#section-team .row.foto_gross .desc h3 span { font-size: 24px; }
}
@media only screen and (min-width: 1200px) {
#section-team .row.foto_gross { height: 550px; }
#section-team .row.foto_gross .desc h3 { font-size: 28px; bottom: 18%; }
#section-team .row.foto_gross .desc h3 span { font-size: 26px; }
}
#section-referenzen { }
#section-referenzen h2,
#section-referenzen h3 { text-align: center; }
#section-referenzen h3 { font-size: 36px; line-height: 38px; margin-top: 30px; margin-bottom: 20px; }
.slider_referenzen { display: block; clear: both; width: 100%; height: auto; margin: 30px auto 100px auto !important; }
.slider_referenzen .slick-slide { display: table-cell; vertical-align: middle; width: 100%; height: auto; text-align: center; }
.slider_referenzen .slick-slide a { display: none; width: auto; height: 100%; cursor: pointer; text-align: center; vertical-align: middle; transition: all 0.10s ease-in-out 0.05s; }
.slider_referenzen .slick-slide a:first-child { display: block; }
.slider_referenzen .slick-slide a:hover { opacity: 0.9; }
.slider_referenzen .slick-slide a > img,
.slider_referenzen .slick-slide a .img { width: 90%; height: auto; margin: 0px auto; text-align: center; vertical-align: middle; -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.4); box-shadow: 0px 0px 10px rgba(0,0,0,0.4); transition: all 0.15s ease 0.1s; }
.slider_referenzen .slick-slide a .img { position: relative; height: 30vw; overflow: hidden; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.slider_referenzen .slick-slide a .img img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 101%; height: auto; }
.slider_referenzen .desc { display: block; clear: both; width: 90%; min-height: 70px; height: auto; margin: 0px auto; box-sizing: border-box; font-size: 13px; line-height: 14px; padding: 14px 8px 8px 10px; text-align: left; color: #050505; background-color: #fff; }
.slider_referenzen .desc h4 { height: auto; font-family: 'Josefin Sans', sans-serif; margin: 0px 0px 5px 0px; font-size: 17px; line-height: 18px; font-weight: 500; color: #050505; text-transform: none; }
.slider_referenzen .desc span { display: block; margin: 10px 0px 0px 0px; font-size: 10px; line-height: 10px; color: rgba(0,0,0,0.4); }
.slider_referenzen .slick-dots { bottom: -65px; }
.slider_referenzen .slick-dots li { margin: 0px 2px; }
.slider_referenzen .slick-dots li button::before { font-size: 11px; color: rgba(255,255,255,0.85); }
.slider_referenzen .slick-dots li.slick-active button::before { color: rgba(255,255,255,1); opacity: 0.80; }
.slider_referenzen_kuechen { }
@media only screen and (max-width: 994px) {
.fancybox-title-float-wrap .child { font-size: 12px !important; }
}
@media only screen and (min-width: 480px) {
.slider_referenzen .slick-slide a .img { height: 19.9vw; }
}
@media only screen and (min-width: 995px) {
#section-referenzen h3 { font-size: 46px; line-height: 48px; margin-top: 55px; margin-bottom: 20px; }
/*.slider_referenzen_kuechen { width: 66%; margin: 0px auto; }*/
.slider_referenzen .slick-slide a .img { height: 19.8vw; }
.slider_referenzen .desc { min-height: 115px; font-size: 16px; line-height: 18px; padding: 18px 20px 10px 20px; }
.slider_referenzen .desc h4 { font-size: 20px; line-height: 22px; }
.slider_referenzen .desc span { margin: 20px 0px 0px 0px; font-size: 14px; line-height: 15px; }
}
#section-partner { }
#section-partner .content-col4-1 img { max-width: 100%; height: auto; }
@media only screen and (min-width: 995px) {
}
#section-jobs { padding-top: 0px; background-color: transparent; background-image: url('../images/section-bg_jobs.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat; }
#section-jobs h2.centered { margin-bottom: 30px; }
#section-jobs h3.centered { position: relative; width: auto; text-align: center; font-size: 42px; z-index: 700; }
#section-jobs h3.josefine { text-transform: uppercase; line-height: 0.8em; }
#section-jobs .row.mit_bg { display: block; clear: both; margin: 0px auto; align: center; margin-top: -30px; text-align: center; padding: 35px 10px 25px 10px; z-index: 650; background-color: rgba(0,0,0,0.7); }
#section-jobs::before { content: ""; position: absolute; height: 40px; width: 100%; margin-top: -30px; opacity: 0.45; z-index: 710; //* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,050505+100&1+0,0+99 */ background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(5,5,5,0) 99%, rgba(5,5,5,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(5,5,5,0) 99%,rgba(5,5,5,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(5,5,5,0) 99%,rgba(5,5,5,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00050505',GradientType=0 ); /* IE6-9 */ }
#section-jobs::after { content: ""; position: absolute; height: 40px; width: 100%; margin-top: -10px; opacity: 0.55; z-index: 710; /* 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,0) 0%, rgba(5,5,5,1) 96%, rgba(5,5,5,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(5,5,5,1) 96%,rgba(5,5,5,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(5,5,5,1) 96%,rgba(5,5,5,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#050505',GradientType=0 ); /* IE6-9 */ }
@media only screen and (min-width: 995px) {
#section-jobs { padding-top: 10px; }
#section-jobs h3.centered { font-size: 58px; }
#section-jobs .row.mit_bg { width: 60%; margin-top: -40px; padding: 50px 20px 30px 20px; }
}
#section-kontakt { padding-top: 30px; padding-bottom: 0px; height: auto; background-color: #fff; color: #050505; }
#section-kontakt * { color: inherit; }
#section-kontakt .section-std-padding { padding-bottom: 15px; text-align: center; }
#section-kontakt .section-std-padding .align_left,
#section-kontakt .section-std-padding .align_right { display: block; clear: both; width: 100%; text-align: center; margin: 0px auto 9px auto; }
#section-kontakt h2 { text-align: center; margin-top: 0px; margin-bottom: 39px; }
#section-kontakt a { color: #000; font-weight: 600; transition: all 0.20s ease-in-out 0s; }
#section-kontakt a:hover { color: rgba(0,0,0,0.7); }
#section-kontakt i.fa { font-size: 1.15rem; margin-right: 4px; vertical-align: middle; margin-top: -4px; margin-left: 8px; }
#section-kontakt i.fa-map-marker { margin-top: -6px; }
#section-kontakt #gmap { height: 800px; margin: 0px 0px 0px 0px; padding: 0px; width: 100%; z-index: 401; background-color: #eee; }
#section-kontakt #gmap::before { content: ""; position: absolute; height: 40px; width: 100%; margin-top: -30px; opacity: 0.45; z-index: 710; //* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,050505+100&1+0,0+99 */ background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(5,5,5,0) 99%, rgba(5,5,5,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(5,5,5,0) 99%,rgba(5,5,5,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(5,5,5,0) 99%,rgba(5,5,5,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00050505',GradientType=0 ); /* IE6-9 */ }
#section-kontakt .kontakt_form { position: absolute; width: 90%; margin-left: 5%; margin-top: -50px; background-color: rgba(0,0,0,0.85); padding: 28px 25px 24px 25px; box-sizing: border-box; color: #fff; z-index: 500; }
#section-kontakt .kontakt_form h3 { font-size: 38px; margin-top: 8px; margin-bottom: 20px; }
#section-kontakt .kontakt_form .info { display: block; margin: 8px 0px 0px 0px; font-size: 14px; line-height: 15px; }
#section-kontakt .kontakt_form .info a { color: #fff; }
#section-kontakt .kontakt_form .info a:hover { color: #ddd; }
#section-kontakt .kontakt_form .row .content-col2-1 { margin-bottom: 12px; }
#section-kontakt .kontakt_form .row .content-col2-1:first-child { margin-top: 12px; }
.form-group { margin: 0px 0px; }
.form-control { border: none; color: rgba(255,255,255,0.7); display: block; font-size: 14px; height: 36px; line-height: 1.42857; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; background-color: rgba(255, 255, 255, 0.20); color: #444; font-size: inherit; height: 32px; line-height: inherit; padding: 6px 12px; box-sizing: border-box; }
.form-control:focus { color: rgba(255,255,255,0.9); border: 1px solid rgba(255,255,255,0.7); }
textarea.form-control { height: 90px; font-family: inherit; }
.button_row { display: block; clear: both; width: 100%; margin: 20px 0px 0px 0px; text-align: center; }
.btn-block { display: inline-block; float: none; width: 200px; margin: 0px auto; align: center; }
.btn { cursor: pointer; font-family: inherit; font-weight: normal; border: none; line-height: 1.2857; text-align: center; vertical-align: middle; white-space: nowrap; font-size: 19px; line-height: 1.33333; padding: 7px 20px; }
.btn-ci-farbe { background-color: transparent; color: #fff; border: 1px solid #fff; text-transform: none; transition: all 0.2s ease-in 0.2s; }
.btn-ci-farbe:hover { background-color: #fff; color: #050505 !important; }
.alert { display: block; clear: both; padding: 0px 5px; }
.alert-danger { padding: 4px 5px; background-color: #f7e2e0; border: 1px solid #cc5449; color: #cc5449 !important; font-size: 15px; }
@media only screen and (min-width: 995px) {
#section-kontakt { padding-top: 70px; }
#section-kontakt .section-std-padding { padding-bottom: 30px; }
#section-kontakt .section-std-padding .align_left,
#section-kontakt .section-std-padding .align_right { display: inline-block; clear: none; width: auto; margin: 0px; }
#section-kontakt .section-std-padding .align_left { text-align: left; }
#section-kontakt .section-std-padding .align_right { text-align: right; }
#section-kontakt #gmap { height: 620px; }
#section-kontakt .kontakt_form { width: 54%; margin-left: 23%; margin-top: -520px; align: center; padding: 30px 30px 26px 30px; background-color: rgba(0,0,0,0.8); text-align: center; z-index: 500; }
#section-kontakt .kontakt_form h3 { margin-top: 7px; margin-bottom: 13px; }
#section-kontakt .kontakt_form .row { margin-bottom: 0px !important; }
#section-kontakt .kontakt_form .row .content-col2-1 { margin-top: 0px !important; margin-bottom: 0px !important; padding: 11px 0px 7px 0px; }
}
@media only screen and (min-width: 1200px) {
#section-kontakt #gmap { height: 780px; }
#section-kontakt .kontakt_form { width: 45%; margin-left: 27.5%; margin-top: -570px; padding: 30px 40px 26px 40px; }
}
/* Formatierungen für Folgeseiten */
#abstand_folgeseiten { display: block; clear: both; width: 100%; height: 360px; padding: 0px 0px 0px 0px; background-size: cover; background-position: center center; background-color: #fcea92; }
#abstand_folgeseiten:after { content: ""; position: absolute; width: 100%; height: 14px; margin-top: 346px; background-color: rgba(252,234,146,0.7); }
@media only screen and (max-width: 994px) {
#abstand_folgeseiten { height: 200px; }
#abstand_folgeseiten:after { height: 10px; margin-top: 190px; }
}
#section-intro-folgeseiten { position: relative; clear: both; width: 100%; height: 320px; padding-top: 0px; padding-bottom: 0px; box-sizing: border-box; margin-bottom: 0px; background-image: url(../upload/mediapool/intro/schreinerei-zangberg-muehldorf-ampfing-muenchen.jpg); background-position: bottom center; background-size: cover; background-color: #eee; overflow: hidden; z-index: 700; }
#section-intro-folgeseiten .container { padding-top: 180px; }
#section-intro-folgeseiten h1 { margin-left: 0px; font-size: 30px; color: #fff; font-weight: 400; text-transform: uppercase; }
@media only screen and (min-width: 1000px) {
#section-intro-folgeseiten { height: 520px; }
#section-intro-folgeseiten .container { padding-top: 420px; }
#section-intro-folgeseiten h1 { font-size: 48px; }
}
#section-inhalt { margin-top: 0px; margin-bottom: 120px; }
/* ---- ENDE Section-Formatierungen ---- */
#innung_logo { position: absolute; left: 5px; margin-top: -40px; z-index: 600; }
#foot { position: relative; width: 100%; min-height: 150px; height: auto; padding: 40px 0px 20px 0px; box-sizing: border-box; font-size: 0.95rem; line-height: 1.5rem; background-color: #fff; color: #000; text-align: center; z-index: 500; }
#foot .container { padding: 0px; }
#foot * { font-size: inherit; line-height: inherit; color: inherit; }
#foot a { color: #000; font-weight: 600; transition: all 0.20s ease-in-out 0s; }
#foot a:hover { color: rgba(0,0,0,0.7); text-decoration: none; }
#foot li.active a { color: #f7a408; }
#foot ul { margin: 25px auto; padding: 0px; }
#foot ul li { display: block; clear: both; text-align: center; list-style-type: none; }
#foot ul li a { list-style-type: none; float: none; display: inline-block; }
#foot ul li a i.fa { font-size: 19px; margin-right: 4px; margin-top: -4px; vertical-align: middle; }
#foot ul li a i.fa-fax { font-size: 16px; }
#foot .logo-2025 { width: auto; height: auto; max-width: 260px; }
@media only screen and (min-width: 995px) {
#foot .logo-2025 { max-width: 380px; }
}
#back-top { position: fixed; right: 0px; bottom: 100px; margin-top: -68px; width: 38px; height: 38px; margin-right: -5px; z-index: 710; transition: all 0.25s ease-in-out 0s; }
#back-top:hover { margin-right: 0px; }
#back-top a { color: #fff; width: 38px; height: 38px; background-color: rgba(0,0,0,0.8); padding: 2px 8px; text-align: center; box-sizing: border-box; display: block; transition: all 0.35s ease-in-out 0s; z-index: 450; }
#back-top a:hover { }
#back-top a i.fa { font-size: 32px; color: rgba(255,255,255,0.8); height: auto; transition: all 0.35s ease-in-out 0s; }
#back-top a:hover i.fa { color: #fff; }
@media only screen and (max-width: 500px) {
#innung_logo img { width: 120px; height: auto; }
}
@media only screen and (max-width: 400px) {
#innung_logo img { width: 100px; height: auto; }
}
@media only screen and (min-width: 995px) {
#foot ul li { display: inline-block; margin-left: 12px; margin-right: 12px; text-align: left; }
#innung_logo { left: 30px; margin-top: -60px; }
#back-top { width: 50px; height: 50px; }
#back-top a { width: 50px; height: 50px; padding: 2px 12px; }
#back-top a i.fa { font-size: 42px; }
}
/* --------------- Mobile-Darstellung bis zu 994px, aber einspaltige Inhaltsdarstellung bereits ab 780px nach unten --------------- */
@media only screen and (max-width: 994px) {
.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 { width: 100%; padding: 12px 40px; box-sizing: border-box; }
table.border_ci th { padding: 10px 10px; }
table.border_ci td { padding: 10px 10px; }
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; }
}
@media only screen and (max-width: 780px) {
.container { width: 100%; box-sizing: border-box; padding-left: 10px; padding-right: 10px; }
.content-col4-1 { display: block; height: auto; max-width: 100%; width: 100%; margin-left: 0px; padding: 0px; margin-bottom: 30px; }
.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; }
}
@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-col4-1 { position: relative; float: left; width: 24%; height: auto; padding: 20px 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; }
}
@media only screen and (min-width: 1200px) {
.container { /*margin: 0px 10px;*/ width: 1170px; }
}