@charset "UTF-8";

/*************************************************************************************************************************************/
/* meiser.de  */
/* Style-CSS / custom.css */
/* AUTOR: ms - meiser.de */
/*************************************************************************************************************************************/

*:focus,
*:active,
*:link,
*:any-link {
    border: none;
    background: none;
}


/*************************************************************************************************************************************/
/* BODY */
/*************************************************************************************************************************************/

html, body {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    width: 100%;
    height: 100%;
    color: #5b5b5b;
}

.invisible {
    display: none;
}

/*img {width:auto; height: auto;}*/
.block {
    overflow: visible;
}

.vorhang {
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: none;
}

/*************************************************************************************************************************************/
/* AUFBAU */
/*************************************************************************************************************************************/

#wrapper {
}

#container {
    max-width: 1000px;
    margin: 0 auto;
}

.standard #container {
    margin-top: 40px !important;
}

.produkte #container {
    margin-top: 0 !important;
}

#header {
    position: fixed;
    height: 60px;
    top: 40px;
    z-index: 2;
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    border-bottom: 1px solid #aaa;
}

.headerfixed {
    position: fixed;
    top: 0 !important;
}

#header .inside {
    max-width: 1000px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

#main {
    width: 69%;
    margin-right: 2%;
    padding: 0;
    line-height: 1.5em;
}

.startseite #main {
    margin-top: 170px;
}

.konfigurator #main {
    width: 100%;
}

#right {
    width: 29%
}

#footer {
    background: #e8eaec;
    width: 96%;
    padding: 30px 2% 20px 2%;
    margin: 70px 0 0 0;
    font-size: 0.9em;
    line-height: 150%;
}

@media (max-width: 980px) {
    #header {
        top: 0;
        position: relative;
        padding-bottom: 10px;
    }

    #main {
        width: 96%;
        padding: 0 2%;
    }

    .startseite #main { /*margin-top: 400px;*/
    }

    #right {
        width: 96%;
        padding: 0 2%;
        margin: 50px 0 0 0;
    }
}


/*************************************************************************************************************************************/
/* HEADER */
/*************************************************************************************************************************************/

#gruppen-logos {
    height: 40px;
    background: #101e39;
    box-shadow: 0 -4px 6px black inset
}

#gruppen-logos .inside {
    max-width: 1000px;
    margin: 0 auto;
}

#gruppen-logos .inside img {
    max-height: 35px;
}

#gruppen-logos .inside .slogan {
    font-size: 1.4em;
    text-transform: uppercase;
    float: left;
    color: #ffffff;
    font-weight: 200;
    margin: 10px 0 0 0;
}

#gruppen-logos .inside .pipe {
    height: 40px;
    width: 1px;
    background: #67758f;
    float: left;
    margin: 0 24px;
}

#gruppen-logos .inside a {
    float: left;
}

#changelanguage {
    text-align: right;
    float: right;
    position: relative;
    z-index: 10;
    padding: 5px 0 0 0;
    height: 35px;
    border-left: 1px solid #67758f;
    border-right: 1px solid #67758f;
    width:
}

#changelanguage a {
    color: #fff;
    padding: 5px 10px;
    background: #101e39;
    display: block;
    width: 125px;
    margin: 0 0 6px 0;
    float: none !important;
}

#changelanguage .chooselanguage {
    display: none;
    position: absolute;
    top: 40px;
}

#header #logo {
    margin: 0 20px 0 0;
    width: 110px;
    padding: 5px 20px 6px 0;
    float: left;
    z-index: 0;
}

#header nav {
    margin: 0;
    padding: 10px 10px 0 30px;
    float: right;
    overflow: visible;
}

@media (max-width: 980px) {
    #gruppen-logos {
        display: none;
    }

    #header #logo {
        margin-top: 10px;
        margin-left: 10px;
    }

    #header nav {
        margin-top: 10px;
    }
}

.ce_rsce_slider {
    height: 550px;
    overflow: hidden;
    margin: 0 0 30px 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.ce_rsce_slider .SliderInside {
    width: 1000px;
    margin: 18% auto 0 auto;
}

.ce_rsce_slider .SliderTitle {
    height: 125px;
    font-size: 20px;
}

.ce_rsce_slider .SliderTitle span {
    background: #101e39;
    color: #fff;
    padding: 5px;
}

.ce_rsce_slider .SliderTitle span:first-child {
    font-size: 2em;
}

.ce_rsce_slider .SliderTitle a {
    color: #fff;
}

.ce_rsce_slider .SliderTitle .inside p {
    display: inline;
    background: #101e39;
    color: #fff;
    position: relative;
    top: 20px;
    padding: 5px;
}

.ce_rsce_slider .SliderStoerer {
    position: absolute;
    height: 225px;
    width: 600px;
    padding: 15px 0 0 15px;
    color: #fff;
}

.ce_rsce_slider .SliderStoerer a {
    color: #fff;
}

.ce_rsce_slider .SliderStoerer p {
    max-width: 345px;
    line-height: 1.5em;
}

@media (max-width: 980px) {
    .ce_rsce_slider .SliderStoerer {
        width: 96%;
        background-position: right bottom;
        height: 185px;
        padding: 15px 2% 0 2%; /*height: 400px; background-repeat: no-repeat;*/
        background-image: none !important;
        background-color: #101e39;
    }

    .ce_rsce_slider .SliderTitle {
        margin-top: 25%;
        font-size: 1.0em;
    }

    .ce_rsce_slider .SliderTitle span {
        padding-left: 20px;
    }

    .ce_rsce_slider .SliderStoerer p {
        max-width: 320px;
        line-height: 1.5em;
    }

    .SliderBG {
        background-position: bottom center;
        height: 400px;
    }
}


/* nicht mehr gebraucht **/
#slider .ce_text h3 {
    font-size: 32px;
    margin: 0 0 20px 0;
}

#slider .ce_text {
    color: #fff;
    width: 350px;
    height: 140px;
    padding: 20px 250px 80px 15px;
}

/*width: 615px; height: 240px; */
#slider .slider-de-gate-guard {
    background-image: url(/grafik/slider-de-gate-guard.jpg);
}

