.mod_visitors .invisible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
float: left;
width:0px;
height:0px;
}
.cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;--ccb-focus-clr: #00a4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar input:focus-visible:not(.cc-hide-focus)+label:before{outline:3px dashed var(--ccb-focus-clr);outline-offset:2px}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover,.contao-cookiebar .cc-btn:focus{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-focus:not(.cc-hide-focus):focus-visible{outline:3px dashed var(--ccb-focus-clr);outline-offset:-3px}.cc-invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;float:left}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"ยท";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@media(forced-colors){.contao-cookiebar input+label:after{border:1px solid currentColor}.cc-inner{border:1px solid currentColor}input.cc-group-half+label:after{margin-left:9px}}@media(prefers-reduced-motion){.contao-cookiebar{--ccb-anim-duration: 2s}}@media print{.contao-cookiebar{opacity:0}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-group{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center}.cc-group>label{flex-grow:1;margin:5px 0 5px 10px}.cc-cookies{display:none;width:100%}.cc-detail-btn{padding:8px 10px;line-height:1.2rem}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px}.cc-detail-btn,.cc-detail-btn-details{display:inline-block;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn span:nth-child(2),.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn.cc-active span:nth-child(1),.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn.cc-active span:nth-child(2),.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn:hover,.cc-detail-btn-details:hover{background:rgba(0,0,0,0);color:var(--ccb-detail-clr-hvr, #717171)}
/*
html5doctor.com Reset Stylesheet
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;font-size:100.01%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,.custom {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;vertical-align:baseline;background:transparent;}
/* change colours to suit your needs */
ins {background-color:#ff9;color:#000;text-decoration:none;}
mark {background-color:#ff9;color:#000; font-style:italic;font-weight:bold;}
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
input, select {vertical-align:middle;}
sub,sup,small {font-size: 75%;}
sub,sup {line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
svg {overflow: hidden;}
/* Contao Open Source CMS - Copyright (c) 2005-2016 Leo Feyer - @license LGPL-3.0+ */
@media screen{
#container,.inside,#main,#left,#right{position:relative;}
#container{margin-left: auto;margin-right: auto;}
/*#main,#left,#right {float:left;}
#main {width:100%;}
#left {margin-left:-100%;}
#right {margin-right:-100%;}*/
#footer {clear:both;}
#main .inside {min-height:1px;}
.float_left {float:left;}
.float_right {float:right;}
.block {overflow:hidden;}
.clear,#clear {height:0.1px;font-size:0.1px;line-height:0.1px;clear:both;}
.invisible {border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
.custom {display:block;}
#container:after,.custom:after {content:"";display:table;clear:both;}
}
@media (max-width:767px)
{
#wrapper {margin:0;width:auto;}
#container {padding-left:0;padding-right:0;}
#main,#left,#right {float:none;width:auto;}
#left {right:0;margin-left:0;}
#right {margin-right:0;}
}
/* ================================================================== */
/* This file has a mobile-to-tablet, and tablet-to-desktop breakpoint */
/* ================================================================== */
@media (max-width: 400px) {
@-ms-viewport {
width: 320px;
}
}
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.grid-container:before, .mobile-grid-5:before, .mobile-grid-10:before, .mobile-grid-15:before, .mobile-grid-20:before, .mobile-grid-25:before, .mobile-grid-30:before, .mobile-grid-35:before, .mobile-grid-40:before, .mobile-grid-45:before, .mobile-grid-50:before, .mobile-grid-55:before, .mobile-grid-60:before, .mobile-grid-65:before, .mobile-grid-70:before, .mobile-grid-75:before, .mobile-grid-80:before, .mobile-grid-85:before, .mobile-grid-90:before, .mobile-grid-95:before, .mobile-grid-100:before, .mobile-grid-33:before, .mobile-grid-66:before, .tablet-grid-5:before, .tablet-grid-10:before, .tablet-grid-15:before, .tablet-grid-20:before, .tablet-grid-25:before, .tablet-grid-30:before, .tablet-grid-35:before, .tablet-grid-40:before, .tablet-grid-45:before, .tablet-grid-50:before, .tablet-grid-55:before, .tablet-grid-60:before, .tablet-grid-65:before, .tablet-grid-70:before, .tablet-grid-75:before, .tablet-grid-80:before, .tablet-grid-85:before, .tablet-grid-90:before, .tablet-grid-95:before, .tablet-grid-100:before, .tablet-grid-33:before, .tablet-grid-66:before, .grid-5:before, .grid-10:before, .grid-15:before, .grid-20:before, .grid-25:before, .grid-30:before, .grid-35:before, .grid-40:before, .grid-45:before, .grid-50:before, .grid-55:before, .grid-60:before, .grid-65:before, .grid-70:before, .grid-75:before, .grid-80:before, .grid-85:before, .grid-90:before, .grid-95:before, .grid-100:before, .grid-33:before, .grid-66:before, .grid-offset:before, .clearfix:before,
.grid-container:after,
.mobile-grid-5:after,
.mobile-grid-10:after,
.mobile-grid-15:after,
.mobile-grid-20:after,
.mobile-grid-25:after,
.mobile-grid-30:after,
.mobile-grid-35:after,
.mobile-grid-40:after,
.mobile-grid-45:after,
.mobile-grid-50:after,
.mobile-grid-55:after,
.mobile-grid-60:after,
.mobile-grid-65:after,
.mobile-grid-70:after,
.mobile-grid-75:after,
.mobile-grid-80:after,
.mobile-grid-85:after,
.mobile-grid-90:after,
.mobile-grid-95:after,
.mobile-grid-100:after,
.mobile-grid-33:after,
.mobile-grid-66:after,
.tablet-grid-5:after,
.tablet-grid-10:after,
.tablet-grid-15:after,
.tablet-grid-20:after,
.tablet-grid-25:after,
.tablet-grid-30:after,
.tablet-grid-35:after,
.tablet-grid-40:after,
.tablet-grid-45:after,
.tablet-grid-50:after,
.tablet-grid-55:after,
.tablet-grid-60:after,
.tablet-grid-65:after,
.tablet-grid-70:after,
.tablet-grid-75:after,
.tablet-grid-80:after,
.tablet-grid-85:after,
.tablet-grid-90:after,
.tablet-grid-95:after,
.tablet-grid-100:after,
.tablet-grid-33:after,
.tablet-grid-66:after,
.grid-5:after,
.grid-10:after,
.grid-15:after,
.grid-20:after,
.grid-25:after,
.grid-30:after,
.grid-35:after,
.grid-40:after,
.grid-45:after,
.grid-50:after,
.grid-55:after,
.grid-60:after,
.grid-65:after,
.grid-70:after,
.grid-75:after,
.grid-80:after,
.grid-85:after,
.grid-90:after,
.grid-95:after,
.grid-100:after,
.grid-33:after,
.grid-66:after,
.grid-offset:after,
.clearfix:after {
content: ".";
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
}
.grid-container:after, .mobile-grid-5:after, .mobile-grid-10:after, .mobile-grid-15:after, .mobile-grid-20:after, .mobile-grid-25:after, .mobile-grid-30:after, .mobile-grid-35:after, .mobile-grid-40:after, .mobile-grid-45:after, .mobile-grid-50:after, .mobile-grid-55:after, .mobile-grid-60:after, .mobile-grid-65:after, .mobile-grid-70:after, .mobile-grid-75:after, .mobile-grid-80:after, .mobile-grid-85:after, .mobile-grid-90:after, .mobile-grid-95:after, .mobile-grid-100:after, .mobile-grid-33:after, .mobile-grid-66:after, .tablet-grid-5:after, .tablet-grid-10:after, .tablet-grid-15:after, .tablet-grid-20:after, .tablet-grid-25:after, .tablet-grid-30:after, .tablet-grid-35:after, .tablet-grid-40:after, .tablet-grid-45:after, .tablet-grid-50:after, .tablet-grid-55:after, .tablet-grid-60:after, .tablet-grid-65:after, .tablet-grid-70:after, .tablet-grid-75:after, .tablet-grid-80:after, .tablet-grid-85:after, .tablet-grid-90:after, .tablet-grid-95:after, .tablet-grid-100:after, .tablet-grid-33:after, .tablet-grid-66:after, .grid-5:after, .grid-10:after, .grid-15:after, .grid-20:after, .grid-25:after, .grid-30:after, .grid-35:after, .grid-40:after, .grid-45:after, .grid-50:after, .grid-55:after, .grid-60:after, .grid-65:after, .grid-70:after, .grid-75:after, .grid-80:after, .grid-85:after, .grid-90:after, .grid-95:after, .grid-100:after, .grid-33:after, .grid-66:after, .grid-offset:after, .clearfix:after {
clear: both;
}
.grid-container, .mobile-grid-5, .mobile-grid-10, .mobile-grid-15, .mobile-grid-20, .mobile-grid-25, .mobile-grid-30, .mobile-grid-35, .mobile-grid-40, .mobile-grid-45, .mobile-grid-50, .mobile-grid-55, .mobile-grid-60, .mobile-grid-65, .mobile-grid-70, .mobile-grid-75, .mobile-grid-80, .mobile-grid-85, .mobile-grid-90, .mobile-grid-95, .mobile-grid-100, .mobile-grid-33, .mobile-grid-66, .tablet-grid-5, .tablet-grid-10, .tablet-grid-15, .tablet-grid-20, .tablet-grid-25, .tablet-grid-30, .tablet-grid-35, .tablet-grid-40, .tablet-grid-45, .tablet-grid-50, .tablet-grid-55, .tablet-grid-60, .tablet-grid-65, .tablet-grid-70, .tablet-grid-75, .tablet-grid-80, .tablet-grid-85, .tablet-grid-90, .tablet-grid-95, .tablet-grid-100, .tablet-grid-33, .tablet-grid-66, .grid-5, .grid-10, .grid-15, .grid-20, .grid-25, .grid-30, .grid-35, .grid-40, .grid-45, .grid-50, .grid-55, .grid-60, .grid-65, .grid-70, .grid-75, .grid-80, .grid-85, .grid-90, .grid-95, .grid-100, .grid-33, .grid-66, .grid-offset, .clearfix {
/* */
*zoom: 1;
/* */
}
.grid-container {
margin-left: auto;
margin-right: auto;
max-width: 100%;
padding-left: 10px;
padding-right: 10px;
}
.mobile-grid-5, .mobile-grid-10, .mobile-grid-15, .mobile-grid-20, .mobile-grid-25, .mobile-grid-30, .mobile-grid-35, .mobile-grid-40, .mobile-grid-45, .mobile-grid-50, .mobile-grid-55, .mobile-grid-60, .mobile-grid-65, .mobile-grid-70, .mobile-grid-75, .mobile-grid-80, .mobile-grid-85, .mobile-grid-90, .mobile-grid-95, .mobile-grid-100, .mobile-grid-33, .mobile-grid-66, .tablet-grid-5, .tablet-grid-10, .tablet-grid-15, .tablet-grid-20, .tablet-grid-25, .tablet-grid-30, .tablet-grid-35, .tablet-grid-40, .tablet-grid-45, .tablet-grid-50, .tablet-grid-55, .tablet-grid-60, .tablet-grid-65, .tablet-grid-70, .tablet-grid-75, .tablet-grid-80, .tablet-grid-85, .tablet-grid-90, .tablet-grid-95, .tablet-grid-100, .tablet-grid-33, .tablet-grid-66, .grid-5, .grid-10, .grid-15, .grid-20, .grid-25, .grid-30, .grid-35, .grid-40, .grid-45, .grid-50, .grid-55, .grid-60, .grid-65, .grid-70, .grid-75, .grid-80, .grid-85, .grid-90, .grid-95, .grid-100, .grid-33, .grid-66 {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 10px;
padding-right: 10px;
/* */
*padding-left: 0;
*padding-right: 0;
/* */
}
.mobile-grid-5 > *, .mobile-grid-10 > *, .mobile-grid-15 > *, .mobile-grid-20 > *, .mobile-grid-25 > *, .mobile-grid-30 > *, .mobile-grid-35 > *, .mobile-grid-40 > *, .mobile-grid-45 > *, .mobile-grid-50 > *, .mobile-grid-55 > *, .mobile-grid-60 > *, .mobile-grid-65 > *, .mobile-grid-70 > *, .mobile-grid-75 > *, .mobile-grid-80 > *, .mobile-grid-85 > *, .mobile-grid-90 > *, .mobile-grid-95 > *, .mobile-grid-100 > *, .mobile-grid-33 > *, .mobile-grid-66 > *, .tablet-grid-5 > *, .tablet-grid-10 > *, .tablet-grid-15 > *, .tablet-grid-20 > *, .tablet-grid-25 > *, .tablet-grid-30 > *, .tablet-grid-35 > *, .tablet-grid-40 > *, .tablet-grid-45 > *, .tablet-grid-50 > *, .tablet-grid-55 > *, .tablet-grid-60 > *, .tablet-grid-65 > *, .tablet-grid-70 > *, .tablet-grid-75 > *, .tablet-grid-80 > *, .tablet-grid-85 > *, .tablet-grid-90 > *, .tablet-grid-95 > *, .tablet-grid-100 > *, .tablet-grid-33 > *, .tablet-grid-66 > *, .grid-5 > *, .grid-10 > *, .grid-15 > *, .grid-20 > *, .grid-25 > *, .grid-30 > *, .grid-35 > *, .grid-40 > *, .grid-45 > *, .grid-50 > *, .grid-55 > *, .grid-60 > *, .grid-65 > *, .grid-70 > *, .grid-75 > *, .grid-80 > *, .grid-85 > *, .grid-90 > *, .grid-95 > *, .grid-100 > *, .grid-33 > *, .grid-66 > * {
/* */
*margin-left: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === 'block' && this.currentStyle.width === 'auto') && '10px');
*margin-right: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === 'block' && this.currentStyle.width === 'auto') && '10px');
/* */
}
.grid-parent {
padding-left: 0;
padding-right: 0;
}
.grid-offset {
clear: both;
margin-left: -10px;
margin-right: -10px;
}
@media (max-width: 767px) {
.mobile-push-5, .mobile-pull-5, .mobile-push-10, .mobile-pull-10, .mobile-push-15, .mobile-pull-15, .mobile-push-20, .mobile-pull-20, .mobile-push-25, .mobile-pull-25, .mobile-push-30, .mobile-pull-30, .mobile-push-35, .mobile-pull-35, .mobile-push-40, .mobile-pull-40, .mobile-push-45, .mobile-pull-45, .mobile-push-50, .mobile-pull-50, .mobile-push-55, .mobile-pull-55, .mobile-push-60, .mobile-pull-60, .mobile-push-65, .mobile-pull-65, .mobile-push-70, .mobile-pull-70, .mobile-push-75, .mobile-pull-75, .mobile-push-80, .mobile-pull-80, .mobile-push-85, .mobile-pull-85, .mobile-push-90, .mobile-pull-90, .mobile-push-95, .mobile-pull-95, .mobile-push-33, .mobile-pull-33, .mobile-push-66, .mobile-pull-66 {
position: relative;
}
.hide-on-mobile {
display: none !important;
}
.mobile-grid-5 {
float: left;
width: 5%;
/* */
*width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-5 {
margin-left: 5%;
}
.mobile-suffix-5 {
margin-right: 5%;
}
.mobile-push-5 {
left: 5%;
/* */
*left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-5 {
left: -5%;
/* */
*left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-10 {
float: left;
width: 10%;
/* */
*width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-10 {
margin-left: 10%;
}
.mobile-suffix-10 {
margin-right: 10%;
}
.mobile-push-10 {
left: 10%;
/* */
*left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-10 {
left: -10%;
/* */
*left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-15 {
float: left;
width: 15%;
/* */
*width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-15 {
margin-left: 15%;
}
.mobile-suffix-15 {
margin-right: 15%;
}
.mobile-push-15 {
left: 15%;
/* */
*left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-15 {
left: -15%;
/* */
*left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-20 {
float: left;
width: 20%;
/* */
*width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-20 {
margin-left: 20%;
}
.mobile-suffix-20 {
margin-right: 20%;
}
.mobile-push-20 {
left: 20%;
/* */
*left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-20 {
left: -20%;
/* */
*left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-25 {
float: left;
width: 25%;
/* */
*width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-25 {
margin-left: 25%;
}
.mobile-suffix-25 {
margin-right: 25%;
}
.mobile-push-25 {
left: 25%;
/* */
*left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-25 {
left: -25%;
/* */
*left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-30 {
float: left;
width: 30%;
/* */
*width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-30 {
margin-left: 30%;
}
.mobile-suffix-30 {
margin-right: 30%;
}
.mobile-push-30 {
left: 30%;
/* */
*left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-30 {
left: -30%;
/* */
*left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-35 {
float: left;
width: 35%;
/* */
*width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-35 {
margin-left: 35%;
}
.mobile-suffix-35 {
margin-right: 35%;
}
.mobile-push-35 {
left: 35%;
/* */
*left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-35 {
left: -35%;
/* */
*left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-40 {
float: left;
width: 40%;
/* */
*width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-40 {
margin-left: 40%;
}
.mobile-suffix-40 {
margin-right: 40%;
}
.mobile-push-40 {
left: 40%;
/* */
*left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-40 {
left: -40%;
/* */
*left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-45 {
float: left;
width: 45%;
/* */
*width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-45 {
margin-left: 45%;
}
.mobile-suffix-45 {
margin-right: 45%;
}
.mobile-push-45 {
left: 45%;
/* */
*left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-45 {
left: -45%;
/* */
*left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-50 {
float: left;
width: 50%;
/* */
*width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-50 {
margin-left: 50%;
}
.mobile-suffix-50 {
margin-right: 50%;
}
.mobile-push-50 {
left: 50%;
/* */
*left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-50 {
left: -50%;
/* */
*left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-55 {
float: left;
width: 55%;
/* */
*width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-55 {
margin-left: 55%;
}
.mobile-suffix-55 {
margin-right: 55%;
}
.mobile-push-55 {
left: 55%;
/* */
*left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-55 {
left: -55%;
/* */
*left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-60 {
float: left;
width: 60%;
/* */
*width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-60 {
margin-left: 60%;
}
.mobile-suffix-60 {
margin-right: 60%;
}
.mobile-push-60 {
left: 60%;
/* */
*left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-60 {
left: -60%;
/* */
*left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-65 {
float: left;
width: 65%;
/* */
*width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-65 {
margin-left: 65%;
}
.mobile-suffix-65 {
margin-right: 65%;
}
.mobile-push-65 {
left: 65%;
/* */
*left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-65 {
left: -65%;
/* */
*left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-70 {
float: left;
width: 70%;
/* */
*width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-70 {
margin-left: 70%;
}
.mobile-suffix-70 {
margin-right: 70%;
}
.mobile-push-70 {
left: 70%;
/* */
*left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-70 {
left: -70%;
/* */
*left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-75 {
float: left;
width: 75%;
/* */
*width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-75 {
margin-left: 75%;
}
.mobile-suffix-75 {
margin-right: 75%;
}
.mobile-push-75 {
left: 75%;
/* */
*left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-75 {
left: -75%;
/* */
*left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-80 {
float: left;
width: 80%;
/* */
*width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-80 {
margin-left: 80%;
}
.mobile-suffix-80 {
margin-right: 80%;
}
.mobile-push-80 {
left: 80%;
/* */
*left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-80 {
left: -80%;
/* */
*left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-85 {
float: left;
width: 85%;
/* */
*width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-85 {
margin-left: 85%;
}
.mobile-suffix-85 {
margin-right: 85%;
}
.mobile-push-85 {
left: 85%;
/* */
*left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-85 {
left: -85%;
/* */
*left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-90 {
float: left;
width: 90%;
/* */
*width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-90 {
margin-left: 90%;
}
.mobile-suffix-90 {
margin-right: 90%;
}
.mobile-push-90 {
left: 90%;
/* */
*left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-90 {
left: -90%;
/* */
*left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-95 {
float: left;
width: 95%;
/* */
*width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-95 {
margin-left: 95%;
}
.mobile-suffix-95 {
margin-right: 95%;
}
.mobile-push-95 {
left: 95%;
/* */
*left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-95 {
left: -95%;
/* */
*left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-33 {
float: left;
width: 33.33333%;
/* */
*width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-33 {
margin-left: 33.33333%;
}
.mobile-suffix-33 {
margin-right: 33.33333%;
}
.mobile-push-33 {
left: 33.33333%;
/* */
*left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-33 {
left: -33.33333%;
/* */
*left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-66 {
float: left;
width: 66.66667%;
/* */
*width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-66 {
margin-left: 66.66667%;
}
.mobile-suffix-66 {
margin-right: 66.66667%;
}
.mobile-push-66 {
left: 66.66667%;
/* */
*left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-66 {
left: -66.66667%;
/* */
*left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-100 {
clear: both;
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.tablet-push-5, .tablet-pull-5, .tablet-push-10, .tablet-pull-10, .tablet-push-15, .tablet-pull-15, .tablet-push-20, .tablet-pull-20, .tablet-push-25, .tablet-pull-25, .tablet-push-30, .tablet-pull-30, .tablet-push-35, .tablet-pull-35, .tablet-push-40, .tablet-pull-40, .tablet-push-45, .tablet-pull-45, .tablet-push-50, .tablet-pull-50, .tablet-push-55, .tablet-pull-55, .tablet-push-60, .tablet-pull-60, .tablet-push-65, .tablet-pull-65, .tablet-push-70, .tablet-pull-70, .tablet-push-75, .tablet-pull-75, .tablet-push-80, .tablet-pull-80, .tablet-push-85, .tablet-pull-85, .tablet-push-90, .tablet-pull-90, .tablet-push-95, .tablet-pull-95, .tablet-push-33, .tablet-pull-33, .tablet-push-66, .tablet-pull-66 {
position: relative;
}
.hide-on-tablet {
display: none !important;
}
.tablet-grid-5 {
float: left;
width: 5%;
/* */
*width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-5 {
margin-left: 5%;
}
.tablet-suffix-5 {
margin-right: 5%;
}
.tablet-push-5 {
left: 5%;
/* */
*left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-5 {
left: -5%;
/* */
*left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-10 {
float: left;
width: 10%;
/* */
*width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-10 {
margin-left: 10%;
}
.tablet-suffix-10 {
margin-right: 10%;
}
.tablet-push-10 {
left: 10%;
/* */
*left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-10 {
left: -10%;
/* */
*left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-15 {
float: left;
width: 15%;
/* */
*width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-15 {
margin-left: 15%;
}
.tablet-suffix-15 {
margin-right: 15%;
}
.tablet-push-15 {
left: 15%;
/* */
*left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-15 {
left: -15%;
/* */
*left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-20 {
float: left;
width: 20%;
/* */
*width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-20 {
margin-left: 20%;
}
.tablet-suffix-20 {
margin-right: 20%;
}
.tablet-push-20 {
left: 20%;
/* */
*left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-20 {
left: -20%;
/* */
*left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-25 {
float: left;
width: 25%;
/* */
*width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-25 {
margin-left: 25%;
}
.tablet-suffix-25 {
margin-right: 25%;
}
.tablet-push-25 {
left: 25%;
/* */
*left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-25 {
left: -25%;
/* */
*left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-30 {
float: left;
width: 30%;
/* */
*width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-30 {
margin-left: 30%;
}
.tablet-suffix-30 {
margin-right: 30%;
}
.tablet-push-30 {
left: 30%;
/* */
*left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-30 {
left: -30%;
/* */
*left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-35 {
float: left;
width: 35%;
/* */
*width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-35 {
margin-left: 35%;
}
.tablet-suffix-35 {
margin-right: 35%;
}
.tablet-push-35 {
left: 35%;
/* */
*left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-35 {
left: -35%;
/* */
*left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-40 {
float: left;
width: 40%;
/* */
*width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-40 {
margin-left: 40%;
}
.tablet-suffix-40 {
margin-right: 40%;
}
.tablet-push-40 {
left: 40%;
/* */
*left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-40 {
left: -40%;
/* */
*left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-45 {
float: left;
width: 45%;
/* */
*width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-45 {
margin-left: 45%;
}
.tablet-suffix-45 {
margin-right: 45%;
}
.tablet-push-45 {
left: 45%;
/* */
*left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-45 {
left: -45%;
/* */
*left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-50 {
float: left;
width: 50%;
/* */
*width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-50 {
margin-left: 50%;
}
.tablet-suffix-50 {
margin-right: 50%;
}
.tablet-push-50 {
left: 50%;
/* */
*left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-50 {
left: -50%;
/* */
*left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-55 {
float: left;
width: 55%;
/* */
*width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-55 {
margin-left: 55%;
}
.tablet-suffix-55 {
margin-right: 55%;
}
.tablet-push-55 {
left: 55%;
/* */
*left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-55 {
left: -55%;
/* */
*left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-60 {
float: left;
width: 60%;
/* */
*width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-60 {
margin-left: 60%;
}
.tablet-suffix-60 {
margin-right: 60%;
}
.tablet-push-60 {
left: 60%;
/* */
*left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-60 {
left: -60%;
/* */
*left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-65 {
float: left;
width: 65%;
/* */
*width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-65 {
margin-left: 65%;
}
.tablet-suffix-65 {
margin-right: 65%;
}
.tablet-push-65 {
left: 65%;
/* */
*left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-65 {
left: -65%;
/* */
*left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-70 {
float: left;
width: 70%;
/* */
*width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-70 {
margin-left: 70%;
}
.tablet-suffix-70 {
margin-right: 70%;
}
.tablet-push-70 {
left: 70%;
/* */
*left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-70 {
left: -70%;
/* */
*left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-75 {
float: left;
width: 75%;
/* */
*width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-75 {
margin-left: 75%;
}
.tablet-suffix-75 {
margin-right: 75%;
}
.tablet-push-75 {
left: 75%;
/* */
*left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-75 {
left: -75%;
/* */
*left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-80 {
float: left;
width: 80%;
/* */
*width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-80 {
margin-left: 80%;
}
.tablet-suffix-80 {
margin-right: 80%;
}
.tablet-push-80 {
left: 80%;
/* */
*left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-80 {
left: -80%;
/* */
*left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-85 {
float: left;
width: 85%;
/* */
*width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-85 {
margin-left: 85%;
}
.tablet-suffix-85 {
margin-right: 85%;
}
.tablet-push-85 {
left: 85%;
/* */
*left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-85 {
left: -85%;
/* */
*left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-90 {
float: left;
width: 90%;
/* */
*width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-90 {
margin-left: 90%;
}
.tablet-suffix-90 {
margin-right: 90%;
}
.tablet-push-90 {
left: 90%;
/* */
*left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-90 {
left: -90%;
/* */
*left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-95 {
float: left;
width: 95%;
/* */
*width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-95 {
margin-left: 95%;
}
.tablet-suffix-95 {
margin-right: 95%;
}
.tablet-push-95 {
left: 95%;
/* */
*left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-95 {
left: -95%;
/* */
*left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-33 {
float: left;
width: 33.33333%;
/* */
*width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-33 {
margin-left: 33.33333%;
}
.tablet-suffix-33 {
margin-right: 33.33333%;
}
.tablet-push-33 {
left: 33.33333%;
/* */
*left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-33 {
left: -33.33333%;
/* */
*left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-66 {
float: left;
width: 66.66667%;
/* */
*width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-66 {
margin-left: 66.66667%;
}
.tablet-suffix-66 {
margin-right: 66.66667%;
}
.tablet-push-66 {
left: 66.66667%;
/* */
*left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-66 {
left: -66.66667%;
/* */
*left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-100 {
clear: both;
width: 100%;
}
}
@media (min-width: 1024px) {
.push-5, .pull-5, .push-10, .pull-10, .push-15, .pull-15, .push-20, .pull-20, .push-25, .pull-25, .push-30, .pull-30, .push-35, .pull-35, .push-40, .pull-40, .push-45, .pull-45, .push-50, .pull-50, .push-55, .pull-55, .push-60, .pull-60, .push-65, .pull-65, .push-70, .pull-70, .push-75, .pull-75, .push-80, .pull-80, .push-85, .pull-85, .push-90, .pull-90, .push-95, .pull-95, .push-33, .pull-33, .push-66, .pull-66 {
position: relative;
}
.hide-on-desktop {
display: none !important;
}
.grid-5 {
float: left;
width: 5%;
/* */
*width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-5 {
margin-left: 5%;
}
.suffix-5 {
margin-right: 5%;
}
.push-5 {
left: 5%;
/* */
*left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-5 {
left: -5%;
/* */
*left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-10 {
float: left;
width: 10%;
/* */
*width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-10 {
margin-left: 10%;
}
.suffix-10 {
margin-right: 10%;
}
.push-10 {
left: 10%;
/* */
*left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-10 {
left: -10%;
/* */
*left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-15 {
float: left;
width: 15%;
/* */
*width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-15 {
margin-left: 15%;
}
.suffix-15 {
margin-right: 15%;
}
.push-15 {
left: 15%;
/* */
*left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-15 {
left: -15%;
/* */
*left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-20 {
float: left;
width: 20%;
/* */
*width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-20 {
margin-left: 20%;
}
.suffix-20 {
margin-right: 20%;
}
.push-20 {
left: 20%;
/* */
*left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-20 {
left: -20%;
/* */
*left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-25 {
float: left;
width: 25%;
/* */
*width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-25 {
margin-left: 25%;
}
.suffix-25 {
margin-right: 25%;
}
.push-25 {
left: 25%;
/* */
*left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-25 {
left: -25%;
/* */
*left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-30 {
float: left;
width: 30%;
/* */
*width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-30 {
margin-left: 30%;
}
.suffix-30 {
margin-right: 30%;
}
.push-30 {
left: 30%;
/* */
*left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-30 {
left: -30%;
/* */
*left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-35 {
float: left;
width: 35%;
/* */
*width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-35 {
margin-left: 35%;
}
.suffix-35 {
margin-right: 35%;
}
.push-35 {
left: 35%;
/* */
*left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-35 {
left: -35%;
/* */
*left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-40 {
float: left;
width: 40%;
/* */
*width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-40 {
margin-left: 40%;
}
.suffix-40 {
margin-right: 40%;
}
.push-40 {
left: 40%;
/* */
*left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-40 {
left: -40%;
/* */
*left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-45 {
float: left;
width: 45%;
/* */
*width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-45 {
margin-left: 45%;
}
.suffix-45 {
margin-right: 45%;
}
.push-45 {
left: 45%;
/* */
*left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-45 {
left: -45%;
/* */
*left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-50 {
float: left;
width: 50%;
/* */
*width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-50 {
margin-left: 50%;
}
.suffix-50 {
margin-right: 50%;
}
.push-50 {
left: 50%;
/* */
*left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-50 {
left: -50%;
/* */
*left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-55 {
float: left;
width: 55%;
/* */
*width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-55 {
margin-left: 55%;
}
.suffix-55 {
margin-right: 55%;
}
.push-55 {
left: 55%;
/* */
*left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-55 {
left: -55%;
/* */
*left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-60 {
float: left;
width: 60%;
/* */
*width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-60 {
margin-left: 60%;
}
.suffix-60 {
margin-right: 60%;
}
.push-60 {
left: 60%;
/* */
*left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-60 {
left: -60%;
/* */
*left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-65 {
float: left;
width: 65%;
/* */
*width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-65 {
margin-left: 65%;
}
.suffix-65 {
margin-right: 65%;
}
.push-65 {
left: 65%;
/* */
*left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-65 {
left: -65%;
/* */
*left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-70 {
float: left;
width: 70%;
/* */
*width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-70 {
margin-left: 70%;
}
.suffix-70 {
margin-right: 70%;
}
.push-70 {
left: 70%;
/* */
*left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-70 {
left: -70%;
/* */
*left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-75 {
float: left;
width: 75%;
/* */
*width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-75 {
margin-left: 75%;
}
.suffix-75 {
margin-right: 75%;
}
.push-75 {
left: 75%;
/* */
*left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-75 {
left: -75%;
/* */
*left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-80 {
float: left;
width: 80%;
/* */
*width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-80 {
margin-left: 80%;
}
.suffix-80 {
margin-right: 80%;
}
.push-80 {
left: 80%;
/* */
*left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-80 {
left: -80%;
/* */
*left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-85 {
float: left;
width: 85%;
/* */
*width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-85 {
margin-left: 85%;
}
.suffix-85 {
margin-right: 85%;
}
.push-85 {
left: 85%;
/* */
*left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-85 {
left: -85%;
/* */
*left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-90 {
float: left;
width: 90%;
/* */
*width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-90 {
margin-left: 90%;
}
.suffix-90 {
margin-right: 90%;
}
.push-90 {
left: 90%;
/* */
*left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-90 {
left: -90%;
/* */
*left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-95 {
float: left;
width: 95%;
/* */
*width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-95 {
margin-left: 95%;
}
.suffix-95 {
margin-right: 95%;
}
.push-95 {
left: 95%;
/* */
*left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-95 {
left: -95%;
/* */
*left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-33 {
float: left;
width: 33.33333%;
/* */
*width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-33 {
margin-left: 33.33333%;
}
.suffix-33 {
margin-right: 33.33333%;
}
.push-33 {
left: 33.33333%;
/* */
*left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-33 {
left: -33.33333%;
/* */
*left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-66 {
float: left;
width: 66.66667%;
/* */
*width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-66 {
margin-left: 66.66667%;
}
.suffix-66 {
margin-right: 66.66667%;
}
.push-66 {
left: 66.66667%;
/* */
*left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-66 {
left: -66.66667%;
/* */
*left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-100 {
clear: both;
width: 100%;
}
}
/* amiri-regular - latin */
@font-face {
font-family: 'Amiri';
font-style: normal;
font-weight: 400;
src: url('../fonts/amiri-v10-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Amiri Regular'), local('Amiri-Regular'),
url('../fonts/amiri-v10-latin-regular.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/amiri-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/amiri-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/amiri-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../../files/theme-ruetex/fonts/amiri-v10-latin-regular.svg#Amiri') format('svg'); /* Legacy iOS */
}
/* amiri-italic - latin */
@font-face {
font-family: 'Amiri';
font-style: italic;
font-weight: 400;
src: url('../fonts/amiri-v10-latin-italic.eot'); /* IE9 Compat Modes */
src: local('Amiri Italic'), local('Amiri-Italic'),
url('../fonts/amiri-v10-latin-italic.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/amiri-v10-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/amiri-v10-latin-italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/amiri-v10-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../../files/theme-ruetex/fonts/amiri-v10-latin-italic.svg#Amiri') format('svg'); /* Legacy iOS */
}
/* lato-100 - latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 100;
src: url('../fonts/lato-v14-latin-100.eot'); /* IE9 Compat Modes */
src: local('Lato Hairline'), local('Lato-Hairline'),
url('../fonts/lato-v14-latin-100.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/lato-v14-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/lato-v14-latin-100.woff') format('woff'), /* Modern Browsers */
url('../fonts/lato-v14-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
url('../images/lato-v14-latin-100.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-300 - latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 300;
src: url('../fonts/lato-v14-latin-300.eot'); /* IE9 Compat Modes */
src: local('Lato Light'), local('Lato-Light'),
url('../fonts/lato-v14-latin-300.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/lato-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/lato-v14-latin-300.woff') format('woff'), /* Modern Browsers */
url('../fonts/lato-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
url('../images/lato-v14-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-regular - latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
src: url('../fonts/lato-v14-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Lato Regular'), local('Lato-Regular'),
url('../fonts/lato-v14-latin-regular.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/lato-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/lato-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/lato-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../images/lato-v14-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
src: url('../fonts/lato-v14-latin-700.eot'); /* IE9 Compat Modes */
src: local('Lato Bold'), local('Lato-Bold'),
url('../fonts/lato-v14-latin-700.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/lato-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/lato-v14-latin-700.woff') format('woff'), /* Modern Browsers */
url('../fonts/lato-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('../images/lato-v14-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}
/* muli-300 - latin */
@font-face {
font-family: 'Muli';
font-style: normal;
font-weight: 300;
src: url('../fonts/muli-v12-latin-300.eot'); /* IE9 Compat Modes */
src: local('Muli Light'), local('Muli-Light'),
url('../fonts/muli-v12-latin-300.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/muli-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/muli-v12-latin-300.woff') format('woff'), /* Modern Browsers */
url('../fonts/muli-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
url('../images/muli-v12-latin-300.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-regular - latin */
@font-face {
font-family: 'Muli';
font-style: normal;
font-weight: 400;
src: url('../fonts/muli-v12-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Muli Regular'), local('Muli-Regular'),
url('../fonts/muli-v12-latin-regular.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/muli-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/muli-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/muli-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../images/muli-v12-latin-regular.svg#Muli') format('svg'); /* Legacy iOS */
}
.mod_changelanguage{}
@media only screen{
#druckadresse{display:none;}
html{overflow-y: scroll;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; }
html, body {height: 100%;}
body {background: #fff;font:1em/1.5 'Lato',Verdana, sans-serif;color:#444;font-weight:300;-webkit-font-smoothing:subpixel-antialiased;}
/* --- Contao Elemente ---*/
#wrapper{position:relative;min-height:100%;height:auto!important;height:100%;background:transparent;overflow:hidden;}
#container{clear:both;}
#container,.inside,#main,#left,#right,#header .inside, #footer .inside,#header{position:relative;}
#container,#header .inside,#footer .inside,.logonav,.mod_article .inner{margin-left:auto;margin-right:auto;}
#header .inside{position:relative;}
#footer{overflow:hidden;width:100%;background:#07203E;}
.metabereich{width:100%;display:block;background:#002851;position:relative;overflow:hidden}
.contentbereich{margin-left:auto;margin-right:auto}
.logo{position:relative;float:left;}
.logo:hover{opacity:.8}
.logo a{display:block;background-repeat:no-repeat;position:absolute;left:0;}
.logo,.logo a{height:70px;}
.mod_article{padding:2em 0 0 0;margin-bottom:0;}
.mod_article.last{margin-bottom:2em;}
.mod_article.first{padding-top:2em;}
#header .mod_article{padding:0;}
.mod_article.map{padding:0}
/* --- Allgemeine Hilfsklassen ---*/
.grid-pusher{margin:0 20px;}
.align-left{text-align:left !important}
.align-right{text-align:right}
.align-center{text-align:center;}
.kein-abstand{margin:0 !important;padding:0 !important}
.innenabstand-oben-1{padding-top:1em !important}
.innenabstand-oben-2{padding-top:2em !important}
.innenabstand-oben-3{padding-top:3em !important}
.innenabstand-oben-4{padding-top:4em !important}
.innenabstand-unten-0{padding-bottom:0em !important}
.innenabstand-unten-1{padding-bottom:1em !important}
.innenabstand-unten-2{padding-bottom:2em !important}
.innenabstand-unten-3{padding-bottom:3em !important}
.innenabstand-unten-4{padding-bottom:4em !important}
.abstand-unten-plus-1{margin-bottom:1em !important}
.abstand-unten-plus-2{margin-bottom:2em !important}
.abstand-unten-plus-3{margin-bottom:3em !important}
.abstand-unten-plus-4{margin-bottom:4em !important}
.abstand-oben-plus-1{margin-top:1em !important}
.abstand-oben-plus-2{margin-top:2em !important}
.abstand-oben-plus-3{margin-top:3em !important}
.abstand-oben-plus-4{margin-top:4em !important}
.abstand-oben-minus-1{margin-top:-1em !important}
.abstand-oben-minus-2{margin-top:-2em !important}
.abstand-oben-minus-3{margin-top:-3em !important}
.abstand-oben-minus-4{margin-top:-4em !important}
.noscale .image_container img{width:auto !important;}
/* -- slogans -- */
.mod_article.sloganartikel .contentbereich{width:100%;max-width:100%;padding:0;position:relative;}
.mod_article.sloganartikel{padding:0;width:100%}
.sloganbereich{position:absolute;top: 40%;-moz-transform: translateY(-50%);width:100%;
-webkit-transform: translateY(-40%);
-o-transform: translateY(-40%);
-ms-transform: translateY(-40%);
transform: translateY(-40%);}
.sloganbild{background-image:url("../images/bg-start-750-3.jpg");width:100%;height:500px;height:70vh;background-repeat:no-repeat;background-size:cover}
.slogans{ width:100%;margin-left:auto;margin-right:auto;max-width:1020px;text-align:center}
.slogans h2{font-family:'Muli',Verdana, sans-serif;color:#fff;margin-left:0;font-style:normal;letter-spacing:1px;}
/* -- Startblock -- */
.startblock{padding:3em 2.5em 2.5em 2.5em;margin:0;color:#fff;font-weight:200;font-size:110%;}
.block-1,.block-3{background:#3797d1}
.block-2{background:#2c88c0}
.block-red{background: #c02c42}
.block-4,.block-5,.block-6,.block-7{background-repeat:no-repeat;background-size:cover}
.block-4{background-image:url("../images/quader-bg-grob.jpg");}
.block-5{background-image:url("../images/quader-bg-rolle.jpg");}
.block-6{background-image:url("../images/quader-bg-faeden.jpg");}
.block-7{background-image:url("../images/testbg.jpg");}
.startblock a{background:#fff;color:#27709c;padding:.2em 1.6em;border-radius:12px;font-weight:300;}
.startblock a:hover{background:#deeffa;color:#000 !important;}
.startblock,.slogans h3{-webkit-text-stroke-width: 0.4px;}
.startblock.block-red a{background:#fff;color:#c02c42;padding:.2em 1.6em;border-radius:12px;font-weight:300;}
.block-3 em{font-style:normal;color:#cfe619}
}
@media only screen and (max-width:767px) {
.startblock{padding:3em 2.5em 2.5em 2.5em;margin:3px 0 0 0;color:#fff;font-weight:300;font-size:110%;}
.slogans h2{font-size:200%;font-weight:700;letter-spacing:0}
.slogans h3{color:#fff;font-size:140%;font-weight:400;display:inline-block;}
}
@media only screen and (min-width:768px) {
.mod_article.bloecke{margin-top:-120px;}
.contentbereich{position:relative;}
.slogans h2{color:#fff;font-size:500%;font-weight:700;margin:0;}
.slogans h3{font-size:300%;font-weight:400;display:inline-block;color:#fff;background:transparent;/* background-color:rgba(55,150,209, 0.4);*/padding:0 1em}
.sloganbild{min-height:300px}
.ie .sloganbild{min-height:380px}
}
@media (min-width:768px) and (max-width:1023px){
}
@media only screen and (max-width:1023px) {
#main p{font-size:110%}
.startblock{font-weight:300;}
.mobile-center{text-align:center;}
.logonav{margin-top:10px;}
.metabereich .contentbereich{margin:0 10px}
.logonav .contentbereich{overflow:hidden}
.logo{left:10px;margin:10px 0 20px 0}
.logo,.logo a{width:150px;height:39px;}
.logo a{top:0;background-image:url("../images/ruetex-mobil.gif");}
#footer{border-top:2px solid #4cc8eb;}
#footer .inside{margin-top:4px;border-top:2px solid #fff;padding:2em 0}
.footercontent{padding:2em 0 0 0}
}
@media only screen and (min-width:1024px) {
.mod_article.bloecke{margin-top:-130px;}
.contentbereich, #footer .inside{width:90%;margin-left:auto;margin-right:auto;max-width:1120px;position:relative;}
#header .mod_article.bloecke .contentbereich{width:90%;margin-left:auto;margin-right:auto;max-width:1120px;}
.mod_article.map .contentbereich{width:100%;max-width:100%}
.logo,.logo a{width:215px;height:76px;}
.logo a{top:22px;background-image:url("../images/ruetex.gif");}
.startseite .mod_article.first{padding-top:1em;}
.slogans h3{/*background:transparent; background-color:rgba(0, 0, 0, 0.4);padding:0 .6em*/;}
/*.slogans h3{padding:0 3em;}*/
.ie9 #footer .inside{margin-top:2em;}
#footer{min-height:200px;max-height:400px;position:relative;}
#footer .inside{
display:block;
position: absolute;
top: 50%;
left:0;
right:0;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);}
#footer .quader{position:absolute; left:-150px;bottom:0;width:300px;height:400px;
top:-200px; background:transparent;-moz-transform: rotate(25deg);-ms-transform: rotate(25deg);-o-transform: rotate(25deg);-webkit-transform: rotate(25deg);
border:2px solid #4cc8eb;}
.quader .innen{
position:absolute;top:4px;left:4px;right:4px;bottom:4px;;
border:2px solid #fff;background-image:url("../images/quader.jpg");background-size:cover;background-repeat:no-repeat;background-attachment: fixed;}
}
@media (max-height: 640px) and (min-width: 768px) {
.sloganbild{height:400px}
.mod_article.bloecke{margin-top:-50px;}
}
@media only screen and (max-width:510px) {
.startseite .banner img{width:100%;height:auto}
}
@media only screen and (min-width:1280px) {
.sloganbild{max-height:500px;}
}
@media only screen{
.metanav{float:right}
.metanav li {float:left;margin-left:1em;}
.metanav li a,.metanav li .active{color:#f2f2f2;font-size:14px;display:block;font-weight:300;}
.metanav li a.last,.metanav li span.last{padding-right:0;}
.metanav li a:hover{color:#ccc;}
.metanav li span,.metanav li.last span,.metanav li.first span{}
.metanav li span.active:not(.first){color:#b9e5ff}
.mod_changelanguage,.sprache {margin:0;float:left}
.mod_changelanguage ul{}
.mod_changelanguage li,.sprache li{float:left;margin-right:.3em;}
.mod_changelanguage a, .mod_changelanguage span,.sprache a, .sprache span{width: 16px;text-indent:-999em;text-align:left;display:inline-block;background-repeat: no-repeat;background-position: center center;}
/*.mod_changelanguage a.lang-de,.mod_changelanguage span.lang-de {background-image: url("../images/de.png");}
.mod_changelanguage a.lang-en,.mod_changelanguage span.lang-en {background-image: url("../images/gb.png");}*/
.mod_changelanguage a, .sprache a, .mod_changelanguage span,.sprache span,.metanav li a,.metanav li .active,.sprache li{line-height:30px;}
a.deutsch, a.english {
text-indent:2000px;
}
a.deutsch {
background-image:url("../images/de.png");
}
a.english {
background-image:url("../images/gb.png");
}
.footernav a{color:#fff;}
}
@media (max-width:1023px) {
#header .metanav,#footer .metanav li.no-footernav {display:none !important;}
#footer .metanav{width:100%;margin:1em}
#footer .metanav ul{margin:auto;text-align:center}
#footer .metanav li{float:none;margin:0 0 0 30px}
#footer .metanav li a, #footer .metanav strong{font-size:100%}
#footer .metanav li a:hover,#footer .metanav li span:hover{color:#6ea0ca !important}
.mainmenu{float:left;display:inline-block;width:auto;width: 100% !important;}
a.mobile_handle {
display: block;
cursor: pointer;
position: absolute;
right: 0px;
top: 58px;
border-top: 2px solid #1a1a1a;
border-bottom: 2px solid #1a1a1a;
transition: all .25s ease-in-out;
background: transparent;
width: 30px;
height: 20px;
margin-right:12px
}
a.mobile_handle:before, a.mobile_handle:after {
background: #1a1a1a;
content: '';
display: block;
width: 100%;
height: 2px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: transform .25s ease-in-out;
}
a.mobile_handle.change {border-color: transparent;right:2px;}
a.mobile_handle.change:before, a.mobile_handle.change:after {background: #666;}
a.mobile_handle.change:before {transform: translate(-50%, -50%) rotate(45deg);}
a.mobile_handle.change:after {transform: translate(-50%, -50%) rotate(-45deg);}
.mainmenu i {
border: solid #666;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 7px;
}
.mainmenu i.down {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform-origin:60% 80%
}
.mainmenu i.up {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform-origin:60% 50%
}
.mainmenu ul {
position:relative;
height:auto;
background: #fff;
padding:0;
-ms-transition: all 0s ease-in-out;
-webkit-transition: all 0s ease-in-out;
-o-transition: all 0s ease-in-out;
-moz-transition: all 0s ease-in-out;
transition: all 0s ease-in-out;
text-align:left;
}
.mainmenu ul.level_1 {
margin:0;
height:auto;
}
.mainmenu ul.level_1 li {
float: none;
width: 100%;
position:relative;
}
.mainmenu ul.level_1 li a, .mainmenu ul.level_1 li span.active, .mainmenu ul.level_1 li span.forward, .mainmenu ul.level_1 li strong {
width: 100%;
display: block;
height: 50px;
padding:.7em 20px .4em 10px;
border-bottom: 1px solid #ccc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background:#fff;
color:#333;
}
.mainmenu ul.level_1 li > ul {
position: relative;
z-index: 99;
}
.mainmenu ul.level_1 li > ul {
padding: 0px;
display: none;
-webkit-transition-property: opacity, visibility;
-moz-transition-property: opacity, visibility;
-o-transition-property: opacity, visibility;
transition-property: opacity, visibility;
-webkit-transition-duration: .2s, 0s;
-moz-transition-duration: .2s, 0s;
-o-transition-duration: .2s, 0s;
transition-duration: .2s, 0s;
opacity: 1;
visibility: visible;
-webkit-transition-delay: 0s, 0s;
-moz-transition-delay: 0s, 0s;
-o-transition-delay: 0s, 0s;
transition-delay: 0s, 0s;
}
.mainmenu ul.level_2 {min-width: auto;top: 0px;width: auto;}
.mainmenu ul.level_2 li a, .mainmenu ul.level_2 li span.active, .mainmenu ul.level_2 li span.forward {color: #333;}
.mainmenu .active{color:#555}
.mainmenu .active, .mainmenu ul.level_2 li span.active{background:#fff}
.mainmenu .trail{color:#555}
.mainmenu ul.level_2 li > ul {
min-width: auto;
width: auto;
left: 0;
top: 0;
margin-left: 0%;
padding: 0px;
}
.mainmenu ul.level_2 li a, .mainmenu ul.level_2 li span.active, .mainmenu ul.level_2 li span.forward {padding-left: 30px !important;}
.mainmenu ul.level_2 li strong {padding-left: 30px !important;}
.mainmenu ul.level_3 li a, .mainmenu ul.level_3 li span.active, .mainmenu ul.level_3 li span.forward {padding-left: 45px !important;}
.mainmenu ul.level_4 li a, .mainmenu ul.level_4 li span.active, .mainmenu ul.level_4 li span.forward {padding-left: 60px !important;}
.mainmenu ul.level_5 li a, .mainmenu ul.level_5 li span.active, .mainmenu ul.level_5 li span.forward {padding-left: 75px !important;}
.mainmenu ul.level_6 li a, .mainmenu ul.level_6 li span.active, .mainmenu ul.level_6 li span.forward {padding-left: 90px !important;}
/* Sub Arrow */
.mainmenu ul li a.sub_nav {
position: absolute;
width: 60px;
height: 50px;
right: 0px;
top: 0px;
margin: 0;
padding: 0px !important;
background-color: #fff !important;
color: #555;
text-align: center;
cursor: pointer;
line-height:50px;
}
.mainmenu .icon-angle-up,.mainmenu .icon-angle-down,.mainmenu .icon-menu {
position: relative;
display: block;
}
.mainmenu ul.level_1 li span.active, .mainmenu ul.level_1 li span.forward, .mainmenu ul.level_2 li span.active, .mainmenu ul.level_2 li span.forward{color:#6ea0ca}
}
@media (min-width:768px) and (max-width:1023px){
.mainmenu a.mobile_handle {top:15px;}
}
@media screen and (min-width:1024px) {
#footer .metanav{display:none !important;}
.metanav{float:right}
.mod_changelanguage,.sprache {margin:0 0 0 1em;float:right}
.footernav{text-align:right}
.mod_changelanguage a,.sprache a, .mod_changelanguage span,.metanav li a,.metanav li .active{line-height:34px;}
.mainmenu li.no-desktopnav {display:none !important;}
.mainmenu {overflow: visible !important;float:right;display:inline-block;margin-right:0;}
.mainmenu ul {
margin:0;
padding:0;
position: relative;
display: block;
text-align:left;
-ms-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
transition: all 1s ease-in-out
}
.mainmenu ul.level_1 {
height:50px;
width: 100%;
position: relative;
display: block;
}
.mainmenu ul.level_1 li {
position: relative;
float: left;
display: block;
margin-left:1.2em;
}
.mainmenu ul.level_1 li a, .mainmenu ul.level_1 li span.active, .mainmenu ul.level_1 li span.forward, .mainmenu ul.level_1 li strong {
line-height:107px;
height:107px;
padding:0;
position: relative;
display: inline-block;
white-space: nowrap;
font-weight:300;
color:#717171;
font-size:100%;
text-transform:uppercase;
}
.mainmenu ul.level_1 li a:hover{color:#ccc;}
.mainmenu ul.level_1 li.last a, .mainmenu ul.level_1 li.last span.active, .mainmenu ul.level_1 li.last span.forward {padding-right:0;}
.mainmenu ul.level_1 li > ul {
position: absolute;background-color: transparent;z-index: 999}
.mainmenu ul.level_1 li > ul {
visibility: hidden;
opacity: 0;
-webkit-transition-property: opacity, visibility;
-moz-transition-property: opacity, visibility;
-o-transition-property: opacity, visibility;
transition-property: opacity, visibility;
-webkit-transition-duration: .2s, 0s;
-moz-transition-duration: .2s, 0s;
-o-transition-duration: .2s, 0s;
transition-duration: .2s, 0s;
-webkit-transition-delay: 0s, .2s;
-moz-transition-delay: 0s, .2s;
-o-transition-delay: 0s, .2s;
transition-delay: 0s, .2s
}
.mainmenu ul li:hover > ul {
opacity: 1;
visibility: visible;
-webkit-transition-delay: 0s, 0s;
-moz-transition-delay: 0s, 0s;
-o-transition-delay: 0s, 0s;
transition-delay: 0s, 0s;
}
.mainmenu ul.level_2 li {
min-width:300px;
width: 100%;
position: relative;
float: none;
display: inline-block;
margin: 0;
padding: 0;
background:transparent;
}
.mainmenu ul.level_2 li a, .mainmenu ul.level_2 li span.active, .mainmenu ul.level_2 li span.forward, .mainmenu ul.level_2 li strong {
position: relative;
float: none;
display: block;
white-space: nowrap;
height:auto;
line-height:50px;
padding:0 80px 0 15px;
position: relative;
background: rgba(255, 255, 255);
background-color: rgba(255, 255, 255, 0.95);
margin-bottom:2px;
font-size:100%;
color:#333;
}
.mainmenu ul.level_2 li.last a, .mainmenu ul.level_2 li.last span.active, .mainmenu ul.level_2 li.last span.forward {border-bottom:0;}
.mainmenu ul.level_2 li a:hover, .mainmenu ul.level_2 li span.active, .mainmenu ul.level_2 li a.trail, .mainmenu ul.level_2 li.submenu:hover > a, .mainmenu ul.level_2 li span.forward {color:#014077;background:#fff;}
.mainmenu ul.level_1 li strong.trail,.mainmenu ul.level_2 li strong.active,.mainmenu strong.active{color:#6ea0ca !important;background:#fff;}
.mainmenu ul.level_1 li span.active,.mainmenu ul.level_1 li span.forward,.mainmenu ul.level_1 li span.forward{color:#6ea0ca;}
.mainmenu a.mobile_handle {display: none}
}
@media only screen {
/*-- BASIC TEXT & LINKS --*/
/*-- Headlines --*/
h1, h2, h3, h4, h5, h6 {
line-height: 1.5;
margin: 0 0 0 0;
padding: 0;
font-weight: 300;
}
h1, h2 {
font-family: 'Amiri', serif;
color: #3797d1;
font-size: 220%;
font-style: italic
}
h2 {
font-size: 180%;
}
h3, h4, h5, h6 {
font-size: 150%;
margin: 0 0 1em 0;
font-weight: 300;
}
h5 {
color: #3797d1;
}
h1.center, h2.center, h1.center, h3.center, h5.center {
text-align: center;
margin-left: auto;
margin-right: auto;
}
#main h1:after, #main h2:after, #main h1.ce_headline:after, #main h2.ce_headline:after {
content: ' ';
display: block;
border-top: 1px solid black;
margin-top: .7em;
margin-bottom: 1.2em;
width: 100px;
font-size: inherit !important;
visibility: visible !important
}
#main h1.center:after, #main h2.center:after, #main h1.ce_headline.center:after, #main h2.ce_headline.center:after {
margin-left: auto;
margin-right: auto;
}
.kundenlogo-text {
margin: 1em 0 0;
font-weight: 400
}
.kundenlogo {
margin: 2em auto;
overflow: visible
}
.kundenlogo .caption {
font-style: normal;
font-size: 90%;
text-align: center
}
/*-- Text --*/
.mitarbeiter h4 {
font-size: 130%;
font-weight: 400;
margin: 0 0 .4em 0
}
strong {
font-weight: 400;
}
.mitarbeiter strong {
font-weight: 400;
font-size: 110%
}
a {
color: #002851
}
#main p a, #main .ce_text a, .widget a {
text-decoration: none;
border-bottom: 1px dotted #00558A
}
#main p a:hover, #main .ce_text a:hover {
color: #6ea0ca;
border-bottom: 1px dotted #6ea0ca
}
#main p span a, #main .ce_text span a, #main p span a:hover, #main .ce_text span a:hover, #main .mitarbeiter p a, #main .mitarbeiter span a {
border-bottom: 0;
text-decoration: none
}
p, form {
margin: 0 0 1em 0
}
p:last-of-type {
margin: 0;
}
p.more, p.back {
margin: 1em 0 1em 0
}
li {
list-style-type: none
}
#footer span, #footer p {
color: #fff;
}
#footer a:hover {
color: #6ea0ca !important
}
.mitarbeiter {
margin-top: 1em;
}
.mitarbeiter .textbereich {
background: #f2f2f2;
padding: 1em;
}
.mitarbeiter h3 {
margin-bottom: .5em;
}
.mitarbeiter .image_container {
margin-bottom: 1em;
border: 2px solid #fff;
}
.ce_text.kasten .textbereich {
background: #f2f2f2;
padding: 2em 2em 2em 2em;
}
span.telefon, span.mobil, span.email, span.fax {
text-decoration: none;
border: 0;
color: #444
}
.myprint {
padding: 1em 2em;
background: #f2f2f2;
display: inline-block;
color: #1a1a1a;
font-weight: 400;
margin: 1em 0
}
.myprint:hover {
background: #ccc;
}
/* -- Artikel & elemente -- */
#header .mod_article, #header .mod_article .contentbereich {
width: 100%;
max-width: 100%
}
#main div[class^="ce_"] {
margin-bottom: 1.5em;
}
#main div[class^="ce_"].no-margin-bottom {
margin-bottom: 0;
}
.ce_text ul, .ce_text ol {
margin-left: 1.1em;
}
.ce_text ul li {
list-style-type: disc;
margin-bottom: .5em;
}
.ce_text ol li, .ce_list ul li {
list-style-type: decimal;
text-indent: 1em;
line-height: 2;
}
.ce_list ol li {
list-style-type: none;
}
.ce_list ol {
margin-top: 1em;
}
/* -- Pageimages --*/
.ce_pageimages {
width: 100%;
border-bottom: 1px solid #2c88c0;
border-top: 1px solid #2c88c0;
padding: 2px 0
}
.mod_pageimage {
width: 100%;
border-bottom: 1px solid #2c88c0;
border-top: 1px solid #2c88c0;
padding: 2px 0
}
/* -- ce_hyperlinks und buttons -- */
.ce_hyperlink {
width: auto;
}
.ce_hyperlink a {
color: #ff790f;
font-weight: 400;
}
.ce_hyperlink a:hover {
color: #505050
}
p.more a, p.back a {
color: #c6a670;
font-weight: 400;
}
p.more a:hover, p.back a:hover, .ce_hyperlink.pfeillink a:hover {
color: #fafafa;
}
/* -- FOOTER -- */
#footer, #footer a {
color: #f4f4f4
}
#footer a:hover {
color: #c6a670
}
/* -- Trenner -- */
.mod_trenner {
margin: 1.2em 0 1.5em 0
}
.trenner {
display: block;
text-align: center;
height: 30px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}
.trenner img {
display: block;
}
.trenner span {
display: inline-block;
position: relative;
}
.trenner span:before, .trenner span:after {
content: "";
display: block;
height: 1px;
width: 60px;
background: #999;
position: absolute;
top: 50%;
}
.trenner span:before {
left: -70px
}
.trenner span:after {
right: -70px;
}
/* Mini calendar */
#minicalendar {
}
table.calendar, table.minicalendar {
width: 100%;
background: #000;
border-radius: 5px;
border: 1px solid #c6a670;
padding: 1em
}
table.calendar th, table.minicalendar th {
font-weight: 100;
text-transform: uppercase;
}
table.calendar th.label, table.minicalendar th.label {
color: #c6a670
}
table.minicalendar tbody td span {
border: 1px solid #ccc;
padding: 4px;
text-align: center;
display: block;
margin: 4px;
height: 100%
}
table.minicalendar tbody td.empty span {
border: 1px solid #f2f2f2;
}
table.minicalendar tbody td.active span {
background: #c6a670;
}
table.minicalendar tbody td a {
display: inline-block;
width: 100%;
color: #fff;
}
table.minicalendar tbody td a:hover {
color: #000;
}
table.calendar tbody td {
margin: 4px;
text-align: center;
background: #efefef;
border: 3px solid #fff;
vertical-align: middle
}
table.calendar tbody td.empty {
background: #fafafa
}
table.calendar tbody .event {
background: #FFB800;
border-top: 4px solid #FFF;
}
table.calendar tbody td a {
}
/* Events & News*/
.event p.time, .layout_upcoming .date, .event.layout_full p.info {
color: #fff;
font-size: 1.2em;
padding: 0;
}
.layout_upcoming .date {
margin-right: 1em;
}
.mod_eventlist .layout_teaser, .mod_eventlist .layout_upcoming, .mod_eventlist .layout_list {
margin: 0 0 2em 0;
}
.mod_eventlist .layout_teaser, .mod_eventlist .layout_list {
padding: 0
}
.mod_eventlist .layout_teaser, .mod_eventlist .layout_upcoming {
}
.mod_eventlist .layout_upcoming {
padding: 0;
}
.mod_eventlist .layout_teaser {
border-bottom: 1px solid #c6a670;
padding-bottom: 1em;
}
.mod_eventlist .layout_teaser:last-child {
border-bottom: 0
}
.mod_eventlist .header {
display: none;
}
.mod_eventlist .layout_teaser img {
width: auto;
}
/* Accordion - iconfont siehe iconfont.css */
.toggler {
font-weight: 300;
cursor: pointer;
text-align: left;
margin-bottom: .5em;
line-height: 50px;
background: #f2f1eb;
margin-bottom: 1em;
padding: 0 1em;
}
.toggler:hover, .toggler:hover.ui-accordion-header:before {
color: #e64d40;
}
.toggler.ui-accordion-header-active {
color: #e64d40;
}
.accordion {
margin: 1em 0 1em 3.4em;
}
.phase .toggler {
background: transparent;
padding: 0;
text-align: center;
}
.phase .accordion {
margin: 0 0 3em 0;
}
/* -- Downloads -- */
.ce_download img, .ce_downloads img {
display: none;
}
.ce_download a, .ce_downloads a {
border: 0;
display: block;
border: 0 !important;
background: #f2f1eb;
color: #505050;
padding: .7em 2em;
line-height: 1.4
}
.ce_download a:hover, .ce_downloads a:hover {
color: #3797d1
}
.ce_download a:before, .ce_downloads a:before {
margin-left: -1em;
}
.ce_download span.size, .ce_downloads span.size {
display: none;
}
.ce_download.special-download a {
background: #002851;
color: #fff;
border-radius: 3px;
text-align: center;
text-transform: uppercase
}
.ce_download.special-download a:hover {
background: #3797d1;
}
.ce_download.special-download a:before {
color: #fff
}
.ce_image.maske .image_container {
margin: auto;
width: 350px
}
/* -- Kommentare -- */
.comment_default p.info {
font-weight: 400;
}
.ce_comments h3 {
text-align: left;
margin: 2em 0 1em 0
}
.comment {
padding: 2em 1em 1em 2em;
background: rgba(0, 0, 0); /* Fallback */
background-color: rgba(0, 0, 0, 0.4);;
margin-bottom: 1em;
border-radius: 5px;
margin: 1em 0
}
.ce_comments .reply {
margin-left: 4em;
}
.ce_comments .reply .comment {
}
/* -- SOFT EFFEKT -- */
a, .ce_hyperlink, .logo a, table tr, .submit, .tabs-list li a, .tabs-list li a:before, .kundenlogos img,
.toggler, .toggler.ui-accordion-header:after, .mod_search p.url a:hover:before, .ce_accordion .toggler.ui-accordion-header:before,
.ce_accordion .toggler.ui-accordion-header-active:before, .ce_download a:before,
.ce_downloads a:before {
text-decoration: none;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
/* Basis Bilder */
.image_container {
}
.image_container img {
width: 100%;
height: auto;
backface-visibility: hidden;
display:block;
}
.zielgroesse .image_container img {
width: auto;
}
.caption {
margin-top: 0em;
font-style: italic
}
/*-- Zitat --*/
blockquote {
display: block;
position: relative;
padding: 0 2em 0em 4em;
margin: 0;
}
blockquote:before {
font-family: serif;
font-size: 5em;
font-weight: bold;
color: #e1e1e1;
content: "\201C";
position: absolute;
left: 0;
top: 0px;
line-height: 1;
}
blockquote:after {
content: "";
}
/* -- TABELLEN -- */
table {
width: auto;
border-collapse: collapse;
border-spacing: 0;
}
.ce_table table {
width: 100%;
}
.ce_table tr.even {
background: #fafafa
}
.ce_table tr.odd {
background: #fff
}
.ce_table tr.even:hover {
}
.ce_table tr {
border-bottom: 1px solid #ccc
}
.ce_table td, .ce_table th {
white-space: nowrap;
border-right: 1px solid #ccc;
padding: 5px 10px;
text-align: left
}
.ce_table th {
color: #c6a670
}
.ce_table td.col_last, .ce_table th.col_last {
border-right: 0;
}
/*-- CODE --*/
.ce_code {
border: 1px solid #ccc;
}
.syntaxhighlighter * {
white-space: normal !important;
}
/* -- ELASTIC VIDEO -- */
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-bottom: 2em;
}
.video-container iframe, .video-container object, .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* --- googlemap ---*/
.ce_dlh_googlemaps {
}
.dlh_googlemap {
width: 100%;
min-height: 300px;
background: #f2f2f2;
}
.dlh_googlemap * {
color: #333;
}
#confirm-googlemaps {
margin: 1em;
cursor: pointer;
}
#confirm-googlemaps strong {
font-weight: 400;
color: #07203E
}
.dlh_googlemap p {
}
/* -- Pagination -- */
.pagination {
text-align: left;
color: #fafafa;
margin-top: 1em;
}
.pagination ul, .pagination li a, .pagination .current, .pagination p {
display: inline-block;
}
.pagination p, .pagination li {
margin-right: .3em
}
.pagination li {
float: left;
list-style-type: none;
}
.pagination li a, .pagination p, .pagination span.current {
background-color: transparent;
border: 1px solid #c6a670;
padding: .2em 1em;
color: #fafafa;
}
.pagination p {
vertical-align: top;
}
.pagination span.current, .pagination li a:hover {
color: #c6a670;
}
.logofriedhof .image_container {
margin: 20px
}
.ce_gallery, .ce_gallery ul {
display: block;
overflow: hidden
}
.ce_gallery ul li {
float: left;
list-style-type: none
}
.ce_gallery .col_first {
clear: both
}
/* -- TABS -- */
ul.tabs-list li {
list-style-type: none;
}
ul.tabs-list li a {
border-right: 1px solid #fff;
padding: .8em 4em .8em 4em;
display: inline-block;
background: #f6f6f6;
text-transform: uppercase;
}
ul.tabs-list li a:hover, .tabs-list li:hover a:before {
color: #ffb800;
}
.ce_accessible_tabs .current-info, .tabhead {
}
/* -- cookiebar --*/
.cookiebar {
background: #4b4b4b;
border-top: 1px solid #fff !important;
font-weight: 300;
z-index: 900;
}
.cookiebar button {
background-color: #07203E;
border-radius: 5px;
color: #fff;
font-weight: 200;
}
.cookiebar span, .cookiebar a {
margin-right: 0 !important;
font-size: 95%
}
.cookiebar button:hover {
background-color: #f3776b;
}
a.hinweiscorona {
background: #be2522;
color: #fff;
padding: 2em 3em;
margin-bottom: 0;
display: block;
position: relative;
overflow: auto
}
a.hinweiscorona:hover {
background: #092746;
}
.hinweiscorona h1 {
font-family: Lato, Arial;
font-size: 180%;
color: #fff;
font-style: normal;
font-weight: 400;
}
.hinweiscorona-text {
width: 70%;
float: left;
text-align: center
}
.hinweiscorona p {
font-size: 150%
}
.hinweiscorona .image_container {
width: 10%;
}
.hinweiscorona .image_container:first-of-type {
float: left;
margin-right: 2em
}
.hinweiscorona .image_container:last-of-type {
float: right;
margin-left: 2em;
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
a.hinweismaske {
background: #be2522;
color: #fff;
padding: 2em 3em;
margin-bottom: 0;
display: block;
position: relative;
overflow: auto
}
a.hinweismaske:hover {
background: #092746;
}
.hinweismaske h1 {
font-family: Lato, Arial;
font-size: 180%;
color: #fff;
font-style: normal;
font-weight: 400;
}
.hinweismaske-text {
width: 70%;
float: left;
text-align: center
}
.hinweismaske p {
font-size: 150%
}
.hinweismaske .image_container {
width: 10%;
}
.hinweismaske .image_container:first-of-type {
float: left;
margin-right: 2em
}
.hinweismaske .image_container:last-of-type {
float: right;
margin-left: 2em;
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
div.hinweismaske {
background: #092746;
color: #fff;
padding: 2em 3em;
margin-bottom: 0;
display: block;
position: relative;
overflow: auto
}
/*.maskelink-1,.maskelink-2{background:#3797d1;text-align:center}*/
.maskenlinks {
margin-bottom: 1em;
overflow: auto
}
.maskelink-1 a, .maskelink-2 a {
background: #3797d1;
text-align: center;
color: #fff;
display: inline-block;
width: 100%;
padding: 25px 0;
font-weight: 400;
font-size: 105%
}
.maskelink-2 a {
background: #2c88c0
}
.maskelink-1 a:hover {
background: #878C9F
}
.maskelink-2 a:hover {
background: #787C8B
}
.ffp2maske a {
line-height: 50px
}
.contao-cookiebar p, .cc-info a {
color: #333 !important;
font-size: 100% !important
}
.cc-info a {
font-size: 100% !important;
border-bottom: 1px dotted #ccc
}
.dlh_googlemap .cc-module {
padding: 1em 2em 2em 2em;
background: #f2f2f2;
}
.dlh_googlemap .cc-module button {
background: #fff;
border: 1px solid #E5E5E5;
margin: 0;
cursor: pointer
}
.dlh_googlemap .cc-module button:hover {
color: #146D0D;
border: 1px solid #2C9124;
}
.mymap {
background: transparent;
min-height: 400px;
height: 100%;
position: relative;
}
.mymap iframe {
width: 100%;
height: 100%;
min-height: 400px;
border: 0;
display: block;
}
.cc-detail-btn{width:auto;}
}
@media screen and (max-width:767px) {
/* --- Kopfbild & Fader ---*/
.ce_gallery .cols_1 li,.ce_gallery .cols_2 li,.ce_gallery .cols_3 li,.ce_gallery .cols_4 li,.ce_gallery .cols_5 li,
.ce_gallery .cols_6 li,.ce_gallery .cols_7 li.ce_gallery .cols_8 li,.ce_gallery .cols_9 li,.ce_gallery .cols_10 li,
.ce_gallery .cols_11 li,.ce_gallery .cols_12 li{width:calc(100% / 1)}
.hinweiscorona .image_container:first-of-type{float:none;margin:auto;width:20%;display:block;margin-bottom:1em}
.hinweiscorona .image_container:last-of-type{display:none}
.hinweiscorona-text{width:95%;float:left;}
.hinweismaske .image_container:first-of-type{float:none;margin:auto;width:20%;display:block;margin-bottom:1em}
.hinweismaske .image_container:last-of-type{display:none}
.hinweismaske-text{width:95%;float:left;}
}
@media screen and (min-width:768px) {
/* --- Kopfbild & Fader ---*/
/*.ce_gallery{width:calc(100% + 16px)}
.ce_gallery .cols_1 li,.ce_gallery .cols_2 li,.ce_gallery .cols_3 li,.ce_gallery .cols_4 li,.ce_gallery .cols_5 li,
.ce_gallery .cols_6 li,.ce_gallery .cols_7 li.ce_gallery .cols_8 li,.ce_gallery .cols_9 li,.ce_gallery .cols_10 li,
.ce_gallery .cols_11 li,.ce_gallery .cols_12 li{width:calc(100% / 2)}
.ce_gallery .image_container{position: relative; margin: 0 20px 20px 0}
.ce_gallery .row_last .image_container{margin-bottom:0;}
*/
.kundenlogo-text {
margin: .5em 0 0;
font-weight: 300
}
.kundenlogo {
margin: 1em auto 2em auto
}
.cc-footer {
display: flex;gap: 15px;}
.cc-btn{display:flex;flex:1}
}
@media screen and (max-width:1023px) {
span.telefon,span.mobil,span.email,span.fax{color:#002851}
/*#main div[class^="ce_"] {margin-bottom:0em;}*/
}
@media screen and (min-width:1024px) {
.ce_gallery .cols_1 li{width:calc(100% / 1)}
.ce_gallery .cols_2 li{width:calc(100% / 2.01)}
.ce_gallery .cols_3 li{width:calc(100% / 3.01)}
.ce_gallery .cols_4 li{width:calc(100% / 4.01)}
.ce_gallery .cols_5 li{width:calc(100% / 5.01)}
.ce_gallery .cols_6 li{width:calc(100% / 6.01)}
.ce_gallery .cols_7 li{width:calc(100% / 7.01)}
.ce_gallery .cols_8 li{width:calc(100% / 8.01)}
.ce_gallery .cols_9 li{width:calc(100% / 9.01)}
.ce_gallery .cols_10 li{width:calc(100% / 10.01)}
.ce_gallery .cols_11 li{width:calc(100% / 11.01)}
.ce_gallery .cols_12 li{width:calc(100% / 12.01)}
.ce_gallery .cols_2 li.col_first .image_container{margin-right: 10px;}
.ce_gallery .cols_2 li.col_last .image_container{margin-left: 10px;margin-right:0}
}
/* -- Nachoben scroller mobil*/
.nach_oben_link a{background:#EFF7F6;opacity:.9;position:fixed;bottom:10px;right:10px;border:0;padding:0px 3px 3px 3px;text-align:center;color:#3974b1 !important;z-index:999;font-weight:400;font-size:20px;line-height:20px;border-radius:3px;}
@supports (-ms-ime-align:auto) {
#footer{color: #FFF !important;border:0;text-desoration:0}
span.telefon,span.mobil,span.email,span.fax{text-decoration:none !important;border:0 !important;color:#444 !important;display:inline-block;}
}
#main form{}
.ce_form .headline{font-weight:bold;}
fieldset{
background:#fff;
padding:0;
margin:0 0 1em 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius:0px;
}
legend {
width:auto;
background:#1a1a1a;
padding: 0 .8em;
border:1px solid #ccc;
border-radius:0px;
}
.ce_comments fieldset{
background:transparent;padding:0;margin:0;border:0;
}
/*.ie legend{margin-top:-15px;}
.ie fieldset{margin-top:15px;}*/
/* -- Text fields and textareas -- */
input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"],
input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],input:not([type]),input[type="submit"],textarea,button.submit,button {
width:100%;
display:inline-block;
padding:10px;
background:#eeeeee;
border:0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius:0px;
margin-bottom:15px;
}
/* -- Font -- */
input.text,input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"], input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],input:not([type]),input[type="submit"],textarea, button {
font-family:inherit;
font-size:inherit;
line-height:inherit;
font-weight:inherit;
}
/* -- Focus -- */
input[type="text"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="datetime"]:focus,input[type="email"]:focus,
input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="time"]:focus,input[type="url"]:focus,input:not([type]):focus,textarea:focus {
outline:0;
background:#666;
border-color:#bbb;
color:#fff;
}
/* -- Captcha -- */
input.captcha{width:70px;margin-right:.5em;margin-bottom:1em;margin-top:.6em;}
/* -- Fix some width and height settings -- */
input[type="file"] {cursor:pointer;}
select,input[type="file"] {display:block;}
input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"] {width:auto;}
textarea,select[multiple],select[size] {height:auto;}
/* -- Checkboxes and radio buttons -- */
.radio_container span,.checkbox_container span{display:block;}
input[type="radio"],input[type="checkbox"] {margin:0 10px 0 0;}
input[type="radio"],input[type="checkbox"]{vertical-align:middle;}
.radio_container input,.checkbox_container input{position:relative}
/* -- Handle disabled and read-only -- */
input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly] {cursor:not-allowed;background:#eee;}
input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly] {background:transparent;}
/* -- Buttons -- */
input[type="submit"],button.submit{
width:50%;
display:block;
margin:1em 0 .5em 0;
text-align:center;
vertical-align:middle;
cursor:pointer;
border:0;
background:#eeeeee;
border:0;
}
input[type="submit"]:hover,.button:hover {
background:#666;
color:#fff;
text-decoration:none;
}
/*--- optional ---*/
select {
-webkit-appearance: button;
padding:7px;
background-color:#eeeeee;
line-height:1;
border: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-bottom:1em;
color:#505050;
border-radius:0;
}
/*input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{background:#fff}*/
select:active,select:focus{outline:0;border:0;border: 1px solid #eee;}
.ie input:-ms-input-placeholder{color:#ccc;}
::-webkit-input-placeholder {color:#ccc;}
::-moz-placeholder {color:#ccc;}
:-ms-input-placeholder {color:#ccc;}
:-moz-placeholder {color:#ccc;}
.leadmagnet .ce_form{margin-top:2em;}
.leadmagnet label span{display:none;}
.leadmagnet input{background:#fff;float:left;margin:0;padding:10px;border-radius:3px;border:1px solid #ccc;}
.leadmagnet input[type="text"]{width:calc(70% - 40px);margin-right:38px;color:#ccc;}
.leadmagnet .submit_container{width:30%;display:inline-block;}
.leadmagnet input[type="submit"]{width:100%;color:#505050;}
.leadmagnet input[type="submit"]:hover{color:#ccc;}
span.mandatory{color:#e64d40}
.kontaktformular label[class*="grid-"],.widget-checkbox[class*="grid-"]{padding:0 !important}
@media only screen and (max-width:767px) {}
@media only screen and (min-width:768px) {}
@media only screen and (max-width:1023px) {}
@media only screen and (min-width:1024px) {
.datenform .widget:nth-child(-n+4){width:calc(50% - 1em);float:left;display:inline-block;}
.datenform .widget:nth-child(1),.datenform .widget:nth-child(3){margin-right:2em;}
p.error{background:#C00;color:#fff;padding:0 1em;}
}
/* -- SCHRIFT -- */
@font-face {
font-family: 'fontello';
src: url('../fonts/fontello.eot');
src: url('../fonts/fontello.eot#iefix') format('embedded-opentype'),
url('../fonts/fontello.woff2') format('woff2'),
url('../fonts/fontello.woff') format('woff'),
url('../fonts/fontello.ttf') format('truetype'),
url('../images/fontello.svg#fontello') format('svg');
font-weight: normal;
font-style: normal;
}
/* -- GENERELL -- */
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 1px;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ce_accordion .toggler.ui-accordion-header:before,
.ce_accordion .toggler.ui-accordion-header-active:before,
.hakenliste ul li span:before,
.hakenliste ol li span:before,
.ce_download a:before,
.ce_downloads a:before,
span.telefon:before,
span.mobil:before,
span.email:before,
span.fax:before,
span.downloadicon:before,
span.mapicon:before
{
font-family: "fontello";
padding:0 6px 0 0;
display:inline-block;
speak: none;}
span.telefon:before,span.mobil:before,span.email:before,span.fax:before,span.downloadicon:before,span.mapicon:before{
color:#666;
width:1em;
}
span.telefon:before{ content: '\e802';}
span.mobil:before{content: '\e809';}
span.email:before{content: '\e805';}
span.fax:before{content: '\f1ac';}
span.downloadicon:before{content: '\f13a';}
span.mapicon:before{content: '\f138';}
.ce_accordion .toggler.ui-accordion-header:before,
.ce_accordion .toggler.ui-accordion-header-active:before,
.ce_download a:before,
.ce_downloads a:before{
content: '\f13a';
color:#666;
width:auto;
}
.ce_accordion .toggler.ui-accordion-header-active:before{content: '\e813';}
/*.ce_hyperlink a:before{
content: '\e801';
font-size:16px;
color:#ff790f;
}*/
/* -- VORHANDENE ICONS -- */
.icon-search:before { content: '\e800'; } /* '' */
.icon-chat:before { content: '\e801'; } /* '' */
.icon-phone:before { content: '\e802'; } /* '' */
.icon-attach:before { content: '\e803'; } /* '' */
.icon-ok-circled:before { content: '\e804'; } /* '' */
.icon-mail-2:before { content: '\e805'; } /* '' */
.icon-ok:before { content: '\e806'; } /* '' */
.icon-bookmark-empty:before { content: '\e807'; } /* '' */
.icon-mobile-alt:before { content: '\e808'; } /* '' */
.icon-mobile:before { content: '\e809'; } /* '' */
.icon-phone-squared:before { content: '\f098'; } /* '' */
.icon-menu:before { content: '\f0c9'; } /* '' */
.icon-angle-left:before { content: '\f104'; } /* '' */
.icon-angle-right:before { content: '\f105'; } /* '' */
.icon-angle-up:before { content: '\f106'; } /* '' */
.icon-angle-down:before { content: '\f107'; } /* '' */
.icon-angle-circled-left:before { content: '\f137'; } /* '' */
.icon-angle-circled-right:before { content: '\f138'; } /* '' */
.icon-angle-circled-up:before { content: '\f139'; } /* '' */
.icon-angle-circled-down:before { content: '\f13a'; } /* '' */
.icon-fax:before { content: '\f1ac'; } /* '' */
@media print{
* {
margin:0;
padding:0;
border:0;
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
img, object {
display:block;
margin:0;
padding:0;
border:0;
}
body {
width:100%;
text-align:left;
margin:0;
padding:0;
font:12pt Arial, Helvetica, sans-serif;
color:#848484;
background-color:#fff;
background-image:none;
line-height:1.5;
}
h1, h2, h3, h4, h5, h6 {
font-weight:400;
font-size:1.3em;
margin:0 0 10px 0;
text-align:left;
page-break-after:avoid;
}
h1{font-size:2em;}
p {
font-stretch:expanded;
padding-bottom:1em;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
a,
a:visited {
text-decoration: none;
border:0px !important;
}
.teaser{
margin-bottom:16px;
}
img, figure{
padding:0;
width:auto;
max-width: 100% !important;
border:0px !important;
height:auto;
display:block;
page-break-inside: avoid;
}
#main {
float:none;
width:auto;
margin:0;
}
.accordion {
overflow: visible !important;
height: auto !important;
visibility: visible !important;
display: inline !important;
opacity: 1 !important;
}
.toggler,.enclosure{
background-color: #fff;
border:0;
padding: 0px;
margin-bottom:10px;
font-size:12pt;
font-weight:bold;
}
.info{
font-size:12pt !important;
}
table {
width:100%;
}
ul,ol{margin-left:3em;}
.float_left{float:left;}
.float_right{float:right;}
.mitarbeiter{width:100% !important;display:block;margin-bottom:20px;page-break-inside: avoid;border-bottom:1px solid #666;padding-top:20px;padding-bottom:30px;}
.mitarbeiter img{float:left;margin:0 4px 0 0}
.mitarbeiter .image_container{display:none}
.ce_dlh_googlemaps,.dlh_googlemap{
page-break-before: avoid;
page-break-after: avoid;
page-break-inside: avoid;}
.logofriedhof li{width:20%;float:left;margin:0 10px 10px 0;display:inline;list-style-type:none}
#header,.hide-on-print,.teaserartikel,.logo,#footer,form,legend,#right,#header,.cookiebar,.nach_oben_link,span.mapicon,.mime_icon{display:none !important}
#druckadresse{font-size:10pt;border-bottom:1px solid #666;padding-bottom:25px;margin:0 10px 20px 10px;}
.item,.textbereich,.lage{height:auto !important}
.kasten{margin-bottom:1em}
}