/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-family: sans-serif; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background: transparent;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: bold;
}
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0;
}
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 1em 40px;
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto;
}
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit; /* 1 */
font: inherit; /* 2 */
margin: 0; /* 3 */
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal;
}
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box;
}
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0; /* 1 */
padding: 0; /* 2 */
}
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto;
}
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold;
}
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
/* ::: Basis-Elemente ::: */
/* einkommentieren, wenn Fade-In gewünscht => dann initLazyLoad() erst beim Success ShowAll() ausführen
form {
opacity: 0;
}
*/
html {
overflow-y:scroll;
}
.clear,
.spacer,
.halfspacer,
.quarterspacer,
.minispacer,
.doublespacer,
.imgfspacer {
clear:both;
font-size:0;
line-height:0;
height:0;
display:block;
}
.doublespacer { height:32px; }
.spacer { height:16px; }
.halfspacer { height:8px; }
.quarterspacer { height:4px; }
.minispacer { height:2px; }
.none,
.hide {
display:none;
}
hr {
clear: both;
height: 1px;
margin: 0;
padding: 0;
border: none;
background-color:#CCC;
font-size: 0;
line-height: 0;
}
img {
vertical-align:bottom;
width:auto;
max-width:100%;
}
.left { float:left; }
.right { float:right; }
.even { background-color:#CCC; }
.odd { background-color:#EEE; }
figcaption {
font-style:italic;
font-size:10px;
}
.error {
color:#e60003;
}
.errorlabel {
display:block;
}
.searchword {
background-color:#333;
color:#fff;
}
.anker:not([href]) {
text-decoration:none;
}
/* ::: onpublix-Textausrichtung ::: */
.textleft { text-align:left; }
.textcenter { text-align:center; }
.textright { text-align:right; }
.textjustify { text-align:justify; }
/* ::: Aufzählung ::: */
.on-list {
}
.on-list li {
}
/* ::: Abstände ::: */
figure,
audio,
video,
canvas,
.youtube,
.generate-ui-tab,
div.ui-accordion,
table.tabelle,
.errorlabel {
margin: 0 0 16px;
}
audio {
max-width:100%;
}
video {
max-width:100%;
height:auto;
}
figure {
position:relative;
z-index:1;
text-align:center;
}
/* ::: Imgleft/Imgright/Gallery/Zoomable ::: */
figure.imgleft,
figure.imgright {
display:table;
padding-top:2px;
max-width: 406px; /* je nach Layout anzupassen */
width: 100%;
}
figure.imgleft.bigger,
figure.imgright.bigger {
max-width: 500px;
}
figure.imgleft { /* display und width wegen gewuenschtem Caption-Verhalten */
float:left;
margin:0 20px 5px 0;
text-align:left;
}
figure.imgright { /* display und width wegen gewuenschtem Caption-Verhalten */
float:right;
margin:0 0 5px 20px;
text-align:right;
}
figure.imgleft img,
figure.imgright img {
/*width:100%;*/
width: auto;
max-height: 340px;
max-width:500px;
}
figure.zoomable > span.figurewrapper,
figure.gallery > span.figurewrapper {
position:relative;
z-index:1;
display:inline-block;
width:100%;
cursor:pointer;
}
figure.imgleft span.figurewrapper,
figure.imgright span.figurewrapper {
display:block;
}
figure.gallery > span.figurewrapper a:first-child {
position:relative;
z-index:1;
display:block;
}
figure.zoomable > span.figurewrapper:after,
figure.gallery > span.figurewrapper a:first-child:after {
content:'';
display:block;
position:absolute;
z-index:1;
bottom:0;
right:0;
/*width:19px;*/
/*height:19px;*/
/*background:url(/img/system/icons/zoombox.gif) 0 0 no-repeat;*/
background: url(/img/system/icons/zoombox.gif) 100% 100% no-repeat;
width: 100%;
height: 100%;
}
figure.gallery > span.figurewrapper a:first-child:after {
background-image:url(/img/system/icons/gallery.gif);
}
div.textnf {
display:table;
}
/* ::: Quicknav ::: */
a.jumpto {
display:block;
position:absolute;
top:6px;
left:-1000px;
z-index:100;
padding:10px;
font-size:16px;
line-height:1.5em;
font-weight:bold;
color:#000;
background-color:#FFFF8D;
}
a.jumpto:focus,
a.jumpto:active {
left:0;
}
/* ::: YouTube-Baustein ::: */
.youtube {
position: relative;
height: 0;
overflow: hidden;
width: 100%;
height: auto;
}
.youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* ::: Korrekturen ::: */
body .ui-widget {
font-size:1em;
}
.generate-ui-tab .supertab-head {
display:none;
}
.ui-tabs .ui-tabs-nav li a,
.ui-state-default a
{
outline:none; /* Mix aus normalize und jquery-ui */
}
.mejs-container,
.mejs-container .mejs-layer {
max-width:100%;
}/*! jQuery UI - v1.9.1 - 2012-11-15
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.tabs.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright (c) 2012 jQuery Foundation and other contributors Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; zoom: 1; }
.ui-accordion .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-noicons { padding-left: .7em; }
.ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; zoom: 1; }
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom: 0; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(/img/system/jquery-ui/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(/img/system/jquery-ui/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(/img/system/jquery-ui/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(/img/system/jquery-ui/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(/img/system/jquery-ui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(/img/system/jquery-ui/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(/img/system/jquery-ui/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); } /* For IE8 - See #6059 */
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(/img/system/jquery-ui/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(/img/system/jquery-ui/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(/img/system/jquery-ui/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(/img/system/jquery-ui/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/img/system/jquery-ui/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(/img/system/jquery-ui/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(/img/system/jquery-ui/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/img/system/jquery-ui/ui-icons_cd0a0a_256x240.png); }
/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(/img/system/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(/img/system/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/* ::: Tabelle ::: */
.tabelle-wrapper {
width:100%;
overflow:auto;
}
.tabelle {
width:100%;
border:1px solid #ccc;
border-collapse:collapse;
}
.tabelle thead tr {
}
.tabelle thead tr th,
.tabelle tbody tr.headline td {
padding:5px;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
background:#e8e8e8;
font-weight:bold;
text-align:left;
vertical-align:top;
}
.tabelle tbody tr td {
padding:5px;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
vertical-align:top;
}
.tabelle p {
margin:0;
}
.tabelle p + p {
margin-top:12px;
}/* ::: Gallery ::: */
div.gallnavi {
float:right;
background: #ffffff;
padding: 0 10px;
}
div.gallnavi a {
float: left;
padding: 0 5px;
font-weight: bold;
color: #000000;
text-decoration: none;
text-align: center;
font-weight: normal;
height: 23px;
font-size: 20px;
}
div.gallnavi a.selected {
color: #e30613;
}
div.gallnavi a + a {
margin-left: 6px;
}
.gallerybox {
margin-top:10px;
}
.galleryrow:after {
content:"";
clear:both;
display:table;
}
.gallerybox a.gallery {
display:block;
float:left;
width: 180px;
height:140px;
background-color:#ebebeb;
background-position:center center;
background-repeat:no-repeat;
margin: 0 20px 20px 0;
}
.gallerybox a.last {
margin-right:0;
}/* ::: uaWarning ::: */
#uaWarningWrapper {
background-color:#ffe9af;
border-bottom:1px solid #c0c0c0;
}
#uaWarning {
max-width:1024px;
margin:0 auto;
padding:24px 16px;
}
#uaWarningClose {
text-align:right;
cursor:pointer;
}@font-face {
font-family: 'mobilenav';
src: url("/fonts/mobilenav/mobilenav.eot?19440014");
src: url("/fonts/mobilenav/mobilenav.eot?19440014#iefix") format("embedded-opentype"), url("/fonts/mobilenav/mobilenav.woff?19440014") format("woff"), url("/fonts/mobilenav/mobilenav.ttf?19440014") format("truetype"), url("/fonts/mobilenav/mobilenav.svg?19440014#mobilenav") format("svg");
font-weight: normal;
font-style: normal; }
[class^="mn-"]:before, [class*=" mn-"]:before {
font-family: "mobilenav";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.mn-angle-left:before {
content: '\e800'; }
.mn-angle-right:before {
content: '\e801'; }
.mn-menu:before {
content: '\e802'; }
.mobile-logo {
display: none;
position: absolute;
top: 10px;
left: 0;
text-align: center;
width: 100%; }
.mobile-logo img {
height: 50px;
margin: 0 auto; }
html.mobilenav-open {
overflow: hidden !important; }
.mobilebutton {
display: none;
position: fixed;
z-index: 9999;
top: 27px;
left: 10px;
height: 40px;
width: auto;
background: transparent;
color: #FFF;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
padding: 5px 0;
cursor: pointer; }
#mobilenav {
display: none;
-moz-transform: translate(-105%);
-ms-transform: translate(-105%);
-o-transform: translate(-105%);
-webkit-transform: translate(-105%);
transform: translate(-105%);
-moz-transition: transform 0.5s ease-in-out;
-o-transition: transform 0.5s ease-in-out;
-webkit-transition: transform 0.5s ease-in-out;
transition: transform 0.5s ease-in-out;
box-shadow: 2px 0 6px 0 rgba(0, 0, 0, 0.6);
padding-top: 70px;
font-size: 18px;
line-height: 1.3rem;
color: #FFF;
width: 320px;
height: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #333;
background: -moz-linear-gradient(top, #333 50px, #333 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(50px, #333), color-stop(100%, #333));
background: -webkit-linear-gradient(top, #333 50px, #333 100%);
background: -o-linear-gradient(top, #333 50px, #333 100%);
background: -ms-linear-gradient(top, #333 50px, #333 100%);
background: linear-gradient(to bottom, #333 50px, #333 100%);
position: fixed;
z-index: 9990;
top: 0;
overflow-y: auto;
overflow-x: hidden; }
#mobilenav.no-overflow {
overflow-y: hidden; }
.mobilenav-open #mobilenav {
-moz-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
-webkit-transform: translate(0);
transform: translate(0); }
#mobilenav ul {
margin: 0;
padding: 0;
list-style: none; }
#mobilenav ul.sub {
display: none;
background: rgba(0, 0, 0, 0.2);
box-shadow: inset 0 -3px 3px -2px rgba(0, 0, 0, 0.3); }
#mobilenav li {
position: relative;
z-index: 20; }
#mobilenav li > .mobilenav-submenu i:before {
-moz-transform: rotateZ(90deg);
-ms-transform: rotateZ(90deg);
-o-transform: rotateZ(90deg);
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg);
-moz-transition: transform 0.3s ease-in-out;
-o-transition: transform 0.3s ease-in-out;
-webkit-transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out; }
#mobilenav li.open > .mobilenav-submenu i:before {
-moz-transform: rotateZ(90deg) rotateY(180deg);
-ms-transform: rotateZ(90deg) rotateY(180deg);
-o-transform: rotateZ(90deg) rotateY(180deg);
-webkit-transform: rotateZ(90deg) rotateY(180deg);
transform: rotateZ(90deg) rotateY(180deg); }
.mobilenav-header {
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 20px;
border-bottom: 1px solid #666;
overflow: hidden;
font-weight: 600;
margin-bottom: 15px;
cursor: pointer; }
.mobilenav-header .mobilenav-header-link {
float: left;
display: block;
padding: 11px 0;
color: #FFF;
text-decoration: none;
width: 67%;
overflow: hidden;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis; }
.mobilenav-header .mobilenav-back {
float: right;
padding: 11px 0;
max-width: 33%; }
.mobilenav-submenu {
padding: 11px 10px;
position: absolute;
z-index: 30;
top: 0;
right: 0;
cursor: pointer;
-moz-transition: background 0.3s ease-in-out;
-o-transition: background 0.3s ease-in-out;
-webkit-transition: background 0.3s ease-in-out;
transition: background 0.3s ease-in-out;
background: rgba(255, 255, 255, 0.1); }
.mobilenav-submenu:hover {
background: rgba(255, 255, 255, 0.2); }
.mobilenav-ul {
width: 100%;
z-index: 100; }
.mobilenav-ul.sub {
display: none; }
.mobilenav-li {
margin-bottom: 5px;
-moz-transition: margin 0.3s ease-in-out, padding 0.3s ease-in-out;
-o-transition: margin 0.3s ease-in-out, padding 0.3s ease-in-out;
-webkit-transition: margin 0.3s ease-in-out, padding 0.3s ease-in-out;
transition: margin 0.3s ease-in-out, padding 0.3s ease-in-out; }
.mobilenav-li.open,
.mobilenav-li.open > ul > li:last-child {
margin-bottom: 0; }
.mobilenav-li.padding {
padding-bottom: 5px !important; }
.seperator {
margin: 10px 0;
background-color: #666;
height: 1px; }
.mobilenav-a {
padding: 11px 45px 11px 20px;
display: block;
color: #FFF;
text-decoration: none;
background: transparent;
-moz-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
-o-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
-webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
transition: background 0.3s ease-in-out, color 0.3s ease-in-out; }
.mobilenav-a:hover,
.selected > .mobilenav-a {
text-decoration: none;
background: #666;
color: #FFF; }
.mobilenav-submenu ~ ul li a {
padding-left: 35px !important; }
.mobilenav-submenu ~ ul li .mobilenav-submenu ~ ul li a {
padding-left: 50px !important; }
@media only screen and (max-width: 1370px) {
#mobilenav,
.mobile-logo,
.mobilebutton {
display: block; } }.cc_container .cc_logo {
display:none !important;
}
@media screen and (min-width: 500px) {
.cc_container {
right: 140px !important;
bottom: 74px !important;
}
}#searchresult tr {
cursor: pointer;
}
#searchresult tr:hover td {
background-color: #cdcdcd;
}
.flash {
margin-top: 10px;
margin-bottom: 10px;
display: block;
padding: 15px;
margin-bottom: 1em;
text-align: left;
color: black;
}
.flash.form-success {
background: #dff0d8;
border-left: 5px solid #3f9f18;
}
.flash.form-failure {
background: rgba(255, 77, 77, 0.15);
border-left: 5px solid red;
}
.flash.form-info {
border-left: 5px solid #ffd600;
background: #fcf8e3;
}
.flash.form-info p {
margin: 0;
}
input.error,
textarea.error {
border: 1px solid red;
}body.compensate-for-scrollbar {
overflow: hidden;
}
.fancybox-active {
height: auto;
}
.fancybox-is-hidden {
left: -9999px;
margin: 0;
position: absolute !important;
top: -9999px;
visibility: hidden;
}
.fancybox-container {
-webkit-backface-visibility: hidden;
height: 100%;
left: 0;
outline: none;
position: fixed;
-webkit-tap-highlight-color: transparent;
top: 0;
-ms-touch-action: manipulation;
touch-action: manipulation;
transform: translateZ(0);
width: 100%;
z-index: 99992;
}
.fancybox-container * {
box-sizing: border-box;
}
.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.fancybox-outer {
-webkit-overflow-scrolling: touch;
overflow-y: auto;
}
.fancybox-bg {
background: rgb(30, 30, 30);
opacity: 0;
transition-duration: inherit;
transition-property: opacity;
transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}
.fancybox-is-open .fancybox-bg {
opacity: .9;
transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
direction: ltr;
opacity: 0;
position: absolute;
transition: opacity .25s ease, visibility 0s ease .25s;
visibility: hidden;
z-index: 99997;
}
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
opacity: 1;
transition: opacity .25s ease 0s, visibility 0s ease 0s;
visibility: visible;
}
.fancybox-infobar {
color: #ccc;
font-size: 13px;
-webkit-font-smoothing: subpixel-antialiased;
height: 44px;
left: 0;
line-height: 44px;
min-width: 44px;
mix-blend-mode: difference;
padding: 0 10px;
pointer-events: none;
top: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fancybox-toolbar {
right: 0;
top: 0;
}
.fancybox-stage {
direction: ltr;
overflow: visible;
transform: translateZ(0);
z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
overflow: hidden;
}
.fancybox-slide {
-webkit-backface-visibility: hidden;
/* Using without prefix would break IE11 */
display: none;
height: 100%;
left: 0;
outline: none;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: absolute;
text-align: center;
top: 0;
transition-property: transform, opacity;
white-space: normal;
width: 100%;
z-index: 99994;
}
.fancybox-slide::before {
content: '';
display: inline-block;
font-size: 0;
height: 100%;
vertical-align: middle;
width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
display: block;
}
.fancybox-slide--image {
overflow: hidden;
padding: 44px 0;
}
.fancybox-slide--image::before {
display: none;
}
.fancybox-slide--html {
padding: 6px;
}
.fancybox-content {
background: #fff;
display: inline-block;
margin: 0;
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: relative;
text-align: left;
vertical-align: middle;
}
.fancybox-slide--image .fancybox-content {
animation-timing-function: cubic-bezier(.5, 0, .14, 1);
-webkit-backface-visibility: hidden;
background: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
left: 0;
max-width: none;
overflow: visible;
padding: 0;
position: absolute;
top: 0;
-ms-transform-origin: top left;
transform-origin: top left;
transition-property: transform, opacity;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
cursor: zoom-in;
}
.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
cursor: -webkit-grab;
cursor: grab;
}
.fancybox-is-grabbing .fancybox-content {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.fancybox-container [data-selectable='true'] {
cursor: text;
}
.fancybox-image,
.fancybox-spaceball {
background: transparent;
border: 0;
height: 100%;
left: 0;
margin: 0;
max-height: none;
max-width: none;
padding: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
}
.fancybox-spaceball {
z-index: 1;
}
.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
height: 100%;
overflow: visible;
padding: 0;
width: 100%;
}
.fancybox-slide--video .fancybox-content {
background: #000;
}
.fancybox-slide--map .fancybox-content {
background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
background: #fff;
}
.fancybox-video,
.fancybox-iframe {
background: transparent;
border: 0;
display: block;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
/* Fix iOS */
.fancybox-iframe {
left: 0;
position: absolute;
top: 0;
}
.fancybox-error {
background: #fff;
cursor: default;
max-width: 400px;
padding: 40px;
width: 100%;
}
.fancybox-error p {
color: #444;
font-size: 16px;
line-height: 20px;
margin: 0;
padding: 0;
}
/* Buttons */
.fancybox-button {
background: rgba(30, 30, 30, .6);
border: 0;
border-radius: 0;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
position: relative;
transition: color .2s;
vertical-align: top;
visibility: inherit;
width: 44px;
}
.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
color: #ccc;
}
.fancybox-button:hover {
color: #fff;
}
.fancybox-button:focus {
outline: none;
}
.fancybox-button.fancybox-focus {
outline: 1px dotted;
}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
color: #888;
cursor: default;
outline: none;
}
/* Fix IE11 */
.fancybox-button div {
height: 100%;
}
.fancybox-button svg {
display: block;
height: 100%;
overflow: visible;
position: relative;
width: 100%;
}
.fancybox-button svg path {
fill: currentColor;
stroke-width: 0;
}
.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
display: none;
}
.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
display: none;
}
.fancybox-progress {
background: #ff5268;
height: 2px;
left: 0;
position: absolute;
right: 0;
top: 0;
-ms-transform: scaleX(0);
transform: scaleX(0);
-ms-transform-origin: 0;
transform-origin: 0;
transition-property: transform;
transition-timing-function: linear;
z-index: 99998;
}
/* Close button on the top right corner of html content */
.fancybox-close-small {
background: transparent;
border: 0;
border-radius: 0;
color: #ccc;
cursor: pointer;
opacity: .8;
padding: 8px;
position: absolute;
right: -12px;
top: -44px;
z-index: 401;
}
.fancybox-close-small:hover {
color: #fff;
opacity: 1;
}
.fancybox-slide--html .fancybox-close-small {
color: currentColor;
padding: 10px;
right: 0;
top: 0;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
overflow: hidden;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
display: none;
}
/* Navigation arrows */
.fancybox-navigation .fancybox-button {
background-clip: content-box;
height: 100px;
opacity: 0;
position: absolute;
top: calc(50% - 50px);
width: 70px;
}
.fancybox-navigation .fancybox-button div {
padding: 7px;
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 0;
left: env(safe-area-inset-left);
padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
padding: 31px 6px 31px 26px;
right: 0;
right: env(safe-area-inset-right);
}
/* Caption */
.fancybox-caption {
background: linear-gradient(to top,
rgba(0, 0, 0, .85) 0%,
rgba(0, 0, 0, .3) 50%,
rgba(0, 0, 0, .15) 65%,
rgba(0, 0, 0, .075) 75.5%,
rgba(0, 0, 0, .037) 82.85%,
rgba(0, 0, 0, .019) 88%,
rgba(0, 0, 0, 0) 100%);
bottom: 0;
color: #eee;
font-size: 14px;
font-weight: 400;
left: 0;
line-height: 1.5;
padding: 75px 44px 25px 44px;
pointer-events: none;
right: 0;
text-align: center;
z-index: 99996;
}
@supports (padding: max(0px)) {
.fancybox-caption {
padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
}
}
.fancybox-caption--separate {
margin-top: -50px;
}
.fancybox-caption__body {
max-height: 50vh;
overflow: auto;
pointer-events: all;
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
color: #ccc;
text-decoration: none;
}
.fancybox-caption a:hover {
color: #fff;
text-decoration: underline;
}
/* Loading indicator */
.fancybox-loading {
animation: fancybox-rotate 1s linear infinite;
background: transparent;
border: 4px solid #888;
border-bottom-color: #fff;
border-radius: 50%;
height: 50px;
left: 50%;
margin: -25px 0 0 -25px;
opacity: .7;
padding: 0;
position: absolute;
top: 50%;
width: 50px;
z-index: 99999;
}
@keyframes fancybox-rotate {
100% {
transform: rotate(360deg);
}
}
/* Transition effects */
.fancybox-animated {
transition-timing-function: cubic-bezier(0, 0, .25, 1);
}
/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
opacity: 1;
transform: translate3d(0, 0, 0);
}
/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
opacity: 0;
transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1;
}
/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
opacity: 0;
transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity: 0;
transform: scale3d(.5, .5, .5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity: 1;
transform: scale3d(1, 1, 1);
}
/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
opacity: 0;
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}
.fancybox-fx-rotate.fancybox-slide--next {
opacity: 0;
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.fancybox-fx-rotate.fancybox-slide--current {
opacity: 1;
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
opacity: 1;
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}
/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
transform: translate3d(0, 0, 0) scale(1);
}
/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
.fancybox-slide {
padding-left: 6px;
padding-right: 6px;
}
.fancybox-slide--image {
padding: 6px 0;
}
.fancybox-close-small {
right: -6px;
}
.fancybox-slide--image .fancybox-close-small {
background: #4e4e4e;
color: #f2f4f6;
height: 36px;
opacity: 1;
padding: 6px;
right: 0;
top: 0;
width: 36px;
}
.fancybox-caption {
padding-left: 12px;
padding-right: 12px;
}
@supports (padding: max(0px)) {
.fancybox-caption {
padding-left: max(12px, env(safe-area-inset-left));
padding-right: max(12px, env(safe-area-inset-right));
}
}
}
/* Share */
.fancybox-share {
background: #f4f4f4;
border-radius: 3px;
max-width: 90%;
padding: 30px;
text-align: center;
}
.fancybox-share h1 {
color: #222;
font-size: 35px;
font-weight: 700;
margin: 0 0 20px 0;
}
.fancybox-share p {
margin: 0;
padding: 0;
}
.fancybox-share__button {
border: 0;
border-radius: 3px;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 40px;
margin: 0 5px 10px 5px;
min-width: 130px;
padding: 0 15px;
text-decoration: none;
transition: all .2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
}
.fancybox-share__button:visited,
.fancybox-share__button:link {
color: #fff;
}
.fancybox-share__button:hover {
text-decoration: none;
}
.fancybox-share__button--fb {
background: #3b5998;
}
.fancybox-share__button--fb:hover {
background: #344e86;
}
.fancybox-share__button--pt {
background: #bd081d;
}
.fancybox-share__button--pt:hover {
background: #aa0719;
}
.fancybox-share__button--tw {
background: #1da1f2;
}
.fancybox-share__button--tw:hover {
background: #0d95e8;
}
.fancybox-share__button svg {
height: 25px;
margin-right: 7px;
position: relative;
top: -1px;
vertical-align: middle;
width: 25px;
}
.fancybox-share__button svg path {
fill: #fff;
}
.fancybox-share__input {
background: transparent;
border: 0;
border-bottom: 1px solid #d7d7d7;
border-radius: 0;
color: #5d5b5b;
font-size: 14px;
margin: 10px 0 0 0;
outline: none;
padding: 10px 15px;
width: 100%;
}
/* Thumbs */
.fancybox-thumbs {
background: #ddd;
bottom: 0;
display: none;
margin: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 2px 2px 4px 2px;
position: absolute;
right: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
top: 0;
width: 212px;
z-index: 99995;
}
.fancybox-thumbs-x {
overflow-x: auto;
overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
display: block;
}
.fancybox-show-thumbs .fancybox-inner {
right: 212px;
}
.fancybox-thumbs__list {
font-size: 0;
height: 100%;
list-style: none;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
position: absolute;
position: relative;
white-space: nowrap;
width: 100%;
}
.fancybox-thumbs-x .fancybox-thumbs__list {
overflow: hidden;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
width: 7px;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px;
}
.fancybox-thumbs__list a {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(0, 0, 0, .1);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
float: left;
height: 75px;
margin: 2px;
max-height: calc(100% - 8px);
max-width: calc(50% - 4px);
outline: none;
overflow: hidden;
padding: 0;
position: relative;
-webkit-tap-highlight-color: transparent;
width: 100px;
}
.fancybox-thumbs__list a::before {
border: 6px solid #ff5268;
bottom: 0;
content: '';
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: all .2s cubic-bezier(.25, .46, .45, .94);
z-index: 99991;
}
.fancybox-thumbs__list a:focus::before {
opacity: .5;
}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {
opacity: 1;
}
/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
.fancybox-thumbs {
width: 110px;
}
.fancybox-show-thumbs .fancybox-inner {
right: 110px;
}
.fancybox-thumbs__list a {
max-width: calc(100% - 10px);
}
}.pager {
background: #000000;
text-align: center;
position: relative;
padding: 4.5px;
margin-top: 10px;
margin: 20px 0;
color: #ffffff;
font-size: 16px;
line-height: 20px;
}
.pager:before {
top: -1px;
}
.pager:after {
bottom: 0px;
content: "";
display: block!important;
width: 300%;
height: 100%;
position: absolute;
background: #000000;
left: -100%;
z-index: -1;
}
.pager .pager-info {
height: 22px;
}
.pager input {
background: #f2f2f2;
color: #000000;
border: none;
padding: 0;
text-align: center;
width: 39px;
line-height: 19px;
height: 22px;
font-size: 19px;
margin-left: 5px;
margin-right: 5px;
}
.pager .pager-forward {
float: right;
min-width: 32px;
min-height: 1px;
}
.pager .pager-forward a.pf-first {
position: relative;
margin-top: 2px;
padding-right: 10px;
padding-left: 10px;
}
.pager .pager-forward a.pf-first:after {
content: "";
display: inline-block;
width: 0;
height: 0;
margin-top: 5px;
border-style: solid;
border-width: 6px 0 6px 6px;
border-color: transparent transparent transparent #ffffff;
line-height: 0px;
_border-color: #000000 #000000 #000000 #ffffff;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#00000');
}
.pager .pager-forward a.pf-sec {
display: none;
}
.pager .pager-backward {
float: left;
min-width: 32px;
min-height: 1px;
}
.pager .pager-backward a.pb-first {
position: relative;
margin-top: 2px;
padding-left: 10px;
padding-right: 10px;
}
.pager .pager-backward a.pb-first:after {
content: "";
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 6px 6px 6px;
border-color: transparent #ffffff transparent transparent;
line-height: 0px;
_border-color: #000000 #ffffff #000000 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#00000');
}
.pager .pager-backward a.pb-sec {
display: none;
}/*!
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2017 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*!
* Generated using the Bootstrap Customizer (http://getbootstrap.com/docs/3.3/customize/?id=2c116b589a3213af3097e8dfb3afb58e)
* Config saved to config.json and https://gist.github.com/2c116b589a3213af3097e8dfb3afb58e
*//*!
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:hover,a:focus{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role="button"]{cursor:pointer}.container{margin-right:auto;margin-left:auto;padding-left:10px;padding-right:10px}@media (min-width:768px){.container{width:740px}}@media (min-width:992px){.container{width:960px}}@media (min-width:1200px){.container{max-width:1740px;width:100%;}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:10px;padding-right:10px}.row{margin-left:-10px;margin-right:-10px}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:10px;padding-right:10px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed}/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
background: #fff url('/img/system/ajax-loader.gif') center center no-repeat;
}
/* Icons */
@font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url('/fonts/slick.eot');
src: url('/fonts/slick.eot?#iefix') format('embedded-opentype'), url('/fonts/slick.woff') format('woff'), url('/fonts/slick.ttf') format('truetype'), url('/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '?';
}
[dir='rtl'] .slick-prev:before
{
content: '?';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '?';
}
[dir='rtl'] .slick-next:before
{
content: '?';
}
/* Dots */
.slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
}
.clearfix:after {
clear: both;
}
.easyPieChart {
position: relative;
text-align: center;
}
.easyPieChart canvas {
position: absolute;
top: 0;
left: 0;
}
.chart {
float: left;
margin: 10px;
}
/*.percentage,*/
/*.label {*/
/* text-align: center;*/
/* color: #333;*/
/* font-weight: 100;*/
/* font-size: 1.2em;*/
/* margin-bottom: 0.3em;*/
/*}*/
.credits {
padding-top: 0.5em;
clear: both;
color: #999;
}
.credits a {
color: #333;
}
.dark {
background: #333;
}
.dark .percentage-light,
.dark .label {
text-align: center;
color: #999;
font-weight: 100;
font-size: 1.2em;
margin-bottom: 0.3em;
}
.button {
-webkit-box-shadow: inset 0 0 1px #000, inset 0 1px 0 1px rgba(255,255,255,0.2), 0 1px 1px -1px rgba(0, 0, 0, .5);
-moz-box-shadow: inset 0 0 1px #000, inset 0 1px 0 1px rgba(255,255,255,0.2), 0 1px 1px -1px rgba(0, 0, 0, .5);
box-shadow: inset 0 0 1px #000, inset 0 1px 0 1px rgba(255,255,255,0.2), 0 1px 1px -1px rgba(0, 0, 0, .5);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 6px 20px;
font-weight: bold;
text-transform: uppercase;
display: block;
margin: 0 auto 2em;
max-width: 200px;
text-align: center;
background-color: #5c5c5c;
background-image: -moz-linear-gradient(top, #666666, #4d4d4d);
background-image: -ms-linear-gradient(top, #666666, #4d4d4d);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#666666), to(#4d4d4d));
background-image: -webkit-linear-gradient(top, #666666, #4d4d4d);
background-image: -o-linear-gradient(top, #666666, #4d4d4d);
background-image: linear-gradient(top, #666666, #4d4d4d);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#4d4d4d', GradientType=0);
color: #ffffff;
text-shadow: 0 1px 1px #333333;
}
.button:hover {
color: #ffffff;
text-decoration: none;
background-color: #616161;
background-image: -moz-linear-gradient(top, #6b6b6b, #525252);
background-image: -ms-linear-gradient(top, #6b6b6b, #525252);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6b6b6b), to(#525252));
background-image: -webkit-linear-gradient(top, #6b6b6b, #525252);
background-image: -o-linear-gradient(top, #6b6b6b, #525252);
background-image: linear-gradient(top, #6b6b6b, #525252);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b6b6b', endColorstr='#525252', GradientType=0);
}
.button:active {
background-color: #575757;
background-image: -moz-linear-gradient(top, #616161, #474747);
background-image: -ms-linear-gradient(top, #616161, #474747);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#616161), to(#474747));
background-image: -webkit-linear-gradient(top, #616161, #474747);
background-image: -o-linear-gradient(top, #616161, #474747);
background-image: linear-gradient(top, #616161, #474747);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#616161', endColorstr='#474747', GradientType=0);
-webkit-transform: translate(0, 1px);
-moz-transform: translate(0, 1px);
-ms-transform: translate(0, 1px);
-o-transform: translate(0, 1px);
transform: translate(0, 1px);
}
.button:disabled {
background-color: #dddddd;
background-image: -moz-linear-gradient(top, #e7e7e7, #cdcdcd);
background-image: -ms-linear-gradient(top, #e7e7e7, #cdcdcd);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e7e7e7), to(#cdcdcd));
background-image: -webkit-linear-gradient(top, #e7e7e7, #cdcdcd);
background-image: -o-linear-gradient(top, #e7e7e7, #cdcdcd);
background-image: linear-gradient(top, #e7e7e7, #cdcdcd);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e7e7', endColorstr='#cdcdcd', GradientType=0);
color: #939393;
text-shadow: 0 1px 1px #fff;
}@font-face {
font-family: 'fontello';
src: url('/fonts/fontello.eot?32864218');
src: url('/fonts/fontello.eot?32864218#iefix') format('embedded-opentype'),
url('/fonts/fontello.woff2?32864218') format('woff2'),
url('/fonts/fontello.woff?32864218') format('woff'),
url('/fonts/fontello.ttf?32864218') format('truetype'),
url('/fonts/fontello.svg?32864218#fontello') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'fontello2';
src: url('/fonts/fontello2.eot?32864218');
src: url('/fonts/fontello2.eot?32864218#iefix') format('embedded-opentype'),
url('/fonts/fontello2.woff2?32864218') format('woff2'),
url('/fonts/fontello2.woff?32864218') format('woff'),
url('/fonts/fontello2.ttf?32864218') format('truetype'),
url('/fonts/fontello2.svg?32864218#fontello') format('svg');
font-weight: normal;
font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'fontello';
src: url('../font/fontello.svg?32864218#fontello') format('svg');
}
}
*/
[class^="icon_ziv"]:before, [class*=" icon_ziv"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: .2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Font smoothing. That was taken from TWBS */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon_zivaufzaehlung:before { content: '\e800'; } /* '?' */
.icon_zivbestellung:before { content: '\e801'; } /* '?' */
.icon_zivberufsbildung:before { content: '\e802'; } /* '?' */
.icon_zivbetriebsaufgabe:before { content: '\e803'; } /* '?' */
.icon_zivbildergalerie:before { content: '\e804'; } /* '?' */
.icon_zivcancel:before { content: '\e805'; } /* '?' */
.icon_zivclose:before { content: '\e806'; } /* '?' */
.icon_zivdateien:before { content: '\e807'; } /* '?' */
.icon_zivdownload:before { content: '\e808'; } /* '?' */
.icon_zivdrucker:before { content: '\e809'; } /* '?' */
.icon_zivfacebook:before { content: '\e80a'; } /* '?' */
.icon_zivfahrzeug:before { content: '\e80b'; } /* '?' */
.icon_zivkehrer:before { content: '\e80c'; } /* '?' */
.icon_zivkehrbezirksaufloesung:before { content: '\e80d'; } /* '?' */
.icon_zivleiter:before { content: '\e80e'; } /* '?' */
.icon_zivmagazin:before { content: '\e80f'; } /* '?' */
.icon_zivlinkpfeil:before { content: '\e810'; } /* '?' */
.icon_zivbilder:before { content: '\e811'; } /* '?' */
.icon_zivmann:before { content: '\e812'; } /* '?' */
.icon_zivmenue:before { content: '\e813'; } /* '?' */
.icon_zivmarienkaefer:before { content: '\e814'; } /* '?' */
.icon_zivnewsletter:before { content: '\e815'; } /* '?' */
.icon_zivok:before { content: '\e816'; } /* '?' */
.icon_zivneubestellung:before { content: '\e817'; } /* '?' */
.icon_zivadressaenderung:before { content: '\e818'; } /* '?' */
.icon_zivordner:before { content: '\e819'; } /* '?' */
.icon_zivpilz:before { content: '\e81a'; } /* '?' */
.icon_zivpfeil02:before { content: '\e81b'; } /* '?' */
.icon_zivruhestand:before { content: '\e81c'; } /* '?' */
.icon_zivschwein:before { content: '\e81d'; } /* '?' */
.icon_zivschornsteinfeger:before { content: '\e81e'; } /* '?' */
.icon_zivtechnik:before { content: '\e81f'; } /* '?' */
.icon_zivsuche:before { content: '\e820'; } /* '?' */
.icon_zivwiderruf:before { content: '\e821'; } /* '?' */
.icon_zivtwitter:before { content: '\e822'; } /* '?' */
.icon_zivwiederbewerbung:before { content: '\e823'; } /* '?' */
.icon_zivyoutube:before { content: '\e824'; } /* '?' */
.icon_zivarbeitsblaetter:before { content: '\e825'; } /* '?' */
.icon_zivgluecksklee:before { content: '\e826'; } /* '?' */
.icon_zivjubilaum:before { content: '\e827'; } /* '?' */
.icon_zivpfeil:before { content: '\e828'; } /* '?' */
.icon_zivhufeisen:before { content: '\e829'; } /* '?' */
.icon_zivpresse:before { content: '\e82a'; } /* '?' */
.icon_zivrechtliche-vorgaben:before { content: '\e82b'; } /* '?' */
.icon_zivgaensefuesschen:before { content: '\e82c'; } /* '?' */
.icon_zivgedaechtnistafel:before { content: '\e82d'; } /* '?' */
.icon_zivinstagram:before { content: '\f16d'; font-family: "fontello2"; }.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}/* roboto-300 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url('/fonts/roboto-v20-latin-300.eot'); /* IE9 Compat Modes */
src: local(''),
url('/fonts/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/fonts/roboto-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
url('/fonts/roboto-v20-latin-300.woff') format('woff'), /* Modern Browsers */
url('/fonts/roboto-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
url('/fonts/roboto-v20-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url('/fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
url('/fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('/fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
url('/fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('/fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url('/fonts/roboto-v20-latin-500.eot'); /* IE9 Compat Modes */
src: local(''),
url('/fonts/roboto-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/fonts/roboto-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
url('/fonts/roboto-v20-latin-500.woff') format('woff'), /* Modern Browsers */
url('/fonts/roboto-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
url('/fonts/roboto-v20-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url('/fonts/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
src: local(''),
url('/fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('/fonts/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
url('/fonts/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('/fonts/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.in {
opacity: 1;
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-break: auto;
line-height: 1.42857143;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
font-size: 12px;
opacity: 0;
filter: alpha(opacity=0);
}
.tooltip.in {
opacity: 0.9;
filter: alpha(opacity=90);
}
.tooltip.top {
margin-top: -3px;
padding: 5px 0;
}
.tooltip.right {
margin-left: 3px;
padding: 0 5px;
}
.tooltip.bottom {
margin-top: 3px;
padding: 5px 0;
}
.tooltip.left {
margin-left: -3px;
padding: 0 5px;
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #ffffff;
text-align: center;
background-color: #000000;
border-radius: 4px;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000000;
}
.tooltip.top-left .tooltip-arrow {
bottom: 0;
right: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000000;
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
left: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000000;
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
right: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000000;
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
left: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000000;
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: none;
max-width: 276px;
padding: 1px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-break: auto;
line-height: 1.42857143;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
font-size: 14px;
background-color: #ffffff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #cccccc;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
margin-top: -10px;
}
.popover.right {
margin-left: 10px;
}
.popover.bottom {
margin-top: 10px;
}
.popover.left {
margin-left: -10px;
}
.popover-title {
margin: 0;
padding: 8px 14px;
font-size: 14px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0;
}
.popover-content {
padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover > .arrow {
border-width: 11px;
}
.popover > .arrow:after {
border-width: 10px;
content: "";
}
.popover.top > .arrow {
left: 50%;
margin-left: -11px;
border-bottom-width: 0;
border-top-color: #999999;
border-top-color: rgba(0, 0, 0, 0.25);
bottom: -11px;
}
.popover.top > .arrow:after {
content: " ";
bottom: 1px;
margin-left: -10px;
border-bottom-width: 0;
border-top-color: #ffffff;
}
.popover.right > .arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-left-width: 0;
border-right-color: #999999;
border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
content: " ";
left: 1px;
bottom: -10px;
border-left-width: 0;
border-right-color: #ffffff;
}
.popover.bottom > .arrow {
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #999999;
border-bottom-color: rgba(0, 0, 0, 0.25);
top: -11px;
}
.popover.bottom > .arrow:after {
content: " ";
top: 1px;
margin-left: -10px;
border-top-width: 0;
border-bottom-color: #ffffff;
}
.popover.left > .arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999999;
border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
content: " ";
right: 1px;
border-right-width: 0;
border-left-color: #ffffff;
bottom: -10px;
}/* ::: Druckversion ::: */
@media print {
/* ============
Reset
============ */
*,
*::before,
*::after {
text-shadow: none !important;
box-shadow: none !important;
}
a:not(.btn) {
text-decoration: underline;
}
abbr[title]::after {
content: " (" attr(title) ")";
}
pre {
white-space: pre-wrap !important;
}
pre,
blockquote {
border: 1px solid #adb5bd;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
@page {
size: a3;
}
body {
min-width: 992px !important;
}
.container {
min-width: 992px !important;
}
.table {
border-collapse: collapse !important;
}
.table td,
.table th {
background-color: #fff !important;
}
/* ============
Style Anpassungen
------------
Allgemein
============ */
nav {
display: block !important;
}
.breadcrumb,
#sideNav,
.topnav,
.menubtn,
.navigation,
#mobilenav,
.googlemap iframe,
footer > .container,
.footerline .col-md-push-6,
#goTop {
display: none !important;
}
body {
padding: 0;
}
body .col-xs-10 {
width: 100%;
}
/*a:after {*/
/* content: "( " attr(href) ") ";*/
/*}*/
.on-input.valid {
border-color: #9e9e9e !important;
}
/* ============
Header
============ */
nav {
position: static !important;
}
nav .nav-wr {
height: 0;
}
nav .nav-wr .logo {
position: absolute;
text-align: center;
margin: 0 auto!important;
left: 0;
right: 0;
}
.breadcrumb {
margin-top: 0 !important;
}
/* ============
Content
============ */
body .content h3.colored {
padding: 0;
margin: 0;
color: #000;
font-size: 20px;
}
body .content h3.colored span {
background: none;
padding: 0;
}
body .content .row-line {
padding: 20px 0;
border: none;
}
body .content .row-line + .row-line {
margin-top: 0px;
}
body .content .row-line.bottom {
display: none;
}
/* ============
Footer
============ */
footer .f-switch-cont,
footer .googlemap {
height: auto;
min-height: inherit;
}
footer .gm-box {
margin: 0;
padding: 0;
max-width: 100%;
position: static;
}
footer .footerline .col-md-6 {
width: 100%;
right: inherit;
}
}* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:after {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
height: 100%;
}
html.bg-layer {
overflow-y: hidden;
}
html.bg-layer:before {
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 20;
background: rgba(0, 0, 0, 0.5);
}
body {
font-family: 'Roboto', sans-serif;
font-weight: normal;
font-size: 18px;
line-height: 1.2;
background: #ffffff;
color: #000000;
min-height: 100%;
height: auto;
position: relative;
overflow-x: hidden;
}
body.layer:before,
body.bg-layer:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 20;
background: rgba(0, 0, 0, 0.5);
}
body.layer header > *:not(nav),
body.bg-layer header > *:not(nav),
body.layer main,
body.bg-layer main,
body.layer footer,
body.bg-layer footer,
body.layer section,
body.bg-layer section {
filter: blur(3px);
-webkit-filter: blur(3px);
}
body.open {
overflow-x: hidden;
}
body.homepage {
background: #ffffff;
}
body .ui-widget {
font-size: inherit;
font-family: inherit;
}
ul {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
ul li {
list-style: none;
}
li {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
li:hover .n-box-wr {
display: block;
}
li a:hover + .n-box-wr {
display: block;
}
ol li {
list-style: none;
}
figure {
margin: 20px 0;
margin: 0 0 20px;
}
img {
max-width: 100%;
display: block;
}
a {
color: #000000;
text-decoration: none;
}
a:hover {
color: inherit;
text-decoration: none;
cursor: pointer;
}
a:focus {
color: inherit;
text-decoration: none;
cursor: pointer;
}
p {
margin: 0 0 20px 0;
}
h1 {
line-height: 1.2em;
margin: 0;
padding: 0;
font-weight: normal;
}
h1 + .formular {
margin-top: -30px;
}
h2 {
line-height: 1.2em;
margin: 0;
padding: 0;
font-weight: normal;
}
h3 {
line-height: 1.2em;
margin: 0;
padding: 0;
font-weight: normal;
margin-bottom: 20px;
font-weight: bold;
text-transform: uppercase;
font-size: 30px;
}
section {
margin-bottom: 0;
}
section h2:not(.colored) {
text-transform: uppercase;
color: #000000;
font-size: 40px;
margin: 0 0 40px;
font-weight: bold;
}
section h2:not(.colored):before {
content: '';
background: url(/img/logos/logo-headline.png) no-repeat;
display: inline-block;
background-size: contain;
width: 58px;
height: 58px;
margin: 0 10px -14px 0;
}
section a {
color: #76b729;
}
section a:hover {
color: #5c921c;
}
article {
margin: 0;
}
.colored {
color: #ffffff;
font-weight: 500;
text-transform: uppercase;
line-height: 1.8em;
padding: 0 19px;
}
.colored > span,
.colored .blackBackground {
padding: 6px 0;
box-shadow: 19px 0 0 rgba(0, 0, 0, 0.87), -19px 0 0 rgba(0, 0, 0, 0.87);
background-color: rgba(0, 0, 0, 0.87);
box-decoration-break: clone;
}
.searchHighlight {
color: #76b729;
}
h3.colored {
font-weight: bold;
}
h3.colored span,
h3.colored .blackBackground {
padding: 6px 0;
box-shadow: 10px 0 0 rgba(0, 0, 0, 0.87), -10px 0 0 rgba(0, 0, 0, 0.87);
background-color: rgba(0, 0, 0, 0.87);
}
a.blackBackground {
color: #fff;
}
.clearfix:before {
display: table;
content: "";
line-height: 0;
}
.clearfix:after {
display: table;
content: "";
line-height: 0;
clear: both;
}
header {
position: relative;
}
header nav {
position: fixed;
top: 0;
left: 0;
z-index: 100;
font-size: 18px;
text-transform: uppercase;
width: 100%;
height: 112px;
}
header nav ul {
display: inline-block;
}
header nav a {
color: #ffffff;
transition: color 0.5s ease;
}
header nav a:hover {
color: #76b729;
}
header nav a:focus {
color: #76b729;
}
header nav .service > li.login > a {
position: relative;
}
.nav-wr {
display: inline-block;
background: rgba(0, 0, 0, 0.95);
padding: 0 20px 0 0;
position: relative;
height: 112px;
}
.nav-wr:before {
content: '';
display: block;
width: 500px;
height: 100%;
background: rgba(0, 0, 0, 0.95);
position: absolute;
right: 100%;
top: 0;
}
.nav-wr:after {
content: '';
width: 1500px;
height: 100%;
background: rgba(0, 0, 0, 0.95);
position: absolute;
left: 100%;
top: 0;
opacity: 0;
visibility: hidden;
transition: 0.5s;
}
.open .nav-wr {
width: 100%;
}
.open .nav-wr:after {
opacity: 1;
visibility: visible;
}
.open .topnav {
float: right;
}
.open .menubtn {
margin-right: 40px;
}
.open .menubtn:after {
display: none;
}
.open .menubtn span:first-child {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
transform-origin: left center;
top: -2px;
}
.open .menubtn span:nth-child(2n) {
left: 50px;
opacity: 0;
pointer-events: none;
}
.open .menubtn span:last-child {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
transform-origin: left center;
}
.open .logo img {
width: auto;
height: auto;
}
.open .navigation {
display: inline-block;
}
.onNav .nav-wr {
width: 100%;
}
.onNav .nav-wr:after {
opacity: 1;
visibility: visible;
}
.onNav .logo {
display: inline-block;
vertical-align: middle;
opacity: 1;
visibility: visible;
width: auto;
margin: 0 0 0 50px;
margin-top: 15px;
}
.onNav .logo img {
width: auto;
height: auto;
}
.sub .nav-wr {
width: 100%;
}
.sub .nav-wr:after {
opacity: 1;
visibility: visible;
}
.sub .logo {
display: inline-block;
vertical-align: middle;
opacity: 1;
visibility: visible;
width: auto;
margin: 0 0 0 50px;
margin-top: 15px;
}
.sub .logo img {
width: auto;
height: auto;
}
.topnav {
display: inline-block;
}
.m-menubtn {
width: 35px;
height: 26px;
position: relative;
display: inline-block;
cursor: pointer;
float: left;
margin-top: 45px;
}
.m-menubtn:after {
content: 'Menü';
text-transform: uppercase;
color: #ffffff;
display: inline-block;
margin-left: 46px;
line-height: 26px;
}
.m-menubtn span {
display: inline-block;
width: 35px;
height: 4px;
background: #ffffff;
position: absolute;
left: 0;
transition: 0.5s;
}
.m-menubtn span:first-child {
top: 0;
}
.m-menubtn span:nth-child(2n) {
top: 50%;
transform: translateY(-50%);
}
.m-menubtn span:last-child {
bottom: 0;
}
.menubtn {
width: 35px;
height: 26px;
position: relative;
display: inline-block;
cursor: pointer;
float: left;
margin-top: 45px;
}
.menubtn:after {
content: 'Menü';
text-transform: uppercase;
color: #ffffff;
display: inline-block;
margin-left: 46px;
line-height: 26px;
}
.menubtn span {
display: inline-block;
width: 35px;
height: 4px;
background: #ffffff;
position: absolute;
left: 0;
transition: 0.5s;
}
.menubtn span:first-child {
top: 0;
}
.menubtn span:nth-child(2n) {
top: 50%;
transform: translateY(-50%);
}
.menubtn span:last-child {
bottom: 0;
}
.mobilenav-open .m-menubtn:after {
display: none;
}
.mobilenav-open .m-menubtn span:first-child {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
transform-origin: left center;
top: -2px;
}
.mobilenav-open .m-menubtn span:nth-child(2n) {
left: 50px;
opacity: 0;
}
.mobilenav-open .m-menubtn span:last-child {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
transform-origin: left center;
}
.logo {
opacity: 0;
visibility: hidden;
transition: opacity 0.5s;
float: right;
margin: 0;
}
.logo img {
width: 0px;
height: 0px;
display: inline-block;
}
.glueck {
display: inline-block;
margin-left: 15px;
}
.glueck svg {
display: inline-block;
vertical-align: middle;
cursor: pointer;
}
.navigation {
display: none;
padding-top: 45px;
}
.navigation li {
display: inline-block;
}
.navigation li > a {
text-transform: uppercase;
line-height: 26px;
}
.navigation > li > a {
padding-bottom: 42px;
position: relative;
display: inline-block;
}
.navigation > li:not(.social):before {
content: '';
display: inline-block;
vertical-align: middle;
width: 1px;
height: 14px;
margin: 0 18px 0 20px;
background: #535051;
}
.navigation > li:first-child:before {
display: none;
}
.navigation > li.social.first {
margin-left: 40px;
}
.navigation > li.social.first a {
font-size: 20px;
line-height: 25px;
}
.navigation > li.social.last {
margin-left: 15px;
}
.navigation > li.selected.homepage + li:before {
display: none;
}
.mobile-social-wrapper {
margin-left: 20px;
padding-top: 10px;
float: left;
display: flex;
align-items: center;
}
.open .mobile-social-wrapper.koeln {
margin-left: 30px;
}
.mobile-social-wrapper a.social {
color: #fff;
font-size: 34px;
display: inline-block;
}
.mobile-social-wrapper a.social + a.social {
margin-left: 11px;
}
.mobile-social-wrapper a.social [class^="icon_ziv"]:before,
.mobile-social-wrapper a.social [class*=" icon_ziv"]:before {
margin: 0;
}
.n-box-wr {
position: absolute;
width: 100%;
left: 0;
top: 112px;
padding: 35px 0 35px;
display: none;
top: 80px;
padding-top: 67px;
}
.n-box-wr:before {
content: '';
display: block;
position: absolute;
left: -50%;
top: 0;
width: 200%;
background: #ffffff;
height: 100%;
z-index: -1;
box-shadow: 0px 5px 10px -3px rgba(0, 0, 0, 0.5);
}
.n-box-wr .login-box {
margin-top: 20px;
}
.n-box-wr:hover {
display: block;
}
.n-img {
max-width: 420px;
float: right;
}
.n-box {
position: relative;
padding-left: 84px;
padding-right: 140px;
}
.n-box > ul > li {
display: block;
width: 100%;
}
.n-box > ul > li > a {
color: #8d8d8d;
text-transform: uppercase;
font-weight: 500;
display: inline-block;
border-bottom: 1px solid #8d8d8d;
padding-bottom: 25px;
margin-bottom: 25px;
}
.n-box > ul > li > ul {
display: block;
}
.n-box > ul > li > ul > li {
font-size: 16px;
display: block;
}
.n-box > ul > li > ul > li > a {
color: #1d1d1b;
}
.n-box > ul > li > ul > li > a:hover {
color: #76b729;
}
.n-box:after {
content: url(/img/logos/logo-bg.png);
position: absolute;
top: -2%;
left: 42%;
z-index: 1;
transform: scale(0.63);
pointer-events: none;
}
.login-box {
background: #d7d7d7;
padding: 29px 84px 30px 84px;
position: relative;
margin-top: 35px;
left: 0;
top: 100%;
width: 100%;
text-transform: none;
}
.login-box:before {
content: '';
display: block;
width: 200%;
height: 100%;
background: #d7d7d7;
position: absolute;
top: 0;
left: -50%;
z-index: -1;
box-shadow: 0px 5px 10px -3px rgba(0, 0, 0, 0.5);
}
.login-box h2 {
font-size: 22px;
float: left;
line-height: 1.65em;
padding: 0 8px;
margin-top: 2px;
}
.login-box h2.colored span {
box-shadow: 8px 0 0 rgba(0, 0, 0, 0.87), -8px 0 0 rgba(0, 0, 0, 0.87);
padding: 4px 0;
}
.login-box input {
height: 74px;
border: 0;
padding: 0 24px;
max-width: 480px;
width: calc(50% - 9px);
border: 1px solid #d0d0d0;
}
.login-box input + input {
margin-left: 17px;
}
.login-box .more a {
color: #000000;
font-weight: bold;
font-size: 22px;
}
.login-box .more:after {
font-size: 28px;
font-weight: bold;
right: 5px;
}
.login-box .send {
float: right;
padding: 10px 70px 10px 28px;
width: auto;
height: 40px;
margin-top: 34px;
margin-left: 42px;
overflow: hidden;
transition: 0.5s ease;
}
.login-box .send:hover {
padding: 10px 50px 10px 48px;
}
.login-box .send:hover:after {
right: -30px;
}
.login-box .send:after {
transition: 0.5s ease;
}
.login-area {
position: relative;
display: inline-block;
width: calc(100% - 452px);
padding-bottom: 38px;
}
.input-wrapper {
float: right;
width: calc(100% - 122px);
}
.input-wrapper .more {
position: absolute;
bottom: 0;
}
.button-wrapper {
position: absolute;
width: auto;
bottom: 0;
right: -2px;
}
.button-wrapper .more {
clear: none;
margin: 0;
padding: 0 53px 0 0;
}
.button-wrapper .more:hover {
padding: 0 33px 0 20px;
}
.button-wrapper .more + .more {
margin: 0;
margin-left: 34px;
}
.service {
margin-left: 90px;
}
.service li {
display: inline-block;
}
.service li a {
line-height: 26px;
}
.service li:hover:before {
display: block;
}
.service li:hover .s-box {
display: block;
}
.service li.login:before {
content: '';
display: none;
width: 0px;
height: 0px;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 15px solid #ffffff;
position: absolute;
z-index: 1;
top: 146px;
margin-left: 20px;
}
.s-box {
display: none;
position: absolute;
top: 148px;
width: 700px;
left: 0;
background: #ffffff url(/img/logos/logo-bg-darker.png) no-repeat;
background-size: auto 100%;
background-position: right bottom;
color: #000000;
text-transform: none;
padding: 50px 30px;
}
.s-box a:not(.send) {
color: #000000;
}
.s-box h2.colored {
font-size: 20px;
margin-bottom: 32px;
padding-left: 8px;
line-height: 1.75em;
}
.s-box h2.colored span {
padding: 5px 0;
box-shadow: 8px 0 0 rgba(0, 0, 0, 0.87), -8px 0 0 rgba(0, 0, 0, 0.87);
}
.s-box input {
height: 74px;
font-size: 22px;
border: 1px solid #d0d0d0;
color: #787777;
width: 100%;
margin-bottom: 20px;
padding: 0 30px;
}
.s-box input::-webkit-input-placeholder {
color: #bebdbd;
}
.s-box input::-moz-placeholder {
color: #bebdbd;
}
.s-box input:-ms-input-placeholder {
color: #bebdbd;
}
.s-box input:-moz-placeholder {
color: #bebdbd;
}
.s-box .clearfix {
position: relative;
}
.s-box .send {
position: absolute;
right: 0;
top: 8px;
overflow: hidden;
}
.s-box .send:after {
transition: 0.5s ease;
}
.s-box .send:hover:after {
right: -32px;
}
.s-box .more {
font-weight: bold;
font-size: 22px;
}
.s-box .more:first-of-type {
margin-top: 12px;
}
.send {
float: right;
display: inline-block;
background: #76b729;
overflow: hidden;
color: #ffffff;
margin: 0;
text-transform: none;
font-size: 18px;
width: 169px;
height: 33px;
position: relative;
padding: 4px 17px;
font-weight: bold;
transition: 0.5s ease;
}
.send:after {
content: '\e810';
font-family: 'fontello';
font-size: 29px;
font-weight: 500;
color: #ffffff;
position: absolute;
right: 13px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
transition: 0.5s ease;
}
.send:hover {
padding: 7px 35px 7px 37px;
color: #000000;
}
.send:hover:after {
right: -32px;
color: #000000;
}
.info-layer {
display: none;
padding: 20px;
background: #ffffff;
position: absolute;
width: calc(100% + 2px);
top: 100%;
left: -1px;
z-index: 9999;
border: 1px solid #ccc;
border-top: 0;
}
.info-layer .send {
padding: 7px 17px;
}
.info-layer .send:hover {
padding: 7px 35px 7px 37px;
}
.info-layer input {
border: 1px solid #ccc;
width: 100%;
margin-bottom: 20px;
padding: 0 10px;
height: 74px;
}
.form-member-wr {
max-width: 930px;
font-size: 22px;
}
.form-member-wr input::-webkit-input-placeholder {
color: #000000;
}
.form-member-wr input::-moz-placeholder {
color: #000000;
}
.form-member-wr input:-ms-input-placeholder {
color: #000000;
}
.form-member-wr input:-moz-placeholder {
color: #000000;
}
.form-member-wr input:last-of-type {
margin-right: 0;
}
.form-member-wr .send {
position: absolute;
right: 0;
top: 8px;
width: 229px;
height: 49px;
font-size: 27px;
padding: 9px 80px 9px 25px;
overflow: hidden;
transition: 0.5s ease;
}
.form-member-wr .send:after {
right: 30px;
font-size: 40px;
transition: 0.5s ease;
}
.form-member-wr .send:hover {
padding: 9px 60px 9px 45px;
}
.form-member-wr .send:hover:after {
right: -42px;
}
.form-member-wr .clearfix {
position: relative;
}
.form-member-wr a {
color: #ffffff;
}
.more {
display: inline-block;
overflow: hidden;
padding: 0 70px 0 0;
position: relative;
width: auto;
clear: both;
float: left;
transition: 0.5s ease;
font-weight: 500;
}
.more:hover {
padding: 0 62px 0 20px;
}
.more:hover:after {
right: -42px;
}
.more + .more {
margin-top: 20px;
}
.more:after {
content: '\e810';
font-family: 'fontello';
font-size: 30px;
font-weight: 500;
right: 25px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
transition: 0.5s ease;
}
.search,
.mainsearch {
display: inline-block;
color: #ffffff;
position: relative;
}
.search span[class*="icon"],
.mainsearch span[class*="icon"] {
font-size: 26px;
display: inline-block;
vertical-align: middle;
cursor: pointer;
height: 33px;
width: 33px;
text-align: center;
margin-left: 22px;
}
.search span[class*="icon"]:before,
.mainsearch span[class*="icon"]:before {
margin: 0;
font-size: 34px;
}
.search .icon_zivclose,
.mainsearch .icon_zivclose {
color: #000000 !important;
display: inline-block;
vertical-align: middle;
float: left;
margin-top: 3px;
}
.search .icon_zivclose:before,
.mainsearch .icon_zivclose:before {
margin: 0;
font-size: 22px !important;
}
.search:hover span[class*="icon"],
.mainsearch:hover span[class*="icon"] {
color: #76b729;
}
.search input,
.mainsearch input {
border: 0;
outline: none;
height: 40px;
color: #363634;
font-size: 22px;
padding: 0 10px;
width: calc(100% - 230px);
float: left;
}
.search input::-webkit-input-placeholder,
.mainsearch input::-webkit-input-placeholder {
color: #bebdbd;
}
.search input::-moz-placeholder,
.mainsearch input::-moz-placeholder {
color: #bebdbd;
}
.search input:-ms-input-placeholder,
.mainsearch input:-ms-input-placeholder {
color: #bebdbd;
}
.search input:-moz-placeholder,
.mainsearch input:-moz-placeholder {
color: #bebdbd;
}
.search .send,
.mainsearch .send {
margin: 0;
float: none;
text-transform: none;
font-size: 18px;
width: 132px;
height: 33px;
position: relative;
padding: 7px 17px;
font-weight: bold;
float: left;
margin-top: 3px;
}
.search.active span[class*="icon"] {
color: #76b729;
}
.search.active .search-inner {
display: block;
}
.search-inner {
display: none;
position: absolute;
left: calc(100% + 20px);
top: -43px;
background: #ffffff;
width: 1140px;
padding: 36px 30px;
transition: all 0.2s ease-in;
}
.search-inner:before {
content: '';
width: 0px;
height: 0px;
border-top: 19px solid transparent;
border-bottom: 19px solid transparent;
border-right: 14px solid #ffffff;
position: absolute;
right: 100%;
top: calc(50% - 17px);
}
.icon-map:before {
content: url('/img/inhalt/icon-map.png');
display: inline-block;
vertical-align: middle;
cursor: pointer;
}
.keyvisual {
position: relative;
margin-bottom: 120px;
margin-top: 112px;
}
@media (max-width: 1024px) {
.keyvisual {
margin-top: 90px;
}
}
.keyvisual * {
outline: none;
}
.kv img {
height: calc(100vh - 154px);
object-fit: cover;
width: 100%;
}
.kv-box {
position: absolute;
top: 390px;
width: 100%;
z-index: 11;
}
.kv-box select {
height: 76px;
border: 1px solid #d0d0d0;
width: 100%;
margin-bottom: 20px;
background: #ffffff;
position: relative;
padding-left: 70px;
font-size: 18px;
text-transform: uppercase;
color: #8d8d8d;
}
.kv-box .select {
height: 76px;
border: 1px solid #d0d0d0;
width: 100%;
margin-bottom: 20px;
background: #ffffff;
position: relative;
}
.kv-box-inner {
background: rgba(0, 0, 0, 0.5);
padding: 10px 10px 0;
/* &:hover {
.select, .next-site, .select2-container--default .select2-selection--single {
background: #fff;
}
}*/
}
.kv-box-inner .select,
.kv-box-inner .next-site,
.kv-box-inner .select2-container--default .select2-selection--single,
.kv-box-inner .select-icon.icon_zivkehrer,
.kv-box-inner .icon_zivschornsteinfeger {
transition: all 0.5s ease;
}
.kv-box-inner .next-site {
display: block;
padding: 27.5px 34px 27.5px 70px;
text-transform: uppercase;
color: #8d8d8d;
height: 76px;
border: 1px solid #d0d0d0;
margin-bottom: 20px;
background: #ffffff;
position: relative;
/*white-space: nowrap!important;
overflow: hidden;
text-overflow: ellipsis;*/
}
.kv-box-inner .next-site:after {
content: '\e81b';
font-family: 'fontello';
position: absolute;
right: 16px;
font-size: 23px;
color: #1d1d1b;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.kv-box-inner .next-site:hover + .select-icon {
color: #7dbb34;
}
.kv-box-inner .next-site:hover ~ .info-text-suche {
display: block;
}
.kv-box-inner select:hover + .select-icon {
color: #7dbb34;
}
.kv-box-inner .select2-container--default .select2-selection--single {
background: #ffffff;
}
.select-icon.icon_zivkehrer {
position: absolute;
top: 22px;
left: 20px;
z-index: 999;
font-size: 32px;
display: flex;
color: #333333;
pointer-events: none;
font-size: 38px;
left: 28px;
}
.select-icon.icon_zivkehrer:before {
margin: 0;
}
.select-icon.icon_zivmann {
position: absolute;
top: 22px;
left: 20px;
z-index: 999;
font-size: 32px;
display: flex;
color: #333333;
pointer-events: none;
}
.select-icon.icon_zivmann:before {
margin: 0;
}
.select-text-wr {
width: 100%;
height: 76px;
cursor: pointer;
}
.select-text-wr .icon_zivschornsteinfeger {
font-size: 44px;
display: inline-block;
vertical-align: middle;
color: #333333;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.select-text-wr:hover .icon_zivschornsteinfeger {
color: #7dbb34;
}
.select-text-wr .icon_zivpfeil02 {
font-size: 23px;
color: #1d1d1b;
position: absolute;
right: 16px;
top: 50%;
-webkit-transform: translateY(-50%) rotate(90deg);
-ms-transform: translateY(-50%) rotate(90deg);
transform: translateY(-50%) rotate(90deg);
transition: transform 0.3s ease;
}
.click-select.active .select-text-wr .icon_zivschornsteinfeger {
color: #7dbb34;
}
.click-select.active .select-text-wr .icon_zivpfeil02 {
-webkit-transform: translateY(-50%) rotate(270deg);
-ms-transform: translateY(-50%) rotate(270deg);
transform: translateY(-50%) rotate(270deg);
}
.click-select.active .info-layer {
display: block;
}
.click-select.active .info-text {
display: block;
}
.select-text {
font-size: 18px;
color: #8d8d8d;
text-transform: uppercase;
width: calc(100% - 115px);
position: absolute;
left: 70px;
top: 50%;
/*white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;*/
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.info-text {
display: none;
position: absolute;
background: #76b729;
padding: 15px 10px;
bottom: calc(100% + 30px);
left: 100px;
color: #ffffff;
max-width: 416px;
font-size: 14px;
line-height: 1.5;
}
.info-text:after {
content: '';
width: 0px;
height: 0px;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 15px solid #76b729;
position: absolute;
left: 30px;
top: 100%;
}
.info-text-suche {
display: none;
position: absolute;
background: #76b729;
padding: 15px 10px;
bottom: calc(100% + 30px);
left: 100px;
color: #ffffff;
max-width: 416px;
font-size: 14px;
line-height: 1.5;
}
.info-text-suche:after {
content: '';
width: 0px;
height: 0px;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 15px solid #76b729;
position: absolute;
left: 30px;
top: 100%;
}
.select:hover .info-text {
display: block;
}
select:hover .info-text {
display: block;
}
.logo-lp {
position: absolute;
z-index: 10;
left: 50%;
transform: translateX(-50%);
bottom: -46px;
}
.jump-to {
position: fixed;
width: 100%;
right: 0;
bottom: -1px;
text-align: right;
z-index: 99;
}
.jt-wr {
background: #1d1d1b;
display: inline-block;
position: relative;
height: 100px;
}
.jt-wr:after {
content: '';
display: inline-block;
width: 500px;
height: 100%;
position: absolute;
top: 0;
left: 100%;
background: #1d1d1b;
}
.jt-wr a {
color: #ffffff;
text-transform: uppercase;
}
.jt-wr a.go {
vertical-align: super;
font-weight: bold;
}
.jt-wr .go span {
display: inline-block;
transform: rotate(90deg);
font-size: 40px;
vertical-align: middle;
}
.jt-wr .go span:before {
margin: 0;
}
.jt-marker {
display: inline-block;
padding: 40px 70px 31px 70px;
}
.jt-marker li.active span.round {
background: #76b729;
}
.jt-marker a {
display: inline-block;
position: relative;
}
.jt-marker a + a {
margin-left: 30px;
}
.jt-marker a:hover span:not(.round) {
display: block;
opacity: 1;
visibility: visible;
}
.jt-marker span.round {
width: 18px;
height: 18px;
background: #343434;
border-radius: 50%;
display: inline-block;
position: relative;
z-index: 1;
}
.jt-marker span.round:hover {
background: #ffffff;
}
.jt-marker span:not(.round) {
display: none;
opacity: 0;
visibility: hidden;
position: absolute;
bottom: calc(100% + 30px);
left: 50%;
transform: translateX(-50%);
background: #76b729;
color: #ffffff;
padding: 10px 15px;
white-space: nowrap;
}
.jt-marker span:not(.round):before {
content: '';
width: 0px;
height: 0px;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 15px solid #76b729;
position: absolute;
top: 100%;
left: calc(50% - 15px);
}
.jt-marker-wr {
display: inline-block;
position: relative;
}
.jt-marker-wr:before {
content: '';
height: 1px;
width: 100%;
background: #343434;
position: absolute;
top: calc(50% - 3px);
left: 0;
}
.jt-marker-wr.nav li.active a:hover span.round {
background: #ffffff;
}
main {
display: block;
}
section.member h2:not(.colored):before {
background: url(/img/logos/logo-member.png) no-repeat;
background-size: contain;
width: 68px;
height: 68px;
margin: 0 20px -8px 0;
}
h2.colored {
font-weight: bold;
}
.actually {
padding-top: 40px;
margin-bottom: 100px;
}
article[class*="ka-"] {
position: relative;
margin-bottom: 20px;
overflow: hidden;
}
article[class*="ka-"].ka-img-big img:first-of-type {
max-height: 326px;
}
article[class*="ka-"].ka-img-big h3.colored {
max-width: 50%;
}
article[class*="ka-"] h3 {
position: absolute;
left: 20px;
right: 20px;
bottom: 35px;
font-size: 24px;
padding: 0;
}
article[class*="ka-"] img:not(.placeholder) {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover;
-webkit-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
-moz-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
}
article[class*="ka-"]:hover img:not(.placeholder) {
-webkit-transform: scale(1.08);
-moz-transform: scale(1.08);
-ms-transform: scale(1.08);
-o-transform: scale(1.08);
transform: scale(1.08);
}
.ka-img-small {
background: #d7d7d7;
}
.link-show {
position: absolute;
bottom: 20px;
right: 20px;
color: #000000;
font-size: 40px;
opacity: 0;
visibility: hidden;
transition: 0.5s ease;
width: 50px;
overflow: hidden;
}
.link-show span {
position: relative;
left: 0;
transition: 3s ease;
}
article[class*="ka-img"]:hover.link-show {
opacity: 1;
visibility: visible;
}
article[class*="ka-img"]:hover.link-show span {
left: 50px;
}
.ka-round {
position: relative;
text-align: center;
font-size: 22px;
line-height: 1em;
}
.ka-round:hover .ka-round-inner {
border-radius: 0;
max-height: none;
}
.ka-round:hover .big {
font-size: 48px;
margin-bottom: 10px;
}
.ka-round:hover .ka-round-inner-text p {
display: block;
}
.ka-round span {
display: block;
}
.ka-round .big + span {
font-weight: bold;
}
.ka-round span[class*="gaensefuesschen"] {
font-size: 40px;
display: block;
margin: 0 0 15px 0;
}
.ka-round-inner {
border-radius: 50%;
background: #ccc;
color: #ffffff;
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
max-height: 420px;
transform: translate(-50%, -50%);
transition: 0.3s;
}
.ka-round .ka-round-inner {
max-height: 300px;
}
.ka-round.blue .ka-round-inner {
background: #008bd2;
}
.ka-round.red .ka-round-inner {
background: #e30613;
}
.ka-round.red:hover {
font-size: 20px;
}
.ka-round-inner-text {
position: absolute;
top: 50%;
width: 100%;
padding: 0 50px;
transform: translateY(-50%);
}
.ka-round-inner-text p {
display: none;
color: #000000;
font-size: 17px;
line-height: 1.1em;
margin: 30px auto 0 auto;
max-width: 305px;
}
.big {
font-size: 55px;
margin: 0 0 20px 0;
line-height: 1em;
text-transform: uppercase;
font-weight: bold;
}
.ka-text {
background: #e8e8e8;
position: relative;
}
.ka-text-inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 54px 20px;
}
article.ka-text h3 {
position: static;
display: block;
margin-bottom: 35px;
}
.qu {
display: block;
font-size: 24px;
max-width: 290px;
margin: 0 auto 15px;
font-weight: bold;
text-align: left;
line-height: 1.2;
}
.qu-author {
color: #000000;
font-size: 18px;
line-height: 1.2em;
display: inline-block;
}
.zitat .ka-round-inner-text .qu-author p {
margin: 0;
max-width: 100%;
color: #000000;
font-size: 16px;
line-height: 1.2em;
display: block;
}
.container {
max-width: 1280px;
}
footer .container,
nav .container,
.kv-box .container,
.jump-to .container {
max-width: 1740px;
}
.lp-content {
padding: 50px 0 50px;
font-size: 21px;
line-height: 1.2em;
margin: 0 0 50px;
}
.lp-content:nth-child(2n):not(.member) {
background: #e8e8e8;
}
.lp-content:nth-child(2n):not(.member) .s-link {
background: #fff;
}
.lp-content .container.grey {
background-color: #e8e8e8;
width: 100%;
height: 200px;
max-width: 100vw;
}
.lp-content .colored {
font-size: 24px;
margin-bottom: 40px;
}
.lp-content strong {
font-weight: bold;
}
.lp-content ul:not(.slick-dots) {
column-count: 2;
}
.lp-content ul:not(.slick-dots) li {
position: relative;
padding-left: 45px;
}
.lp-content ul:not(.slick-dots) li:before {
content: '\e800';
font-family: 'fontello';
position: absolute;
left: 0;
top: 0;
color: #d7d6d6;
}
.grey {
background: #e8e8e8;
}
.grey .s-link {
background: #ffffff;
}
.lp-content.empty {
padding: 10px 0 10px;
margin: 10px 0 10px;
}
.with-link h2 {
display: inline-block;
}
.s-link {
float: right;
padding: 8px 75px 8px 24px;
background: #e8e8e8;
overflow: hidden;
font-weight: bold;
min-height: 40px;
position: relative;
margin-top: 10px;
transition: 0.5s ease;
}
.s-link:after {
content: '\e810';
font-family: 'fontello';
font-size: 30px;
font-weight: 500;
right: 25px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
transition: 0.5s ease;
}
.s-link:hover {
padding: 8px 63px 8px 36px;
}
.s-link:hover:after {
right: -40px;
}
.competence {
white-space: nowrap;
}
section.competence h2 {
margin: 0 0 100px;
}
.corner {
display: inline-block;
border-radius: 50%;
position: relative;
transition: all 0.5s ease;
}
.corner ul {
column-count: inherit;
}
.corner ul li {
padding: 0 0 0 30px;
}
.corner ul li:before {
content: '\e800';
font-family: 'fontello';
position: absolute;
left: 0;
top: 0;
color: #ffffff;
}
.corner.red {
background: rgba(227, 6, 19, 0.95);
}
.corner.yellow {
background: rgba(247, 218, 1, 0.95);
left: -150px;
z-index: 5;
}
.corner.blue {
background: rgba(0, 140, 212, 0.9);
left: -300px;
z-index: 15;
}
.corner.green {
background: rgba(118, 183, 41, 0.95);
left: -450px;
z-index: 20;
}
.corner.red .c-text,
.corner.yellow .c-text,
.corner.blue .c-text {
transform: translate(-60%, -50%);
}
.corner.red:hover .c-text,
.corner.yellow:hover .c-text,
.corner.blue:hover .c-text {
transform: translate(-50%, -50%);
}
.corner:hover {
z-index: 30;
transform: scale(1.1);
}
.corner:hover .c-text h3 {
margin-bottom: 30px;
}
.corner:hover .c-text > *:not(h3) {
display: block;
}
.c-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 16px;
text-align: center;
max-width: 85%;
margin: 0 auto;
word-break: break-word;
overflow: hidden;
}
.c-text > *:not(h3) {
display: none;
color: #ffffff;
text-align: left;
}
.c-text h3 {
display: inline-block;
text-transform: uppercase;
font-weight: bold;
padding: 8px 12px;
font-size: 20px;
background: #ffffff;
}
.counter-item {
margin: 50px auto;
text-align: center;
}
.ci-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.chart {
float: none;
position: relative;
display: inline-block;
}
.ci-big {
font-size: 90px;
font-weight: bold;
display: block;
line-height: 1em;
}
.ci-small {
font-size: 24px;
text-transform: uppercase;
line-height: 0.9em;
font-weight: bold;
}
.lp-content.member {
background: #000000 url(/img/logos/logo-bg.png) no-repeat;
background-size: auto 95%;
background-position: 106% 190%;
color: #ffffff;
}
.lp-content.member h2 {
color: #ffffff;
}
.lp-content.member .colored span {
color: #000000;
background: #ffffff;
box-shadow: 18px 0 0 #ffffff, -18px 0 0 #ffffff;
padding: 3px 0;
}
.lp-content.member input {
height: 75px;
max-width: 452px;
width: 100%;
padding: 0 35px;
font-size: 22px;
color: #000000;
margin: 0 20px 34px 0;
}
.lp-content.member .form-member-wr a {
font-weight: bold;
}
.breadcrumb {
text-transform: uppercase;
font-size: 16px;
margin: auto;
max-width: 1280px;
margin-top: 125px;
padding: 50px 0;
background-color: #fff;
}
.breadcrumb ol li {
display: inline-block;
}
.breadcrumb ol li:after {
content: '';
height: 12px;
width: 1px;
background: #000000;
display: inline-block;
margin: 0 10px;
}
.breadcrumb ol li:last-child {
font-weight: bold;
}
.breadcrumb ol li:last-child:after {
display: none;
}
.content {
margin: 0 0 50px 0;
}
.content h1 {
text-transform: uppercase;
font-size: 45px;
margin-bottom: 55px;
font-weight: bold;
}
.content article {
margin-bottom: 20px;
}
.content ul:not(.slick-dots) {
margin: 20px 0;
}
.content ul:not(.slick-dots) li {
position: relative;
padding: 0 0 10px 40px;
}
.content ul:not(.slick-dots) li:before {
content: '\e800';
font-family: 'fontello';
position: absolute;
left: 0;
top: 0;
color: #e8e8e8;
}
.content h3.colored {
padding: 0 18px;
}
.content h3.colored span {
box-shadow: 18px 0 0 rgba(0, 0, 0, 0.87), -18px 0 0 rgba(0, 0, 0, 0.87);
}
.content .greyrow ul:not(.slick-dots) li {
padding-left: 40px;
}
.content .greyrow ul:not(.slick-dots) li:before {
color: #000000;
}
.content .send {
margin-bottom: 20px;
}
.content .mainsearch {
color: #000000;
width: 100%;
}
.content .mainsearch p:last-of-type {
margin: 0;
}
.content .mainsearch .big-spacer:last-of-type {
height: 5px;
}
.content .mainsearch .greyrow {
padding: 0;
transition: background 0.5s;
}
.content .mainsearch .greyrow:hover {
background: #d7d6d6;
}
.content .mainsearch .greyrow:before {
display: none;
}
.content .mainsearch .greyrow a {
padding: 25px;
display: block;
color: #000000;
}
.content .mainsearch .greyrow .colored {
margin-bottom: 20px;
}
.content.inhaltsseite {
max-width: 1280px;
margin: auto;
padding-bottom: 50px;
padding-top: 10px;
}
.icon.red:hover {
background: #e30613;
}
.icon.blue:hover {
background: #008bd2;
}
.icon.yellow:hover {
background: #ffe400;
}
.icon.green:hover {
background: #76b729;
}
.icon.standard:hover {
background: #888888;
}
.greybox.blue:hover {
background: #008bd2;
}
.ka-img-small.yellow {
background: #ffe400;
}
.ka-img-small.green {
background: #76b729;
}
.ka-img-small.red {
background: #e30613;
}
.ka-img-small.blue {
background: #008bd2;
}
.ka-img-small.icon {
transition: 0.5s;
background: #d7d7d7;
}
.ka-img-small.icon > span[class*="icon_"] {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #ffffff;
font-size: 120px;
}
.ka-img-small.icon > span[class*="icon_"] span {
position: absolute;
left: 85%;
top: 85%;
transform: translate(-50%, -50%);
font-size: 50px;
color: #77b929;
}
.ka-img-small.icon > span[class*="icon_"] span:after {
content: '';
background: #ffffff;
border-radius: 50%;
display: inline-block;
position: absolute;
left: 50%;
top: 50%;
width: 40px;
height: 40px;
z-index: -1;
transform: translate(-50%, -50%);
}
.ka-img-small.icon > a > span[class*="icon_"] {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #ffffff;
font-size: 120px;
}
.ka-img-small.icon > a > span[class*="icon_"] span {
position: absolute;
left: 85%;
top: 85%;
transform: translate(-50%, -50%);
font-size: 50px;
color: #77b929;
}
.ka-img-small.icon > a > span[class*="icon_"] span:after {
content: '';
background: #ffffff;
border-radius: 50%;
display: inline-block;
position: absolute;
left: 50%;
top: 50%;
width: 40px;
height: 40px;
z-index: -1;
transform: translate(-50%, -50%);
}
.formular {
position: relative;
}
.formular .icon_zivjubilaum {
font-size: 100px;
position: absolute;
right: 0;
bottom: 100%;
color: #008bd2;
}
.formular .icon_zivok {
font-size: 50px;
color: #77b929;
position: absolute;
left: 100%;
top: 0;
transform: translate(-50%, -50%);
}
.formular .icon_zivok:after {
content: '';
background: #ffffff;
border-radius: 50%;
display: inline-block;
position: absolute;
left: 50%;
top: 50%;
width: 40px;
height: 40px;
z-index: -1;
transform: translate(-50%, -50%);
}
.formular span[class*="icon"]:before {
margin: 0;
}
.row-upload label,
.kontakt-label label {
color: #000000;
font-size: 21px;
cursor: text;
transition: 0.2s ease-out;
text-align: initial;
margin: 15px 0;
display: block;
}
.online-bewerbung {
padding-top: 50px;
}
.row-upload input {
box-sizing: border-box;
width: 100%;
border-bottom: 1px solid #9E9E9F;
line-height: 1em;
font-size: 21px;
appearance: none;
outline: none !important;
}
.row-select label {
position: relative!important;
top: 0!important;
left: 0!important;
display: block;
margin-bottom: 15px;
}
.row-line {
background: #f8f7f7;
padding: 35px 20px;
border: 1px solid #d7d7d7;
}
.row-line + .row-line {
margin-top: 40px;
}
.field-line {
max-width: 1220px;
}
.field {
width: calc(50% - 33px);
float: left;
}
.field label {
font-size: 24px;
width: 50%;
font-weight: bold;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
}
.field:not(.no-box) input {
font-size: 24px;
border: 1px solid #ccc;
padding: 0 20px;
background: #ffffff;
height: 74px;
display: inline-block;
width: 50%;
}
.field .dropdown {
font-size: 24px;
border: 1px solid #ccc;
padding: 0 20px;
background: #ffffff;
height: 74px;
display: inline-block;
width: 50%;
}
.greybox {
background: #e8e8e8;
padding: 40px 50px;
margin: 20px 0;
transition: 0.5s ease;
}
.greybox .colored {
margin-bottom: 30px;
font-size: 24px;
}
.greybox img {
margin-bottom: 35px;
}
.greybox p {
font-size: 27px;
line-height: 1em;
}
.greybox:hover {
color: #ffffff;
}
.greybox:hover .colored {
color: #000000;
}
.greybox:hover .colored span {
background: #ffffff;
box-shadow: 0.2em 0 0 #ffffff, -0.2em 0 0 #ffffff;
}
.gb-left {
float: left;
max-width: calc(100% - 125px);
}
.gb-right {
float: right;
width: 125px;
text-align: right;
margin-right: -32px;
}
.gb-right span[class*="icon"] {
color: #008bd2;
font-size: 40px;
content: '';
width: 70px;
height: 70px;
border-radius: 50%;
background: #ffffff;
position: relative;
display: inline-block;
margin: 0 0 10px 0;
}
.gb-right span[class*="icon"]:before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.gb-right > span {
display: block;
}
.gb-right > span > span {
line-height: 70px;
display: inline-block;
vertical-align: middle;
margin-right: 20px;
margin-bottom: 10px;
font-size: 27px;
}
.greyrow {
background: #e8e8e8;
position: relative;
padding: 50px 0;
font-size: 21px;
line-height: 1em;
}
.greyrow:before {
content: '';
display: block;
position: absolute;
left: -50%;
top: 0;
width: 200%;
background: #e8e8e8;
height: 100%;
z-index: -1;
}
.greyrow .colored {
font-size: 24px;
margin-bottom: 35px;
}
.greyrow > * {
max-width: 1300px;
line-height: 1.2;
}
.greyrow a {
color: #76b729;
}
.greyrow a:hover {
color: #5c921c;
}
.pdf {
display: inline-block;
background: #ffffff;
color: #000000;
padding: 10px 20px;
font-weight: 500;
}
.pdf:after {
content: '\e808';
display: inline-block;
font-family: 'fontello';
margin: 0 0 0 10px;
}
.gr-clap {
display: none;
padding: 20px 0;
}
.gr-clap.active {
display: block;
}
.gr-show {
position: absolute;
bottom: 20px;
right: 10px;
transform: rotate(90deg);
font-size: 40px;
cursor: pointer;
}
footer {
background-color: #fff;
padding-top: 20px;
}
.f-switch li {
display: inline-block;
width: 245px;
font-size: 24px;
text-align: center;
line-height: 50px;
background: #e8e8e8;
color: #000000;
text-transform: uppercase;
transition: 0.5s ease;
cursor: pointer;
}
.f-switch li:hover {
background: #000000;
color: #ffffff;
}
.f-switch li.act {
background: #000000;
color: #ffffff;
}
.f-switch-cont {
display: none;
min-height: 500px;
position: relative;
background: #e8e8e8;
}
.f-switch-cont.act {
display: block;
}
.googlemap {
position: relative;
height: 500px;
background-image: url('/img/inhalt/ziv-gebaeude_2017_test2.jpg?w=1024');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.googlemap div[class*="col-xs"] {
position: static;
}
@media (min-width: 1024px) {
.googlemap {
background-image: url('/img/inhalt/ziv-gebaeude_2017_test2.jpg?w=1680');
}
}
.googlemap:before {
content: " ";
background-color: rgba(0, 0, 0, 0.75);
left: 0;
top: 0;
width: 100%;
height: 100%;
position: absolute;
}
.googlemap .routenplaner {
font-weight: bold;
}
.googlemap .routenplaner svg {
width: 26px;
height: 26px;
display: inline-block;
top: 7px;
position: relative;
margin-right: 5px;
}
.gm-box {
display: inline-block;
padding: 30px 50px;
max-width: 500px;
width: 100%;
background: #ffffff;
box-shadow: 0 0 3px #ddd;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1;
margin-left: 25px;
}
.gm-box h2 {
margin-bottom: 10px;
}
.sitemap {
margin: 50px 0 0 0;
font-size: 18px;
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
-moz-column-width: auto;
-webkit-column-width: auto;
column-width: auto;
}
.sitemap .colored span {
padding: 3px 0;
box-shadow: 14px 0 0 rgba(0, 0, 0, 0.87), -14px 0 0 rgba(0, 0, 0, 0.87);
background-color: rgba(0, 0, 0, 0.87);
}
.sitemap h3.colored {
font-size: 24px;
padding: 0;
line-height: 1.5em;
margin-bottom: 5px;
}
.sitemap > li {
padding: 0 20px 20px 0;
transition: 0.5s ease;
}
.sitemap > li:hover {
color: #76b729;
}
.sitemap > li ul {
line-height: 30px;
}
.sitemap > li ul li {
display: block;
}
.sitemap > li ul.last {
margin-left: 30px;
position: relative;
}
.sitemap > li ul.last > li:before {
content: "-";
position: absolute;
left: -21px;
}
.footerline {
background: #000000;
color: #ffffff;
text-transform: uppercase;
padding: 21px 0;
position: relative;
}
.totop {
display: inline-block;
width: 85px;
min-height: 80px;
background: #000000;
color: #ffffff;
position: absolute;
right: 50px;
bottom: 100%;
}
.totop span {
display: inline-block;
font-size: 40px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.totop span:before {
display: inline-block;
transform: rotate(-90deg);
}
.copyright {
font-weight: bold;
font-size: 18px;
line-height: 30px;
}
.meta {
text-align: right;
}
.meta li {
display: inline-block;
}
.meta li + li:before {
content: '';
display: inline-block;
height: 13px;
width: 3px;
background: #ffffff;
margin: 0 10px;
vertical-align: middle;
}
.meta a {
color: #ffffff;
font-weight: bold;
transition: color 0.5s ease;
}
.meta a:hover {
color: #76b729;
}
li.login > a:after {
display: block;
width: 130px;
position: absolute;
content: " ";
top: 32px;
left: -40px;
height: 70px;
}
input[type="radio"]:not(:checked),
input[type="checkbox"]:not(:checked),
input[type="radio"]:checked,
input[type="checkbox"]:checked {
position: absolute;
left: -9999px;
opacity: 0;
}
input[type="radio"]:not(:checked) + label,
input[type="checkbox"]:not(:checked) + label,
input[type="radio"]:checked + label,
input[type="checkbox"]:checked + label {
position: relative;
padding-left: 35px;
cursor: pointer;
display: inline-block;
height: 25px;
line-height: 25px;
font-size: 21px;
transition: .28s ease;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
input[type="radio"]:not(:checked) + label:before,
input[type="checkbox"]:not(:checked) + label:before,
input[type="radio"]:checked + label:before,
input[type="checkbox"]:checked + label:before,
input[type="radio"]:not(:checked) + label:after,
input[type="checkbox"]:not(:checked) + label:after,
input[type="radio"]:checked + label:after,
input[type="checkbox"]:checked + label:after {
border-radius: 50%;
}
input[type="radio"] + label:before,
input[type="checkbox"] + label:before,
input[type="radio"] + label:after,
input[type="checkbox"] + label:after {
content: '';
position: absolute;
left: 0;
top: 0;
margin: 4px;
width: 16px;
height: 16px;
z-index: 0;
transition: .58s ease;
}
input[type="radio"]:checked + label:before,
input[type="checkbox"]:checked + label:before,
input[type="radio"]:checked + label:after,
input[type="checkbox"]:checked + label:after {
border-radius: 50%;
}
input[type="radio"]:checked + label:before,
input[type="checkbox"]:checked + label:before {
border: 2px solid transparent;
}
input[type="radio"]:checked + label:after,
input[type="checkbox"]:checked + label:after {
border: 2px solid #76b729;
background-color: #76b729;
-webkit-transform: scale(1.02);
transform: scale(1.02);
}
input[type="radio"]:not(:checked) + label:before,
input[type="checkbox"]:not(:checked) + label:before,
input[type="radio"]:not(:checked) + label:after,
input[type="checkbox"]:not(:checked) + label:after {
border: 2px solid #000000;
}
input[type="radio"]:not(:checked) + label:after,
input[type="checkbox"]:not(:checked) + label:after {
-webkit-transform: scale(0);
transform: scale(0);
}
input[type="radio"]:disabled + label,
input[type="checkbox"]:disabled + label {
color: rgba(0, 0, 0, 0.26);
}
input[type="radio"]:disabled:not(:checked) + label:before,
input[type="checkbox"]:disabled:not(:checked) + label:before,
input[type="radio"]:disabled:checked + label:before,
input[type="checkbox"]:disabled:checked + label:before {
background-color: transparent;
border-color: rgba(0, 0, 0, 0.26);
}
input[type="radio"]:disabled:not(:checked) + label:before,
input[type="checkbox"]:disabled:not(:checked) + label:before {
border-color: rgba(0, 0, 0, 0.26);
}
input[type="radio"]:disabled:checked + label:before,
input[type="checkbox"]:disabled:checked + label:before {
background-color: rgba(0, 0, 0, 0.26);
}
input[type="checkbox"]:not(:checked) + label:before,
input[type="checkbox"]:checked + label:before,
input[type="checkbox"]:not(:checked) + label:after,
input[type="checkbox"]:checked + label:after {
border-radius: 0%;
}
input[type="checkbox"]:checked + label:before,
input[type="checkbox"]:checked + label:after {
border-radius: 0%;
}
.flash {
margin-top: 10px;
margin-bottom: 1em;
display: block;
padding: 15px 15px 15px 15px;
text-align: left;
color: #000000;
}
.flash.flash2 {
background: transparent !important;
border: 1px solid #eee;
}
.flash.form-success {
background: #dff0d8;
border-left: 5px solid #3f9f18;
}
.flash.form-failure {
background: #ffd5d5;
border-left: 5px solid red;
}
.flash.form-info {
background: #fcf8e3;
border-left: 5px solid #ffd600;
}
.flash p:last-of-type {
margin-bottom: 0;
}
input.error,
textarea.error {
border: 1px solid red !important;
}
.formular {
width: 100%;
display: block;
border: none;
box-sizing: border-box;
margin-bottom: 30px;
}
.formular legend {
display: none;
}
.formular .hide {
display: none;
}
.formular .required {
color: #76b729;
}
.formular .error .required {
color: #e60003;
}
.formular .row {
margin-left: 0;
margin-right: 0;
}
.formular .row.row-info {
margin-top: 30px;
}
.formular .row.privacy {
margin: 20px 0;
}
.formular .row.privacy input {
float: none;
display: inline-block;
margin: 0 10px 5px 10px;
position: relative;
top: 3px;
vertical-align: top;
}
.formular .row.privacy label {
float: none;
width: auto;
max-width: none;
display: inline-block;
max-width: calc(100% - 35px);
}
.radioButtonListWrapper {
width: 100%;
}
.radioButtonListWrapper .radioButtonWrapper {
float: left;
margin-right: 30px;
margin-bottom: 10px;
}
.radioButtonListWrapper .radioButtonWrapper:last-child {
margin-right: 0;
}
.on-input,
.on-textarea,
.on-textarea.materialize-textarea {
background-color: transparent;
border: none;
border-bottom: 1px solid #9e9e9e;
border-radius: 0;
outline: none;
height: 3rem;
width: 100%;
font-size: 21px;
margin: 0 0 20px 0;
padding: 0 3px;
box-shadow: none;
box-sizing: content-box;
transition: all 0.3s;
}
.on-input::-webkit-input-placeholder,
.on-textarea::-webkit-input-placeholder,
.on-textarea.materialize-textarea::-webkit-input-placeholder {
color: #d1d1d1;
}
.on-input:-moz-placeholder,
.on-textarea:-moz-placeholder,
.on-textarea.materialize-textarea:-moz-placeholder {
color: #d1d1d1;
}
.on-input::-moz-placeholder,
.on-textarea::-moz-placeholder,
.on-textarea.materialize-textarea::-moz-placeholder {
color: #d1d1d1;
}
.on-input:-ms-input-placeholder,
.on-textarea:-ms-input-placeholder,
.on-textarea.materialize-textarea:-ms-input-placeholder {
color: #d1d1d1;
}
.on-input:disabled,
.on-textarea:disabled,
.on-textarea.materialize-textarea:disabled,
.on-input[readonly="readonly"],
.on-textarea[readonly="readonly"],
.on-textarea.materialize-textarea[readonly="readonly"] {
color: rgba(0, 0, 0, 0.26);
border-bottom: 1px dotted rgba(0, 0, 0, 0.26);
}
.on-input:disabled + label,
.on-textarea:disabled + label,
.on-textarea.materialize-textarea:disabled + label,
.on-input[readonly="readonly"] + label,
.on-textarea[readonly="readonly"] + label,
.on-textarea.materialize-textarea[readonly="readonly"] + label {
color: rgba(0, 0, 0, 0.26);
}
.on-input:focus:not([readonly]),
.on-textarea:focus:not([readonly]),
.on-textarea.materialize-textarea:focus:not([readonly]) {
border-bottom: 1px solid #81bbe2;
box-shadow: 0 1px 0 0 #81bbe2;
}
.on-input:focus:not([readonly]) + label,
.on-textarea:focus:not([readonly]) + label,
.on-textarea.materialize-textarea:focus:not([readonly]) + label {
color: #81bbe2;
}
.on-input.valid,
.on-textarea.valid,
.on-textarea.materialize-textarea.valid,
.on-input:focus.valid,
.on-textarea:focus.valid,
.on-textarea.materialize-textarea:focus.valid {
border-bottom: 1px solid #76b729;
box-shadow: 0 1px 0 0 #76b729;
}
.on-input.invalid,
.on-textarea.invalid,
.on-textarea.materialize-textarea.invalid,
.on-input:focus.invalid,
.on-textarea:focus.invalid,
.on-textarea.materialize-textarea:focus.invalid {
border-bottom: 1px solid #f44336;
box-shadow: 0 1px 0 0 #f44336;
color: #f44336;
}
.on-input.validate + label,
.on-textarea.validate + label,
.on-textarea.materialize-textarea.validate + label {
width: 100%;
pointer-events: none;
}
.on-input + label:after,
.on-textarea + label:after,
.on-textarea.materialize-textarea + label:after {
display: block;
content: "";
position: absolute;
top: 60px;
opacity: 0;
transition: 0.2s opacity ease-out, 0.2s color ease-out;
}
.on-input.dropdown,
.on-textarea.dropdown,
.on-textarea.materialize-textarea.dropdown {
padding: 0;
}
.input-field {
position: relative;
margin-top: 1rem;
box-sizing: border-box;
}
.input-field.inline {
display: inline-block;
vertical-align: middle;
margin-left: 5px;
}
.input-field.inline input,
.input-field.inline .select-dropdown {
margin-bottom: 1rem;
}
.input-field label {
color: #000000;
position: absolute;
top: 14px;
left: 14px;
font-size: 21px;
cursor: text;
transition: 0.2s ease-out;
text-align: initial;
}
.input-field label.active {
font-size: 14px;
-webkit-transform: translateY(-160%);
transform: translateY(-160%);
}
.input-field label.error {
color: #e60003;
}
.input-field textarea {
width: 100%;
height: 50px;
background-color: transparent;
}
.input-field textarea.materialize-textarea {
overflow-y: hidden;
padding: .8rem 0 1.6rem 0;
resize: none;
min-height: 50px;
}
.radio > label {
font-size: 21px;
margin-bottom: 10px;
display: block;
}
.radio input.invalid ~ label {
color: #e60003;
}
.dropdown-field label {
font-size: 14px;
margin-left: 5px;
}
.dropdown-field select {
background-color: transparent;
border: none;
border-bottom: 1px solid #9e9e9e;
border-radius: 0;
outline: none;
height: 3rem;
width: 100%;
font-size: 21px;
margin: 0 0 20px 0;
box-shadow: none;
box-sizing: content-box;
}
.loader {
width: 100%;
height: 295px;
background: rgba(255, 255, 255, 0.9);
}
.loader.red .spinner {
border-top: 3px solid #e60003;
}
.loader + .error {
position: absolute;
top: 30%;
left: 0;
-webkit-transform: translateY(-30%);
-ms-transform: translateY(-30%);
transform: translateY(-30%);
text-align: center;
width: 100%;
}
.loader .spinner {
width: 80px;
height: 80px;
border: 2px solid #f3f3f3;
border-top: 3px solid #76b729;
border-radius: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
animation: spin 1s infinite linear;
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}/*### Navigation ###*/
header nav .service {margin-left: 88px;}
header nav .service > li {padding: 45px 0 41px!important;}
header nav .service > li + li {margin-left: 22px;}
header nav .icon-map {margin-left: 18px;}
header nav .service > li.login > a:hover {padding-bottom: 90px!important;}
header nav .service li a:hover .s-box {display: block;}
header nav .service li.login:before {
top: 134px;
margin-left: 5px;
border: 0 solid transparent;
border-right-width: 25px;
border-left-width: 25px;
border-bottom: 20px solid white;
}
.open header nav .service {margin-left: 0;}
.open header nav .service .s-box {left: inherit; right: 0;}
.open .search-inner {right: 100%; left: inherit;}
.open .search-inner:before {
left: 100%;
right: inherit;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 10px solid #fff;
border-right: 0;
}
.n-box > ul > li {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
.navigation .n-box-wr .hasSubNavigation li > a {
text-transform: none;
}
.nav > a:after {
content: '';
display: none;
position: absolute;
z-index: 1;
top: 48px;
left: 0;
right: 0;
margin: 0 auto;
width: 50px;
border: 0 solid transparent;
border-right-width: 25px;
border-left-width: 25px;
border-bottom: 20px solid white;
}
.navigation > li.hasSubNavigation:hover a:after {display: block;}
.content p,
.content ul li,
.content .send {
font-size: 21px;
line-height: 1.25em;
max-width:1200px;
}
.content .send {
width: auto;
height: 43px;
font-size: 21px;
padding: 9px 70px 9px 25px;
overflow: hidden;
float: left;
transition: 0.5s ease;
}
.content .send:hover {
padding: 9px 55px 9px 40px;
}
.content .send:after {
font-size: 30px;
position: absolute;
right: 22px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
transition: 0.5s ease;
}
.content .send:hover:after {
right: -42px;
}
.kv-box select {
-moz-appearance: none;
-webkit-appearance:none;
}
.kv-box select::-ms-expand {display: none;}
.kv-box .select-wrapper select {margin: 0;}
.kv-box .select-wrapper {margin-bottom: 10px; position: relative;}
/*Navigation Test*/
.n-box > ul {
display: inline-flex;
justify-content: space-between;
vertical-align: top;
max-width: 100%;
width: 100%;
margin-top: 55px;
}
.n-box ul.second {
margin-top: 10px;
}
ul.sitemap.second {
margin-top: 0;
}
.n-img + ul {max-width: calc(100% - 630px);}
.n-box > ul > li {width: 100%;}
.n-box > ul > li + li {margin-left: 75px;}
.n-box > ul > li > a {width: 100%;}
.jt-marker-wr.nav li {float: left;}
.jt-marker-wr.nav li + li {margin-left: 30px;}
.jt-marker-wr.nav span.round {transition: background 0.3s ease;}
.jump-to {opacity: 1; transition: opacity 0.5s ease;}
.jump-to.affix-bottom {position: absolute; opacity: 0; height: 0; pointer-events: none;}
/*Bausteine*/
.big-tile img {height: calc(100vh - 112px); width: 100%; object-fit: cover;}
.big-tile.compat-object-fit {height: calc(100vh - 112px); width: 100%;}
.gr-show {transform: rotate(90deg) rotateY(0deg); transition: transform 1s ease;}
.gr-show.spin {transform: rotate(90deg) rotateY(205deg); font-size: 42px;}
.greyrow .more a {font-weight: bold;}
.big-spacer {height: 30px;}
.lp-content.member h2.colored {padding: 0 18px; line-height: 1.45em; margin-bottom: 110px;}
.googlemap img {object-fit: cover;}
.googlemap iframe {width: 100%; height: 100%;}
.col-xs-12.col-md-5.img-left {padding-right: 50px; max-height: 400px; overflow: hidden;}
.col-xs-12.col-md-5.img-right {padding-left: 50px; max-height: 400px; overflow: hidden;}
/*Footer*/
.gm-box p {font-size: 22px;}
.gm-box h2 {font-size: 24px; padding: 0; line-height: 1.4em; font-weight: 500;}
.gm-box .colored span {
padding: 0;
box-shadow: 14px 0 0 rgba(0,0,0,0.87), -14px 0 0 rgba(0,0,0,0.87);
}
.meta {text-align: right; float: right; margin-top: 5px;}
.meta li + li:before {margin: 0 15px; vertical-align: baseline;}
.socialmedia {float: right; color: #fff; margin-right: 20px;}
.socialmedia li {display: inline-block; font-size: 25px;}
.socialmedia li + li {margin-left: 13px;}
.socialmedia a {color: #fff;}
.socialmedia .icon_zivfacebook:hover {color: #4267b2;}
.socialmedia .icon_zivinstagram:hover {color: #C13584;}
.socialmedia .icon_zivyoutube:hover {color: #df3c34;}
.socialmedia .icon_zivtwitter:hover {color: #1da1f2;}
/*Formular*/
.buttonContainer .more.btn-primary {
padding: 9px 70px 9px 25px;
background: #76b729;
color: #ffffff;
}
.buttonContainer .more.btn-primary:hover {
padding: 9px 55px 9px 40px;
}
/*.formular input {font-size: 24px;}*/
/*.formular option {font-size: 18px;}*/
/*.field select.dropdown:invalid,*/
/*.field select.dropdown option[value=" "] {color: #757575;}*/
/*.captcha img {*/
/* height: 40px;*/
/* float: right;*/
/* border: 1px solid #ccc!important;*/
/*}*/
/*.captcha input {*/
/* font-size: 18px!important;*/
/* height: 40px!important;*/
/* float: right;*/
/* width: 170px!important;*/
/*}*/
/*#imageEditierbereich_Inhaltsbereich_getKontakt_Captcha {display: inline-block; margin-right: 15px;}*/
/*#inputEditierbereich_Inhaltsbereich_getKontakt_Captcha {display: inline-block;}*/
.field.captcha {text-align: right;}
.field.no-box {
border-bottom: 1px solid #ccc;
}
.field.no-box input {
background: inherit;
border: none;
padding: 0 20px;
height: 56px;
display: inline-block;
width: 50%;
outline: none;
}
.field.no-box {
margin: 8.5px 0px;
}
.field:nth-child(2) {
float: right;
}
.field .check input {
height: 30px;
width: 30px;
margin-right: 30px;
float: left;
}
.field .check label {
width: calc(100% - 60px);
font-weight: normal;
font-size: 20px;
margin: 13px 0px;
}
.field .check {margin: 10px 0;}
.field.field-full {width: 100%;}
.formular .absenden .send, .formular .print .print-btn {width: auto; padding: 8px 62px 8px 20px;}
.kachel-form .greybox {padding: 50px 60px;}
.kachel-form .greybox .colored {margin-bottom: 40px;}
.kachel-form h3.colored span {
box-shadow: 6px 0 0 rgba(0,0,0,0.87), -6px 0 0 rgba(0,0,0,0.87);
transition: 0.5s ease;
}
.kachel-form h3.colored {padding: 0 6px;}
.kachel-form .gb-left p:last-of-type {margin-bottom: 0; width: calc(100% + 125px);}
/*Custom Select2*/
.select2-container--default .select2-selection--single{
padding: 23.5px 0 25px 70px;
text-transform: uppercase;
color: #8d8d8d;
height: 76px;
border: 1px solid #d0d0d0;
border-radius: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 100%; top: 0px; right: 0px; width: 68px;}
.select2-container--default .select2-selection--single .select2-selection__rendered {color: #8d8d8d; padding-left: 0;}
.select2-container--default .select2-selection--single .select2-selection__arrow i {
width: 100%;
height: 100%;
display: block;
position: relative;
}
.select2-container--default .select2-selection--single .select2-selection__arrow i:before {
transition: transform 0.3s ease;
margin: 0;
position: absolute;
font-size: 23px;
color: #1d1d1b;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) rotate(90deg);
-ms-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg);
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow i:before {
transform: translate(-50%, -50%) rotate(270deg);
}
.select2-container {
width: 100%!important;
}
.gb-right > span > span + span {
cursor: pointer;
}
.hide-div {display: none;}
.download-box h1,
.inline-box h1 {margin-bottom: 30px;}
.inline-box {counter-reset: number; padding: 45px;}
.inline-box a {
position:relative;
margin: 0 0 6px 36px;
padding:4px 8px;
float: left;
clear: left;
border-top:2px solid #0d0d0d;
background:#e8e8e8;
outline: none;
width: calc(100% - 36px);
transition: 0.5s ease;
}
.inline-box a:before {
counter-increment: number;
content: counter(number);
position:absolute;
top:-2px;
left: -36px;
width: 36px;
padding:4px;
border-top:2px solid #0d0d0d;
color:#fff;
background:#0d0d0d;
font-weight:bold;
text-align:center;
transition: 0.5s ease;
}
.inline-box a:hover {border-top: 2px solid #008bd2;}
.inline-box a:hover:before {background: #008bd2; border-top: 2px solid #008bd2;}
/*.row.subnavigation {margin-bottom: 80px;}*/
.download-box {padding: 45px; max-width: 950px; text-align: center;}
.download-box a {outline: none; float: left; width: 120px; padding: 15px; transition: 0.5s ease;}
.download-box a img {outline: none;}
.download-box a + a {margin-left: 30px;}
.download-box a span {margin-top: 10px; display: inline-block;}
.download-box a:hover {background: #008bd2; transform: scale(1.1); color: #fff;}
/*Suche*/
.result-layer {
padding: 20px 0 0 20px;
opacity: 0;
background: transparent;
position: absolute;
min-width: calc(100% + 2px);
top: -1px;
left: calc(100% + 21px);
z-index: -1;
border: none;
min-height: 0;
max-height: 0;
overflow: hidden;
-webkit-transition-delay: .8s;
transition-delay: .8s;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.result-layer.active {
padding: 20px;
opacity: 1;
background: #fff;
/*min-height: 170px;*/
max-width: 850px;
max-height: 338px;
z-index: 9999;
border: 1px solid #ccc;
}
.info-layer input#plz {
width: 35%;
}
.info-layer input#ort {
width: calc(100% - 38%);
float: right;
}
/*.info-street-wrapper,*/
/*.info-nr-wrapper {*/
/* position: relative;*/
/*}*/
.info-street,
.info-nr {
display: block;
position: relative;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.info-street {max-width: 180px;}
.info-nr {max-width: 110px;}
/*.hidden-info-nr {*/
/* position: absolute;*/
/* opacity: 0;*/
/* visibility: hidden;*/
/* top: -4px;*/
/* left: 135px;*/
/* padding: 10px;*/
/* border-radius: 3px;*/
/* display: block;*/
/* max-width: 250px;*/
/* width: 1000%;*/
/* height: auto;*/
/* background: #fff;*/
/* word-break: normal;*/
/* white-space: normal;*/
/* z-index: 10;*/
/*}*/
/*.info-nr-wrapper:hover .hidden-info-nr {*/
/* opacity:1;*/
/* visibility: visible;*/
/*}*/
#searchresult {position: relative; padding-top: 35px; background: #000;}
#searchresult p {
color:#fff;
padding-bottom: 30px;
text-align: center;
padding: 24px 0 50px;
margin-bottom: 0;
}
#searchresult.streetsearch {
margin-top:30px;
}
#searchresult.streetsearch .table-wrapper {
height:230px;
}
#zivsuchestrasse {
position: absolute;
z-index:1;
top: -34px;
left:0;
width: 100%;
padding: 1px 15px;
font-size: 16px;
}
#searchresult .table {white-space: nowrap; width: 100%;}
#searchresult .table-wrapper {
overflow-y: auto;
overflow-x: auto;
height: auto;
max-height: 260px;
background: #fff;
}
#searchresult .table-wrapper th {
height: 0;
line-height: 0;
padding: 0 20px;
color: transparent;
border: none;
white-space: nowrap;
}
#searchresult .table-wrapper th div {
position: absolute;
background: transparent;
color: #fff;
text-align: left;
font-size: 16px;
font-weight: normal;
padding: 8px 0;
top: 0;
line-height: normal;
}
#searchresult .table td {
background: #e8e8e8;
color: #363634;
text-align: left;
font-size: 16px;
font-weight: normal;
padding: 8px 20px;
}
#searchresult .table tr + tr {
border-top: 1px solid #fff;
}
.schorniredir {transition: 0.5s ease;}
.schorniredir:hover {color: #da0015;}
html.bg-layer body form * {
filter: blur(3px);
-webkit-filter: blur(3px);
}
.redirmodal {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: fixed;
z-index: 9999;
width: 50%;
left: 0;
right: 0;
display: block;
margin: 0 auto;
padding: 65px 20px 20px 55px;
background-color: #fff;
color: #1d1d1b;
border: 1px solid #e8e8e8;
/*text-align: center;*/
-webkit-box-shadow: 0px 0px 18px 2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 18px 2px rgba(0,0,0,0.75);
box-shadow: 0px 0px 18px 2px rgba(0,0,0,0.75);
}
.redirmodal:after {
content: "";
background: url(/img/logos/logo-bg-darker.png) no-repeat;
background-size: auto 100%;
background-position: 100% 100%;
top: 0;
position: absolute;
width: 100%;
height: 100%;
left: 0;
pointer-events: none;
z-index: -1;
}
.redirmodal .icon_zivclose {
cursor: pointer;
position: absolute;
right: 20px;
top: 20px;
font-size: 30px;
}
.redirmodal h3.colored {line-height: 2em; padding: 0 10px; margin-bottom: 45px;}
.redirmodal h3.colored span {padding: 8px 0;}
.redirmodal .top,
.redirmodal .bottom {font-size: 18px;}
.redirmodal .bottom {margin-bottom: 130px; padding-left: 5px;}
.redirmodal .bottom .highlight {font-size: 24px; font-weight: bold;}
.redirmodal .bottom .highlight .nostyle {font-size: 18px; font-weight: normal;}
.redirmodal .big {font-size: 40px; margin: 0 0 20px 0;}
.redirmodal .info {
text-align: right;
font-size: 18px;
font-weight: bold;
margin-bottom: 18px;
padding-right: 16px;
}
.redirmodal .info a {
text-decoration: underline;
}
.redirmodal .small-info {
font-size: 16px;
font-weight: normal;
background: #e8e8e8;
display: inline-block;
float: right;
padding: 10px 30px;
margin: 0;
}
.lp-content.empty {
padding: 0;
}
/*Bausteine*/
ol.on-list {padding-left: 30px;}
ol.on-list li {list-style: decimal;}
section h2.ui-state-active a,
section h2.ui-state-default a,
section h2.ui-state-default a:link {font-size: 30px;}
section h2.ui-accordion-header:before {width: 34px; height: 34px;}
section .ui-accordion .ui-accordion-header {
padding: 10px 20px 20px;
padding-left: 80px;
line-height: 30px;
margin: 0;
background: #ebebeb;
transition: 0.5s ease;
}
section .ui-accordion .ui-accordion-header.ui-state-active {background: #fff;}
.ui-widget-header, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background: #ebebeb; transition: 0.5s ease;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {background: #fff;}
/*Custom Fancybox*/
.fancybox-download:before {
top: 14px;
left: 22px;
border-left: 2px solid #fff;
height: 12px;
}
.fancybox-download:after {
bottom: 18px;
left: 23px;
height: 8px;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
width: 8px;
background: transparent;
transform: rotate(45deg);
transform-origin: 0 0;
}
.download:after {
content: '\e808';
font-family: 'fontello';
background: transparent;
right: 10px;
position: static;
margin-left: 10px;
transition: 0.5s ease;
}
.download:hover:after, .download:focus:after {color: #fff;}
.fancybox-button.download {width: 160px; text-transform: uppercase; background: #ab0606; transition: 0.5s ease;}
.fancybox-button.download:hover, .fancybox-button.download:focus {color: #fff; background: rgba(171, 6, 6, 0.47);}
/*Gallery*/
.gallery *, .gallery .figurewrapper *, .gallerybox * {
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.gallery .figurewrapper a:first-child {overflow: hidden;}
.fancybox-show-infobar .fancybox-infobar * {
font-size: 20px;
}
figure.zoomable > span.figurewrapper:after, figure.gallery > span.figurewrapper a:first-child:after {
content: "\e820";
font-family: 'fontello';
position: absolute;
opacity: 0;
bottom: calc(50% - 15px);
right: calc(50% - 15px);
width: 30px;
height: 30px;
line-height: 30px;
font-size: 18px;
background: rgba(0, 0, 0, 0.5);
color: #ffffff;
text-align: center;
border-radius: 100%;
z-index: 9999;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.gallery .figurewrapper a:hover:first-child:after {
opacity: 1;
font-size: 28px;
bottom: calc(50% - 40px);
right: calc(50% - 40px);
width: 80px;
height: 80px;
line-height: 80px;
color: #ffffff;
}
.gallery .figurewrapper a:first-child:hover img {
-webkit-filter: blur(5px);
filter: blur(5px);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.gallery .figurewrapper a:first-child:hover .zoom-bg {opacity: 0.5;}
.gallery .figurewrapper a:first-child:hover:after {opacity: 1;}
.gallerybox {margin: 20px 0;}
.gallerybox .galleryrow a {
display: block;
width: 32%;
height: 100%;
margin-bottom: 2%;
margin-right: 0;
float: left;
position: relative;
overflow: hidden;
/*max-height: 250px;*/
}
.gallerybox .galleryrow a + a {
margin-left: 2%;
}
.gallerybox .galleryrow a img {
height: 270px;
/*width: 100%;*/
margin: 0 auto;
/*object-fit: cover;*/
object-fit: contain;
}
.gallerybox .galleryrow a:before {
content: "";
background: -moz-linear-gradient(left, #76b729 0%, #0d0d0d 100%);
background: -webkit-linear-gradient(left, #76b729 0%, #0d0d0d 100%);
background: linear-gradient(to right, #76b729 0%, #0d0d0d 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#76b729', endColorstr='#0d0d0d', GradientType=1);
position: absolute;
opacity: 0;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 887;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.gallerybox .galleryrow a:after {
content: "\e820";
display: inline-block;
font-family: "fontello";
font-size: 18px;
position: absolute;
top: calc(50% - 25px);
left: calc(50% - 25px);
background: rgba(0, 0, 0, 0.5);
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
border-radius: 100%;
margin: 0;
opacity: 0;
font-style: normal;
z-index: 888;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
color: #ffffff;
}
.gallerybox .galleryrow a:hover img {
-webkit-filter: blur(5px);
filter: blur(5px);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.gallerybox .galleryrow a:hover:before {opacity: 0.5;}
.gallerybox .galleryrow a:hover:after {
opacity: 1;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
-webkit-transform: translateY(0);
transform: translateY(0);
}
figure.gallery > span.figurewrapper a:first-child:before {
content: "";
background: -moz-linear-gradient(left, #76b729 0%, #0d0d0d 100%);
background: -webkit-linear-gradient(left, #76b729 0%, #0d0d0d 100%);
background: linear-gradient(to right, #76b729 0%, #0d0d0d 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#76b729', endColorstr='#0d0d0d', GradientType=1);
position: absolute;
opacity: 0;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 887;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
figure.gallery > span.figurewrapper a:first-child:hover:before {
opacity: 0.5;
}
/*Glücksklee*/
#glueck {
background: #75ae30;
display: none;
width: 171px;
height: 171px;
border-radius: 100%;
position: absolute;
z-index: 99;
cursor: pointer;
}
#glueck img {
margin: 9px 10px;
}
#glueckContent {
background: #fff;
display: none;
width: 695px;
height: 695px;
border-radius: 100%;
z-index: 1000;
position: absolute;
}
#glueckContent .icon_zivclose {
background: #75ae30;
border-radius: 100%;
width: 69px;
height: 69px;
display: block;
position: absolute;
right: 72px;
top: 60px;
text-align: center;
cursor: pointer;
transition: 0.2s ease all;
}
#glueckContent .icon_zivclose:hover {
background: #588423;
}
#glueckContent .icon_zivclose:before {
color: #fff;
font-size: 30px;
font-weight: 100;
margin: 0;
padding: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: relative;
}
#glueckContent img {
margin: 64px 126px;
}
/*html.darkbg {*/
/* overflow: hidden;*/
/* padding-right: 15px;*/
/*}*/
html.darkbg:before {
content: "";
background: rgba(0, 0, 0, 0.45);
position: fixed;
width: 100%;
height: 100%;
z-index: 999;
}
/*Suche*/
fieldset {
padding: 0;
margin: 0;
border: 0;
min-width: 0;
}
fieldset.mainsearch {
display: block;
width: 100%;
max-width: 800px;
margin: 0 auto;
/*padding-top: 22px;*/
position: relative;
}
fieldset.mainsearch input.text {
width: calc(100% - 100px);
font-size: 18px;
padding: 5px 10px;
border: 2px solid #000000;
border-radius: 0;
-webkit-appearance: none;
}
fieldset.mainsearch label.label {
font-size: 16px;
font-weight: 100;
padding: 3px 10px;
width: auto;
color: #000000;
margin: 0;
position: absolute;
left: 0px;
top: 0px;
text-transform: uppercase;
pointer-events: none;
transition: 0.2s ease all;
}
fieldset.mainsearch a {
color: #fff;
background: #000000;
font-size: 15px;
padding: 11px 19px;
transition: all 0.2s ease-in;
text-transform: uppercase;
float: left;
width: 100px;
text-align: center;
}
fieldset.mainsearch a:hover {color: #76b729;}
p.nothing-here {
margin: 75px 0 50px;
text-align: center;
}
.actually article.ka-img-small:before, .actually article.ka-img-big:before {
content: "";
box-shadow: inset 0 0 20px 0px #0000001f;
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
}
.partner .ka-img-small {
background: none;
}
.partner .ka-img-small:before {
content: "";
box-shadow: inset 0 0 20px 0px #0000001f;
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
}
.partner article[class*="ka-"] img:not(.placeholder) {
object-fit: contain;
}
[class*="lt-"] .partner .ka-img-small {border: 3px solid #000000;}
[class*="lt-"] .partner .ka-img-small img {background-size:contain!important;}
/*IE FIX*/
.compat-object-fit {background-size: cover; background-position: 50% 50%;}
.compat-object-fit img.imgloaded {display: none!important;}
figure.zoomable > span.figurewrapper:after {
opacity: 1;
width: 45px;
height: 45px;
font-size: 25px;
line-height: 45px;
bottom: 0;
right: 0;
}
.OF-cover, .big-tile img, .ka-img-small img:not(.placeholder), .ka-img-big img:not(.placeholder) {
object-fit: cover;
font-family: 'object-fit: cover';
}
/*Lazy Fix*/
.img-left > img,
.img-right > img,
.content figure > img,
.content .col-xs-12.col-md-4 img {width: 100%;}
.col-sm-6 figure.imgleft img, .col-sm-6 figure.imgright img {
width: auto;
}
/*Tooltip*/
.tooltip {font-size: 16px;}
.tooltip.in {opacity: 1;}
.tooltip-inner {background-color: #76b729;}
.tooltip.top .tooltip-arrow {border-top-color: #76b729;}
.tooltip.bottom .tooltip-arrow {border-bottom-color: #76b729;}section.mitglieder h1 {
margin-bottom: 18px;
}
section.mitglieder h2 {
font-size: 30px;
line-height: 27px;
}
section.mitglieder h2:before {
display: none;
}
section.mitglieder .kachel-wrapper h3.colored {
bottom: 20px;
margin: 0;
}
section.mitglieder .back-btn {
display: block;
max-width: 150px;
font-size: 16px;
line-height: 19px;
text-align: right;
text-transform: uppercase;
padding: 12px;
color: #000;
padding-right: 16px;
background: #e8e8e8;
overflow: hidden;
position: relative;
transition: 0.5s ease;
}
section.mitglieder .back-btn:after {
content: '\e810';
font-family: 'fontello';
font-size: 20px;
font-weight: 500;
left: 16px;
top: 50%;
-webkit-transform: translateY(-50%) scalex(-1);
-ms-transform: translateY(-50%) scalex(-1);
transform: translateY(-50%) scalex(-1);
position: absolute;
transition: 0.5s ease;
}
section.mitglieder .back-btn:hover {
padding-right: 34px;
}
section.mitglieder .back-btn:hover:after {
left: -42px;
}
section.mitglieder .formular {
margin-bottom: 0;
}
@media (min-width: 1371px) {
body .nav-wr {
width: 100%;
}
body .nav-wr:after {
opacity: 1;
visibility: visible;
}
body .nav-wr .search-inner {
right: 100%;
left: inherit;
}
body .nav-wr .search-inner:before {
left: 100%;
right: inherit;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 10px solid #fff;
border-right: 0;
}
body .topnav {
float: right;
}
body .menubtn {
margin-right: 40px;
}
body .menubtn:after {
display: none;
}
body .menubtn span:first-child {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
transform-origin: left center;
top: -2px;
}
body .menubtn span:nth-child(2n) {
left: 50px;
opacity: 0;
pointer-events: none;
}
body .menubtn span:last-child {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
transform-origin: left center;
}
body .logo img {
width: auto;
height: auto;
}
body .navigation {
display: inline-block;
}
body .menubtn {
display: none;
}
}
@media (max-width: 1370px) and (min-width: 1025px) {
.nav-wr {
width: calc(100% + 40px);
margin: 0 -20px;
}
.nav-wr:after {
opacity: 1;
visibility: visible;
}
.nav-wr .topnav {
float: right;
}
}
#sideNav {
background: #F7F7F7;
border: 1px solid #F0F0F0;
width: 100%;
max-width: 192px;
}
#sideNav.affix {
top: 135px;
}
#sideNav.affix-top {
position: relative;
}
#sideNav.affix-bottom {
position: absolute;
}
#sideNav a {
color: #000000;
display: block;
font-size: 16px;
line-height: 19px;
text-transform: uppercase;
padding: 12px;
padding-left: 45px;
position: relative;
}
#sideNav a.selected {
color: #5C921C;
background: #fff;
}
#sideNav a.selected:before {
color: #5C921C!important;
}
#sideNav a:not(.logout):before {
content: '\e800';
font-family: 'fontello';
font-size: 20px;
position: absolute;
left: 12px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: #aaaaaa;
}
#sideNav a[title*="Übersicht"]:before {
content: '\e803';
}
#sideNav a[title*="Dokument"]:before {
content: '\e819';
}
#sideNav a[title*="Formular"]:before {
content: '\e825';
}
#sideNav a[title*="Profil"]:before {
content: '\e812';
}
#sideNav a[title*="Newsletter"]:before {
content: '\e815';
}
#sideNav a[title*="Straßen"]:before {
content: '\e80d';
}
#sideNav a.logout {
color: #666666;
margin: 30px 10px 10px;
padding-left: 16px;
background: #fff;
overflow: hidden;
position: relative;
transition: 0.5s ease;
}
#sideNav a.logout:after {
content: '\e810';
font-family: 'fontello';
font-size: 20px;
font-weight: 500;
right: 16px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
transition: 0.5s ease;
}
#sideNav a.logout:hover {
padding-left: 34px;
}
#sideNav a.logout:hover:after {
right: -42px;
}
#sideNav ul {
margin: 0;
border-bottom: 1px solid #F0F0F0;
}
#sideNav ul li {
margin: 0;
padding: 0;
font-size: 16px;
}
#sideNav ul li:before {
display: none;
}
#sideNav ul li.selected > a {
color: #5C921C;
background: #fff;
}
#sideNav ul li.selected > a:before {
color: #5C921C;
}
#sideNav ul li + li {
border-top: 1px solid #F0F0F0;
}
#sideNav ul.sub li a {
font-size: 14px;
line-height: 17px;
}
#sideNav ul.sub li a:before {
display: none;
}
.formular-wrapper {
position: relative;
}
.formular-wrapper [class^="icon_ziv"] {
font-size: 100px;
position: absolute;
right: 0;
top: 0;
color: #e8e8e8;
}
.formular {
position: relative;
}
.formular .check-style .radioButtonWrapper {
float: none;
margin: 0;
}
.formular .check-style .radioButtonWrapper label:before,
.formular .check-style .radioButtonWrapper label:after {
border-radius: 0!important;
}
.formular .check-style .radioButtonWrapper .error + label {
color: #f44336 !important;
}
.formular .check-style .radioButtonWrapper .error + label:before {
border-color: #f44336 !important;
}
.formular .radioButtonWrapper input[type="radio"].invalid + label {
color: #f44336;
}
.formular .radioButtonWrapper input[type="radio"].invalid + label:before {
border-color: #f44336;
}
.formular .row-line.bottom {
background: none;
border: none;
margin-top: 0;
padding: 80px 0 0;
}
.formular .absenden {
float: right;
}
.formular .print {
float: left;
}
.formular .absenden,
.formular .print {
position: relative;
margin-left: 55px;
}
.formular .absenden:before,
.formular .print:before {
content: url(/img/system/Schornsteinfeger.svg);
position: absolute;
left: -55px;
top: 0;
display: inline-block;
width: 40px;
}
.formular .absenden .send,
.formular .print .send,
.formular .absenden .print-btn,
.formular .print .print-btn {
padding: 11px 62px 11px 20px;
display: inline-block;
margin: 0;
font-size: 18px;
line-height: 22px;
color: #fff;
background: #76b729;
}
.formular .absenden .send:hover,
.formular .print .send:hover,
.formular .absenden .print-btn:hover,
.formular .print .print-btn:hover {
padding: 11px 41px 11px 41px;
}
.formular .absenden .send:after,
.formular .print .send:after,
.formular .absenden .print-btn:after,
.formular .print .print-btn:after {
font-weight: 100;
color: #fff;
}
.formular .captcha {
text-align: left!important;
}
.formular .captcha > div {
display: inline-block;
width: auto;
}
.formular .captcha [id*="image"] {
float: left;
}
.formular .captcha [id*="input"] input {
height: 45px;
width: calc(100% - 20px);
margin-left: 20px;
}
.formular .captcha [id*="input"] label {
padding-top: 10px;
}
.kachel-wrapper .col-xs-3 [class*="ka-"] h3 {
font-size: 16px;
padding: 0 10px;
line-height: 2em;
text-transform: none;
}
.kachel-wrapper .col-xs-3 [class*="ka-"] h3 span {
box-shadow: 10px 0 0 rgba(0, 0, 0, 0.87), -10px 0 0 rgba(0, 0, 0, 0.87);
}
.kachel-wrapper.startseite .col-xs-12.col-sm-6.col-md-3 [class*="ka-"] h3 {
font-size: 24px;
line-height: 44px;
margin-bottom: 0;
}
.kachel-wrapper.startseite .col-xs-12.col-sm-6.col-md-3 [class*="ka-"] h3 span {
box-shadow: 10px 0 0 rgba(0, 0, 0, 0.87), -10px 0 0 rgba(0, 0, 0, 0.87);
}
.pair {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -10px;
margin-left: -10px;
justify-content: space-between;
}
.pair .input-field.col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 47%;
max-width: 47%;
}
.check-field > label {
font-size: 24px;
font-weight: bold;
}
.check-field .DropDownCheckboxListWrapper {
margin: 15px 0;
}
.check-field .DropDownCheckboxListWrapper .check input {
height: 30px;
width: 30px;
margin-right: 30px;
float: left;
}
.check-field .DropDownCheckboxListWrapper .check label {
width: calc(100% - 60px);
font-size: 20px;
}
.check-field .DropDownCheckboxListWrapper .check.error label:before {
border-color: #f44336;
}
.image-wrapper {
transition: 0.5s;
background: #d7d7d7;
position: relative;
overflow: hidden;
}
.image-wrapper > span[class*="icon_"] {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #ffffff;
font-size: 120px;
}
.image-wrapper h3 {
position: absolute;
left: 20px;
right: 20px;
bottom: 20px;
font-size: 24px;
padding: 0 18px;
margin: 0;
}
.image-wrapper img:not(.placeholder) {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover;
-webkit-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
-moz-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
}
.image-wrapper:hover img:not(.placeholder) {
-webkit-transform: scale(1.08);
-moz-transform: scale(1.08);
-ms-transform: scale(1.08);
-o-transform: scale(1.08);
transform: scale(1.08);
}
.text-wrapper {
background: #e8e8e8;
padding: 6px 15px;
min-height: 200px;
}
.text-wrapper .dok-item {
padding: 10px 0;
}
.text-wrapper .dok-item + .dok-item {
border-top: 1px solid #DDDDDD;
}
.text-wrapper .dok-btn {
display: flex;
align-items: center;
cursor: pointer;
}
.text-wrapper .dok-btn .text {
font-size: 21px;
line-height: 23px;
margin-left: 15px;
}
.text-wrapper .dok-btn .text .count {
font-size: 16px;
line-height: 23px;
color: #666666;
}
.text-wrapper span[class*="icon"] {
color: #5C921C;
font-size: 24px;
width: 42px;
height: 42px;
border-radius: 50%;
background: #ffffff;
position: relative;
}
.text-wrapper span[class*="icon"]:before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: 0;
}
.dok-box {
padding: 32px 90px 32px 25px;
}
.dok-box h1 {
font-size: 30px;
line-height: 27px;
margin-bottom: 34px;
}
.dok-box .fancybox-close-small.custom-style {
color: #AAAAAA;
font-size: 24px;
line-height: 1;
width: 45px;
height: 45px;
right: 25px;
top: 20px;
}
.dok-box .dok-download {
display: flex;
justify-content: flex-start;
align-items: center;
}
.dok-box .dok-download + .dok-download {
margin-top: 10px;
}
.dok-box .dok-download .icon {
margin-right: 7px;
}
.submenu {
color: #21211f;
font-size: 36px;
font-weight: bold;
border-bottom: 1px solid #21211f;
display: block;
margin-right: 55px;
position: relative;
overflow: hidden;
transition: 0.5s ease;
font-size: 26px;
padding-right: 70px;
}
.submenu:after {
content: '\e810';
font-family: 'fontello';
font-size: 28px;
font-weight: 500;
right: 40px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
transition: 0.5s ease;
}
.submenu:hover {
padding-right: 0;
padding-left: 58px;
color: #008BD2;
}
.submenu:hover:after {
right: -40px;
}
section .liv-wrapper h2 {
font-size: 25px;
text-transform: none;
margin-bottom: 10px;
}
section .liv-wrapper h2:before {
display: none;
}
section .liv-wrapper p:not(.liv-link) {
font-style: italic;
color: #000000;
width: 100%;
margin: 0 0 20px 0;
}
section .liv-wrapper p.liv-link {
font-weight: bold;
width: 100%;
margin: 0 0 20px 0;
}
section .liv-wrapper p.liv-link a {
color: #000000;
width: 100%;
}
.aktuelles-slider .slick-dots,
.slider .slick-dots {
width: 50%;
right: 0;
bottom: 25px;
}
.aktuelles-slider .slick-dots li button:before,
.slider .slick-dots li button:before {
font-size: 15px;
}
@media (max-width: 990px) {
.aktuelles-slider .slick-dots,
.slider .slick-dots {
width: 100%;
right: inherit;
}
}
.aktuelles-slider .slick-track,
.slider .slick-track {
display: flex !important;
}
.aktuelles-slider .slick-slide,
.slider .slick-slide {
height: inherit !important;
}
.slider .img-body img {
width: 100%;
height: 100%;
object-fit: cover;
}
.slider .slider-img {
max-width: 50%;
}
@media (max-width: 990px) {
.slider .slider-img {
max-width: 100%;
height: 350px;
}
}
.slider .card {
background: #e8e8e8;
}
.slider .slick-dots li button:before {
line-height: 17px;
width: 18px;
height: 18px;
border: 2px solid #e8e8e8;
border-radius: 50%;
}
.greyrow .slider .card {
background: white;
}
.greyrow .slider .slick-dots li button:before {
border: 2px solid white;
}
.card {
position: relative;
display: -ms-flexbox;
display: flex!important;
-ms-flex-direction: row;
flex-direction: row;
flex-wrap: wrap;
min-height: 450px;
background-color: #fff;
margin-bottom: 15px;
outline: none;
}
.card-small {
min-height: auto;
}
.card-small time {
font-size: 16px;
margin-bottom: 5px;
}
.card-small h3.colored {
padding-left: 0 !important;
margin-bottom: 5px;
line-height: 1.2;
}
.card-small h3.colored span {
background-color: transparent !important;
box-shadow: none !important;
color: #000;
}
@media (max-width: 1370px) {
.card-small h3.colored {
padding: 0 !important;
}
}
@media (max-width: 500px) {
.card-small h3.colored {
padding: 0 !important;
}
}
@media (max-width: 990px) {
.card {
-ms-flex-direction: column;
flex-direction: column;
}
}
.card .img-body:not(.slider-img) {
width: 50%;
height: auto;
background-size: cover;
background-position: center;
}
@media (max-width: 990px) {
.card .img-body:not(.slider-img) {
width: 100%;
height: 350px;
}
}
.card-body {
width: 50%;
padding: 50px;
}
@media (max-width: 990px) {
.card-body {
width: 100%;
}
}
@media (max-width: 499px) {
.card-body {
padding: 30px 15px 50px;
}
}
.card-body-small {
padding: 50px;
}
@media (max-width: 499px) {
.card-body-small {
padding: 30px 15px 50px;
}
}
.card .img-body-small {
height: auto;
background-size: cover;
background-position: center;
}
@media (max-width: 990px) {
.card .img-body-small {
width: 100%;
height: 350px;
}
}
.card-title.colored {
padding: 0 10px;
}
.news_container .pager {
background: #fff;
color: #000;
margin: 0;
font-size: 14px;
}
.news_container .pager:after {
background: #fff;
}
.news_container .pager input {
font-size: 14px;
background-color: #e8e8e8;
}
.news_container .lp-content {
margin-bottom: 0;
}
.news_container .pager-forward a.pf-first::after {
border-color: transparent transparent transparent #000000;
}
.news_container .pager-backward a.pb-first::after {
border-color: transparent #000000 transparent transparent;
}
figure.zoomable > span.figurewrapper::after {
pointer-events: none;
}
.homepage .send {
line-height: 1.25em;
max-width: 1200px;
width: auto;
height: 43px;
font-size: 21px;
padding: 9px 70px 9px 25px;
overflow: hidden;
float: left;
transition: 0.5s ease;
}
.homepage .send:hover {
padding: 9px 55px 9px 40px;
}
.homepage .send:after {
font-size: 30px;
position: absolute;
right: 22px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
transition: 0.5s ease;
}
.homepage .send:hover:after {
right: -42px;
}@media (max-width: 1700px) {
#searchresult {padding-top: 5px;}
#searchresult .table-wrapper thead tr {background: #000;}
#searchresult .table-wrapper th div {display: none;}
#searchresult .table-wrapper th {
height: auto;
line-height: normal;
color: #ffffff;
text-align: left;
font-size: 16px;
font-weight: normal;
padding: 8px 20px;
border: none;
white-space: nowrap;
}
#searchresult.streetsearch .table-wrapper {height: auto;}
}
@media (max-width: 1700px) and (min-width: 992px) {
.result-layer,
.result-layer.active {max-width: 130%;}
}
@media (max-width: 1499px) and (min-width: 1200px) {
/*Newsbereich*/
article[class*="ka-"] img:first-of-type,
article[class*="ka-"].ka-img-big img:first-of-type {height: 322px;}
.search-inner {width: 800px;}
}
@media (max-width: 1370px) and (min-width: 841px) {
/*Navigation Fix*/
.navigation, .open .navigation, .menubtn {display: none;}
.mobilebutton {margin-top: 14px;}
.m-menubtn {margin:0;}
.mobilenav-open .mobilebutton {
left: 320px;
background: #333333;
padding: 9px 0px;
padding-left: 15px;
height: 43px;
box-shadow: 2px 0 6px 0 rgba(0, 0, 0, 0.6);
}
.mobilenav-open body:before {
content: '';
background: rgba(0,0,0,0.4);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 30;
}
.mobilebutton {transition: all 0.5s ease-in-out;}
.mobilenav-open header,
.mobilenav-open section,
.mobilenav-open footer {
filter: blur(3px);
-webkit-filter: blur(3px);
z-index: 1;
}
.mobilenav-open header {z-index: 25;}
.nav-wr {padding: 0 20px;}
header nav .service {margin-left: 105px;}
}
@media (max-width: 1370px) {
.kv-box { top:270px; }
.kv-box-inner .next-site {padding: 16px 35px 16px 70px;}
.content h1 {font-size: 34px; margin-bottom: 25px;}
.breadcrumb {padding: 30px 0;}
section h2:not(.colored) {font-size: 30px; margin: 0 0 30px;}
section h2:not(.colored):before {width: 48px; height: 48px;}
h3, .content h3.colored {font-size: 24px; word-break: break-word;}
.content h3.colored {padding: 0 10px;}
.content h3.colored span {box-shadow: 10px 0 0 rgba(0, 0, 0, 0.87), -10px 0 0 rgba(0, 0, 0, 0.87);}
.greyrow, .content p, .content ul li, .content .send {font-size: 18px;}
/*Sitemap*/
.sitemap {margin: 28px 0 0 0;}
.sitemap > li {padding: 0 10px 5px 0;}
}
@media (max-width: 1199px) and (min-width: 991px) {
.kv-box-inner .next-site {padding: 27px 35px 27px 70px;}
/*searchresult*/
#searchresult {padding: 0;}
#searchresult .table-wrapper th {
height: auto;
line-height: normal;
color: #ffffff;
text-align: left;
font-size: 16px;
font-weight: normal;
padding: 8px 20px;
}
#searchresult .table-wrapper th div {display: none;}
}
@media (max-width: 1199px) and (min-width: 650px) {
/*Newsbereich*/
.col-xs-12.col-sm-6.col-md-3 {width: 50%;}
.col-xs-12.col-md-6 {width: 50%;}
article[class*="ka-"] img:first-of-type,
article[class*="ka-"].ka-img-big img:first-of-type {height: 460px; max-height: none;}
.ka-round .ka-round-inner {max-height: none;}
/*Partnerkachel*/
.partner [class*="col-"] {
width: 50%;
}
.search-inner {width: 600px;}
}
@media (max-width: 770px) and (min-width: 750px) {
.mobilebutton {left: 26px;}
}
@media (max-width: 991px) and (min-width: 650px) {
/*Newsbereich*/
article[class*="ka-"] img:first-of-type, article[class*="ka-"].ka-img-big img:first-of-type {
height: 350px;
max-height: none;
}
article[class*="ka-"] h3 {font-size: 18px;}
h3.colored span {padding: 4px 0;}
}
@media (max-width: 1350px) {
.redirmodal {width: 100%;max-width: 750px;}
.redirmodal .bottom {margin-bottom: 100px;}
.redirmodal h3.colored {font-size: 26px;}
}
@media (max-width: 1270px) {
/*4 Kreise*/
.corner {width: 45%; float: left;}
.corner img {width: auto;}
.corner.yellow,
.corner.blue,
.corner.green {left: inherit;}
.corner.red .c-text, .corner.yellow .c-text, .corner.blue .c-text {transform: translate(-50%, -50%);}
.corner.red,.corner.blue {margin-left: 5%;}
.corner.yellow, .corner.green {margin-right: 5%;}
.corner:hover .c-text h3 {margin-bottom: 15px;}
.corner:hover .c-text p {margin-bottom: 10px;}
/*Kennzahlen*/
.kennzahl .col-xs-12.col-md-3 {width: 50%;}
.counter-item {margin: 0;}
}
@media (max-width: 1199px) {
/*Suche*/
.keyvisual .col-xs-12.col-md-offset-2.col-md-8 {width: 100%; margin: 0;}
.logo-lp {max-width: 350px;}
.result-layer.active {width: 100%;}
section h2:not(.colored) {
margin: 0 0 25px;
width: 100%;
text-align: center;
}
section.content h2:not(.colored) {
margin: 0 0 40px;
text-align: left;
}
.s-link {
float: none;
margin: 0 auto 20px;
text-align: center;
display: block;
max-width: 450px;
}
/*Sitemap*/
/*.sitemap > li {width: 50%; padding: 0;}*/
.sitemap {font-size: 16px;}
.sitemap h3.colored {font-size: 18px; margin-bottom: 0;}
.sitemap .colored span, .sitemap .blackBackground {padding: 2px 0 !important;}
.sitemap > li ul li {line-height: 25px; margin-bottom: 6px;}
.sitemap > li {padding: 0 15px 15px 0;}
}
@media (max-width: 1024px) {
.search .send {
text-indent: 0 !important;
}
.search .send:hover {
padding: 7px 17px;
}
.search .send:after {
left: 10px !important;
}
.search .send span {
display: none;
}
}
@media (max-width: 991px) {
.logo-lp {z-index: 7;}
.kv-box-inner .next-site {padding: 27.5px 34px 27.5px 70px;}
.kv-box-inner .next-site {padding: 16px 35px 16px 70px;}
.select-text, .kv-box-inner .next-site, .select2-container--default .select2-selection--single .select2-selection__placeholder {font-size: 16px;}
/*Suche*/
.result-layer {padding: 12px; top: 171px; left: -1px; width: 207.2%;}
.result-layer.active {
left: -1px;
width: 207.2%;
top: 171px;
padding: 10px;
z-index: 999;
border-top: 0;
}
#searchresult {padding-top: 0;}
#searchresult .table-wrapper thead tr {background: #000;}
#searchresult .table-wrapper th div {display: none;}
#searchresult .table-wrapper th {
height: auto;
line-height: normal;
color: #ffffff;
text-align: left;
font-size: 16px;
font-weight: normal;
padding: 8px 20px;
border: none;
white-space: nowrap;
}
/*Suche NEU*/
.search-inner {
display: none;
position: absolute;
left: inherit;
right: -68px;
top: 69px;
width: 420px;
padding: 12px 10px;
}
.search input {
width: calc(100% - 55px);
}
.search-inner:before {
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 10px solid #fff;
left: inherit;
right: 70px;
top: -29px;
}
.search .icon_zivclose {display: none!important;}
.search .send {
width: 50px;
height: 40px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
margin: 0;
float: right;
}
.search .send:after {left: -6px;}
.info-layer {
width: 207.2%;
top: calc(100% + 22px);
padding: 10px;
}
table.table.table-street {width: 100%;}
.click-select.active .select-text-wr:after {
content: "";
background: #fff;
width: calc(100% + 2px);
height: 25px;
position: absolute;
bottom: -22px;
z-index: 1;
left: -1px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.info-text, .info-text-suche {left:0; text-align: center;}
.col-xs-12.col-md-5 img {padding: 25px 0;}
.col-xs-12.col-md-5.img-right {padding: 0;}
.corner {
width: 100%;
max-width: 424px;
margin: 0 auto;
display: block;
float: none;
}
/* Bausteine */
.col-xs-12.col-md-5.img-left,
.col-xs-12.col-md-5.img-right {
padding-left: 10px;
padding-right: 10px;
margin-bottom: 30px;
}
.content .col-xs-12.col-md-4 img {
width: 100%;
margin-bottom: 25px;
}
.sitemap {-moz-column-count: 2;-webkit-column-count: 2;column-count: 2; margin: 35px 0;}
.sitemap > li {width: 100%;break-inside: auto; padding: 0 10px 10px 0;}
.sitemap h3.colored {margin-bottom: 10px;}
.f-switch-cont.sitem {height: auto;}
/*iFrame*/
.kv-box {top: 222px;}
.info-layer p {width: 20%; display: inline-block; margin-bottom: 0;}
.info-layer input {width: 40%; height: 50px; margin-bottom: 4px!important; -webkit-appearance: none; border-radius: 0;}
}
@media (max-width: 840px) {
/*Navigation*/
.mobilebutton .m-menubtn {margin: 0;}
.mobilebutton .m-menubtn:after {font-size: 20px;}
.onNav .logo, .sub .logo {width: 60px;}
.logo, .sub .logo, .onNav .logo {
width: 60px;
display: inline-block;
vertical-align: middle;
opacity: 1;
visibility: visible;
margin: 0 0 0 50px;
margin-top: 15px;
}
.logo img, .onNav .logo img {
width: auto;
height: auto;
}
header nav {height: 90px; background: rgba(0, 0, 0, 0.65);}
header nav .nav-wr {
height: 90px;
width: 100%;
padding: 0;
background: transparent;}
header nav .nav-wr:before, header nav .nav-wr:after,
.nav-wr .menubtn, .navigation, .open .navigation {display: none;}
header nav .service > li {padding: 32px 0 32px!important;}
header nav .nav-wr .topnav {float: right;}
.mobilenav-open .mobilebutton {
left: 320px;
background: #333333;
padding: 9px 0px;
padding-left: 15px;
height: 43px;
box-shadow: 2px 0 6px 0 rgba(0, 0, 0, 0.6);
}
.mobilebutton {transition: all 0.5s ease-in-out;}
.mobilenav-open body:before {
content: '';
background: rgba(0,0,0,0.4);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 20;
}
.mobilenav-open header,
.mobilenav-open section,
.mobilenav-open footer {
filter: blur(3px);
-webkit-filter: blur(3px);
z-index: 1;
}
header nav .service {margin-left: 0px;}
/*Login*/
header nav .service li:before {top: 70px; margin-left: 0;}
.s-box {width: 100%; top: 90px;}
.s-box .col-xs-12.col-sm-6 {width: 50%;}
/*Suche*/
.search-inner {top: 60px;}
/*iFrame*/
/*.kv-box {top: 222px;}*/
/*.info-layer input {height: 50px; width: 58%;}*/
/*.info-layer input + input {margin-left: 2%;}*/
/*.info-layer input:first-child {width: 40%;}*/
.jump-to.affix {display: none;}
/* Custom Scrollbar */
/* Für Chrome */
::-webkit-scrollbar {width: 8px;}
::-webkit-scrollbar-track {background: white; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
::-webkit-scrollbar-thumb {background: rgba(118, 183, 41, 0.8);}
::-webkit-scrollbar-thumb:hover {background: #76b729;}
/*Bausteine*/
figure.imgright, figure.imgleft {
max-width: 100%;
margin: 0;
margin-bottom: 20px;
}
.content .send {height: auto;}
.breadcrumb {margin-top: 90px; padding: 25px 0;}
}
@media (max-width: 767px) {
.info-layer {width: calc(100% + 2px);}
.result-layer,
.result-layer.active {width: calc(100% + 2px);}
.select.click-select.active {z-index: 9999;}
.kv-box-inner .next-site {padding: 27px 35px 27px 70px;}
/*Keyvisual*/
header nav .nav-wr {background: rgba(0, 0, 0, 0.95);}
.nav-wr:after, .nav-wr:before {
display: block!important;
opacity: 1;
visibility: visible;
}
.keyvisual {margin-top: 90px;}
.kv img {height: 420px;}
.kv-box {position: relative; top: -97px;}
}
@media (max-width: 649px) {
/*Schrift*/
.content h1 {font-size: 28px; margin-bottom: 20px;}
section h2:not(.colored) {font-size: 25px; margin: 0 0 15px;}
h3, .content h3.colored {font-size: 20px;}
h3.colored span {padding: 5px 0;}
/*Navigation*/
header nav .nav-wr .topnav .service {display: none;}
.topnav {margin-top: 22px;}
.logo, .sub .logo, .onNav .logo {
width: 60px;
display: inline-block;
vertical-align: middle;
opacity: 1;
visibility: visible;
margin: 0 0 0 50px;
margin-top: 15px;
}
.logo img, .onNav .logo img {
width: auto;
height: auto;
}
/*Suche*/
.search-inner {top: 62px;}
/*Newsbereich*/
.ka-round .ka-round-inner {max-height: none;}
article[class*="ka-"] img:first-of-type, article[class*="ka-"].ka-img-big img:first-of-type {
height: 350px;
max-height: none;
}
.col-xs-12.col-sm-6.col-md-3 {width: 100%;}
.col-xs-12.col-md-6 {width: 100%;}
article[class*="ka-"] h3 {font-size: 24px;}
.ka-round .ka-round-inner {max-width: 350px;}
.ka-round-inner-text {
width: 350px;
margin: 0 auto;
left: 0;
right: 0;
}
.ka-round:hover .ka-round-inner {max-width: 100%;}
/*Sitemap*/
.sitemap {
-moz-column-count: auto;
-webkit-column-count: auto;
column-count: auto;
margin: 50px 0 0 0;
}
.sitemap > li {padding: 0 15px;}
/*Glück*/
#glueckContent {width: 350px; height: 350px;}
#glueckContent img {margin: 25px 51px; width: 275px;}
#glueckContent .icon_zivclose {right: 0; top: 0;}
/*Partnerkachel*/
.partner [class*="col-"] {
width: 100%;
}
/*searchresult*/
#searchresult {padding: 0;}
#searchresult .table-wrapper th {
height: auto;
line-height: normal;
color: #ffffff;
text-align: left;
font-size: 16px;
font-weight: normal;
padding: 8px 20px;
}
#searchresult .table-wrapper th div {display: none;}
}
@media (max-width: 550px) {
figure.imgleft img,
figure.imgright img{
max-width: 100%;
}
.m-menubtn:after, .menubtn:after {content: '';}
.kennzahl .col-xs-12.col-md-3 {width: 100%;}
/*Footer*/
.f-switch li {width: 50%; float: left;}
.gm-box {margin: 0 auto; padding: 20px 35px; left: 0; right: 0;}
/*Suche*/
.search-inner {top: 60px;}
.search.active .search-inner {
position: absolute;
width: 350px;
margin: 0 auto;
top: 90px;
left: 0;
right: 0;
}
.search.active {
position: static;
}
.search span[class*="icon"] {
position: relative;
}
.search.active span.icon_zivsuche:after {
content: '';
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 10px solid #fff;
position: absolute;
top: 52px;
left: 5px;
}
.search-inner:before {
display: none;
}
/*Keyvisual*/
.kv img {height: 350px;}
.kv-box { top: -60px;}
}
@media (max-width: 500px) {
.corner.red, .corner.blue, .corner.yellow, .corner.green {margin: 0 auto;}
/*Navigation*/
.info-layer input,
.info-layer input:first-child {width: 100%; margin-bottom: 0;}
.info-layer input + input {margin-left: 0;}
.info-layer p {
display: block;
text-align: center;
width: 100%;
padding: 8px 0;
}
header nav .service li:nth-child(2),
header nav .service li:nth-child(3) {
display: none;
}
/*Login*/
.s-box input {height: 50px;}
.s-box .col-xs-12.col-sm-6 {width: 100%;}
.more {font-size: 18px; margin-top: 5px;}
.more + .more {margin-top: 5px;}
/*Content*/
.c-text {max-width: 100%; padding: 10px; display: block;}
.colored {line-height: 1.5em; padding: 0 12px;}
.colored span {padding: 3px 0; box-shadow: 12px 0 0 rgba(0, 0, 0, 0.87), -12px 0 0 rgba(0, 0, 0, 0.87);}
article[class*="ka-"] h3 {font-size: 19px;}
section h2:not(.colored) {font-size: 24px;}
section h2:not(.colored):before {width: 40px; height: 40px; margin: 0 10px -10px 0;}
.actually {margin-bottom: 0;}
.lp-content .colored {font-size: 24px; margin-bottom: 30px;}
.counter-item {margin: 0px auto;}
.f-switch li {width: 50%; float: left;}
.gm-box {padding: 20px 15px;}
.gm-box h2 {font-size: 22px;}
.gm-box p {font-size: 18px;}
.lp-content {margin: 0 0 25px; font-size: 18px;}
.s-link {min-height: inherit;}
section h2:not(.colored) {margin: 0 0 24px;}
.greyrow .colored {font-size: 20px; margin-bottom: 35px;}
.content h3.colored span {box-shadow: 12px 0 0 rgba(0, 0, 0, 0.87), -12px 0 0 rgba(0, 0, 0, 0.87);}
h3.colored span {padding: 2px 0;}
.content h3.colored {padding: 0 12px; font-size: 20px;}
.content p, .content ul li, .content .send {font-size: 18px;}
section.content h2:not(.colored) {text-align: center;}
.big-tile img {max-height: 250px; object-fit: contain;}
/*Bausteine*/
.ka-round .ka-round-inner {max-width: 100%;}
.ka-round .ka-round-inner {border-radius: 0; max-height: none;}
.ka-round-inner-text {padding: 0 30px;}
.ka-round {font-size: 20px;}
.ka-round .big {font-size: 48px; margin-bottom: 10px;}
.ka-round .ka-round-inner-text p {display: block;}
.corner {border-radius: 0; transform: none!important;}
.corner .c-text {transform: translate(-50%, -50%);}
.corner .c-text h3 {margin-bottom: 15px;}
.corner .c-text p {margin-bottom: 10px;}
.corner .c-text > *:not(h3) {display: block;}
/*Footer*/
.meta,.socialmedia {float: none; text-align: center; margin-bottom: 15px;}
.meta li {display: block; width: 100%;}
.meta li + li {margin-top: 5px;}
.meta li + li:before {display: none;}
.copyright {width: 100%; text-align: center; display: block; line-height: 1.2;}
/*.sitemap > li {width: 50%;}*/
/*Suche*/
.kv-box-inner {padding: 10px;}
.kv-box-inner .next-site,
.select2-container--default .select2-selection--single {
padding: 15px 30px 15px 48px;
font-size: 16px;
height: 70px;
}
.kv-box-inner .next-site {padding: 27px 32px 27px 48px;}
.select2-container--default .select2-selection--single {padding: 22px 0 22px 48px;}
.select-text-wr {height: 70px;}
.select-text {left: 46px; width: calc(100% - 86px); font-size: 16px;}
.select-text-wr .icon_zivschornsteinfeger {font-size: 33px;}
.select-icon.icon_zivkehrer {font-size: 33px; left: 20px;}
.select-icon.icon_zivmann {font-size: 26px; left: 14px;}
.kv-box .select, .kv-box-inner .next-site {margin-bottom: 10px;height: 70px;}
.kv-box .select-wrapper {margin-bottom: 0;}
.logo-lp {width: 85%; bottom: -64px;}
.redirmodal {width: 92%; top: 100px; padding: 15px;}
.redirmodal h3.colored {
line-height: 2.2em;
padding: 0px 10px;
margin-bottom: 15px;
font-size: 18px;
}
.redirmodal .bottom {margin-bottom: 40px; margin-top: 40px; text-align: center;}
.redirmodal .bottom .highlight {font-size: 20px;}
.redirmodal:after {background-size: auto 50%;}
.redirmodal .small-info, .redirmodal .info {text-align: center;}
.info-layer {padding: 10px;}
.select-text-wr .icon_zivpfeil02, .kv-box-inner .next-site:after {right: 8px;}
.select2-container--default .select2-selection--single .select2-selection__arrow {width: 50px;}
.result-layer {
left: -1px;
top: 256px;
width: 100%;
border-top: none;
}
.result-layer.active {top: 256px;padding: 10px;}
#searchresult .table td {padding: 8px;}
#searchresult .table-wrapper th {padding: 5px 8px;}
/*.colored {line-height: 1.8em;}*/
}
@media (max-width: 480px) {
#mobilenav {width: 100%;}
.mobilenav-open .mobilebutton {
left: inherit;
right: 15px;
top: 15px;
padding-left: 12px;
background: #666666;
}
.kv img {height: 250px;}
.search.active .search-inner {width: 100%;}
}
@media (max-width: 410px) {
.kv-box-inner .next-site {padding: 17px 32px 17px 48px;}
}
@media (max-width: 380px) {
/*Newsbereich*/
.ka-round-inner-text {width: 100%;}
/*Footer*/
.gm-box {padding: 15px;}
.gm-box h2 {font-size: 22px; word-break: break-all;}
.gm-box .colored span {
padding: 1px 0;
box-shadow: 7px 0 0 rgba(0,0,0,0.87), -7px 0 0 rgba(0,0,0,0.87);
}
totop span {font-size: 30px;}
.totop {width: 60px; min-height: 60px;}
/*Schrift*/
.content h1 {font-size: 24px;}
section h2:not(.colored) {font-size: 22px;}
.lp-content .colored {font-size: 22px; padding: 0 8px;}
.colored span {padding: 2px 0; box-shadow: 8px 0 0 rgba(0, 0, 0, 0.87), -8px 0 0 rgba(0, 0, 0, 0.87);}
h3, .content h3.colored, article[class*="ka-"] h3 {font-size: 18px; padding: 0 6px;}
h3.colored span, .content h3.colored span {padding: 2px 0; box-shadow: 6px 0 0 rgba(0, 0, 0, 0.87), -6px 0 0 rgba(0, 0, 0, 0.87);}
.c-text h3 {padding: 4px 8px;}
/*Navigation*/
.kv img {height: 500px;}
/*Bausteine*/
.partner .ka-img-small {border: 3px solid #000000;}
figure.imgleft img, figure.imgright img {
margin: 0 auto;
width: 100%;
max-height: none;
max-width: 250px;
}
/*Test*/
section.content h2:not(.colored):before {
top: 0;
left: 0;
right: 0;
margin: 0 auto;
position: absolute;
}
section.content h2:not(.colored) {
text-align: center;
word-break: break-word;
padding-top: 40px;
}
.select-text, .kv-box-inner .next-site, .select2-container--default .select2-selection--single .select2-selection__placeholder {font-size: 14px;}
/*Keyvisual*/
.kv img {height: auto; min-height: 214px;}
.kv-box {position: relative; top: -50px;}
}
@media (max-width: 365px) {
/*Navigation - schmaler*/
header nav, header nav .nav-wr {height: 60px;}
.logo, .sub .logo, .onNav .logo {margin-top: 8px; width: 44px}
.topnav {margin-top: 9px;}
.mobilebutton {top: 12px;}
.onNav .logo {margin-top: 8px;}
.search.active span.icon_zivsuche:after {top: 41px;}
.search.active .search-inner {top: 66px;}
/*Keyvisual*/
.keyvisual {margin-top: 60px;}
.kv img {height: auto; min-height: 214px;}
.kv-box {position: relative; top: -50px;}
}
@media (max-width: 321px) {
.search input {width: calc(100% - 50px);}
.search-inner {width: 305px; right: -95px;}
.kv-box-inner .next-site {padding: 17px 0px 17px 48px;}
}
/* iPad in portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.kv img {height: 600px;}
.info-layer input {margin-bottom: 10px;}
.result-layer.active {top: 171px;}
.result-layer {padding: 12px; top: 171px; left: -1px; width: 207.2%;}
.info-layer p {width: 20%; display: inline-block; margin-bottom: 0;}
.info-layer input {width: 40%; margin-bottom: 4px!important; -webkit-appearance: none; border-radius: 0;}
.info-layer .send {height: 49px; padding: 14px 17px;}
.info-layer .send:hover {padding: 14px 35px 14px 37px;}
#zivsuchestrasse {font-size: 18px;-webkit-appearance: none; border-radius: 0; padding: 2px 20px;}
#searchresult {padding-top: 0;}
#searchresult .table-wrapper th {
height: auto;
line-height: normal;
color: #ffffff;
text-align: left;
font-size: 16px;
font-weight: normal;
padding: 8px 20px;
border: none;
white-space: nowrap;
}
#searchresult .table-wrapper thead tr {
background: #000;
}
#searchresult .table-wrapper th div {display: none;}
/*4 Kreise*/
.ka-round .ka-round-inner {max-width: 100%; max-height: none;}
.ka-round-inner-text {padding: 0 30px;}
.ka-round {font-size: 20px;}
.ka-round .big {font-size: 48px; margin-bottom: 10px;}
.ka-round .ka-round-inner-text p {display: block;}
.corner {border-radius: 0; transform: none!important; width: 45%;float: left;}
.corner .c-text {transform: translate(-50%, -50%);}
.corner .c-text h3 {margin-bottom: 15px;}
.corner .c-text p {margin-bottom: 10px;}
.corner .c-text > *:not(h3) {display: block;}
}
/* iPad in landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/*Navigation*/
.mobilebutton .m-menubtn {margin: 0;}
.mobilebutton .m-menubtn:after {font-size: 20px;}
.onNav .logo, .sub .logo {width: 60px;}
.logo, .sub .logo, .onNav .logo {
width: 60px;
display: inline-block;
vertical-align: middle;
opacity: 1;
visibility: visible;
margin: 0 0 0 50px;
margin-top: 15px;
}
.logo img, .onNav .logo img {
width: auto;
height: auto;
}
#searchresult .table-wrapper th {
height: auto;
line-height: normal;
color: #ffffff;
text-align: left;
font-size: 16px;
font-weight: normal;
padding: 8px 20px;
border: none;
white-space: nowrap;
}
#searchresult .table-wrapper thead tr {
background: #000;
}
#searchresult .table-wrapper th div {display: none;}
#zivsuchestrasse {font-size: 18px;-webkit-appearance: none; border-radius: 0; padding: 2px 20px;}
header nav {height: 90px; background: rgba(0, 0, 0, 0.65);}
header nav .nav-wr {
height: 90px;
width: 100%;
padding: 0;
background: transparent;}
header nav .nav-wr:before, header nav .nav-wr:after,
.nav-wr .menubtn, .navigation, .open .navigation {display: none;}
header nav .service > li {padding: 32px 0 32px!important;}
header nav .nav-wr .topnav {float: right;}
.mobilenav-open .mobilebutton {
left: 320px;
background: #333333;
padding: 9px 0px;
padding-left: 15px;
height: 43px;
box-shadow: 2px 0 6px 0 rgba(0, 0, 0, 0.6);
}
.mobilebutton {transition: all 0.5s ease-in-out; margin-top: 0;left: 26px;}
.mobilenav-open body:before {
content: '';
background: rgba(0,0,0,0.4);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 20;
}
.mobilenav-open header,
.mobilenav-open section,
.mobilenav-open footer {
filter: blur(3px);
-webkit-filter: blur(3px);
z-index: 1;
}
header nav .service {margin-left: 0px;}
.kv-box {top: 250px;}
/*Suche*/
.search-inner {
display: none;
position: absolute;
left: inherit;
right: -68px;
top: 60px;
width: 420px;
padding: 12px 10px;
}
.search input {
width: calc(100% - 55px);
}
.search-inner:before {
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 10px solid #fff;
left: inherit;
right: 70px;
top: -29px;
}
.search .icon_zivclose {display: none!important;}
.search .send {
width: 50px;
height: 40px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
margin: 0;
float: right;
}
.search .send:after {left: -6px;}
/*Footer*/
.f-switch-cont.sitem {height: auto;}
.f-switch-cont.sitem .sitemap {margin: 28px 0;}
/*4 Kreise*/
.ka-round .ka-round-inner {max-width: 100%; max-height: none;}
.ka-round-inner-text {padding: 0 30px;}
.ka-round {font-size: 20px;}
.ka-round .big {font-size: 48px; margin-bottom: 10px;}
.ka-round .ka-round-inner-text p {display: block;}
.corner {transform: none!important; width: 45%;float: left;}
.corner .c-text {transform: translate(-50%, -50%);}
.corner .c-text h3 {margin-bottom: 15px;}
.corner .c-text p {margin-bottom: 10px;}
.corner .c-text > *:not(h3) {display: block;}
}
/* Landscape */
@media only screen and (min-device-width: 480px) and (max-device-width: 640px) and (orientation: landscape) {
/*Navigation*/
header nav, header nav .nav-wr {height: 60px;}
.logo, .sub .logo, .onNav .logo {margin-top: 8px; width: 44px}
.topnav {margin-top: 9px;}
.mobilebutton {top: 12px;}
.onNav .logo {margin-top: 8px;}
.search.active span.icon_zivsuche:after {top: 41px;}
.search.active .search-inner {top: 75px;}
.kv img {height: 500px;}
.kv-box {top: 160px;}
.select-text-wr {height: 48px;}
.kv-box .select, .kv-box-inner .next-site, .select2-container--default .select2-selection--single {height: 50px; margin-bottom: 12px;}
.kv-box-inner .next-site {padding: 15px 34px 15px 70px;}
.select2-container--default .select2-selection--single {padding: 12px 34px 15px 70px;}
.kv-box-inner .select2-container--default .select2-selection--single {margin-bottom: 0;}
.info-text {max-width: 100%;}
.result-layer.active {top: 194px;}
#searchresult .table td {padding: 8px;}
#searchresult .table-wrapper th {padding: 0 8px;}
/*Icon*/
.select-text-wr .icon_zivschornsteinfeger, .select-icon.icon_zivkehrer {font-size: 35px;}
.select-text-wr .icon_zivschornsteinfeger {left: 5px;}
.select-icon.icon_zivkehrer, .select-icon.icon_zivmann {top: 8px;}
/*Bausteine*/
figure.imgright, figure.imgleft {width: auto;margin-right: 20px;}
figure.imgleft ~ .clear, figure.imgright ~ .clear {clear:none;}
.partner [class*="col-"] {width: 50%;}
.partner .ka-img-small {border: 3px solid #000000;}
figure.imgleft img, figure.imgright img {
width: 100%;
max-height: none;
max-width: 200px;
}
/*Schriften*/
.gm-box .colored span {box-shadow: 10px 0 0 rgba(0,0,0,0.87), -10px 0 0 rgba(0,0,0,0.87);}
/*Footer*/
.meta,.socialmedia {float: none; text-align: center; margin-bottom: 15px; margin-right: 0;}
.meta li {display: block; width: 100%;}
.meta li + li {margin-top: 5px;}
.meta li + li:before {display: none;}
.copyright {width: 100%; text-align: center; display: block; line-height: 1.2;}
.totop span {font-size: 30px;}
.totop {width: 60px; min-height: 60px;}
.f-switch-cont.sitem {height: auto;}
/*Keyvisual*/
.keyvisual {margin-top: 60px;}
.kv img {height: 290px;}
.kv-box {position: relative; top: -66px;}
}br.both {
clear: both;
}
#backgroundPopup {
display: none;
position: fixed;
height: 100%;
width: 100%;
top: 0;
left: 0;
background: #000000;
border: 1px solid #cecece;
z-index: 1;
}
#popupContact {
display: none;
position: fixed;
height: auto;
width: auto;
max-width: 450px;
background: #76b729;
color: #fff;
z-index: 999;
padding: 12px;
font-size: 15px;
box-shadow: 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
}
#popupContact h1 {
border-bottom: 1px dotted #fff;
margin-bottom:5px;
padding-bottom:5px;
font-size: 22px;
text-align: center;
}
#popupContact h2 {
}
#popupContactClose {
font-size: 14px;
line-height: 14px;
right: 6px;
top: 4px;
color: #fff;
position: absolute;
font-weight: bold;
/*display: block;*/
cursor:pointer;
display: none;
}
#content .glossar,
span.glossar{
/*border-bottom: 3px double #333!important;*/
border-bottom: 1px solid#76b729!important;
cursor:help!important;
}
#content h1 .glossar, #content h2 .glossar, #content .infoblock-l .glossar {
border-bottom: none;
}.lt-ie12 .actually .colored span,
.lt-ie12 .actually .colored .blackBackground
.lt-ie12 .redirmodal .colored span {
padding:6px 10px;
box-shadow:none;
width:100%;
display:inline-block;
line-height:30px;
}
.lt-ie12 .colored span,
.lt-ie12 .colored .blackBackground,
.lt-ie12 .redirmodal .colored span {
padding:6px 10px;
box-shadow:none!important;
width:auto;
display:inline-block;
line-height:30px;
}
.lt-ie12 .colored {padding: 0!important;}