#slider .slider-de-duo-rail {
    background-image: url(/grafik/slider-de-duo-rail.jpg);
}

#slider .slider-de-super-rail {
    background-image: url(/grafik/slider-de-super-rail.jpg);
}

#slider .slider-de-super-rail-eco {
    background-image: url(/grafik/slider-de-super-rail-eco.jpg);
}

#slider .slider-de-vario-guard {
    background-image: url(/grafik/slider-de-vario-guard.jpg);
}

@media (max-width: 980px) {
    #slider #slider-info-box {
        margin-top: 0;
    }
}

body.standard #header-bild figure.image_container {
    max-height: 350px;
    overflow: hidden;
}

body.standard #header-bild figure.image_container img {
    width: 100%;
}


/*************************************************************************************************************************************/
/* CONTENT */
/*************************************************************************************************************************************/
h1 {
    font-size: 2.5em;
    font-weight: 100;
    margin: 5px 0 40px 0;
    line-height: 150%;
}

h2 {
    font-size: 1.8em;
    font-weight: 100;
    margin: 5px 0 20px 0;
    clear: both;
    line-height: normal;
}

p {
    margin: 0 0 20px 0;
}

.ce_text {
    margin: 0 0 30px 0;
}

.ce_player {
    margin: 0 0 30px 0;
}

body.startseite .ce_text {
    margin: 0 0 50px 0;
}

/*** news-startseite ***/
.layout_latest {
    margin: 0 0 20px 0;
    border-bottom: 1px solid #c7c7c7;
}

.layout_latest p.info {
    margin: 0;
}

.layout_latest .ce_text {
    margin: 0 !important;
}

.layout_latest figure.image_container {
    max-width: 150px;
    float: left;
    margin: 0 20px 0 0;
}

/*** folgeseite -> header produkt-einleitung ***/
body.produkte #header-bild {
}

body.standard #header-bild .ce_text {
    color: #fff;
    min-height: 140px;
    padding: 10px 20px 10px 15px;
    max-width: 1000px;
    margin: -40px auto 40px auto;
    position: relative;
    background-color: #101e39;
}

body.standard #header-bild .ce_text h1 {
    margin-bottom: 25px !important;
}

@media (max-width: 980px) {
    body.produkte #slider-info-box {
        margin-top: -20px;
    }

    body.standard #header-bild .ce_text {
        margin-top: -10px;
    }
}

/*** accordion ***/
.ui-accordion-header {
    font-size: 1.8em;
    font-weight: 100;
    line-height: 140%;
    cursor: pointer;
    background: #e8eaec;
    padding: 5px 5px;
    margin: 0 0 10px 0;
}

.ui-accordion-header::before {
    content: "»";
    margin: 0 5px 0 0;
}

.ui-accordion-header::after {
    font-family: "FontAwesome";
    content: "\f149";
    margin: 0 0 0 5px;
    font-size: 0.9em;
}

.ui-accordion-content {
    margin: 10px 0 20px 20px;
}

/*** tabelle ***/
table {
}

table th {
    padding: 5px 20px 5px 5px;
    background-color: #6d6e70;
    color: #fff;
}

table td {
    padding: 5px;
    border: 1px solid #b5b5b5;
}

/*** downloads ***/
.download-element {
    list-style: none;
    margin-left: -25px;
}

.ext-pdf::before {
    font-family: 'FontAwesome';
    content: "\f1c1";
    margin: 0 5px 0 0;
}

body.downloads .ce_text img {
    border: 1px solid #b5b5b5;
}

/*** formulare ***/
.ce_form label {
    display: inline-block;
    width: 175px;
    margin: 0 0 10px 0;
    vertical-align: top;
}

.ce_form input {
    width: 300px;
}

.ce_form fieldset {
    border: 1px solid #b5b5b5;
    padding: 20px;
    margin: 0 0 20px 0;
}

.ce_form fieldset legend {
    padding: 0 10px;
}

.ce_form .datenschutz input {
    vertical-align: top;
    width: 50px;
    margin: 5px 0 0 0;
}

.ce_form .datenschutz label {
    width: 440px;
}

.ce_form .datenschutz fieldset {
    border: none;
}

/*** ansprechpartner ***/
/*.ansprechpartner #main .ce_text {padding: 5px; border: 1px solid #b5b5b5; }*/
.ansprechpartner #main .accordion .ce_text,
.ansprechpartner #main .ce_text.border {
    padding: 5px;
    border: 1px solid #b5b5b5;
}

/*** VISITENKARTEN ***/
body.vk-layout {
    width: 400px;
}

body.vk-layout #logo {
    box-shadow: 5px 5px 10px #aaa;
}

body.vk-layout #logo img {
    margin: 20px 0 0 20px;
    width: 150px;
}

body.vk-layout #main {
    margin: 40px 0 0 20px;
}

body.vk-layout #footer {
    display: none;
}

body.vk-layout .cookiebar {
    display: none !important;
}

body.vk-layout h1 {
    font-size: 1.6em;
    margin: 0 0 20px 0;
}


/*** OPENSTREETMAP ***/
.openstreetmap-rechtlichtes {
    font-size: 0.8em;
}

.openstreetmap-rechtlichtes-karte {
    float: left;
}

.openstreetmap-rechtlichtes-copyright {
    float: right;
}


/*** REFERENZEN - GALERY CREATOR ***/
.ce_gallery_creator_ce {
}

.ce_gallery_creator_ce .tstamp,
.ce_gallery_creator_ce .count_pics,
.ce_gallery_creator_ce .visitors {
    display: none;
}

.ce_gallery_creator_ce .list_albums .col_1 {
    float: left;
}

.ce_gallery_creator_ce .list_albums .col_2 {
    float: left;
}

.ce_gallery_creator_ce .list_albums .col_1 figure {
    max-width: 175px;
}

.gallery_creator .backLink {
    text-align: right;
    border-bottom: 1px solid #aaa;
    margin: 0 0 40px 0;
}

.ce_gallery_creator_ce .album_comment {
    margin: 0 0 20px 0;
}


/*************************************************************************************************************************************/
/* RIGHT */
/*************************************************************************************************************************************/

#right h6 {
    font-size: 1.2em;
    margin: 5px 0 10px 0;
}

