#mbOverlay{position:fixed;z-index:9998;top:0;left:0;width:100%;height:150%;background-color:#000;cursor:pointer}#mbOverlay.mbOverlayOpaque{background:url(../../assets/mediabox/images/80.png)}#mbOverlay.mbOverlayAbsolute{position:absolute}#mbOverlay.mbMobile{position:absolute;background-color:transparent}#mbBottom.mbMobile{line-height:24px;font-size:16px}#mbCenter{position:absolute;z-index:9999;left:50%;padding:10px;background-color:#000;-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;border-radius:10px;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000');-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";-webkit-box-shadow:0 5px 20px rgba(0,0,0,.5);-khtml-box-shadow:0 5px 20px rgba(0,0,0,.5);-moz-box-shadow:0 5px 20px rgba(0,0,0,.5);box-shadow:0 5px 20px rgba(0,0,0,.5)}#mbCenter.mbLoading{background:#000 url(../../assets/mediabox/images/loading-dark.gif) no-repeat center;-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#mbMedia{position:relative;left:0;top:0;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:left;background-position:center center;background-repeat:no-repeat}#mbBottom{line-height:20px;font-size:12px;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;text-align:left;color:#999;min-height:20px;padding:10px 0 0}#mbTitle,#mbPrevLink,#mbNextLink,#mbCloseLink{display:inline;color:#fff;font-weight:700}#mbNumber{display:inline;color:#999;font-size:.8em;margin:auto 10px}#mbCaption{display:block;color:#999;line-height:1.6em;font-size:.8em}#mbPrevLink,#mbNextLink,#mbCloseLink{float:right;outline:0;margin:0 0 0 10px;font-weight:400}#mbPrevLink b,#mbNextLink b,#mbCloseLink b{color:#eee;font-weight:700;text-decoration:underline}#mbPrevLink big,#mbNextLink big,#mbCloseLink big{color:#eee;font-size:1.4em;font-weight:700}#mbBottom a,#mbBottom a:link,#mbBottom a:visited{text-decoration:none;color:#ddd}#mbBottom a:hover,#mbBottom a:active{text-decoration:underline;color:#fff}#mbError{position:relative;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:center;border:10px solid #700;padding:10px 10px 10px;margin:20px;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#mbError a,#mbError a:link,#mbError a:visited,#mbError a:hover,#mbError a:active{color:#d00;font-weight:700;text-decoration:underline}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
/*
 * CSS Crush(ed) on 2019-06-14 14:40:28 +0200
 * http://github.com/peteboere/css-crush (v1.8.0)
 */
/*.............................................................................
    BooZii - A responsive bootstrap
    Package: Bootstrap
    Description: constructor file
    Author: Joe Ray Gregory @ borowiakziehe KG
    Lisence: LGPL
.............................................................................*/

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    Imports
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*! normalize.css v2.0.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

/*
 * Removes default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
}

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE 8/9.
 */

mark {
    color: #000;
    background: #ff0;
}

/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace,serif;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    word-wrap: break-word;
    white-space: pre;
    white-space: pre-wrap;
}

/*
 * Sets consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    position: relative;
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * Removes border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid #c0c0c0;
}

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    padding: 0;
    border: 0;
}

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */

button,
input,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: 100%;
}

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

/*
 * Re-set default cursor for disabled elements.
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto;
    vertical-align: top;
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

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

/*.............................................................................
    Package: Menu
    Description: Menu Helpers to quickly build up Menues
    Author: Joe Ray Gregory
    Lisence: LGPL
.............................................................................*/

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    Global grid basics
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*----------------------------------------------------------------------------
:Desc Defines the base style of the grid wrapper thats needed to hold the units
-----------------------------------------------------------------------------*/

.grid {
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    min-width: 755px;
    max-width: 1180px;
}

/*----------------------------------------------------------------------------
:Desc Defines the base style of each unit
-----------------------------------------------------------------------------*/

.u_1,
.u_2,
.u_3,
.u_4,
.u_5,
.u_6,
.u_7,
.u_8,
.u_9,
.u_10,
.u_11,
.u_12 {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 1px;
    _height: 1px;
    margin-left: 3.8%;
}

/*----------------------------------------------------------------------------
:Desc Defines the width of each unit
-----------------------------------------------------------------------------*/

.u_1 {
    width: 4.85%;
}

.u_2 {
    width: 13.45%;
}

.u_3 {
    width: 22.05%;
}

.u_4 {
    width: 30.75%;
}

.u_5 {
    width: 39.45%;
}

.u_6 {
    width: 48%;
}

.u_7 {
    width: 56.75%;
}

.u_8 {
    width: 65.4%;
}

.u_9 {
    width: 74.05%;
}

.u_10 {
    width: 82.7%;
}

.u_11 {
    width: 91.35%;
}

.u_12 {
    width: 100%;
}

/*----------------------------------------------------------------------------
:Desc Defines the width of each unit
-----------------------------------------------------------------------------*/

