/* cmsms stylesheet: Hage Core modified: Freitag, 15. März 2019 12:49:25 */
/* =====================================
BASE STYLES
===================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { 
    display: block
}
/* taken from HTML5 Boilerplate http://h5bp.com */
html { 
    font-size: 100%; 
    -webkit-text-size-adjust: 100%; 
    -ms-text-size-adjust: 100%
}
audio, canvas, video { 
    display: inline-block; 
    *display: inline; 
    *zoom: 1
}
audio:not([controls]) { 
    display: none
}
[hidden] { 
    display: none
}
/* text selection */
.content-wrapper ::-moz-selection { 
    background: #FBAC1E;
    background: rgba(251, 172, 30, 0.85);
    color: #fff;
    text-shadow: none
}
.content-wrapper ::selection { 
    background: #FBAC1E; 
    background: rgba(251, 172, 30, 0.85);
    color: #fff;
    text-shadow: none 
}
/* Consistent box sizing and appearance */
input[type="checkbox"], input[type="radio"] { 
    box-sizing: border-box; 
    padding: 0; 
    *width: 13px; 
    *height: 13px
}
input[type="search"] { 
    -webkit-appearance: textfield; 
    -moz-box-sizing: content-box; 
    -webkit-box-sizing: content-box; 
    box-sizing: content-box
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { 
    -webkit-appearance: none
}
/* Remove inner padding and border in FF3/4 */
button::-moz-focus-inner, input::-moz-focus-inner { 
    border: 0; 
    padding: 0
}
/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */
textarea { 
    overflow: auto; 
    vertical-align: top; 
    resize: vertical
}
ul, ol { 
    margin: 1em 0; 
    padding: 0 0 0 40px
}
dd { 
    margin: 0 0 0 40px
}
nav ul, nav ol { 
    list-style: none; 
    list-style-image: none; 
    margin: 0; 
    padding: 0
}
/* Redeclare monospace font family */
pre, code, kbd, samp { 
    font-family: monospace, serif; _font-family: 'courier new', monospace; 
    font-size: 1em }
/* Improve readability of pre-formatted text in all browsers */
pre { 
    white-space: pre;
    white-space: pre-wrap; 
    word-wrap: break-word
}
q { 
    quotes: none
}
q:before, q:after { 
    content: ""; 
    content: none
}
small { 
    font-size: 85%
}
/* Hide from both screenreaders and browsers */
.hidden { 
    display: none !important; 
    visibility: hidden
}
/* Hide only visually, but have it available for screenreaders */
.visuallyhidden { 
    border: 0; 
    clip: rect(0,0,0,0); 
    height: 1px; 
    margin: -1px; 
    overflow: hidden; 
    padding: 0; 
    position: absolute; 
    width: 1px
}
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard */
.visuallyhidden.focusable:active, 
.visuallyhidden.focusable:focus { 
    clip: auto; 
    height: auto; 
    margin: 0; 
    overflow: visible; 
    position: static; 
    width: auto
}
/* Hide visually and from screenreaders, but maintain layout */
.invisible { 
    visibility: hidden
}
/* correct text resizing */
html { 
    font-size: 100%; 
    -webkit-text-size-adjust: 100%; 
    -ms-text-size-adjust: 100% 
}
body { 
    margin: 0; 
    font-size: 1em;
   /* -webkit-font-smoothing: antialiased */
}
/* =====================================
12 COLUMN GRID
===================================== */

/* ================================
Desktop
================================ */

/* the wraping container */
.container {
    width: 92%;
    min-width: 768px;
    max-width: 960px
}
/* align the site */
.leftaligned {
    margin: 0 auto 0  0
}
.rightaligned {
    margin: 0 0 0 auto
}
.centered {
    margin: 0 auto
}
/* Global Grid layout */
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: .96%;
	margin-right: .96%   
}

/* alpha and omega classes remove margins, aplha = no margin left, omega = no margin right */
.alpha { margin-left: 0 }
.omega { margin-right: 0 }