#right .ce_text,
#right .ce_downloads,
#right .ce_hyperlink {
    margin: 0 0 40px 0;
    padding: 10px;
    border: 1px solid #c7c7c7;
    background: #ffffff;
    /*background: -moz-linear-gradient(bottom, #e8eaec 0%, #ffffff 65%);
    background: -webkit-linear-gradient(bottom, #e8eaec 0%,#ffffff 65%);
    background: linear-gradient(to bottom, #e8eaec 0%,#ffffff 65%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8eaec', endColorstr='#ffffff',GradientType=1 );
    */
}

#right .ce_player {
    margin: 0 0 40px 0;
}

.kontakt-sidebar p {
    margin-left: 10px;
}

/*** slider -> startseite ***/
.ce_sliderStart {
    background-color: #898e91;
    color: #fff;
    padding: 10px;
    margin: -330px 0 100px 0;
}

.ce_sliderStart a {
    color: #fff;
}

@media (max-width: 980px) {
    .ce_sliderStart {
        margin-top: 0;
    }
}


/*** Kurztestate ***/
.kurztestate span {
    font-size: 0.8em;
}

.kurztestate h6 {
}

.kurztestate a {
    display: block;
    margin: 0 0 10px 0;
}

/*** downloads ***/
.ce_hyperlink .hyperlink_img img {
    border: 1px solid #c7c7c7;
}

/*************************************************************************************************************************************/
/* FOOTER */
/*************************************************************************************************************************************/

#footer .inside {
    max-width: 1000px;
    margin: 0 auto;
}

#footer .inside a::before {
    content: "»";
    margin: 0 5px 0 0;
}

#footer h6 {
    font-size: 1.2em;
    margin: 0 0 10px 0;
}

#footer .footer-one {
    float: left;
    width: 240px;
    margin: 0 10px 20px 0;
}

#footer .footer-two {
    float: left;
    width: 240px;
    margin: 0 10px 20px 0;
}

#footer .footer-three {
    float: left;
    width: 290px;
    margin: 0 10px 20px 0;
}

#footer .footer-four {
    float: left;
    width: 200px;
}

#footer .footer-four a::before {
    content: none;
    margin: 0 5px 0 0;
}

#footer .ja-zur-schutzplanke img {
    margin: -70px 0 20px 0;
}

/*** nav ***/
#footer .mod_customnav .sf-menu {
}

.footer-zertifikate1 {
    float: left;
    max-width: 130px;
}

.footer-zertifikate2 {
    float: left;
}

@media (max-width: 980px) {
    #footer .footer-three {
        float: left;
        width: 290px;
        margin: 0 10px 100px 0;
    }
}

#footer .notiz-gendern {
    display: block;
    text-align: center;
    clear: both;
    font-size: 0.9em;
    margin: 20px 0;
}


/*************************************************************************************************************************************/
/* SIDEBAR */
/*************************************************************************************************************************************/

#sidebar {
    position: fixed;
    top: 50%;
    right: 0;
}

#sidebar .icon_sidebar {
    float: left;
}

@media (max-width: 980px) {
    #sidebar {
        display: none;
    }
}


/*******************************************************************************************************************************************************/
/* MODULE */
/*******************************************************************************************************************************************************/


/*************************************************************************/
/* SUPERFISH */
/*************************************************************************/
#header nav a.invisible {
    display: none;
}

#header nav {
    position: relative;
    width: 750px;
}

nav ul li.sibling {
    float: left;
}

nav ul li.active {
    float: left;
}

#header .mobi {
    display: none;
}

/*nav ul li.active {float: left;}*/
#footer nav ul li.active {
    float: none;
}

.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sf-menu li {
    position: relative;
    padding-right: 15px;
    font-size: 16px;
}

.sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99;
}

.sf-menu > li {
    float: left;
}

.sf-menu li:hover > ul, .sf-menu li.sfHover > ul {
    display: block;
}

.sf-menu a {
    display: block;
    position: relative;
}

.sf-menu ul ul {
    top: 0;
    left: 100%;
}

/*** SKIN ***/
.sf-menu {
    float: left;
    margin-bottom: 1em;
}

.sf-menu ul {
    min-width: 12em; /* allow long menu items to determine submenu width */
    *width: 12em; /* no auto sub width for IE7, see white-space comment below */
}

.sf-menu a {
    padding: 0.5em 0.75em;
    text-decoration: none;
    zoom: 1; /* IE7 */
}

.sf-menu strong {
    padding: 0.5em 0.75em;
    display: block;
    font-weight: normal;
}

.sf-menu li li strong {
    color: #fff;
}

.sf-menu a {
    color: #4c4b4d;
}

.sf-menu ul a {
    color: #fff;
}

.sf-menu ul ul a {
    color: #fff;
}

.sf-menu li {
    /*background: #BDD2FF;*/
    white-space: nowrap; /* no need for Supersubs plugin */
    *white-space: normal; /* ...unless you support IE7 (let it wrap) */
    -webkit-transition: background .2s;
    transition: background .2s;
}

.sf-menu ul li {
    background: #939393;
    width: 100%;
    margin: 2px 0;
}

.sf-menu ul li {
    background: -moz-linear-gradient(left, #b8b8b8 0%, #939393 65%);
    background: -webkit-linear-gradient(left, #b8b8b8 0%, #939393 65%);
    background: linear-gradient(to left, #b8b8b8 0%, #939393 65%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8b8b8', endColorstr='#939393', GradientType=1);
}

.sf-menu ul ul li { /*background: #939393;*/
}

.sf-menu li:hover, .sf-menu li.sfHover { /*background: #CFDEFF;*/
    /* only transition out, not in */
    -webkit-transition: none;
    transition: none;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
    /*padding-right: 2.5em; *padding-right: 1em;    *//* no CSS arrows for IE7 (lack pseudo-elements) */
}

/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
    display: none;
    content: '';
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: -3px;
    height: 0;
    width: 0;
    /* order of following 3 rules important for fallbacks to work */
    border: 5px solid transparent;
    border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
    border-top-color: rgba(255, 255, 255, .5);
}

.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
    border-top-color: white; /* IE8 fallback colour */
}

/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
    margin-top: -5px;
    margin-right: -3px;
    border-color: transparent;
    border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
    border-left-color: rgba(255, 255, 255, .5);
}