.grid [class^=u_]:first-child,
.u_12,
.first {
    clear: both;
    margin-left: 0;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    Global Styles only for resolutions under 1140px
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

@media only screen and (min-width: 480px),(max-width: 1139px) {
    /*----------------------------------------------------------------------------
        :Desc Defines the base style of the grid wrapper thats needed to hold the units
        -----------------------------------------------------------------------------*/

    .grid {
        padding: 0 20px;
    }

}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    Global Styles only for resolutions til 1024spx
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

@media only screen and (max-device-width: 1024px) and (orientation:landscape),(max-width: 1024px) {
    .hideat1024 {
        display: none;
    }

}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    Styles for tablets at portrait mode and browsers lower than 768px
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

@media only screen and (max-device-width: 768px) and (orientation:portrait),(max-width: 768px) {
    /*----------------------------------------------------------------------------
        :Desc Defines the base style of the grid wrapper thats needed to hold the units
        -----------------------------------------------------------------------------*/

    .grid {
        min-width: 0;
    }

    /*----------------------------------------------------------------------------
        :Desc Reset all unit styles
        -----------------------------------------------------------------------------*/

    .u_1,
    .u_2,
    .u_3,
    .u_4,
    .u_5,
    .u_6,
    .u_7,
    .u_8,
    .u_9,
    .u_10,
    .u_11,
    .u_12 {
        float: none;
        width: auto;
        padding-right: 20px;
        padding-left: 20px;
        margin-right: 0;
        margin-left: 0;
    }

    .hideat768 {
        display: none;
    }

}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    Only for tablets in portrait mode
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

@media only screen and (max-device-width: 768px) and (orientation:portrait) {
    body {
        font-size: 1.1em;
    }

    .hideat768portrait {
        display: none;
    }

}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    Only for browsers lower than 480px width and smartphones
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

@media only screen and (max-width: 480px) {
    body {
        font-size: .8em;
        -webkit-text-size-adjust: none;
    }

    .hideat480 {
        display: none;
    }

}

body {
    font-size: 10px;
}

img,
object,
embed {
    width: auto;
    max-width: 100%;
}

img {
    height: auto;
}

iframe {
    width: 100%;
}

.centerize {
    margin: 0 auto;
}

.stretch {
    float: left;
    width: 100%;
}

/* MAIN NAVIGATION */

.main-navigation .nav-list {
    position: relative;
    z-index: 20;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

.main-navigation .nav-list.level_1 {
    height: 400px;
    padding-left: 257px;
}

.main-navigation .nav-item {
    display: table-cell;
    float: left;
    width: 100px;
    height: 94px;
    padding: 0 10px 6px;
    margin: 0 7px 7px 0;
    background: #aaaaa9;
    background: -moz-radial-gradient(center,ellipse cover,#c2c3c3 0%,#aaaaa9 60%) #aaaaa9;
    background: -webkit-gradient(radial,center center,0,center center,100%,color-stop(0%,#c2c3c3),color-stop(60%,#aaaaa9)) #aaaaa9;
    background: -webkit-radial-gradient(center,ellipse cover,#c2c3c3 0%,#aaaaa9 60%) #aaaaa9;
    background: -o-radial-gradient(center,ellipse cover,#c2c3c3 0%,#aaaaa9 60%) #aaaaa9;
    background: -ms-radial-gradient(center,ellipse cover,#c2c3c3 0%,#aaaaa9 60%) #aaaaa9;
    background: -webkit-radial-gradient(ellipse at center,#c2c3c3 0%,#aaaaa9 60%) #aaaaa9;
    background: -moz-radial-gradient(ellipse at center,#c2c3c3 0%,#aaaaa9 60%) #aaaaa9;
    background: -o-radial-gradient(ellipse at center,#c2c3c3 0%,#aaaaa9 60%) #aaaaa9;
    background: radial-gradient(ellipse at center,#c2c3c3 0%,#aaaaa9 60%) #aaaaa9;
    background-repeat: no-repeat;
    background-position: 50% -50px;
    -webkit-background-size: 200px 100px;
    -moz-background-size: 200px 100px;
    background-size: 200px 100px;
    list-style-type: none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c2c3c3,endColorstr=#aaaaa9,GradientType=0);
}

.main-navigation .nav-item.active,
.main-navigation .nav-item.trail {
    background: #159a34;
    background: -moz-radial-gradient(center,ellipse cover,#40ad4f 0%,#159a34 60%) #159a34;
    background: -webkit-gradient(radial,center center,0,center center,100%,color-stop(0%,#40ad4f),color-stop(60%,#159a34)) #159a34;
    background: -webkit-radial-gradient(center,ellipse cover,#40ad4f 0%,#159a34 60%) #159a34;
    background: -o-radial-gradient(center,ellipse cover,#40ad4f 0%,#159a34 60%) #159a34;
    background: -ms-radial-gradient(center,ellipse cover,#40ad4f 0%,#159a34 60%) #159a34;
    background: -webkit-radial-gradient(ellipse at center,#40ad4f 0%,#159a34 60%) #159a34;
    background: -moz-radial-gradient(ellipse at center,#40ad4f 0%,#159a34 60%) #159a34;
    background: -o-radial-gradient(ellipse at center,#40ad4f 0%,#159a34 60%) #159a34;
    background: radial-gradient(ellipse at center,#40ad4f 0%,#159a34 60%) #159a34;
    background-repeat: no-repeat;
    background-position: 50% -50px;
    -webkit-background-size: 200px 100px;
    -moz-background-size: 200px 100px;
    background-size: 200px 100px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#40ad4f,endColorstr=#159a34,GradientType=0);
}

.main-navigation .nav-item:hover {
    background-position: -1000px -1000px;
}

.main-navigation .nav-link,
.main-navigation .nav-span {
    display: table-cell;
    vertical-align: bottom;
    width: 100px;
    height: 94px;
    text-decoration: none;
}

.main-navigation .nav-item.first,
.main-navigation .nav-item.active.first {
    width: 230px;
    height: 94px;
    background-image: url(../../files/booZii/themes/bockelmann/img/bockelmann-logo.png);
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    text-indent: -9999px;
    filter: none;
}

.main-navigation .level_1 > .nav-item.first {
    margin-left: -257px;
}

.main-navigation .nav-link.first {
    width: 230px;
}

.main-navigation .nav-item.last {
    margin-right: 0;
}

.main-navigation .level_2 {
    display: none;
}

.main-navigation .nav-item:hover > .level_2 {
    display: block;
}

.main-navigation .level_2:before {
    position: absolute;
    z-index: 30;
    top: 20px;
    left: 20px;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #159a34;
    border-left: 10px solid transparent;
}

.main-navigation .level_2.nav-list {
    left: -10px;
    width: 120px;
    padding-top: 30px;
}

.main-navigation .level_2 .nav-item,
.main-navigation .level_2 .nav-item.first,
.main-navigation .level_2 .nav-item.active.first {
    width: 100px;
    height: auto;
    padding: 5px 10px;
    margin-bottom: 0;
    background: none;
    background-image: none;
    background-color: #159a34;
    text-indent: 0;
    filter: none;
}

.main-navigation .level_2 .nav-link,
.main-navigation .level_2 .nav-span {
    display: block;
    width: 80px;
    height: auto;
    background-color: #159a34;
    font-size: 1em;
    line-height: 20px;
}

.main-navigation .level_2 .nav-span {
    font-weight: bold;
}

.main-navigation .level_2 .nav-item:hover .nav-link {
    text-decoration: underline;
}

/* SUBNAVIGATION */

.subnavigation a:hover {
    text-decoration: underline;
}

.subnavigation .nav-list {
    padding: 0;
    margin: 0;
}

.subnavigation .nav-item {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 30px;
    margin-bottom: 5px;
    font-size: .8em;
    list-style-type: none;
}

.subnavigation .nav-item:after {
    position: absolute;
    top: 0;
    right: -20px;
    display: block;
    content: "/";
    font-size: 1.175em;
}

.subnavigation .nav-item.last {
    margin-right: 0;
}

.subnavigation .nav-item.last:after {
    display: none;
}

.subnavigation .nav-link {
    color: #4a4a49;
    text-decoration: none;
}

.subnavigation .nav-span,
.subnavigation .trail .nav-link {
    color: #159a34;
}

/* FOOTER NAVIGATION */

#footer .mod_navigation ul {
    padding: 0;
    margin: 0;
}

#footer .mod_navigation li {
    text-align: right;
    font-weight: bold;
    list-style: none;
}

#footer .mod_navigation a {
    color: #fff;
    line-height: 1.5;
}

/* LANGUAGE SWITCHER */

.list_changelanguage {
    position: absolute;
    z-index: 20;
    top: 0;
    padding: 0;
    margin: 0 0 0 1147px;
}

.lang-item {
    width: 54px;
    height: 47px;
    line-height: 47px;
    list-style: none;
}

.lang-item.first {
    height: 46px;
    margin-bottom: 7px;
    line-height: 46px;
}

.lang-link,
.lang-span {
    display: block;
    color: #159a34;
    background: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 1.2em;
}

.lang-span {
    color: #fff;
    background: #159a34;
}

/* SELECT NAVIGATION FOR SMALL SCREEN SIZES */

.select-navigation {
    position: relative;
    z-index: 20;
    display: none;
}

/* PAGINATION */

.pagination ul {
    padding: 0;
}

.pagination li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0 10px;
    list-style-type: none;
}

/*
@font-face {
    font-family: 'quaysans-book';
    src: url('/files/booZii/themes/bockelmann/fonts/quaysanboo-webfont.eot');
    src: url('/files/booZii/themes/bockelmann/fonts/quaysanboo-webfont.eot?#iefix') format('embedded-opentype'),
    url('/files/booZii/themes/bockelmann/fonts/quaysanboo-webfont.woff') format('woff'),
    url('/files/booZii/themes/bockelmann/fonts/quaysanboo-webfont.ttf') format('truetype'),
    url('/files/booZii/themes/bockelmann/fonts/quaysanboo-webfont.svg#quaysans-book_medregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'quaysans-book-italic';
    src: url('/files/booZii/themes/bockelmann/fonts/quaysanbooita-webfont.eot');
    src: url('/files/booZii/themes/bockelmann/fonts/quaysanbooita-webfont.eot?#iefix') format('embedded-opentype'),
    url('/files/booZii/themes/bockelmann/fonts/quaysanbooita-webfont.woff') format('woff'),
    url('/files/booZii/themes/bockelmann/fonts/quaysanbooita-webfont.ttf') format('truetype'),
    url('/files/booZii/themes/bockelmann/fonts/quaysanbooita-webfont.svg#quaysans-bookitalicregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'quaysans-medium';
    src: url('/files/booZii/themes/bockelmann/fonts/quaysanmed-webfont.eot');
    src: url('/files/booZii/themes/bockelmann/fonts/quaysanmed-webfont.eot?#iefix') format('embedded-opentype'),
    url('/files/booZii/themes/bockelmann/fonts/quaysanmed-webfont.woff') format('woff'),
    url('/files/booZii/themes/bockelmann/fonts/quaysanmed-webfont.ttf') format('truetype'),
    url('/files/booZii/themes/bockelmann/fonts/quaysanmed-webfont.svg#quaysans-medium_medregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'quaysans-medium-italic';
    src: url('/files/booZii/themes/bockelmann/fonts/quaysanmedita-webfont.eot');
    src: url('/files/booZii/themes/bockelmann/fonts/quaysanmedita-webfont.eot?#iefix') format('embedded-opentype'),
    url('/files/booZii/themes/bockelmann/fonts/quaysanmedita-webfont.woff') format('woff'),
    url('/files/booZii/themes/bockelmann/fonts/quaysanmedita-webfont.ttf') format('truetype'),
    url('/files/booZii/themes/bockelmann/fonts/quaysanmedita-webfont.svg#quaysans-mediumitalicregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/

body {
    font-size: 16px;
    line-height: 1.4em;
    font-weight: 300;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #159a34;
    font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: bold;
}

h1,
.h1 {
    margin: 0 auto 10px;
    font-size: 2.2em;
    line-height: 1.2;
}

h2,
.h2 {
    margin: 0 auto 10px;
    font-size: 2.2em;
    line-height: 1;
}

h3,
.h3 {
    margin: 0 auto 10px;
    font-size: 1.6em;
    line-height: 1.2;
}

h3 a,
.h3 a {
    color: #159a34;
    text-decoration: none;
}

.ansprechpartner h4 {
    padding: 10px;
    margin-top: .375em;
    color: #fff;
    background: url(../../files/booZii/themes/bockelmann/img/greenshape.png) top left;
    font-size: 1.2em;
    line-height: 1;
    font-weight: 300;
}

a {
    color: #159a34;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

p {
    font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}

.ce_text > p:first-child {
    margin-top: 0;
}

#footer p,
#footer a {
    padding: 0;
    margin: 0;
    color: #fff;
}

.ansprechpartner a {
    color: #4a4a49;
    text-decoration: none;
}

.image_container {
    line-height: .1;
}

.image_container figcaption {
    margin-top: 10px;
    font-size: .8em;
    line-height: 1.2;
}

input {
    color: #4a4a49;
}

.nav-link,
.nav-span {
    color: #fff;
    font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-size: 1.3em;
}

p.phone {
    background: url(../../files/booZii/themes/bockelmann/img/icon-telefon.png) no-repeat left center;
}

p.email {
    background: url(../../files/booZii/themes/bockelmann/img/icon-email.png) no-repeat left center;
}

p.contact {
    background: url(../../files/booZii/themes/bockelmann/img/icon-kontakt.png) no-repeat left center;
}

p.hours {
    background: url(../../files/booZii/themes/bockelmann/img/icon-oeffnungszeiten.png) no-repeat left center;
}

p.mobile {
    background: url(../../files/booZii/themes/bockelmann/img/icon-mobile.png) no-repeat left center;
}

p.fax {
    background: url(../../files/booZii/themes/bockelmann/img/icon-fax.png) no-repeat left center;
}

p.phone,
p.email,
p.contact,
p.hours,
p.mobile,
p.fax {
    padding: 8px 0 8px 36px;
    margin: 0;
}

p.phone a,
p.fax a,
p.mobile a {
    cursor: default;
}

.locationslider .ce_text h4 {
    margin: .25em 0 1em;
    color: #fff;
    font-size: 1.2em;
    font-weight: normal;
}

.locationslider address {
    font-style: normal;
}

.locationslider .ce_text a {
    color: #fff;
}

.locationslider .ce_text {
    color: #fff;
}

.ce_accordion li,
.ce_text li {
    position: relative;
    color: #4a4a49;
    list-style-type: none;
}

.ce_accordion li:before,
.ce_text li:before {
    position: absolute;
    top: 5px;
    left: -14px;
    display: block;
    content: "";
    width: 6px;
    height: 6px;
    background-color: #159a34;
}

.ce_downloads ul {
    padding-left: 0;
}

.ce_downloads li {
    list-style-type: none;
}

#right .image_container {
    margin-bottom: 20px;
}

.ce_text .float_left,
.ce_text .float_right {
    margin-bottom: 15px;
}

/*#########################################
solid-boxes (grey background, green on hover), e. g. on homepage
########################################*/

.solid-box {
    position: relative;
    height: 175px;
    min-height: 175px;
    _height: 175px;
    padding: 15px;
    margin-bottom: 3.8%;
    color: #fff;
    background: #aaaaa9;
}

.solid-box:hover {
    background: url(../../files/booZii/themes/bockelmann/img/bg-stripes.png) top left #139430;
}

.solid-box > a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    text-decoration: none;
}

.solid-box p,
.solid-box address,
.solid-box h4 {
    width: 67%;
    margin: 0;
}

.bg-as-image .image_container {
    display: none;
}

.solid-box .bg-image {
    position: absolute;
    top: 0;
    right: 0;
    width: 30%;
    height: 100%;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    background-size: cover !important;
}

/*#########################################
eye-catcher, mainly right column Abholmarkt
########################################*/

.information-unit {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 2px solid #ddd;
}

.information-unit.eye-catcher {
    border-bottom: 0;
}

.eye-catcher + div {
    padding-top: 30px;
    border-top: 2px solid #ddd;
}

.eye-catcher {
    padding: 15px;
    background: url(../../files/booZii/themes/bockelmann/img/bg-stripes.png);
}

.eye-catcher section {
    overflow: auto;
    padding: 15px;
    background: #fff;
}

/* Teaser Image */

.ce_pageimages {
    position: absolute;
    z-index: 10;
    left: 0;
    width: 100%;
    height: 453px;
    background-repeat: no-repeat;
    background-position: center 80%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

/*#########################################
location slider
########################################*/

.locationslider {
    position: relative;
}

.inner-slideswrap {
    width: 100%;
    height: 200px;
}

.locationslider .solid-box {
    height: auto;
}

.locationslider .ce_image {
    margin-top: 50px;
}

.locationslider .ce_text {
    position: absolute;
    left: 0;
    width: 80%;
    background: url(../../files/booZii/themes/bockelmann/img/bg-stripes.png) top left #139430;
}

.locationslider .ce_text ul {
    padding-top: 0;
    padding-left: 30px;
}

.locationslider .ce_text figure {
    position: relative;
    float: right;
    padding: 0;
}

/*nav text*/

.locationslider .slider-nav-text {
    padding: 0;
    margin: 0 0 15px;
}

.locationslider .slider-nav-text li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 0;
    margin: 0 5px 0 0;
    list-style-type: none;
    cursor: pointer;
}

.locationslider .slider-nav-text p {
    margin: 0 0 5px;
}

.locationslider .slider-nav-text p:after {
    content: '/';
    margin-left: 5px;
}

.locationslider .slider-nav-text li:last-child p:after {
    content: '';
    margin-left: 0;
}

.locationslider .slider-nav-text li.active {
    color: #159a34;
}

.location-person {
    position: relative;
}

.location-person .u_7 {
    font-size: .9em;
}

.location-person .location {
    position: absolute;
    bottom: 0;
    margin: 0;
}

.location-person .location span {
    color: green;
    font-weight: bold;
}

/*#########################################
globals
########################################*/

.mod_article {
    overflow: hidden;
}

/*#########################################
teaser-bereich
########################################*/

#teaser-bereich {
    padding-bottom: 10px;
}

#teaser-bereich .information-unit {
    padding-bottom: 30px;
    margin-bottom: 0;
}

#teaser-bereich .subnavigation + div {
    margin-top: 10px;
}

/*#########################################
tabellen
########################################*/

.content-table td,
.content-table th {
    vertical-align: top;
    padding: 12px 8px;
    border-bottom: 1px solid #ddd;
    text-align: left;
}

.content-table th {
    vertical-align: middle;
    border-top: 0;
    background: #e4e4e3;
}

.content-table .row_last td {
    border-bottom: 0;
}

.content-table tr:hover {
    background: white;
}

.content-table.price .col_0 {
    width: 28%;
}

.content-table.price .col_1 {
    width: 35%;
}

.content-table.price .col_2 {
    width: 25%;
}

.content-table.price .col_3 {
    width: 12%;
}

.content-table.holzpellets {
    width: 400px;
}

.content-table.holzpellets table {
    width: 100%;
}

.information {
    font-size: .9em;
}

.content-table.fullwidth table {
    width: 100%;
}

.ce_ceWrapper_bz.olimp-pellets {
    background: url(../../files/medien/Werkverkauf/olimp-Pellets.png) no-repeat 90% 70%;
}

.ce_ceWrapper_bz.hanse-pellets {
    background: url(../../files/medien/Werkverkauf/hanse-pellet-packshot.png) no-repeat 90% 70%;
}

.ce_ceWrapper_bz.bioenergie-pellets {
    background: url(../../files/medien/Werkverkauf/Bioenergie-Pellets-ausverkauft.jpg) no-repeat 90% 70%;
}

/*#########################################
team-member
########################################*/

body.team h2 {
    margin-bottom: 20px;
    font-size: 1.4em;
}

.team-member h3 {
    font-size: 1em;
    line-height: 1em;
}

.team-member.u_4 {
    margin-left: 3.8%;
}

.team-member {
    margin-bottom: 30px;
}

.team-member.u_4:nth-of-type(3n + 1),
#rohholz-einkauf .team-member.u_4:nth-of-type(3n) {
    margin-left: 0;
}

#rohholz-einkauf .team-member.u_4:nth-of-type(3n + 1) {
    margin-left: 0;
}

.team-member .position {
    margin-top: 0;
}

.ansprechpartner .team-member.u_4 {
    width: 100%;
}

.team-member a {
    text-decoration: none;
}

.team-member.hide-contact-data .phone,
.team-member.hide-contact-data .mobile,
.team-member.hide-contact-data .fax,
.team-member.hide-contact-data .email {
    display: none;
}

/*#########################################
bewerbungsformular
########################################*/

.ce_form .formbody:after {
    display: table;
    content: " ";
    clear: both;
}

.ce_form fieldset {
    border-color: #ddd;
}

.ce_form .formbody > fieldset {
    padding-top: 10px;
    margin-bottom: 15px;
}

.ce_form label {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 180px;
}

.ce_form input.text,
.ce_form textarea {
    padding: 4px 6px;
    border: 1px solid #ddd;
}

.ce_form input.text:focus,
.ce_form textarea:focus {
    -webkit-box-shadow: 0 0 3px #159a34;
    box-shadow: 0 0 3px #159a34;
    outline: none;
}

.ce_form .widget {
    margin-bottom: 10px;
}

.ce_form .radio_container > span {
    display: block;
    margin-bottom: 10px;
}

.ce_form .radio_container span:last-child {
    margin-bottom: 0;
}

.ce_form .radio_container label,
#bewerbungsformular .checkbox_container label {
    width: 75%;
}

.ce_form fieldset.checkbox_container,
.ce_form fieldset.datenschutzerklaerung {
    border: 0;
}

.ce_form fieldset.datenschutzerklaerung .checkbox_container {
    padding-left: 0;
}

.ce_form .checkbox_container span {
    display: block;
    margin-bottom: 10px;
}

.ce_form .checkbox_container label {
    width: auto;
}

.ce_form .datenschutzerklaerung br {
    clear: both;
    line-height: 0;
}

.ce_form .datenschutzerklaerung .explanation {
    margin-top: -30px;
}

.opera .ce_form .datenschutzerklaerung .explanation {
    margin-top: -15px;
}

.ce_form .CalendarFieldIcon {
    position: relative;
    top: 5px;
    left: 5px;
}

.ce_form legend {
    color: #159a34;
}

.ce_form fieldset fieldset legend {
    color: #4a4a49;
}

.ce_form fieldset fieldset {
    padding-left: 0;
    border: 0;
}

.ce_form .styled_select.select span {
    padding-right: 20px;
}

.opera .ce_form .styled_select.select {
    margin-top: -12px;
}

.ce_form label.error,
.ce_form input.error,
.ce_form p.error {
    color: red;
}

.ce_form input.error {
    border: 1px solid red;
}

/*#########################################
styled select
########################################*/

#header .styled_select.select {
    right: 3.8%;
}

#header .styled_select.select span {
    padding-right: 20px;
}

.styled_select,
.styled_select b {
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}

/* News list all
========================================================================== */

.news-list-all-item-wrapper {
    display: flex;
    margin-right: -20px;
    margin-left: -20px;
    flex-wrap: wrap;
}

.news-list-all .layout_latest {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 33.33333%;
    padding-right: 20px;
    padding-left: 20px;
    border-bottom: none;
}

.news-list-all .image_container {
    margin-bottom: 10px;
}

.news-list-all .layout_latest img {
    width: 100%;
}

.news-list-all .pagination {
    border-top: 1px solid #ddd;
}

/*#########################################
Jobs, Ausbildung
########################################*/

.layout_latest {
    margin-bottom: 2.5em;
    border-bottom: 1px solid #ddd;
}

.layout_latest.last {
    border-bottom: 0;
}

/* add bottom border when parent module (mod_newslist) has a with-bottom-border CSS class */

.with-bottom-border .layout_latest.last {
    border-bottom: 1px solid #ddd;
}

/*#########################################
gallery stylings
########################################*/

.ce_gallery ul {
    padding: 0;
    margin: 0;
}

.ce_gallery li {
    float: left;
    list-style-type: none;
}

.ce_gallery li.col_last .image_container {
    padding-right: 0 !important;
}

.ce_gallery li.row_last .image_container {
    padding-bottom: 0 !important;
}

/*#########################################
mediabox
########################################*/

body #mbOverlay {
    opacity: 1;
    zoom: 1;
    -ms-filter: "alpha(opacity=100)";
    *filter: alpha(opacity=100);
    background-color: #fff;
}

body #mbImage {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body #mbCenter,
body #mbCenter.mbLoading {
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #fff;
}

body #mbPrevLink big,
body #mbNextLink big,
body #mbCloseLink big {
    color: #999;
}

body #mbPrevLink big:hover,
body #mbNextLink big:hover,
body #mbCloseLink big:hover {
    color: #4a4a49;
}

body #mbNumber,
body #mbNextLink,
body #mbPrevLink {
    display: none;
}

#footer {
    position: relative;
    height: 79px;
    padding-top: 32px;
    background: url(../../files/booZii/themes/bockelmann/img/bg-noise-footer.jpg) repeat-x;
}

#footer .u_2.logo {
    width: 17.75%;
}

#footer .mod_navigation.u_2 {
    width: 9.15%;
}

/*
#footer:after {
@include radial-exposed-bg( rgba(173,173,173,0), rgba(0,0,0,0.2) );
    background-position: center -48px;
    background-repeat: no-repeat;
    background-size: 100% 100px;
    content: "";
    display: block;
    height: 50px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
*/

.ie7 #holz-teaser .solid-box .bg-image {
    display: none;
}