/* Grid sizes up to 12 columns */
.container .grid_1 { width:6.333% }
.container .grid_2 { width:14.667% }
.container .grid_3 { width:23.0% }
.container .grid_4 { width:31.333% }
.container .grid_5 { width:39.667% }
.container .grid_6 { width:48.0% }
.container .grid_7 { width:56.333% }
.container .grid_8 { width:64.667% }
.container .grid_9 { width:73.0% }
.container .grid_10 { width:81.333% }
.container .grid_11 { width:89.667% }
.container .grid_12 { width:98.0% }

/* Prefix to add extra space left */
.container .prefix_1 { padding-left:8.333% }
.container .prefix_2 { padding-left:16.667% }
.container .prefix_3 { padding-left:25.0% }
.container .prefix_4 { padding-left:33.333% }
.container .prefix_5 { padding-left:41.667% }
.container .prefix_6 { padding-left:50.0% }
.container .prefix_7 { padding-left:58.333% }
.container .prefix_8 { padding-left:66.667% }
.container .prefix_9 { padding-left:75.0% }
.container .prefix_10 { padding-left:83.333% }
.container .prefix_11 { padding-left:91.667% }

/* Suffix to add extra space right */
.container .suffix_1 { padding-right:8.333% }
.container .suffix_2 { padding-right:16.667% }
.container .suffix_3 { padding-right:25.0% }
.container .suffix_4 { padding-right:33.333% }
.container .suffix_5 { padding-right:41.667% }
.container .suffix_6 { padding-right:50.0% }
.container .suffix_7 { padding-right:58.333% }
.container .suffix_8 { padding-right:66.667% }
.container .suffix_9 { padding-right:75.0% }
.container .suffix_10 { padding-right:83.333% }
.container .suffix_11 { padding-right:91.667% }

/* Push columns to right */
.container .push_1 { left:8.333% }
.container .push_2 { left:16.667% }
.container .push_3 { left:25.0% }
.container .push_4 { left:33.333% }
.container .push_5 { left:41.667% }
.container .push_6 { left:50.0% }
.container .push_7 { left:58.333% }
.container .push_8 { left:66.667% }
.container .push_9 { left:75.0% }
.container .push_10 { left:83.333% }
.container .push_11 { left:91.667% }

/* Pull columns to left */
.container .pull_1 { left:-8.333% }
.container .pull_2 { left:-16.667% }
.container .pull_3 { left:-25.0% }
.container .pull_4 { left:-33.333% }
.container .pull_5 { left:-41.667% }
.container .pull_6 { left:-50.0% }
.container .pull_7 { left:-58.333% }
.container .pull_8 { left:-66.667% }
.container .pull_9 { left:-75.0% }
.container .pull_10 { left:-83.333% }
.container .pull_11 { left:-91.667% }

/* =====================================
Tablet (Portrait) 
===================================== */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation : portrait) {
    .container {
        width: 92%;
        min-width: 768px;
        max-width: 1024px
    } 
}

/* =====================================
Smartphones (Portait) 
===================================== */
@media only screen and (max-width: 320px) {
    .container {
        width: 92%;
        min-width: 300px;
        max-width: 320px
    } 
    .container .grid_1, 
    .container .grid_2,
    .container .grid_3,
    .container .grid_4,
    .container .grid_5,
    .container .grid_6,
    .container .grid_7,
    .container .grid_8,
    .container .grid_9,
    .container .grid_10,
    .container .grid_11,
    .container .grid_12 { 
        width: 98%;  
        margin: 0 1%;
        float: none
    }
}

/* =====================================
Smartphones (Landscape) 
===================================== */
@media only screen and (min-width: 321px) and (max-width: 767px) {
    .container {
        width: 92%;
        min-width: 321px;
        max-width: 767px
    } 
    .container .grid_1, 
    .container .grid_2,
    .container .grid_3,
    .container .grid_4,
    .container .grid_5,
    .container .grid_6,
    .container .grid_7,
    .container .grid_8,
    .container .grid_9,
    .container .grid_10,
    .container .grid_11,
    .container .grid_12 { 
        width: 98%;
        margin: 0 1%;
        display: block;
        float: none
    }    
}