.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
    border-left-color: white;
}


@media (max-width: 980px) {
    /*************************************************************************************************************************************/
    /* MENU */
    /*************************************************************************************************************************************/
    #header nav {
        display: none;
    }

    .mobile_menu {
        position: fixed;
        z-index: 10000;
        display: none
    }

    .mobile_menu .inner {
        height: 100%;
        background: #000;
        overflow-y: scroll
    }

    .mobile_menu.active.position_left {
        box-shadow: 2px 0 5px 0 rgba(0, 0, 0, .5)
    }

    .mobile_menu.active.position_top {
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .5)
    }

    .mobile_menu.active.position_right {
        box-shadow: -2px 0 5px 0 rgba(0, 0, 0, .5)
    }

    .mobile_menu.active.position_bottom {
        box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, .5)
    }

    .mobile_menu.active.no_shadow {
        box-shadow: none !important
    }

    .mobile_menu_trigger {
        display: none
    }

    .mobile_menu_wrapper {
        position: relative;
        width: 100%;
        overflow: hidden
    }

    .mobile_menu_overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        z-index: 9999
    }

    .mobile_menu_overlay.background {
        background: rgba(0, 0, 0, .5)
    }

    .mobile_menu li.submenu_hide > ul {
        display: none
    }

    .mobile_menu li.submenu_show > ul {
        display: block
    }

    body.ie8 .mobile_menu, body.ie8 .mobile_menu_trigger, body.ie9 .mobile_menu, body.ie9 .mobile_menu_trigger {
        display: none !important
    }

    .mod_mobile_menu {
    }

    .mobile_menu_trigger {
        display: block !important;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 99;
        background-color: #fff;
        padding: 20px;
        width: 150px;
        height: 30px;
    }

    .mobile_menu_trigger span {
        color: #101e39;
        font-size: 20px;
    }

    .mobile_menu {
        min-width: 350px !important;
        width: auto !important;
    }

    .mobile_menu .inner {
        height: 100%;
        background: #e8eaec;
        overflow-y: auto;
        padding: 0;
        color: #5b5b5b;
        font-size: 18px;
    }

    .mobile_menu .inner a {
        color: #5b5b5b;
    }

    .mobile_menu .close-button {
        float: right;
        margin: 10px 10px 0 0;
    }

    .mobile_menu .mod_navigation,
    .mobile_menu .mod_customnav {
        margin: 40px 0 50px 0;
    }

    .mobile_menu .mod_navigation li,
    .mobile_menu .mod_customnav li {
        margin: 0;
        padding: 10px 0 10px 20px;
    }

    .mobile_menu .mod_navigation li:hover {
        background: #101e39;
        color: #fff;
    }

    .mobile_menu .mod_navigation li:hover a {
        color: #fff;
    }

    .mobile_menu .mod_navigation .level_3 li:hover {
        background: #101e39;
        color: #fff;
    }

    .mobile_menu .mod_navigation li.submenu_hide::after {
        content: "\f0d7";
        font-family: "FontAwesome";
    }

    .mobile_menu .level_1 li {
        border-bottom: 1px solid #ffffff;
        float: none;
    }

    .mobile_menu .no-border .level_1 li {
        border-bottom: none;
    }

    .mobile_menu .level_1 li:last-child {
        border: none;
    }

    .mobile_menu .level_2 li {
        border: none;
    }

    .mobile_menu .level_3 li {
        border: none;
    }

    /*.level_2 {margin-left: 30px;}
    .level_3 {margin-left: 30px;}*/
    .mobile_menu .social_box {
        margin: 30px 0 0 0;
        font-size: 20px;
        border-top: 1px solid #ffffff;
        padding: 20px 0 0 0;
    }

    .mobile_menu .social-box-inner {
        padding: 0 0 0 20px;
    }

    .mobile_menu .social-box-inner a {
        margin: 0 30px 0 0;
    }

    .mobile_menu .social-box-inner i {
        font-size: 2.0em;
    }

    @media screen and (max-width: 500px) {
        .mobile_menu_trigger {
            width: 100px;
        }
    }
}


/*************************************************************************/
/* SLIDER */
/*************************************************************************/

#slider {
}

#slider .bx-wrapper img {
    width: 100%;
    height: 100%;
}

.bx-wrapper {
    position: relative;
    margin-bottom: 0;
    padding: 0;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -moz-box-shadow: 0;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    border: none;
    background: #fff;
    box-shadow: none;
}

.bx-wrapper img {
    max-width: 100%;
    display: block
}

.bxslider {
    margin: 0;
    padding: 0;
    -webkit-perspective: 1000
}

ul.bxslider {
    list-style: none
}

.bx-viewport {
    -webkit-transform: translateZ(0);
    max-height: 500px !important;
}

.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {
    position: absolute;
    bottom: -30px;
    width: 100%;
    display: none;
}

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(/grafik/slider_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: 700;
    color: #666;
    padding-top: 20px
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus,
.bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #000
}

.bx-wrapper .bx-controls-auto .bx-controls-auto-item,
.bx-wrapper .bx-pager-item {
    display: inline-block;
    vertical-align: bottom
}

.bx-wrapper .bx-pager-item {
    font-size: 0;
    line-height: 0
}

.bx-wrapper .bx-prev {
    left: 10px;
    background: url(/grafik/slider_controls.png) 0 -32px no-repeat
}

.bx-wrapper .bx-prev:focus, .bx-wrapper .bx-prev:hover {
    background-position: 0 0
}

.bx-wrapper .bx-next {
    right: 10px;
    background: url(/grafik/slider_controls.png) -43px -32px no-repeat
}

.bx-wrapper .bx-next:focus, .bx-wrapper .bx-next:hover {
    background-position: -43px 0
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none
}