.ie7 #holz-teaser .solid-box p {
    width: 100%;
}

.ie7 .main-navigation .nav-link,
.ie7 .main-navigation .nav-span {
    display: block;
    height: 44px;
    padding-top: 50px;
}

.ie7 .main-navigation .level_2 .nav-link,
.ie7 .main-navigation .level_2 .nav-span {
    padding-top: 0;
    margin-top: 0;
}

.ie7 .button,
.ie7 .ce_hyperlink a {
    background-image: url(../../files/booZii/themes/bockelmann/img/button-arrow.png);
    background-repeat: no-repeat;
    background-position: 10px center;
}

.ie8 #holz-teaser .solid-box .bg-image {
    display: none;
}

.ie8 #holz-teaser .solid-box p {
    width: 100%;
}

.ie8 .solid-box {
    padding-top: 0;
    padding-bottom: 0;
}

.ie8 .solid-box p:first-child {
    margin-top: 15px;
}

.ie8 #right .u_4.team-member {
    margin-left: 0;
}

.ie8 .u_4.team-member.first {
    margin-left: 0;
}

/*.............................................................................
    BooZii - A responsive bootstrap
    Package: Theme moonwalk
    Description: Theme file for Bockelmann
    Author: Stefan Beutler @ borowiakziehe KG

    colors:
        text-color: #4a4a49
        green: #159a34
        lightgrey: #aaaaa9

    font Hint:
        Type: em
        Baseline: 10px
        Used fonts: QuaySans
.............................................................................*/