/* =====================================
Smartphones (Portrait & Landscape) 
===================================== */
@media only screen and (min-width: 300px) and (max-width: 767px) {
    .container .prefix_1,
    .container .prefix_2,
    .container .prefix_3,
    .container .prefix_4,
    .container .prefix_5,
    .container .prefix_6,
    .container .prefix_7,
    .container .prefix_8,
    .container .prefix_9,
    .container .prefix_10,
    .container .prefix_11,
    .container .suffix_1,
    .container .suffix_2,
    .container .suffix_3,
    .container .suffix_4,
    .container .suffix_5,
    .container .suffix_6,
    .container .suffix_7,
    .container .suffix_8,
    .container .suffix_9,
    .container .suffix_10,
    .container .suffix_11 { 
        padding-right: 0;
        padding-left: 0
    } 
    .container .push_1,
    .container .push_2,
    .container .push_3,
    .container .push_4,
    .container .push_5,
    .container .push_6,
    .container .push_7,
    .container .push_8,
    .container .push_9,
    .container .push_10,
    .container .push_11,
    .container .pull_1,
    .container .pull_2,
    .container .pull_3,
    .container .pull_4,
    .container .pull_5,
    .container .pull_6,
    .container .pull_7,
    .container .pull_8,
    .container .pull_9,
    .container .pull_10,
    .container .pull_11 {
        left: auto;
        right: auto
    }
}

/* =====================================
iPhone 4, iPad2, Retina stuff ?
===================================== */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {

/* if you buy me one i might test and add something here */

}

/* =====================================
CLEARING FLOATS
===================================== */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0
}