.bx-wrapper .bx-controls-auto {
    text-align: center
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(/grafik/slider_controls.png) -86px -11px no-repeat;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus, .bx-wrapper .bx-controls-auto .bx-start:hover {
    background-position: -86px 0
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(/grafik/slider_controls.png) -86px -44px no-repeat;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus, .bx-wrapper .bx-controls-auto .bx-stop:hover {
    background-position: -86px -33px
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px
}

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666;
    background: rgba(80, 80, 80, .75);
    width: 100%
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px
}

.bx-wrapper .slidebox {
    position: absolute;
    left: 0;
    right: 0;
    top: 20%;
    max-width: 1000px;
    margin: 0 auto;
}

.bx-wrapper .slidebox .slidebox-inner {
    margin: 0 auto;
}

.bx-wrapper .slidebox .slidebox-textbox {
    min-height: 150px;
    color: #474747;
    font-size: 24px;
    line-height: 1.3em;
    text-align: right;
    text-align: -webkit-right;
}

.bx-wrapper .slidebox .slidebox-textbox p {
    display: table;
    background: #101e39;
    color: #fff;
    padding: 5px;
}

.bx-wrapper .slidebox .slidebox-textbox a {
    display: inline-block;
    margin: 0;
    color: #ffffff; /* width: 150px */
}

@media (max-width: 980px) {
    .bx-wrapper .slidebox .slidebox-textbox p {
        margin: 0;
    }

    .bx-wrapper .slidebox {
        top: 50%;
    }
}


/*************************************************************************/
/* COLORBOX */
/*************************************************************************/

#colorbox, #cboxOverlay, #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

#cboxWrapper {
    max-width: none
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%
}

#cboxMiddleLeft, #cboxBottomLeft {
    clear: left
}

#cboxContent {
    position: relative
}

#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

#cboxTitle {
    margin: 0
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    cursor: pointer
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
    -ms-interpolation-mode: bicubic
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    padding: 0;
    margin: 0
}

#colorbox, #cboxContent, #cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

/** MY TEMPLATE **/
#cboxOverlay {
    background: #000;
    opacity: .9;
    filter: alpha(opacity=90)
}

#colorbox {
    outline: 0
}

#cboxContent {
    margin-top: 20px;
    margin-bottom: 50px;
    background: #000
}

.cboxIframe {
    background: #fff
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc
}

#cboxLoadedContent {
    border: 5px solid #000;
    background: #fff
}

#cboxTitle {
    position: absolute;
    bottom: -0;
    left: 0;
    text-align: center;
    width: 100%;
    color: #ffffff;
    font-size: 1.1em;
    background: rgba(0, 0, 0, 0.7);
    padding: 15px 0;
}

#cboxCurrent {
    position: absolute;
    top: -20px;
    right: 0;
    color: #ccc
}

#cboxLoadingGraphic {
    background: url(/grafik/loading.gif) no-repeat center center
}

#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    width: auto;
    background: 0 0
}

#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
    outline: 0
}

#cboxSlideshow {
    position: absolute;
    top: -20px;
    right: 90px;
    color: #fff
}

#cboxPrevious {
    position: absolute;
    top: 50%;
    left: 5px;
    margin-top: -32px;
    background: url(/grafik/controls.png) no-repeat top left;
    width: 28px;
    height: 65px;
    text-indent: -9999px
}

#cboxPrevious:hover {
    background-position: bottom left
}

#cboxNext {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -32px;
    background: url(../grafik/controls.png) no-repeat top right;
    width: 28px;
    height: 65px;
    text-indent: -9999px
}

#cboxNext:hover {
    background-position: bottom right
}

#cboxClose {
    position: absolute;
    top: 5px;
    right: 5px;
    display: block;
    background: url(../grafik/controls.png) no-repeat top center;
    width: 38px;
    height: 19px;
    text-indent: -9999px
}

#cboxClose:hover {
    background-position: bottom center
}


/*************************************************************************/
/* MEDIAELEMENT */
/*************************************************************************/

.mejs__offscreen {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal
}

.mejs__container {
    background: #000;
    box-sizing: border-box;
    font-family: 'Helvetica', Arial, serif;
    position: relative;
    text-align: left;
    text-indent: 0;
    vertical-align: top
}

.mejs__container * {
    box-sizing: border-box
}

.mejs__container video::-webkit-media-controls,
.mejs__container video::-webkit-media-controls-panel,
.mejs__container video::-webkit-media-controls-panel-container,
.mejs__container video::-webkit-media-controls-start-playback-button {
    -webkit-appearance: none;
    display: none !important
}

.mejs__fill-container, .mejs__fill-container .mejs__container {
    height: 100%;
    width: 100%
}

.mejs__fill-container {
    background: 0 0;
    margin: 0 auto;
    overflow: hidden;
    position: relative
}

.mejs__container:focus {
    outline: 0
}

.mejs__iframe-overlay {
    height: 100%;
    position: absolute;
    width: 100%
}

.mejs__embed, .mejs__embed body {
    background: #000;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.mejs__fullscreen {
    overflow: hidden !important
}

.mejs__container-fullscreen {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000
}

.mejs__container-fullscreen .mejs__mediaelement, .mejs__container-fullscreen video {
    height: 100% !important;
    width: 100% !important
}

.mejs__background {
    left: 0;
    position: absolute;
    top: 0
}