*,
*:after,
*:before {
    *behavior: url(/files/booZii/themes/bockelmann/css/boxsizing.htc);
}

html {
    background: #a7a9a8;
}

body {
    color: #4a4a49;
    background: url(../../files/booZii/themes/bockelmann/img/bg-noise.jpg) 0 20px;
}

/* Content */

.float_right {
    float: right;
}

.float_left {
    float: left;
}

#header {
    height: 450px;
    margin-bottom: 25px;
}

#nav-main {
    float: right;
    padding-top: 3em;
}

.item {
    margin-right: 1em;
}

.link {
    padding: .5em;
    -webkit-border-radius: .5em;
    border-radius: .5em;
    color: #fff;
    background-color: #323436;
}

#content [class^=u_] {
    padding: 1em;
    margin-bottom: 3.8%;
    background-color: #fff;
}

iframe {
    height: 350px;
}

.invisible {
    display: none;
}

.group {
    overflow: hidden;
}

.group:after {
    display: table;
    content: "";
    clear: both;
}

#wrapper {
    position: relative;
}

#container {
    position: relative;
    padding-bottom: 200px;
    margin-top: 40px;
    background: url(../../files/booZii/themes/bockelmann/img/footer-scene-image.jpg) no-repeat center bottom;
}

.container-bg {
    background: url(../../files/booZii/themes/bockelmann/img/vertical-border.png) repeat-y 67.3% top;
}