.cf:before, 
.cf:after,
.row:before,
.row:after{ 
    content: ""; 
    display: table
}
.cf:after,
.row:after{ 
    clear: both
}
.cf,
.row { 
    *zoom: 1
}
/* cmsms stylesheet: Hage Gmap modified: Samstag, 2. Januar 2021 12:23:51 */
div.privacy-msg {
    background:url('/uploads/HageBauelemente/images/gmap.jpg');
    border: 1px solid #fff;
    background-position: center center;
    background-size: contain;
}
div.privacy-msg p {
    width:80%;
    border: 1px solid #ccc;
    padding: 5px;
    text-align:center;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: left;
    color:#222;
    

    -webkit-box-shadow: 0 10px 6px -6px #777;
       -moz-box-shadow: 0 10px 6px -6px #777;
            box-shadow: 0 10px 6px -6px #777;
            z-index:10;
}
div.privacy-msg p {box-sizing:content-box;padding:15px;background:rgba(255,255,255,0.9)}
div.privacy-msg input {width: auto;display:inline-block;margin:0 5px 0 0;line-height:20px;height:20px;min-height:auto;vertical-align:bottom;}
div.privacy-map-msg label {line-height: 20px;display: inline-block;color:#0097f0;vertical-align:bottom;}
div.privacy-map-msg a {font-weight: 700;color:#0097f0;font-size: 15px;display: block;margin-top:10px;margin-bottom:5px;position:relative;z-index:10;}
div.privacy-map-msg br {display: none}
/* cmsms stylesheet: Hage Layout modified: Mittwoch, 23. Juli 2025 12:35:30 */




/* =====================================
BASIC STYLES
===================================== */
body { background: #fff; font-family: Arial, sans-serif; font-size: 13px; color: #373535; line-height: 1.4 }

/* you can change appearance of the page by adding or removing #boxed id to body tag. */
body#boxed { background: #ddd }

/* add some space inside the boxed container */
#boxed .container { padding: 0 1% }
a img { border: none }
img { max-width: 100%; height: auto; }
.right { float: right }
.left { float: left }
.clear-float {clear:both;}

/* if image needs some space add this class to img tag
 * so at the end a left floating image would be <img src='some.jpg' class='left spacing' alt='foo' />
 */
.spacing { margin: 10px }
.spacing.left { margin: 10px 10px 10px 0 }
.spacing.right { margin: 10px 0 10px 10px }

/* or add a 2 px border to image or something, change as you need it */
.border { border: 2px solid #373535 }

/* target IE7 and IE6 */
*:first-child+html pre { padding-bottom: 20px; overflow-y: hidden; overflow: visible; overflow-x: auto }
* html pre { padding-bottom: 20px; overflow: visible; overflow-x: auto }

/* horizontal ruler */
hr { border: solid #373535; border-width: 1px 0 0 0; clear: both; margin: 10px 0 30px 0; height: 0 }

/* =====================================
COMMON TYPOGRAPHY
===================================== */

/* link default styles */
a { color: #111 }
a:visited { color: #E19B1B }
a:hover { color: #373535; transition: transform 0.6s ease-out; -webkit-transition: color 0.6s ease-out; -moz-transition: color 0.6s ease-out; -o-transition: color 0.6s ease-out; text-decoration: underline }
a:focus { outline: thin dotted }
a:hover, a:active { outline: 0; }

/* default heading styles */
h1, h2, h3, h4, h5, h6, p { font-family: Arial, sans-serif; }
h1 { color: #fbac1e; margin: 10px 0 15px 0; font-size: 25px; }
h1 {
  color: #fff;
  background: #666;
  padding-left: 8px;
  display: inline-block;
  padding-right: 8px;
  border: 1px solid #fbac1e;
}
h2 { color: #373535; font-size: 22px }
h3 { color: #373535; font-weight: 300; font-size: 22px }
h4 {font-size:20px; font-weight: 300;margin-top:0;line-height: 1.1;}
/* blockquotes and cites */
blockquote, blockquote p { font-size: 13px; line-height: 1.5; color: #373535; font-style: italic; font-family: Georgia, Times New Roman, serif }
blockquote { margin: 0 0 20px 0; padding: 9px 10px 10px 19px; border-left: 5px solid #575657 }
blockquote cite { display: block; font-size: 12px; color: #373535 }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { font-family: Georgia, Times New Roman, serif; }
a[href $='.pdf'], a[href $='.xls'], a[href $='.xlsx'] { padding: 15px 0px 0px 41px; line-height: 32px; background: url(https://hage-bauelemente.de/uploads/HageBauelemente/images/pdf-icon-small.png) no-repeat center left; display: block; color: #373535; border-bottom: 1px solid #ddd; text-decoration: none; }
a[href $='.xls'], a[href $='.xlsx'] {background: url(https://hage-bauelemente.de/uploads/HageBauelemente/images/excel-icon-small.png) no-repeat center left;}
a:last-child[href $='.pdf'], a[href $='.xls'], a[href $='.xlsx'] { border-bottom: none; }
a:hover[href $='.pdf'], a:hover[href $='.xls'], a:hover[href $='.xlsx'] { color: #fbac1e; }

/* =====================================
LAYOUT
===================================== */

/* wrapping the page in a box */
#wrapper { margin-top: 20px; }

/* you can switch appearance of the page by adding or removing id #boxed to body tag */
#boxed #wrapper { background: #fff; border-top: 7px solid #fbac1e; overflow: hidden; webkit-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50.85); -moz-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50.85); box-shadow: 0px 0px 4px 0px rgba(50, 50, 50.85); }

/* ------ HEADER SECTION ------ */

/* if you need height or something for header part add style here */
.header { }

/* the logo */
.logo { height: 100px;padding: 0 10px;box-sizing: border-box; }
.logo img { padding-top: 25px; }
.header address { font-size: 16px; font-family: Arial, sans-serif; font-weight: 400; font-style: normal; }

/* ------ NAVIGATION ------ */
nav.main-navigation .menuactive { background-color: #fbac1e }

/* first level */
nav.main-navigation { z-index: 1; height: 55px; border: 1px solid #575657; /* margin-top: -53px;*/ }
nav.main-navigation {margin-top:-11px}
nav.main-navigation > ul { float: left; width: 100% }
nav.main-navigation > ul > li { float: left; padding: 0; margin: 0; position: relative; line-height: 55px; border-right: 1px solid #696869; }
nav.main-navigation > ul > li:hover { background: #fbac1e; }
nav.main-navigation ul li { font-size: 17px; }
nav.main-navigation > ul > li { width: 19.3333%; width: calc(20% - 1px); }
nav.main-navigation > ul > li:last-child { width: 20% }
nav.main-navigation > ul > li:first-child, nav.main-navigation > ul > li.first { margin-left: 0 }
nav.main-navigation > ul > li:last-child, nav.main-navigation > ul > li.last { margin-right: 0; border-right: none; }
nav.main-navigation > ul > li > a, nav.main-navigation > ul > li.sectionheader span { color: #575657; text-decoration: none; font-weight: 400; cursor: pointer;    /*padding:0 26px;*/ display: block; text-align: center; }

/* Second Level */
nav.main-navigation ul li ul { top: -999em; left: -999em; position: absolute; display: block; height: 0px; width: 220px; padding: 0; background: #fff; background: rgba(255, 255, 255, .9); border: 1px solid #373535 }
nav.main-navigation > ul > li:hover > ul { height: auto; z-index: 1; top: 55px; left: -1px; display: block }
nav.main-navigation ul ul li { position: relative; line-height: 1.5; margin: 0; padding: 8px 26px; border-bottom: 1px solid #575657; }
nav.main-navigation ul ul li:last-child { border-bottom: none; }
nav.main-navigation ul ul li:hover { background: #fbac1e; }
nav.main-navigation ul ul li > a { display: block; }
nav.main-navigation ul ul li > a, nav.main-navigation ul ul li > a:hover { text-decoration: none; color: #373535; }

/* bottom part of header*/
.slider { padding: 10px; margin-top: 7px; }
.slider > div, .slider .page_pic { border: 1px solid #fbac1e; padding: 10px; max-width: 100%; height: auto; box-sizing: border-box; }
/* Headerbild */
#main .slider { margin-left: -0.96%; margin-right: -0.96%; width: 100%;margin-top:-20px; padding-top: 0 }

/* ------ CONTENT AREA ------ */
.content-wrapper {  }

/* breadcrumbs */
.breadcrumb { display: inline-block; background: #fff; width: auto; padding-right: 6px }
.breadcrumb a { color: #373535; display: inline-block; width: auto; background: #fff }

/* ------ CONTENT AREA ------ */
.responsiveContainer { position: relative; padding-bottom: 65%; height: 0px; overflow: hidden }
.responsiveContainer iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100% }
.address span { float: left; width: 30px }
.address {background:#ddd;padding: 2em; box-sizing: border-box;}
aside { box-sizing: border-box; padding: 10px; border: 1px solid #fbac1e; }
aside img { margin-bottom: 15px; }

/* ------ FOOTER AREA ------ */

/* footer wrapper */
.footer { position: relative; background: #ddd; margin: 25px 0 10px 0; padding: 3px 0 }
.footer * { }
.footer ul { list-style: none; margin: 0; padding: 0; float: right; }
.footer ul li { float: left; padding: 0 9px 0 8px; border-right: 1px solid #575657; line-height: 1; margin: 6px 0 }
.footer ul li:last-child { border: none; }
.footer ul li a, .footer a { text-decoration: none; color: #575657; }
.footer ul li a:hover, .footer a:hover { text-decoration: underline; }
.copyright span::after {content: ' | ';}
.copyright p, .copyright a { color: #373535; margin: 6px 0; line-height: 1 }

/* back to top anchor */
.back-top a { display: inline-block; width: auto; padding: 8px; border-left: 5px solid #fff; border-right: 5px solid #fff; font: normal italic 11px/20px Georgia, Times New Roman, serif; text-decoration: none; color: #373535; background: #575657; color: #373535; border-radius: 10px 0 10px 0; -webkit-border-radius: 10px 0 10px 0; -moz-border-radius: 10px 0 10px 0; -o-border-radius: 10px 0 10px 0; position: absolute; top: -14px; left: 48% }

/* Footer navigation */

/* Verlaeufe */
.grey_gradient, nav.main-navigation { background: rgb(255, 255, 255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(221, 221, 222, 1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(221, 221, 222, 1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(221, 221, 222, 1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(221, 221, 222, 1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(221, 221, 222, 1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(221, 221, 222, 1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ddddde', GradientType=0); /* IE6-9 */ }
.grey_gradient { overflow:hidden }


/* Seitenspezifische Einstellungen */
.cat_img {border: 1px solid #fbac1e;box-sizing:border-box;}
.cat_img img { display: block; margin: auto; padding: 11px; opacity: 1; max-width: 100%; height: auto; box-sizing: border-box; }
.cat_img:hover { opacity: 0.7 }
.row.fullsize { margin-left: -0.96%; margin-right: -0.96%; margin-bottom: 15px; }
figure { margin: 0; position: relative; }
figcaption { padding: 10px; color: #fff; font-size: 17px; background-color: #fbac1e; background-color: rgba(251, 172, 30, 0.9); position: absolute; bottom: 35px; left: 10px; width: 68%; text-shadow: 1px 1px 0 #000; }
.bx-wrapper figcaption { width: 40%; left: 0; text-shadow: 1px 1px 0 #000; }
.bx-wrapper figcaption p { margin: 2px 0 }
.bx-wrapper figcaption h1 { color: #fff; font-size: 30px; margin: 2px 0; line-height: 1.1; }

.NewsSummary img {margin:0 0 40px 40px}
.NewsSummaryLink h3 {margin-bottom: 0}
.NewsSummaryLink .date {color:#373535}
.NewsSummaryLink {margin-bottom: 0}
.NewsSummaryPostdate {text-align: right;float:right;width:233px;color: #575657}
.no_pdf_icon {background:none!important;padding:0;line-height:auto}
/* Mitarbeiter - Team */
.wrapper-mitarbeitersuche {margin-bottom:1em}
.mitarbeiterkarte {margin-bottom:2em !important}
#mitarbeitersuche {width: 100%}
#mitarbeiteruebersicht {list-style: none;padding:0;clear:both}
#mitarbeiteruebersicht span[class^="ma-"]{display: block;line-height: 1.6;color:#666}
#mitarbeiteruebersicht h3 {margin:0;}
.mitarbeiterdaten {padding: 0 2em 2.5em;background-color:rgba(153, 144, 128, .35)}
.mitarbeiterbild {display:block}
.ma-hauptdaten {padding-top: 1.5em;padding-bottom:.5em}
.ma-abteilung {margin:0 0 0.5em 0;}
.ma-email a {color:#4b330a !important}
.mitarbeiterdaten .fa { margin-right: 3px; font-size: 11px }
.u-shadow-v21 {
  box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.09);
  transition-property: all;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-duration: .3s;
}
.g-transition-0_3 {
  transition-duration: .3s;
}
[class*="g-transition"] {
  transition-property: all;
  transition-timing-function: ease;
  transition-delay: 0s;
}
.u-shadow-v21--hover:hover {
  box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.15);
}
[class*="u-block-hover"], [class*="u-block-hover"]::before, [class*="u-block-hover"]::after {
  transition: all .3s ease;
}
[class*="u-block-hover"] {
  position: relative;
  max-width: 100%;
  margin: 0;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.u-block-hover__main--zoom-v1, .u-block-hover__main--zoom-v2 {
  -webkit-transform: scale(1.01);
}
.u-block-hover:hover .u-block-hover__main--zoom-v1 {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
/* =====================================
Sonstiges 
===================================== */
/* DatenschutzCheckbox und ReCaptcha */
.dsb > label { display: block; float: none; }
.dsb .cms_checkbox { vertical-align: top; -webkit-appearance: checkbox; float: left; width: 20px; height: 20px; line-height: 1; min-height: auto; }
.dsb > div > label { width: calc(100% - 50px); display: inline-block; float: none; line-height: 1.5 }
.captcha { width: auto; text-align: left; margin-bottom: 30px; padding: 25px; font-size: 85%; width: auto; }

.responsiveContainer { position: relative; padding-bottom: 65%; height: 0px; overflow: hidden;margin-bottom: 20px;
    -moz-box-shadow: 0 0 3px #C3C2C2; 
    -webkit-box-shadow: 0 0 3px #C3C2C2; 
    box-shadow: 0 0 3px #C3C2C2; }
.responsiveContainer iframe { position: absolute; top: 0px; left: 0px; width: 100%!important; height: 100%!important }
@media only screen and (min-width: 768px) {
    .slicknav_brand {
         display: none;
    }
}
@media only screen and (max-width: 800px) {
    .cat_img {
        float: left!important;
        margin-bottom: 15px!important;
    }
}

/* aktiv setzen nach aktivierung des 6.ten Navipunktes */

nav.main-navigation > ul > li {
    width: 16%;
    width: calc(16.6% - 1px);
}
nav.main-navigation > ul > li:last-child {
width:17%
}
nav.main-navigation ul li {
    font-size: 15px;
}