.mejs__mediaelement {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.mejs__poster {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1
}

:root .mejs__poster-img {
    display: none
}

.mejs__poster-img {
    border: 0;
    padding: 0
}

.mejs__overlay {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0
}

.mejs__layer {
    z-index: 1
}

.mejs__overlay-play {
    cursor: pointer
}

.mejs__overlay-button {
    background: url(/grafik/mejs-controls.svg) no-repeat;
    background-position: 0 -39px;
    height: 80px;
    width: 80px
}

.mejs__overlay:hover > .mejs__overlay-button {
    background-position: -80px -39px
}

.mejs__overlay-loading {
    height: 80px;
    width: 80px
}

.mejs__overlay-loading-bg-img {
    -webkit-animation: mejs__loading-spinner 1s linear infinite;
    animation: mejs__loading-spinner 1s linear infinite;
    background: url(/grafik/mejs-controls.svg) -160px -40px no-repeat;
    display: block;
    height: 80px;
    width: 80px;
    z-index: 1
}

@-webkit-keyframes mejs__loading-spinner {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes mejs__loading-spinner {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.mejs__controls {
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    left: 0;
    list-style-type: none;
    margin: 0;
    padding: 0 10px;
    position: absolute;
    width: 100%;
    z-index: 3
}

.mejs__controls:not([style*='display: none']) {
    background: rgba(255, 0, 0, .7);
    background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, .35));
    background: linear-gradient(transparent, rgba(0, 0, 0, .35))
}

.mejs__button, .mejs__time, .mejs__time-rail {
    font-size: 10px;
    height: 40px;
    line-height: 10px;
    margin: 0;
    width: 32px
}

.mejs__button > button {
    background: url(/grafik/mejs-controls.svg);
    border: 0;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    margin: 10px 6px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-decoration: none;
    width: 20px
}

.mejs__button > button:focus {
    outline: dotted 1px #999
}

.mejs__container-keyboard-inactive a,
.mejs__container-keyboard-inactive a:focus,
.mejs__container-keyboard-inactive button,
.mejs__container-keyboard-inactive button:focus,
.mejs__container-keyboard-inactive [role=slider],
.mejs__container-keyboard-inactive [role=slider]:focus {
    outline: 0
}

.mejs__time {
    box-sizing: content-box;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    height: 24px;
    overflow: hidden;
    padding: 16px 6px 0;
    text-align: center;
    width: auto
}

.mejs__play > button {
    background-position: 0 0
}

.mejs__pause > button {
    background-position: -20px 0
}

.mejs__replay > button {
    background-position: -160px 0
}

.mejs__time-rail {
    direction: ltr;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 40px;
    margin: 0 10px;
    padding-top: 10px;
    position: relative
}

.mejs__time-total,
.mejs__time-buffering,
.mejs__time-loaded,
.mejs__time-current,
.mejs__time-float,
.mejs__time-hovered,
.mejs__time-float-current,
.mejs__time-float-corner,
.mejs__time-marker {
    border-radius: 2px;
    cursor: pointer;
    display: block;
    height: 10px;
    position: absolute
}

.mejs__time-total {
    background: rgba(255, 255, 255, .3);
    margin: 5px 0 0;
    width: 100%
}

.mejs__time-buffering {
    -webkit-animation: buffering-stripes 2s linear infinite;
    animation: buffering-stripes 2s linear infinite;
    background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .4) 75%, transparent 75%, transparent);
    background: linear-gradient(-45deg, rgba(255, 255, 255, .4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .4) 75%, transparent 75%, transparent);
    background-size: 15px 15px;
    width: 100%
}

@-webkit-keyframes buffering-stripes {
    0% {
        background-position: 0 0
    }
    to {
        background-position: 30px 0
    }
}

@keyframes buffering-stripes {
    0% {
        background-position: 0 0
    }
    to {
        background-position: 30px 0
    }
}

.mejs__time-loaded {
    background: rgba(255, 255, 255, .3)
}

.mejs__time-current, .mejs__time-handle-content {
    background: rgba(255, 255, 255, .9)
}

.mejs__time-hovered {
    background: rgba(255, 255, 255, .5);
    z-index: 10
}

.mejs__time-hovered.negative {
    background: rgba(0, 0, 0, .2)
}

.mejs__time-current,
.mejs__time-buffering,
.mejs__time-loaded,
.mejs__time-hovered {
    left: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: .15s ease-in all;
    transition: .15s ease-in all;
    width: 100%
}