.container-bg.grid {
    padding: 0;
}

#teaser + #container {
    margin-top: 25px;
}

#main {
    position: relative;
}

#right {
    position: relative;
}

.ce_hyperlink.button a,
div.button a,
.submit_container.button input {
    position: relative;
}

.submit_container.button {
    position: relative;
}

.ce_hyperlink.button a:before,
div.button a:before,
.submit_container.button:before {
    position: absolute;
    z-index: 20;
    top: 8px;
    left: 8px;
    content: "";
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid #aaaaa9;
}

.submit_container.button:before {
    top: 30%;
}

.ce_hyperlink.button a.active:before,
div.button a.active:before {
    border: 0;
    border-top: 10px solid #aaaaa9;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.toggler-button {
    margin-right: 20px;
}

/* Team member in lightbox
========================================================================== */

.mb-inner .member-headline {
    padding: 10px;
    margin-top: .375em;
    color: #fff;
    background: url(../../files/booZii/themes/bockelmann/img/greenshape.png) top left;
    font-size: 1.2em;
    line-height: 1;
    font-weight: 300;
}

.mb-inner .position {
    margin-top: 0;
    color: #4a4a49;
}

.mb-inner .member-image {
    float: left;
    width: 39.45%;
    padding-left: 0;
}

.mb-inner .u_7 {
    float: left;
    width: 56.75%;
    padding-right: 0;
}