.mejs__time-buffering {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.mejs__time-hovered {
    -webkit-transition: height .1s cubic-bezier(.44, 0, 1, 1);
    transition: height .1s cubic-bezier(.44, 0, 1, 1)
}

.mejs__time-hovered.no-hover {
    -webkit-transform: scaleX(0) !important;
    -ms-transform: scaleX(0) !important;
    transform: scaleX(0) !important
}

.mejs__time-handle, .mejs__time-handle-content {
    border: 4px solid transparent;
    cursor: pointer;
    left: 0;
    position: absolute;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    z-index: 11
}

.mejs__time-handle-content {
    border: 4px solid rgba(255, 255, 255, .9);
    border-radius: 50%;
    height: 10px;
    left: -7px;
    top: -4px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    width: 10px
}

.mejs__time-rail:hover .mejs__time-handle-content,
.mejs__time-rail .mejs__time-handle-content:focus,
.mejs__time-rail .mejs__time-handle-content:active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.mejs__time-float {
    background: #eee;
    border: solid 1px #333;
    bottom: 100%;
    color: #111;
    display: none;
    height: 17px;
    margin-bottom: 9px;
    position: absolute;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 36px
}

.mejs__time-float-current {
    display: block;
    left: 0;
    margin: 2px;
    text-align: center;
    width: 30px
}

.mejs__time-float-corner {
    border: solid 5px #eee;
    border-color: #eee transparent transparent;
    border-radius: 0;
    display: block;
    height: 0;
    left: 50%;
    line-height: 0;
    position: absolute;
    top: 100%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0
}

.mejs__long-video .mejs__time-float {
    margin-left: -23px;
    width: 64px
}

.mejs__long-video .mejs__time-float-current {
    width: 60px
}

.mejs__broadcast {
    color: #fff;
    height: 10px;
    position: absolute;
    top: 15px;
    width: 100%
}

.mejs__fullscreen-button > button {
    background-position: -80px 0
}

.mejs__unfullscreen > button {
    background-position: -100px 0
}

.mejs__mute > button {
    background-position: -60px 0
}

.mejs__unmute > button {
    background-position: -40px 0
}

.mejs__volume-button {
    position: relative
}

.mejs__volume-button > .mejs__volume-slider {
    -webkit-backface-visibility: hidden;
    background: rgba(50, 50, 50, .7);
    border-radius: 0;
    bottom: 100%;
    display: none;
    height: 115px;
    left: 50%;
    margin: 0;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 25px;
    z-index: 1
}

.mejs__volume-button:hover {
    border-radius: 0 0 4px 4px
}

.mejs__volume-total {
    background: rgba(255, 255, 255, .5);
    height: 100px;
    left: 50%;
    margin: 0;
    position: absolute;
    top: 8px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 2px
}

.mejs__volume-current {
    background: rgba(255, 255, 255, .9);
    left: 0;
    margin: 0;
    position: absolute;
    width: 100%
}

.mejs__volume-handle {
    background: rgba(255, 255, 255, .9);
    border-radius: 1px;
    cursor: ns-resize;
    height: 6px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 16px
}

.mejs__horizontal-volume-slider {
    display: block;
    height: 36px;
    position: relative;
    vertical-align: middle;
    width: 56px
}

.mejs__horizontal-volume-total {
    background: rgba(50, 50, 50, .8);
    border-radius: 2px;
    font-size: 1px;
    height: 8px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 16px;
    width: 50px
}

.mejs__horizontal-volume-current {
    background: rgba(255, 255, 255, .8);
    border-radius: 2px;
    font-size: 1px;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.mejs__horizontal-volume-handle {
    display: none
}

.mejs__captions-button, .mejs__chapters-button {
    position: relative
}

.mejs__captions-button > button {
    background-position: -140px 0
}

.mejs__chapters-button > button {
    background-position: -180px 0
}

.mejs__captions-button > .mejs__captions-selector,
.mejs__chapters-button > .mejs__chapters-selector {
    background: rgba(50, 50, 50, .7);
    border: solid 1px transparent;
    border-radius: 0;
    bottom: 100%;
    margin-right: -43px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 50%;
    visibility: visible;
    width: 86px
}

.mejs__chapters-button > .mejs__chapters-selector {
    margin-right: -55px;
    width: 110px
}

.mejs__captions-selector-list, .mejs__chapters-selector-list {
    list-style-type: none !important;
    margin: 0;
    overflow: hidden;
    padding: 0
}

.mejs__captions-selector-list-item, .mejs__chapters-selector-list-item {
    color: #fff;
    cursor: pointer;
    display: block;
    list-style-type: none !important;
    margin: 0 0 6px;
    overflow: hidden;
    padding: 0
}

.mejs__captions-selector-list-item:hover, .mejs__chapters-selector-list-item:hover {
    background-color: #c8c8c8 !important;
    background-color: rgba(255, 255, 255, .4) !important
}

.mejs__captions-selector-input, .mejs__chapters-selector-input {
    clear: both;
    float: left;
    left: -1000px;
    margin: 3px 3px 0 5px;
    position: absolute
}

.mejs__captions-selector-label, .mejs__chapters-selector-label {
    cursor: pointer;
    float: left;
    font-size: 10px;
    line-height: 15px;
    padding: 4px 10px 0;
    width: 100%
}

.mejs__captions-selected, .mejs__chapters-selected {
    color: #21f8f8
}

.mejs__captions-translations {
    font-size: 10px;
    margin: 0 0 5px
}

.mejs__captions-layer {
    bottom: 0;
    color: #fff;
    font-size: 16px;
    left: 0;
    line-height: 20px;
    position: absolute;
    text-align: center
}

.mejs__captions-layer a {
    color: #fff;
    text-decoration: underline
}

.mejs__captions-layer[lang=ar] {
    font-size: 20px;
    font-weight: 400
}

.mejs__captions-position {
    bottom: 15px;
    left: 0;
    position: absolute;
    width: 100%
}

.mejs__captions-position-hover {
    bottom: 35px
}

.mejs__captions-text, .mejs__captions-text * {
    background: rgba(20, 20, 20, .5);
    box-shadow: 5px 0 0 rgba(20, 20, 20, .5), -5px 0 0 rgba(20, 20, 20, .5);
    padding: 0;
    white-space: pre-wrap
}

.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container {
    display: none
}

.mejs__overlay-error {
    position: relative
}

.mejs__overlay-error > img {
    left: 0;
    max-width: 100%;
    position: absolute;
    top: 0;
    z-index: -1
}

.mejs__cannotplay, .mejs__cannotplay a {
    color: #fff;
    font-size: .8em
}

.mejs__cannotplay {
    position: relative
}

.mejs__cannotplay p,
.mejs__cannotplay a {
    display: inline-block;
    padding: 0 15px;
    width: 100%
}

table.contacts_street > tbody > tr, table.contacts_street > tbody > tr > td {
    border: none;
    padding: 0;
}

html body#top.win.firefox.gecko.fx118.standard div#wrapper div#container main#main div.inside div.mod_article.block iframe {
    max-width: 100%;
}

/*
 * Kunden Portal Umfrage
 */
div.formular-answers-top-down fieldset.formular-answers-top-down span,
.formular-answers-top-down span {
    display: inline-block;
    width: 100% !important;
    height: 35px;
}

form.umfrage div fieldset div.widget-textarea label {
    width: 100%;
    padding: 0 10px;
    margin: 0 0 15px 0;
    font-size: 16px;
    font-weight: 500;
}

form.umfrage div fieldset div fieldset.checkbox_container span,
div.formular-answers-top-down fieldset.formular-answers-top-down span,
form.umfrage div fieldset div fieldset span {
    display: inline-block;
    width: 100% !important;
    height: 35px;
}

form.umfrage div fieldset div fieldset.checkbox_container span label {
    width: 90% !important;
}

form.umfrage div fieldset div.widget-textarea textarea {
    width: 98%;
    margin-bottom: 30px;
}

form.umfrage.kunden-portal div div button.submit {
    width: 100%;
}

form.umfrage div div label.error {
    float: unset;
}

form.umfrage div div p.error {
    float: left;
    width: 100%;
    font-size: 0.8em;
}

form.umfrage div div input.error {
    width: 20%;
}

form.umfrage div div span.error {
    float: left;
    width: 30%;
    display: inline-block;
}

form.umfrage div div.error {
    border: 2px solid red;
    padding: 10px;
    margin-bottom: 30px;
}

/*
 * altcha
 */

.altcha-checkbox,
.altcha-label {
    padding-top: 22px;
}

.produktdetail-right .altcha-checkbox {
    padding-top: 0px;
}

.produktdetail-right .altcha-label label {
    min-width: 120px;
}

form.kundenzufriedenheit fieldset.radio_container > span:not(:first-child) {
  float: left;
  clear: left;
}

form.kundenzufriedenheit div.formbody div.ripple-button {
  margin-top: 2em;
  display: flex;
  justify-content: center;
}

form.kundenzufriedenheit div.formbody div.ripple-button button.submit.ripple {
  width: 30%;
}

form.kundenzufriedenheit div div.widget-altcha {
  display: flex;
  justify-content: center;
}

/** Ripple effect Kundenzufriedenheit **/
form.kundenzufriedenheit div div.ripple-button button {
    background-position: center !important;
    transition: background 0.8s !important;
}

form.kundenzufriedenheit div .ripple-button button:hover {
    background: #033c6b radial-gradient(circle, transparent 1%, #033c6b 1%) center/15000% !important;
    color: white;
}

form.kundenzufriedenheit div .ripple-button button:active {
    background-color: #101e39 !important;
    background-size: 100% !important;
    transition: background 0s !important;
    color: white
}

body.kundenzufriedenheit div div div.inside div.block p.back {
    /* background-color: #787b7e !important;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 150px;
    right: 30px;
    z-index: 1000; */
    display: none;
}

body.kundenzufriedenheit div div main div div div h1 {
    font-weight: bolder;
}

form.kundenzufriedenheit div fieldset div fieldset span input.radio {
    width: 10%;
}

form.kundenzufriedenheit div fieldset div fieldset.radio_container span label {
    font-size: 1.3em;
    line-height: 1.4em;
}

form.kundenzufriedenheit div fieldset div fieldset span label {
    width: auto;
}

form.kundenzufriedenheit div fieldset div.widget-textarea label {
    font-weight: bolder !important;
}

form.kontaktformular legend {
    font-weight: bolder;
    font-size: 1.2em;
}

form.kundenzufriedenheit div fieldset div fieldset legend {
    width: auto;
}

form.kundenzufriedenheit div fieldset div fieldset legend span {
    width: 10px !important;
    margin-left: 5px;
}

form.kundenzufriedenheit div fieldset div fieldset legend span.invisible {
    display: none;
}

div.altcha-main div.altcha-label label {
    margin: 0 0 4px 0;
}

form.kundenzufriedenheit div div button {
    margin: 30px auto 0 auto;
    display: block;
    width: 120px;
}

/* MEISER RS */
#kontak-spacer {
    height: 59px;
}