@media only screen and (max-width: 1280px) {
    .list_changelanguage {
        top: 350px;
        right: 10px;
    }

}

@media only screen and (min-width: 1181px) {
    .team-member.u_4.location-person {
        width: 45%;
        margin-right: 2%;
        margin-left: 0;
    }

    .team-member.location-person.first {
        clear: none;
    }

}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    setting styles when reaching the max width breakpoint of 1180px
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

@media only screen and (max-width: 1180px) {
    #rohholz-einkauf .ce_ceWrapper_bz.u_6 {
        width: 56.75%;
    }

    .location-person .u_7 {
        margin-left: 0;
    }

    .team-member.location-person {
        margin-bottom: 10px;
    }

    #rohholz-einkauf .member-image {
        margin-right: 5px;
    }

    #rohholz-einkauf .team-member.u_4 {
        width: 48%;
    }

    #rohholz-einkauf .team-member.u_4.first {
        clear: none;
    }

    #rohholz-einkauf .team-member.u_4 {
        margin-left: 0;
    }

    #rohholz-einkauf .team-member.u_4:nth-of-type(2n) {
        margin-left: 3.8%;
    }

    #location-map {
        width: 39.45%;
    }

    .fullat1180 {
        float: none;
        width: auto;
        padding-right: 20px;
        padding-left: 20px;
        margin-right: 0;
        margin-left: 0;
    }

    .toggler-button {
        clear: left;
    }

}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    Global Styles only for resolutions under 1140px
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

@media only screen and (min-width: 480px) and (max-width: 1200px) {
    #header .nav-link,
    #header .nav-span {
        font-size: 1.1em;
    }

    .main-navigation .nav-item,
    .main-navigation .nav-link,
    .main-navigation .nav-span {
        width: 80px;
    }

}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   Global Styles only for resolutions til 1024spx
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