body.road-saftey div div#container {
    max-width: 1600px !important;
}

body.road-saftey div div#container aside div div div.kontakt-sidebar,
body.road-saftey div div#container aside div div div.ce_hyperlink {
    max-width: 270px !important;
}

body.road-saftey div div div div div div.ce_image.block figure.image_container {
    max-height: 400px !important;
}

@media (max-width: 980px) {
    body.road-saftey div div#container aside div div div.kontakt-sidebar,
    body.road-saftey div div#container aside div div div.ce_hyperlink {
        max-width: unset !important;
        text-align: center;
    }
}

.reset-margin,
.m0 {
    margin: 0;
}
.p0 {
    padding: 0 !important;
}
.mt20px {
    margin-top: 20px;
}
.mt30px {
    margin-top: 30px;
}
.mb45px {
    margin-bottom: 45px;
}
.mb70px {
    margin-bottom: 70px;
}

/* .main-full-width #main {
    width: 100%;
} */

.fullwidth img {
    width: 100%;
}
.imgcenter img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.img70per img {
    width: 70%;
}

div.centered p,
div.centered h2,
div.centered figure,
h2.centered  {
    text-align: center;
}

h2.cbluebolder {
    color: #101e39;
    font-weight: bolder;;
}

a.productlink,
a.productlink:hover {
    text-decoration: none;
}

a.productlink p,
a.productlink:hover p {
    color: #898989;
}

.blue-box {
    background: #101e39;
    padding: 15px 10px;
    color: white;
}

.grey-box {
    /* background: #898e91; */
    background: #f7f7f7;
    padding: 15px 10px;
    /* color: white; */
    color: #898989;
}

.ce_text.grey-box.block {
    /* background: #898e91; */
    background: #f7f7f7;
    padding: 15px 10px;
    /* color: white; */
    color: #898989;
    margin: 0;
}

.rs-columns.ce_rs_columns_start.first-row-sticky-note div.rs-column {
    position: relative;
}

.sticky-note {
    position: absolute;
    top: 0;
    right: 0px;
    z-index: 5;
    margin: 10px;
    width: 250px;
    font-size: 1.5em;
    padding: 20px 20px;
}

.box-note {
    padding: 25px !important;
    font-size: 1.7em;
    white-space: nowrap;
    font-weight: normal;
    display: block;
    line-height: 1.4em;
}

.center-justified-out figure {
    /* width: auto; */
}

.center-justified-out img {
    margin: 0 auto;
    display: block;
}

.center-justified-in {
    text-align: center;
}

.center-justified-in div.ce_text {
    margin-top: 75px;
}

.mpsform form div input,
.mpsform form div select {
    height: 24px;
}
.mpsform form div div fieldset > span {
    display: block;
    height: auto;
}
.mpsform form div div fieldset span input {
    width: 20%;
    display: inline-block;
    margin: 0 0 18px 0;
}
.mpsform form div div fieldset span label {
    width: 70%;
}
.mpsform .altcha-checkbox,
.mpsform .altcha-checkbox input,
.mpsform .altcha-label,
.mpsform .altcha-label label {
    margin: 0 !important;
    padding: 0 !important;
}
.mpsform .widget-submit button {
    width: 50%;
    height: 36px;
    margin: 26px auto 0 0;
    display: block;
}

body.mps #footer .inside a::before {
    content: unset !important;
    margin: unset !important;
}

section.start-header div.SliderInside {
    margin: 14% auto 0 auto;
}

@media (max-width: 920px) {
    .sticky-note {
        /* position: initial;
        top: 0;
        right: 0;
        z-index: 5; */
        margin: 10px;
        width: 250px;
        font-size: 1.5em;
        padding: 20px 20px;
    }
    .box-note.blue-box,
    .sticky-note {
        white-space: normal;
    }
    .grey-box {
        padding: 10px !important;
        width: auto;
    }
    .grey-box div {
        margin-top: 0 !important;
        padding: 0 !important;
    }
    .grey-box div div.grey-box {
        padding-top: 0 10px 10px 10px!important;
    }
    .grey-box:first-child div.grey-box {
        padding-top: 10px 10px 0 10px!important;
    }
}