@media only screen and (max-device-width: 1024px) and (orientation:landscape),(max-width: 1024px) {
    .ce_ceWrapper_bz.olimp-pellets,
    .ce_ceWrapper_bz.hanse-pellets {
        background: none;
    }

    /* News list all
        ========================================================================== */

    .news-list-all .layout_latest {
        width: 50%;
    }

}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   Global Styles only for resolutions til 960px
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

@media only screen and (max-device-width: 960px) and (orientation:landscape),(max-width: 960px) {
    .team-member .u_5 {
        width: 100%;
        margin-bottom: 5px;
    }

    .team-member .u_7 {
        width: 100%;
        min-height: 80px;
        _height: 80px;
        margin-left: 0;
    }

}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    Styles for tablets at portrait mode and browsers lower than 768px
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

@media only screen and (max-device-width: 768px) and (orientation:portrait),(max-width: 768px) {
    .grid {
        padding-right: 0;
        padding-left: 0;
    }

    .container-bg {
        background: none;
    }

    #main:after {
        display: none;
    }

    #right {
        padding-top: 30px;
    }

    #right:before {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        content: "";
        width: 100%;
        height: 4px;
        background-color: #ddd;
    }

    #right:after {
        top: 0;
        left: 0;
        width: 100%;
        height: 3px;
    }

    #header {
        /*height: 100px;*/
        /*padding-top: 20px;*/
        height: auto;
        padding-top: 0;
        background: #fff;
    }

    #header .u_4 {
        width: 30.75%;
    }

    #header .u_8 {
        width: 65.4%;
        padding-right: 0;
        margin-top: 28px;
        text-align: right;
    }

    #header .u_4,
    #header .u_8 {
        float: left;
    }

    #header .u_8 form {
        float: right;
    }

    .home-link {
        display: block;
        width: 180px;
        height: 80px;
        background: url(../../files/booZii/themes/bockelmann/img/bockelmann-logo.png) no-repeat center;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        background-size: 100%;
    }

    .ce_pageimages {
        height: 0 !important;
        background-image: none !important;
    }

    .main-navigation {
        display: none;
    }

    .select-navigation {
        display: block;
    }

    .select-navigation .u_4,
    .select-navigation .u_8{
        margin-bottom: 0;
    }

    .select-navigation select {
        max-width: 100px;
    }

    #rohholz-einkauf .team-member.u_4:nth-of-type(3n + 1) {
        margin-left: 0;
    }

    #rohholz-einkauf .ce_ceWrapper_bz.u_6 {
        float: left;
        width: 100%;
        padding: 0;
    }

    #rohholz-einkauf .team-member.u_4 {
        float: left;
        width: 30.75%;
        padding: 0;
    }

    #rohholz-einkauf .team-member.u_4.first {
        clear: both;
    }

    #rohholz-einkauf .team-member.u_4 {
        margin-left: 3.8%;
    }

    #rohholz-einkauf .team-member.u_4:nth-of-type(3n) {
        margin-left: 3.8%;
    }

    #rohholz-einkauf .team-member .u_7 {
        padding: 0;
    }

    #location-map {
        width: 100%;
    }

    table.content-table,
    .content-table thead,
    .content-table tbody,
    .content-table th,
    .content-table td,
    .content-table tr {
        display: block;
    }

    .content-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .content-table tr {
        margin-bottom: 20px;
    }

    .content-table tr td {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        width: 58%;
        border: none;
    }

    .content-table tr td.invisible {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        width: 30%;
        padding: 12px 2%;
    }

    .content-table tr.even {
        background: #e4e4e3;
    }

    .content-table.price table .col_0,
    .content-table.price table .col_1,
    .content-table.price table .col_2,
    .content-table.price table .col_3 {
        width: 58%;
    }

    .content-table.holzpellets {
        width: auto;
    }

    .content-table.holzpellets table {
        width: auto;
    }

    #teaser-bereich .ce_image.u_2,
    #container .ce_image.u_2 {
        float: left;
        width: 48%;
    }

    .u_1,
    .u_2,
    .u_3,
    .u_4,
    .u_5,
    .u_6,
    .u_7,
    .u_8,
    .u_9,
    .u_10,
    .u_11,
    .u_12 {
        margin-bottom: 15px;
    }

    .ansprechpartner .u_5,
    .team-member .u_5 {
        float: left;
        width: 39.45%;
    }

    .ansprechpartner .u_7,
    .team-member .u_7 {
        float: left;
        width: 56.75%;
    }

    .locationslider ul.slider-nav-text li {
        display: block;
    }

    .locationslider ul.slider-nav-text p:after {
        display: none;
    }

    #footer .mod_navigation ul li {
        text-align: left;
    }

    #footer .u_2.logo,
    #footer .mod_navigation.u_2 {
        width: auto;
    }

    .list_changelanguage {
        top: 0px;
        right: 16px;
        margin: 0;
        display: none;
    }

    .lang-item,
    .lang-item.first {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        width: 25px;
        height: 15px;
        margin: 0;
        font-size: 10px;
        line-height: 15px;
    }

    .team-member.u_4,
    .team-member .u_5 {
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 0;
        margin-left: 0;
    }

    .team-member.u_7 {
        min-height: 1px;
        _height: 1px;
    }

}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   hide background-images in solid-box
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

@media only screen and (max-width: 600px) {
    .solid-box .bg-image {
        display: none;
        background: none;
    }

    .solid-box p,
    .solid-box h4,
    .solid-box address {
        width: 100%;
    }

    .inner-slideswrap {
        height: 240px;
    }

    #rohholz-einkauf .team-member.u_4 {
        width: 48%;
        margin-left: 0;
    }

    #rohholz-einkauf .team-member.u_4.first {
        clear: none;
    }

    #rohholz-einkauf .team-member.u_4:nth-of-type(3n) {
        margin-left: 0;
    }

    #rohholz-einkauf .team-member.u_4:nth-of-type(2n) {
        margin-left: 3.8%;
    }

    /* News list all
        ========================================================================== */

    .news-list-all .layout_latest {
        width: 100%;
    }

}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   For device widths smaller than 768
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

@media only screen and (max-width: 768px) {
    /*.main-navigation .nav-item.first,
        .main-navigation .nav-item.active.first {
            width: 115px;
            height: 47px;
        }*/

    #location-map {
        clear: both;
    }

}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   Only for browsers lower than 480px width and smartphones
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

@media only screen and (max-width: 480px) {
    .nav-h {
        position: absolute;
        top: 5em;
        right: 2em;
        width: 4em;
        height: 4em;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background: url(../../files/booZii/themes/bockelmann/img/icon_nav.png) no-repeat #323436 50% 50%;
    }

    #nav-main {
        position: absolute;
        top: 0;
        left: -9999em;
        width: 300px;
        padding: 0;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background-color: #323436;
    }

    .nav-h:hover #nav-main {
        right: 34px;
        left: auto;
    }

    .item {
        clear: both;
        width: 100%;
    }

    .link {
        display: block;
        padding: 0;
        padding: 10px 30px;
        -webkit-border-radius: 0;
        border-radius: 0;
        border-bottom: 1px solid #494b4d;
        color: #fff;
        background: none;
        font-size: 1.3em;
    }

}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    Definitions
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    Abstracts
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.solid-box,
.ce_gallery ul {
    overflow: hidden;
}

.ce_hyperlink.button:after,
div.button:after,
.submit_container.button:after {
    visibility: hidden;
    display: block;
    content: ".";
    clear: both;
    height: 0;
    line-height: 0;
}

.ce_hyperlink.button,
div.button,
.submit_container.button {
    float: left;
    background: #f9f9fa;
    background: -webkit-linear-gradient(to bottom,#f9f9fa 0%,#e7e8e8 100%);
    background: -moz-linear-gradient(to bottom,#f9f9fa 0%,#e7e8e8 100%);
    background: -o-linear-gradient(to bottom,#f9f9fa 0%,#e7e8e8 100%);
    background: linear-gradient(to bottom,#f9f9fa 0%,#e7e8e8 100%);
}

.ce_hyperlink.button a,
div.button a,
.submit_container.button input {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 5px 15px 5px 24px;
    text-decoration: none;
}

.ce_hyperlink.button.grey a,
div.button a {
    border: 1px solid #b0b0b0;
    color: #7f7f7f;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    Mixins
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/* used in the navigation tabs */


/* Content slider
========================================================================== */

.ce_slider_contents {

}

.ce_slider_contents .slider-control {
    display: none;
}

.ce_slider_contents .slider-text-navigation {
    background: #dddddd;
    display: inline-flex;
    flex-wrap: wrap;
    font-weight: 700;
    margin: 0 0 20px;
    padding: 0;
}

.ce_slider_contents .slider-text-navigation li {
    cursor: pointer;
    list-style-type: none;
    padding: 10px 20px;
    position: relative;
}

.ce_slider_contents .slider-text-navigation li:after {
    color: #4a4a49;
    content: "/";
    display: block;
    font-size: 1.175em;
    position: absolute;
    right: 0;
    top: 10px;
}

.ce_slider_contents .slider-text-navigation li:last-child:after {
    display: none;
}

.ce_slider_contents .slider-text-navigation li.active {
    color: #159a34;
}


@media screen and (max-width: 768px) {

    .ce_slider_contents .ce_ceWrapper_bz > .u_6 {
        padding-left: 0;
        padding-right: 0;
    }

}

/*** trackingmanager */
.tm_no-cookie-hint{
    margin-bottom: 50px;
}

.trackingmanager-__no-cookie-notice {
    margin-bottom: 16px;
    padding: 12px;

    border: 1px solid currentColor;
    background: #fff;
}

.trackingmanager-__no-cookie-notice p {
    margin: 0;
}

.trackingmanager-editor-custom {
    text-decoration: underline;
}

.trackingmanager-editor-custom:hover,
.trackingmanager-editor-custom:focus {
    cursor: pointer;
    text-decoration: none;
}


.ce_dlh_googlemaps{
    margin-bottom: 50px;
}
.mobile_menu_active body{overflow:hidden}.menu_toggler{color:#159a34;fill:currentColor;display:flex;justify-content:flex-end;align-items:center;cursor:pointer}.menu_toggler span{margin-left:5px}.mobile_menu{overflow:auto}.mobile_menu .inner{background:#fff;padding:50px 0 150px;overflow:auto;box-sizing:border-box;position:relative}.mobile_menu .mod_changelanguage .list_changelanguage{position:relative;margin:60px 0 0 0;right:auto;left:50%;transform:translate(-50%, 0);display:inline-block}.mobile_menu .mod_changelanguage .list_changelanguage a{text-decoration:none}.mobile_menu .mod_changelanguage .list_changelanguage li{border:none}.mobile_menu .close{position:absolute;top:15px;right:15px;width:15px;height:15px;fill:#4a4a49}.mobile_menu .mobile_menu_wrapper ul{padding:0;margin:0 0;list-style-type:none}.mobile_menu .mobile_menu_wrapper ul ul{padding:10px 0 10px 25px;background:#efefef;border-top:1px solid #d2d2d2}.mobile_menu .mobile_menu_wrapper ul li{padding:0}.mobile_menu .mobile_menu_wrapper ul li a,.mobile_menu .mobile_menu_wrapper ul li strong{padding:5px 15px;font-size:1.2em;color:#4a4a49;display:block}.mobile_menu .mobile_menu_wrapper ul li a:hover,.mobile_menu .mobile_menu_wrapper ul li strong:hover{color:#159a34;text-decoration:none}.mobile_menu .mobile_menu_wrapper ul li strong,.mobile_menu .mobile_menu_wrapper ul li .active,.mobile_menu .mobile_menu_wrapper ul li .trail{color:#159a34;font-weight:400}.mobile_menu .mobile_menu_wrapper ul li.submenu_show svg{transform:rotate(180deg)}.mobile_menu .mobile_menu_wrapper ul li svg{display:none;height:1em;line-height:1;fill:currentColor;vertical-align:middle;margin-left:5px;transition:0.4s transform ease}.mobile_menu .mobile_menu_wrapper ul li .submenu>svg{display:inline-block}.mobile_menu .mobile_menu_wrapper ul li span{display:inline-block;width:calc(100% - 25px)}.mobile_menu .mobile_menu_wrapper ul.level_1>li{border-bottom:1px solid #4a4a49;margin-bottom:10px}.mobile_menu .mobile_menu_wrapper ul.level_1>li a,.mobile_menu .mobile_menu_wrapper ul.level_1>li strong{margin-bottom:5px}