/* font-face links */

@font-face
{
    font-family: 'montserrat';
    font-weight: 900;
    font-style: normal;

    src: url('../fonts/montserrat-black-webfont.eot');
    src: url('../fonts/montserrat-black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-black-webfont.woff2') format('woff2'), url('../fonts/montserrat-black-webfont.woff') format('woff'), url('../fonts/montserrat-black-webfont.ttf') format('truetype'), url('../fonts/montserrat-black-webfont.svg#montserratblack') format('svg');
}

@font-face
{
    font-family: 'montserrat';
    font-weight: 800;
    font-style: normal;

    src: url('../fonts/montserrat-extrabold-webfont.eot');
    src: url('../fonts/montserrat-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-extrabold-webfont.woff2') format('woff2'), url('../fonts/montserrat-extrabold-webfont.woff') format('woff'), url('../fonts/montserrat-extrabold-webfont.ttf') format('truetype'), url('../fonts/montserrat-extrabold-webfont.svg#montserratextra_bold') format('svg');
}

@font-face
{
    font-family: 'montserrat';
    font-weight: 700;
    font-style: normal;

    src: url('../fonts/montserrat-bold-webfont.eot');
    src: url('../fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-bold-webfont.woff2') format('woff2'), url('../fonts/montserrat-bold-webfont.woff') format('woff'), url('../fonts/montserrat-bold-webfont.ttf') format('truetype'), url('../fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
}

@font-face
{
    font-family: 'montserrat';
    font-weight: 600;
    font-style: normal;

    src: url('../fonts/montserrat-semibold-webfont.eot');
    src: url('../fonts/montserrat-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-semibold-webfont.woff2') format('woff2'), url('../fonts/montserrat-semibold-webfont.woff') format('woff'), url('../fonts/montserrat-semibold-webfont.ttf') format('truetype'), url('../fonts/montserrat-semibold-webfont.svg#montserratsemi_bold') format('svg');
}

@font-face
{
    font-family: 'montserrat';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/montserrat-regular-webfont.eot');
    src: url('../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-regular-webfont.woff2') format('woff2'), url('../fonts/montserrat-regular-webfont.woff') format('woff'), url('../fonts/montserrat-regular-webfont.ttf') format('truetype'), url('../fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
}

@font-face
{
    font-family: 'montserrat';
    font-weight: 300;
    font-style: normal;

    src: url('../fonts/montserrat-light-webfont.eot');
    src: url('../fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-light-webfont.woff2') format('woff2'), url('../fonts/montserrat-light-webfont.woff') format('woff'), url('../fonts/montserrat-light-webfont.ttf') format('truetype'), url('../fonts/montserrat-light-webfont.svg#montserratlight') format('svg');
}

@font-face
{
    font-family: 'montserrat';
    font-weight: 200;
    font-style: normal;

    src: url('../fonts/montserrat-ultralight-webfont.eot');
    src: url('../fonts/montserrat-ultralight-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-ultralight-webfont.woff2') format('woff2'), url('../fonts/montserrat-ultralight-webfont.woff') format('woff'), url('../fonts/montserrat-ultralight-webfont.ttf') format('truetype'), url('../fonts/montserrat-ultralight-webfont.svg#montserratultra_light') format('svg');
}

@font-face
{
    font-family: 'montserrat';
    font-weight: 100;
    font-style: normal;

    src: url('../fonts/montserrat-hairline-webfont.eot');
    src: url('../fonts/montserrat-hairline-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-hairline-webfont.woff2') format('woff2'), url('../fonts/montserrat-hairline-webfont.woff') format('woff'), url('../fonts/montserrat-hairline-webfont.ttf') format('truetype'), url('../fonts/montserrat-hairline-webfont.svg#montserrathairline') format('svg');
}

@font-face
{
    font-family: 'Roboto';
    font-weight: 900;
    font-style: normal;

    src: url('../fonts/roboto-black-webfont.eot');
    src: url('../fonts/roboto-black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-black-webfont.woff2') format('woff2'), url('../fonts/roboto-black-webfont.woff') format('woff'), url('../fonts/roboto-black-webfont.ttf') format('truetype'), url('../fonts/roboto-black-webfont.svg#robotoblack') format('svg');
}

@font-face
{
    font-family: 'Roboto';
    font-weight: 900;
    font-style: italic;

    src: url('../fonts/roboto-blackitalic-webfont.eot');
    src: url('../fonts/roboto-blackitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-blackitalic-webfont.woff2') format('woff2'), url('../fonts/roboto-blackitalic-webfont.woff') format('woff'), url('../fonts/roboto-blackitalic-webfont.ttf') format('truetype'), url('../fonts/roboto-blackitalic-webfont.svg#robotoblack_italic') format('svg');
}

@font-face
{
    font-family: 'Roboto';
    font-weight: 700;
    font-style: normal;

    src: url('../fonts/roboto-bold-webfont.eot');
    src: url('../fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-bold-webfont.woff2') format('woff2'), url('../fonts/roboto-bold-webfont.woff') format('woff'), url('../fonts/roboto-bold-webfont.ttf') format('truetype'), url('../fonts/roboto-bold-webfont.svg#robotobold') format('svg');
}

@font-face
{
    font-family: 'Roboto';
    font-weight: 700;
    font-style: italic;

    src: url('../fonts/roboto-bolditalic-webfont.eot');
    src: url('../fonts/roboto-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-bolditalic-webfont.woff2') format('woff2'), url('../fonts/roboto-bolditalic-webfont.woff') format('woff'), url('../fonts/roboto-bolditalic-webfont.ttf') format('truetype'), url('../fonts/roboto-bolditalic-webfont.svg#robotobold_italic') format('svg');
}

@font-face
{
    font-family: 'Roboto';
    font-weight: normal;
    font-style: italic;

    src: url('../fonts/roboto-italic-webfont.eot');
    src: url('../fonts/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-italic-webfont.woff2') format('woff2'), url('../fonts/roboto-italic-webfont.woff') format('woff'), url('../fonts/roboto-italic-webfont.ttf') format('truetype'), url('../fonts/roboto-italic-webfont.svg#robotoitalic') format('svg');
}

@font-face
{
    font-family: 'Roboto';
    font-weight: 300;
    font-style: normal;

    src: url('../fonts/roboto-light-webfont.eot');
    src: url('../fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-light-webfont.woff2') format('woff2'), url('../fonts/roboto-light-webfont.woff') format('woff'), url('../fonts/roboto-light-webfont.ttf') format('truetype'), url('../fonts/roboto-light-webfont.svg#robotolight') format('svg');
}

@font-face
{
    font-family: 'Roboto';
    font-weight: 300;
    font-style: italic;

    src: url('../fonts/roboto-lightitalic-webfont.eot');
    src: url('../fonts/roboto-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-lightitalic-webfont.woff2') format('woff2'), url('../fonts/roboto-lightitalic-webfont.woff') format('woff'), url('../fonts/roboto-lightitalic-webfont.ttf') format('truetype'), url('../fonts/roboto-lightitalic-webfont.svg#robotolight_italic') format('svg');
}

@font-face
{
    font-family: 'Roboto';
    font-weight: 500;
    font-style: normal;

    src: url('../fonts/roboto-medium-webfont.eot');
    src: url('../fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-medium-webfont.woff2') format('woff2'), url('../fonts/roboto-medium-webfont.woff') format('woff'), url('../fonts/roboto-medium-webfont.ttf') format('truetype'), url('../fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
}

@font-face
{
    font-family: 'Roboto';
    font-weight: 500;
    font-style: italic;

    src: url('../fonts/roboto-mediumitalic-webfont.eot');
    src: url('../fonts/roboto-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-mediumitalic-webfont.woff2') format('woff2'), url('../fonts/roboto-mediumitalic-webfont.woff') format('woff'), url('../fonts/roboto-mediumitalic-webfont.ttf') format('truetype'), url('../fonts/roboto-mediumitalic-webfont.svg#robotomedium_italic') format('svg');
}

@font-face
{
    font-family: 'Roboto';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/roboto-regular-webfont.eot');
    src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-regular-webfont.woff2') format('woff2'), url('../fonts/roboto-regular-webfont.woff') format('woff'), url('../fonts/roboto-regular-webfont.ttf') format('truetype'), url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
}

@font-face
{
    font-family: 'Roboto';
    font-weight: 200;
    font-style: normal;

    src: url('../fonts/roboto-thin-webfont.eot');
    src: url('../fonts/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-thin-webfont.woff2') format('woff2'), url('../fonts/roboto-thin-webfont.woff') format('woff'), url('../fonts/roboto-thin-webfont.ttf') format('truetype'), url('../fonts/roboto-thin-webfont.svg#robotothin') format('svg');
}

@font-face
{
    font-family: 'Roboto';
    font-weight: 200;
    font-style: italic;

    src: url('../fonts/roboto-thinitalic-webfont.eot');
    src: url('../fonts/roboto-thinitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-thinitalic-webfont.woff2') format('woff2'), url('../fonts/roboto-thinitalic-webfont.woff') format('woff'), url('../fonts/roboto-thinitalic-webfont.ttf') format('truetype'), url('../fonts/roboto-thinitalic-webfont.svg#robotothin_italic') format('svg');
}

/* icomoon fonts links */

@font-face
{
    font-family: 'icomoon';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/icomoon.eot?z75p8a');
    src: url('../fonts/icomoon.eot?z75p8a#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?z75p8a') format('truetype'), url('../fonts/icomoon.woff?z75p8a') format('woff'), url('../fonts/icomoon.svg?z75p8a#icomoon') format('svg');
}

[class^='icon-'],
[class*=' icon-']
{
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1; /* Better Font Rendering =========== */

    text-transform: none;

    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-twitter:before
{
    content: '\e900';
}

.icon-01:before
{
    content: '\e901';
}

.icon-012:before
{
    content: '\e902';
}

.icon-013:before
{
    content: '\e903';
}

.icon-02:before
{
    content: '\e904';
}

.icon-014:before
{
    content: '\e905';
}

.icon-015:before
{
    content: '\e906';
}

.icon-016:before
{
    content: '\e907';
}

.icon-017:before
{
    content: '\e908';
}

.icon-018:before
{
    content: '\e909';
}

.icon-022:before
{
    content: '\e90a';
}

.icon-logo .path1:before
{
    content: '\e90b';

    color: #c4211d;
}

.icon-logo .path2:before
{
    margin-left: -5.2802734375em;

    content: '\e90c';

    color: #343434;
}

.icon-logo .path3:before
{
    margin-left: -5.2802734375em;

    content: '\e90d';

    color: #343434;
}

.icon-logo .path4:before
{
    margin-left: -5.2802734375em;

    content: '\e90e';

    color: #343434;
}

.icon-logo .path5:before
{
    margin-left: -5.2802734375em;

    content: '\e90f';

    color: #343434;
}

.icon-logo .path6:before
{
    margin-left: -5.2802734375em;

    content: '\e910';

    color: #343434;
}

.icon-logo .path7:before
{
    margin-left: -5.2802734375em;

    content: '\e911';

    color: #343434;
}

.icon-logo .path8:before
{
    margin-left: -5.2802734375em;

    content: '\e912';

    color: #343434;
}

.icon-logo .path9:before
{
    margin-left: -5.2802734375em;

    content: '\e913';

    color: #343434;
}

.icon-logo .path10:before
{
    margin-left: -5.2802734375em;

    content: '\e914';

    color: #343434;
}

.icon-facebook:before
{
    content: '\e915';
}

.navbar-default .info,
.carousel .list,
.sponsors-list,
.add-nav,
.social-networks,
.add-list,
.list-info,
.list,
.content-list,
.sponsors,
.panel-default .description-list
{
    margin: 0;
    padding: 0;

    list-style: none;
}

.clearfix:after,
.navbar-default .info:after,
.sponsors-list:after,
#footer .frame-top:after,
.social-networks:after,
.block-area.main .block:after
{
    display: block;
    clear: both;

    content: '';
}

.ellipsis
{
    overflow: hidden;

    white-space: nowrap; /* 1 */
    text-overflow: ellipsis; /* 2 */
}

body
{
    min-width: 320px;
}

a
{
    -webkit-transition: color .3s;
            transition: color .3s;

    outline: none;
}

a:focus
{
    outline: none;
}

a[href^=tel]
{
    text-decoration: none;

    color: inherit;
}

img
{
    vertical-align: top;
}

/* headings styles */

h1
{
    text-transform: uppercase;
}

/* button styles */

.btn
{
    font: 600 14px/18px 'montserrat', Helvetica, Arial, sans-serif;

    -webkit-transition: background .3s, color .3s;
            transition: background .3s, color .3s;

    border: none;
}

.btn:active
{
    -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
            transform: scale(.95);
}

.btn-primary:active:focus
{
    border: none;
    background: #009aff;
}

.btn-primary:active,
.btn-primary:visited
{
    border: none;
    background: #009aff;
}

.btn-primary:hover
{
    background: #33aeff;
}

/* main container styles */

#wrapper
{
    position: relative;

    overflow: hidden;

    max-width: 1440px;
    margin: 0 auto;

    box-shadow: 0 0 9px 3px #cccfd1;
}

/* main informative part styles */

#main
{
    margin: -6px 0 0;
}

/* container holder styles */

.container-fluid
{
    max-width: 1440px;
    margin: 0 auto;
}

.modal-open .navbar
{
    margin: 0 0 0 -17px;
}

/* main navigation of the page styles */

.navbar-default
{
    min-width: 320px;

    border: none;
    background: none;
}

.navbar-default .container-fluid
{
    position: relative;

    padding: 9px 0 0 0;

    background: rgba(255, 255, 255, .9);
}

.navbar-default .container-fluid:before
{
    position: absolute;
    z-index: -1;
    top: 103%;
    right: 0;
    left: 0;

    width: 100%;

    content: '';

    box-shadow: 0 0 4px 1px #cccfd1;
}

.navbar-default .navbar-right
{
    margin: 0;
    padding: 13px 18px 0 0;
}

.navbar-default .navbar-nav > li.opened > a
{
    color: #333;
}

.navbar-default .navbar-nav > li.open > a,
.navbar-default .navbar-nav > li.active > a
{
    color: #ccc !important;
}

.navbar-default .navbar-nav > li > a
{
    font-size: 15px;
    line-height: 18px;

    display: block;

    padding: 11px 20px 29px;

    text-transform: uppercase;

    color: #3e505f;
    background: none !important;
}

.navbar-default .navbar-nav > li > a:hover
{
    color: #333;
}

.navbar-default .navbar-nav > .open
{
    z-index: 5;

    box-shadow: 0 3px 5px rgba(0, 0, 0, .175);
}

.navbar-default .info
{
    float: left;

    padding: 25px 0 0 12px;
}

.navbar-default .info li
{
    float: left;

    margin: 0 25px;
}

/** MZ auskommentiert, damit die Tel-Nr oben links klickbar ist

.navbar-default .info li:first-child a
{
    pointer-events: none;
}
**/

.navbar-default .info li:last-child
{
    margin: 0 0 0 1px;
}

.navbar-default .info a
{
    font-size: 14px;
    line-height: 16px;

    display: block;

    color: #3e505f;
}

.navbar-default .info a:hover
{
    color: #ccc;
}

.navbar-default .date
{
    float: right;
}

.navbar-default .navbar-toggle
{
    margin: 10px 42px 9px 10px;

    border: none;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus
{
    background: none;
}

.navbar-default .navbar-toggle .icon-bar
{
    width: 19px;
}

.navbar-header
{
    padding: 13px 30px 10px;
}

.navbar-brand
{
    height: auto;
    margin-left: 0 !important;
    padding: 0;
}

.navbar-brand img
{
    width: 210px;
    height: 40px;
}

.navbar-right .dropdown-menu
{
    right: auto;
    left: 0;

    min-width: 230px;
    padding: 17px 5px 0;

    border: none;
    border-radius: 0 0 3px 3px;
    background: -webkit-linear-gradient(top, white 0%, #f4f4f4 94%, #f3f3f3 99%, rgba(241, 241, 241, .94) 100%);
    background:         linear-gradient(to bottom, white 0%, #f4f4f4 94%, #f3f3f3 99%, rgba(241, 241, 241, .94) 100%);
    box-shadow: 0 6px 6px -1px rgba(0, 0, 0, .175);
}

.navbar-right .dropdown-menu > li
{
    margin: 0 0 9px;
}

.navbar-right .dropdown-menu > li > a
{
    font: 15px/18px 'Roboto', Helvetica, Arial, sans-serif;

    display: block;

    padding: 3px 12px;

    -webkit-transition: background .3s, color .3s;
            transition: background .3s, color .3s;

    color: #3e505f;
    border-radius: 5px;
}

.navbar-right .dropdown-menu > li > a:hover
{
    color: #fff !important;
    background: #444 !important;
}

.dropdown-menu
{
    right: auto;
    left: 0;

    min-width: 230px;
    padding: 17px 5px 0;

    border: none;
    border-radius: 0 0 3px 3px;
    background: -webkit-linear-gradient(top, white 0%, #f4f4f4 94%, #f3f3f3 99%, rgba(241, 241, 241, .94) 100%);
    background:         linear-gradient(to bottom, white 0%, #f4f4f4 94%, #f3f3f3 99%, rgba(241, 241, 241, .94) 100%);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .175);
}

.dropdown-menu > li
{
    margin: 0 0 9px;
}

.dropdown-menu > li.active a
{
    color: #444 !important;
    background: none;
}

.dropdown-menu > li.active a:hover
{
    color: #333 !important;
    background: none;
}

.dropdown-menu > li > a
{
    font: 15px/18px 'Roboto', Helvetica, Arial, sans-serif;

    display: block;

    padding: 3px 12px;

    -webkit-transition: background .3s, color .3s;
            transition: background .3s, color .3s;

    color: #3e505f;
    border-radius: 5px;
}

.dropdown-menu > li > a:hover
{
    color: #fff;
    background: #333;
}

.navbar-collapse.collapse,
.navbar-collapse.collapsing
{
    max-height: calc(100vh - 51px);
}

.date
{
    position: relative;

    float: right;
    overflow: hidden;

    padding: 0 20px 0 18px;

    text-align: center;
}

.date:before,
.date:after
{
    position: absolute;
    z-index: 0;

    content: '';
}

.date:before
{
    top: 10px;
    right: 100%;
    bottom: 10px;
    left: -1px;

    border-radius: 10px/100px;
    box-shadow: 0 0 6px rgba(0, 0, 0, .5);
}

.date .strong,
.date .time
{
    font: bold 11px/13px 'Roboto', Helvetica, Arial, sans-serif;

    display: block;

    margin: 0 0 2px;

    letter-spacing: -1px;
    text-transform: uppercase;
}

.date .datetime
{
    position: relative;

    margin: 0 0 4px;
}

.date .counter
{
    font: bold 18px/18px 'Roboto', Helvetica, Arial, sans-serif;

    position: absolute;
    top: 65%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-transform: uppercase;
}

/* carousel styles */

.carousel
{
    position: relative;
}

.carousel:hover .carousel-control
{
    opacity: 1;
}

.carousel.hover-btns:hover .glyphicon
{
    opacity: 1;
}

.carousel.hover-btns .glyphicon
{
    opacity: 0;
}

.carousel .container-fluid
{
    padding: 0;
}

.carousel .carousel-control
{
    -webkit-transition: opacity .2s;
            transition: opacity .2s;

    background: none;
}

.carousel .item
{
    overflow: hidden;
}

.carousel .item:nth-child(2) .title
{
    background: rgba(34, 34, 34, .8);
}

.carousel .item:nth-child(2) .list
{
    background: rgba(34, 34, 34, .8);
}

.carousel .item:nth-child(3) .title
{
    background: rgba(0, 153, 204, .8);
}

.carousel .item:nth-child(3) .list
{
    background: rgba(0, 153, 204, .8);
}

.carousel .text-holder
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    padding: 0 0 65px;

    text-align: center;
    text-align: left;
    vertical-align: bottom;
    white-space: nowrap;
}

.carousel .text-holder:after
{
    display: inline-block;

    width: 0;
    min-height: 100%;

    content: '';
    vertical-align: middle;
}

.carousel .text-holder > *
{
    display: inline-block;

    max-width: 99%;

    vertical-align: middle;
    white-space: normal;
}

.carousel .frame-box
{
    -webkit-animation-name: bounce;
            animation-name: bounce;
    -webkit-animation-duration: .5s;
            animation-duration: .5s;
    -webkit-animation-delay: .5s;
            animation-delay: .5s;
    vertical-align: bottom;

    -webkit-animation-fill-mode: backwards;
            animation-fill-mode: backwards;
}


/**  PS eingefuegt fuer Audio AKADEMIE */
#noCarouselOnCourseNSS .title, #noCarouselOnCourseNSS .list
{
   background: rgba(0, 153, 204, .8);
}

/**  MZ eingef�gt f�r Awareness course orange */
#noCarouselOnCourseSAW .title, #noCarouselOnCourseSAW .list
{
    background: rgba(245, 110, 0, .8);
}

/**  MZ: vorher war background: rgba(195, 35, 8, .8); */
.carousel .title
{
    font: 600 30px/35px 'Helvetica', Helvetica, Arial, sans-serif;

    max-width: 800px;
    margin: 0 0 7px;
    padding: 12px 10px 14px 50px;

    text-transform: none;

    color: #fff;
    border-radius: 0 5px 5px 0;
    background: rgba(206, 16, 0, .8);
}

.carousel .list
{
    padding: 20px 32px 13px 62px;

    border-radius: 0 8px 8px 0;
    background: rgba(206, 16, 0, .8);
}

.carousel .list li
{
    font: 600 25px/32px 'montserrat', Helvetica, Arial, sans-serif;

    position: relative;

    margin: 0 0 10px;
    padding: 0 0 0 41px;

    color: #fff;
}

/** MZ und PS probiert 
vorher: 
 top: 4px;
 background: url('../images/sprite.png') no-repeat -69px -6px;

probiert:

    top: 0;
    right:0;
    bottom:0;
    
    background: url('../images/icon-arrow.svg') no-repeat;
*/
.carousel .list li:before
{
    position: absolute;

    top: 0;
    right:0;
    bottom:0;

    left: 0;


    width: 24px;
    height: 23px;

    content: '';

    background: url('../images/svg/icon-arrow.svg') no-repeat;
   }


/* Die Pfeil-Buttons f�r das Carousel */
.carousel .glyphicon
{
    position: absolute;
    top: 48%;
    right: 30px;

    width: 18px;
    height: 55px;

    -webkit-transition: opacity .3s;
            transition: opacity .3s;

    background: url('../images/sprite.png') no-repeat -41px -2px;
}

.carousel .left .glyphicon
{
    right: auto;
    left: 30px;

    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

.carousel.main img
{
    width: 100%;
}

.carousel-indicators
{
    bottom: 3px;
}

.carousel-indicators li
{
    width: 10px;
    height: 10px;
    margin: 0 3px;

    -webkit-transition: background .2s;
            transition: background .2s;

    border: none;
    border: 1px solid #999;
    background: #999;
}

.carousel-indicators li.active,
.carousel-indicators li:hover
{
    border: 1px solid #1191cb;
    background: #fff;
}

.carousel-indicators li.active
{
    width: 10px;
    height: 10px;
    margin: 0 3px;
}

/* product description styles */

.box-area
{
    overflow: hidden;

    padding: 145px 0 171px;

    text-align: center;

    background: #fff;
}

.box-area.box-bg
{
    padding: 0;
}

.box-area.box-bg .container-fluid
{
    position: relative;

    padding: 41px 0 129px;
}

.box-area.box-bg h1
{
    margin: 30px 0 0px;
}

.box-area.box-bg h2
{
    font: 600 27px/30px 'Helvetica', Helvetica, Arial, sans-serif;

    margin: 24px 0 14px;
    padding: 0 0 12px;

    text-transform: none;

    border-bottom: 1px solid #adadad;
}

.box-area.box-bg .title
{
    margin: 0 0 72px;
}

.vorteile-page .box-area
{
    padding-bottom: 85px;
}

.vorteile-page .box-area .holder
{
    position: relative;

    max-width: 1040px;
}

.vorteile-page .box-area .col-md-4
{
    font: 400 16px/26px 'Roboto', Helvetica, Arial, sans-serif;

    padding: 25px 52px 40px;
}

.vorteile-page .box-area .col-md-4:nth-child(n+4)
{
    padding-top: 42px;
}

.vorteile-page .box-area .col-md-4:nth-child(2) span
{
    font-size: 26px;
}

.vorteile-page .box-area .col-md-4:nth-child(3) span
{
    font-size: 33px;
}

.vorteile-page .box-area .col-md-4:nth-child(4) span
{
    font-size: 32px;
}

.vorteile-page .box-area .col-md-4:nth-child(5) span
{
    font-size: 33px;
}

.vorteile-page .box-area .col-md-4:nth-child(6) span
{
    font-size: 34px;
}

.vorteile-page .box-area h2
{
    font-weight: 800;
    line-height: 26px;

    max-width: 200px;
    margin: 25px auto;

    word-break: break-word;
}

.vorteile-page .box-area .title
{
    margin: 0 0 73px;
}

.vorteile-page .box-area .decor
{
    position: relative;
}

.vorteile-page .box-area .decor span
{
    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

/* MZ war sprite.png */
.vorteile-page .box-area .decor span.icon1
{
    width: 47px;
    height: 47px;

    background: url('../images/svg/icon-target.svg') no-repeat;
}

.security-page .box-area
{
    padding: 42px 0 112px;
}

.security-page .box-area .holder
{
    max-width: 986px;
}

.security-page .box-area .title
{
    margin: 0 0 57px;
}

.dozenten-page .box-area
{
    padding: 145px 0 24px;
}

.dozenten-page .box-area .holder
{
    max-width: 1142px;
}

.dozenten-page .box-area .title
{
    margin: 0 0 75px;
}

.dozenten-page .box-area .col.alter
{
    font: 15px/26px 'Roboto', Helvetica, Arial, sans-serif;

    min-height: 0;
    padding: 40px 57px;

    text-align: left;
}

.dozenten-page .box-area img
{
    margin: 0 auto 18px;
}

.dozenten-page .box-area p
{
    margin: 0 0 24px;
}

.kurs-uebersicht .box-area .holder
{
    max-width: 1160px;
}

/**MZ 29.4.16 für Anmelde-Seite */
#data_overview .register_summary_h1
{
    text-align: left;
    margin: 50px 12px 20px;
}
/**MZ 29.4.16 */

.box-area .holder
{
    position: relative;
    z-index: 5;

    max-width: 1100px;
    margin: 0 auto;
}

.box-area h1
{
    margin: 30px 0 5px;

    letter-spacing: -1px;
    text-transform: none;
}

.box-area .title
{
    margin: 0 0 99px;
}

.box-area h2
{
    font: 600 24px/30px 'robotobold', Helvetica, Arial, sans-serif;

    text-transform: normal;
}

.box-area .mark
{
    color: #ce1000;
    background: none;
}

.box-area .row
{
    margin: 0 11px;
}

.box-area .col-md-4
{
    padding: 0 10px;
}

.box-area .box-holder
{
    font: 17px/28px 'Roboto', Helvetica, Arial, sans-serif;

    position: relative;

    min-height: 522px;
    padding: 25px 38px 86px;

    border: 1px solid #c9c9c9;
    border-radius: 3px;
    background: rgba(255, 255, 255, .65);
}

.box-area p
{
    margin: 0 0 27px;
}

.box-area .button-holder
{
    position: absolute;
    bottom: 49px;
    left: 0;

    width: 100%;

    text-align: center;
}

.kurs-uebersicht .box-area .button-holder
{
    bottom: 0;
}

.box-area .btn
{
    display: inline-block;

    min-width: 133px;
    margin: 0 auto;
    padding: 9px 12px;

    text-transform: uppercase;
}

.box-area .background-image
{
    position: absolute;
    z-index: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/* button styles */

.button
{
    font: 600 15px/17px 'montserrat', Helvetica, Arial, sans-serif;

    position: relative;

    display: inline-block;

    min-width: 230px;
    padding: 5px 10px;

    -webkit-transition: -webkit-transform .2s, opacity .2s;
            transition:         transform .2s, opacity .2s;

    color: #9f9f9f;
    border: 1px solid #9f9f9f;
    border-radius: 20px;
}

.button:hover,
.button:active,
.button:focus
{
    opacity: .65;
    color: #9f9f9f;
}

.button:active
{
    -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
            transform: scale(.95);

    color: #9f9f9f;
}

.button:after
{
    position: absolute;
    top: 10px;
    right: 14px;

    width: 0;
    height: 0;

    content: '';

    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #9f9f9f;
}

/* mehr-link styles */

.mehr
{
    display: inline-block;

    vertical-align: middle;

    color: #344450;
}

.mehr:hover
{
    color: #5c798e;
}

.mehr .span
{
    position: relative;
    top: -1px;

    display: inline-block;

    width: 16px;
    height: 16px;
    margin: 0 0 0 6px;

    vertical-align: middle;

    border-radius: 50%;
    background: #344450;
}

.mehr .span:after
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 10px;
    height: 2px;

    content: '';
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    background: #fff;
}

.mehr .span:before
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 2px;
    height: 10px;

    content: '';
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    background: #fff;
}

.author
{
    font: 300 16px/18px 'montserrat', Helvetica, Arial, sans-serif;

    display: block;

    margin: 0 auto 8px;

    text-align: center;
    text-transform: uppercase;

    color: #333;
}

.author .strong
{
    text-transform: uppercase;
}

.author-info
{
    font: 300 14px/14px 'montserrat', Helvetica, Arial, sans-serif;

    display: block;

    margin: 0 auto 25px;

    text-align: center;

    color: #333;
}

/** MZ border: 2px solid #124660; ge�ndert, damit Kreis nicht mehr blau, sondern grau (344450) */
.decor
{
    position: relative;

    width: 74px;
    height: 74px;
    margin: 0 auto;

    border: 2px solid #344450;
    border-radius: 50%;
}

.decor span
{
    font-size: 40px;

    position: absolute;
    top: 51%;
    left: 51%;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

/* MZ war background: url('../images/sprite.png') no-repeat -141px -6px; 
   m�sste svg/icon-certified.svg sein, aber sieht nicht h�bsch aus */
.decor span.icon1
{
    width: 33px;
    height: 51px;

    background: url('../images/sprite.png') no-repeat -141px -6px;
}

.row.alter .col-md-4:last-child .decor span
{
    font-size: 33px;

    top: 46%;
    left: 48%;
}

/* authors and products description styles */

.col-holder,
.column-holder,
.col-wrapp,
.area-wrapp
{
    overflow: hidden;
}

.col-holder .col-md-4,
.column-holder .col-md-4,
.col-wrapp .col-md-4,
.area-wrapp .col-md-4
{
    font: 400 16px/37px 'Roboto', Helvetica, Arial, sans-serif;

    position: relative;
    z-index: 5;

    float: left;

    min-height: 833px;
    padding: 0;

    text-align: center;

    background: #fff;
}

.dozenten-page .col-holder .col-md-4,
.dozenten-page .column-holder .col-md-4,
.dozenten-page .col-wrapp .col-md-4,
.dozenten-page .area-wrapp .col-md-4
{
    font: 15px/32px 'Roboto', Helvetica, Arial, sans-serif;

    min-height: 400px;
}

.dozenten-page .col-holder .col-md-4 .wrapp-area,
.dozenten-page .column-holder .col-md-4 .wrapp-area,
.dozenten-page .col-wrapp .col-md-4 .wrapp-area,
.dozenten-page .area-wrapp .col-md-4 .wrapp-area
{
    padding: 25px 60px 40px;
}

.col-holder .col-md-4.alter,
.column-holder .col-md-4.alter,
.col-wrapp .col-md-4.alter,
.area-wrapp .col-md-4.alter
{
    position: relative;

    text-align: left;
}

.col-holder .col-md-4.alter:nth-child(1),
.col-holder .col-md-4.alter:nth-child(3),
.column-holder .col-md-4.alter:nth-child(1),
.column-holder .col-md-4.alter:nth-child(3),
.col-wrapp .col-md-4.alter:nth-child(1),
.col-wrapp .col-md-4.alter:nth-child(3),
.area-wrapp .col-md-4.alter:nth-child(1),
.area-wrapp .col-md-4.alter:nth-child(3)
{
    z-index: 3;
}

.col-holder .col-md-4.alter:nth-child(1):before,
.col-holder .col-md-4.alter:nth-child(1):after,
.col-holder .col-md-4.alter:nth-child(3):before,
.col-holder .col-md-4.alter:nth-child(3):after,
.column-holder .col-md-4.alter:nth-child(1):before,
.column-holder .col-md-4.alter:nth-child(1):after,
.column-holder .col-md-4.alter:nth-child(3):before,
.column-holder .col-md-4.alter:nth-child(3):after,
.col-wrapp .col-md-4.alter:nth-child(1):before,
.col-wrapp .col-md-4.alter:nth-child(1):after,
.col-wrapp .col-md-4.alter:nth-child(3):before,
.col-wrapp .col-md-4.alter:nth-child(3):after,
.area-wrapp .col-md-4.alter:nth-child(1):before,
.area-wrapp .col-md-4.alter:nth-child(1):after,
.area-wrapp .col-md-4.alter:nth-child(3):before,
.area-wrapp .col-md-4.alter:nth-child(3):after
{
    position: absolute;
    z-index: -2;

    content: '';
}

.col-holder .col-md-4.alter:nth-child(1):before,
.col-holder .col-md-4.alter:nth-child(3):before,
.column-holder .col-md-4.alter:nth-child(1):before,
.column-holder .col-md-4.alter:nth-child(3):before,
.col-wrapp .col-md-4.alter:nth-child(1):before,
.col-wrapp .col-md-4.alter:nth-child(3):before,
.area-wrapp .col-md-4.alter:nth-child(1):before,
.area-wrapp .col-md-4.alter:nth-child(3):before
{
    top: 10px;
    right: 50%;
    bottom: 15px;
    left: 0;

    border-radius: 10px/100px;
    box-shadow: 0 0 6px rgba(0, 0, 0, .5);
}

.col-holder .col-md-4.alter:nth-child(1):before,
.column-holder .col-md-4.alter:nth-child(1):before,
.col-wrapp .col-md-4.alter:nth-child(1):before,
.area-wrapp .col-md-4.alter:nth-child(1):before
{
    right: 0;
    left: 50%;
}

.col-holder .col-md-4.alter:nth-child(2),
.column-holder .col-md-4.alter:nth-child(2),
.col-wrapp .col-md-4.alter:nth-child(2),
.area-wrapp .col-md-4.alter:nth-child(2)
{
    z-index: 1;
}

/** MZ #dozenten1 usw hinzugef�gt f�r die Dozenten-Seite */
.col-holder .col-md-4.alter:nth-child(2) .wrapp-area,
.column-holder .col-md-4.alter:nth-child(2) .wrapp-area,
.col-wrapp .col-md-4.alter:nth-child(2) .wrapp-area,
.area-wrapp .col-md-4.alter:nth-child(2) .wrapp-area,
#dozenten1,#dozenten2,#dozenten3                      
{
    padding: 25px 38px 40px;
}

.col-holder .col-md-4 .wrapp-area,
.column-holder .col-md-4 .wrapp-area,
.col-wrapp .col-md-4 .wrapp-area,
.area-wrapp .col-md-4 .wrapp-area
{
    padding: 25px 25px 40px;

    background: #fff;
}

.col-holder .label,
.column-holder .label,
.col-wrapp .label,
.area-wrapp .label
{
    font: 600 13px/14px 'Roboto', Helvetica, Arial, sans-serif;

    position: absolute;
    top: 0;
    right: 10px;

    min-width: 70px;
    padding: 1px 3px;

    text-align: center;
    text-transform: uppercase;

    color: #fff;
    border-radius: 0;
    background: #333;
}

.col-holder .label:before,
.column-holder .label:before,
.col-wrapp .label:before,
.area-wrapp .label:before
{
    position: absolute;
    top: 100%;
    left: 0;

    width: 0;
    height: 0;

    content: '';

    border-top: 8px solid #333;
    border-right: 8px solid transparent;
}

.col-holder img,
.column-holder img,
.col-wrapp img,
.area-wrapp img
{
    display: block;

    margin: 0 auto -1px;
}

.col-holder .btn,
.column-holder .btn,
.col-wrapp .btn,
.area-wrapp .btn
{
    bottom: 0;
}

.dozenten-page .col-wrapp .row
{
    font-size: 0;
    line-height: 0;

    text-align: left;
}

.dozenten-page .col-wrapp .col-md-4
{
    display: inline-block;
    float: none;

    vertical-align: top;
}

.title
{
    font: 300 25px/35px 'Roboto', Helvetica, Arial, sans-serif;

    display: inline-block;

    color: #384b5a;
}

/* sponsors list styles */

.sponsors-box
{
    overflow: hidden;

    background: #f9f9fa;
}

.sponsors-box .container-fluid
{
    padding: 32px 0 18px;
}

.kundistimmen .sponsors-box
{
    margin: 85px 0 0;
}

.sponsors-box.alter
{
    margin: 0;
    padding: 32px 0 18px;
}

.sponsors-box.alter .container-fluid
{
    padding: 0;
}

.sponsors-list
{
    min-height: 70px;

    text-align: center;
}

/*** MZ war margin: 0 30px 10px; */
.sponsors-list li
{
    display: inline-block;

    margin: 0 15px 10px;

    vertical-align: middle;
}

/*** MZ a zu img **/
/*** MZ added height **/
.sponsors-list img
{
    min-height: 20px;
    height: 95px;

    -webkit-transition: opacity .3s;
            transition: opacity .3s;
}

/*** MZ a zu img **/
.sponsors-list img:hover
{
    opacity: .7;
}

/* slideshow styles */

.slideshow
{
    position: relative;

    width: 100%;
}

.slideshow.not-enough-slides .btn-prev,
.slideshow.not-enough-slides .btn-next
{
    visibility: hidden;
}

.slideshow .slide
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
}

.slideshow .slide.active
{
    z-index: 2;
}

/* footer styles */

#footer .holder
{
    background: -webkit-linear-gradient(top, #444 0%, #444 100%);
    background:         linear-gradient(to bottom, #444 0%, #444 100%);
}

#footer .container-fluid
{
    overflow: hidden;

    padding: 29px 62px 0;
}

#footer .frame-top
{
    position: relative;

    padding: 0 0 107px;
}

#footer .frame
{
    border-top: 1px solid #f4f6f7;
}

#footer .frame .container-fluid
{
    padding: 21px 40px 30px;
}

#footer .social-networks
{
    position: absolute;
    top: 8px;
    right: -34px;

    text-align: center;
}

#footer .social-networks a
{
    line-height: 30px;

    color: #416279;
}

#footer .social-networks a.icon-facebook
{
    font-size: 25px;
    line-height: 47px;
}

/* additional navigation styles */

.footer-nav
{
    float: left;

    width: 18.2%;
    padding: 0 12px 0 0;
}

.footer-nav h4
{
    font: 500 16px/20px 'Helvetica', Helvetica, Arial, sans-serif;

    margin: 15px 0 2px;

    text-transform: uppercase;

    color: #fff;
}

.add-nav li
{
    font-size: 20px;
}

.add-nav li.active a
{
    color: #ccc;
}

.add-nav a
{
    font: 300 15px/18px 'Roboto', Helvetica, Arial, sans-serif;

    display: inline-block;

    color: #fff;
}

.add-nav a:hover
{
    color: #ccc;
}

/* social networks styles */

.social-networks li
{
    float: left;

    height: 18px;
}

.social-networks a
{
    display: block;

    width: 32px;
    height: 32px;
    margin: 0 5px;

    -webkit-transition: background .3s;
            transition: background .3s;

    border-radius: 50%;
    background: #fff;
}

.social-networks a:hover
{
    background: #ccc;
}

.copyright
{
    font: 400 15px/20px 'Helvetica', Helvetica, Arial, sans-serif;

    position: relative;

    display: inline-block;
    float: left;

    margin: 4px 0 0;

    letter-spacing: 0;

    color: #fff;
}

/* MZ war sprite.png -3px -2px; --> AC Logo */
.copyright:before
{
    display: inline-block;

    width: 28px;
    height: 29px;
    margin: 0 9px 0 0;

    content: '';
    vertical-align: middle;

    background: url('../images/svg/icon-signet.svg') no-repeat;
}

.add-list
{
    float: right;
    overflow: hidden;

    padding: 0 18px 0 0;

    text-align: center;
}

.add-list li
{
    position: relative;

    float: left;

    margin: 0 4px;
}

.add-list li:first-child:before
{
    display: none;
}

.add-list li:before
{
    position: absolute;
    top: 8px;
    bottom: 5px;
    left: -4px;

    width: 1px;

    content: '';

    background: #fff;
}

.add-list a
{
    font: 400 15px/18px 'Helvetica', Helvetica, Arial, sans-serif;

    color: #fff;
}

.add-list a:hover
{
    color: #ccc;
}

/* tabs styles */

.nav-tabs
{
    padding: 0 0 11px;

    border-bottom: 1px solid #8b949a;
}

.nav-tabs > li
{
    position: relative;

    width: 20%;
    margin: 0;
}

.nav-tabs > li > a
{
    font: 900 14px/18px 'Roboto', Helvetica, Arial, sans-serif;

    margin: 0;
    padding: 16px 10px;

    text-transform: uppercase;

    color: #403f3f;
    border: 1px dotted transparent !important;
    border-radius: 0;
    background: #fff !important;
}

.nav-tabs > li > a:hover
{
    color: #333 !important;
    border: 1px dotted #838685 !important;
}

.nav-tabs > li.active a
{
    margin: 0;

    color: #333 !important;
    border: 1px dotted #838685 !important;
    background: #fff;
}

.nav-tabs > li.active a > a:focus
{
    color: #333 !important;
    background: #fff !important;
}

/** MZ 28.4.16
 * Schritte sollen auf Handy erkennbar sein
 */
.nav-tabs > li.active
{
	color: #333;
}
/** MZ */

.nav-tabs > li.active:after,
.nav-tabs > li.active:before
{
    position: absolute;
    bottom: -12px;
    left: 50%;

    width: 0;
    height: 0;

    content: ' ';
    pointer-events: none;

    border: solid transparent;
}

.nav-tabs > li.active:after
{
    margin-left: -9px;

    border-width: 9px;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
}

.nav-tabs > li.active:before
{
    margin-left: -10px;

    border-width: 10px;
    border-color: rgba(139, 148, 154, 0);
    border-bottom-color: #8b949a;
}

.tab-content .tab-pane
{
    padding: 68px 0 0;
}

.tab-content .area
{
    overflow: hidden;
}

.tab-content .img-box
{
    float: left;

    width: 17%;
    padding: 0 0 0 3px;
}

.tab-content .text-box
{
    font: 18px/30px 'Roboto', Helvetica, Arial, sans-serif;

    float: right;

    width: 77%;
    padding: 12px 50px 0 0;

    text-align: left;

    color: #403f3f;
}

.tab-content .btn-holder
{
    padding: 47px 0 97px 212px;

    text-align: left;
}

.tab-content .btn
{
    font-size: 14px;

    position: relative;
    bottom: 0;

    display: inline-block;

    min-width: 132px;
    margin: 0 16px;
}

.tab-content .btn.btn-success
{
    background: #2fcc28;
}

.tab-content .btn.btn-success:hover
{
    background: #51dc4b;
}

.tab-content .btn.btn-primary
{
    position: relative;

    padding-right: 26px;

    background: #009aff;
}

/* MZ Das ist der Download-Button svg/icon-download.svg,
   war background: url('../images/sprite.png') no-repeat -110px -72px; */
.tab-content .btn.btn-primary:before
{
    position: absolute;
    top: 7px;
    right: 14px;

    width: 17px;
    height: 22px;

    content: '';

    background: url('../images/svg/icon-download.svg') no-repeat;
}

.tab-content .btn.btn-primary:hover
{
    background: #33aeff;
}

/** MZ war vorher padding: 0 0 0 228px; 
 * f�r die Kurs-Seiten (Fragen/Beratung) */
.tab-content .block
{
    padding: 45px 0 0 228px;

    text-align: left;
}

.tab-content .sub-title
{
    font: 700 30px/32px 'montserrat', Helvetica, Arial, sans-serif;

    position: relative;

    color: #404040;
}

.tab-content .sub-title:after
{
    display: block;

    width: 100%;
    height: 1px;
    margin: 15px 0 46px;

    content: '';

    border-bottom: 1px dashed rgba(0, 0, 0, .4);
}

.tab-content p
{
    margin: 0 0 30px;
}

.description-list
{
    font: 18px/30px 'Roboto', Helvetica, Arial, sans-serif;

    padding: 0 0 0 12px;

    text-align: left;

    color: #403f3f;
}

.description-list dt
{
    float: left;

    min-width: 215px;
    margin: 0 0 30px;
    padding: 0 8px 0 0;
}

.description-list dd
{
    overflow: hidden;

    margin: 0 0 30px;
}

.description-list .mail
{
    text-decoration: underline;

    color: #242860;
}

.list-info
{
    overflow: hidden;
}

.list-info li
{
    font: 900 18px/20px 'Roboto', Helvetica, Arial, sans-serif;

    float: left;
}

.list-info li:last-child a
{
    margin: 0 0 0 7px;
}

.list-info li:nth-child(2) span
{
    font-size: 57px;
}

.list-info li:nth-child(3) span
{
    font-size: 60px;
}

.list-info .decor
{
    position: relative;

    display: inline-block;

    width: 60px;
    height: 60px;

    vertical-align: middle;

    border: 2px solid #99bd00;
}

.list-info span
{
    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    color: #99bd00;
}

/* MZ gr�nes "@", war background: url('../images/sprite.png') no-repeat -5px -68px; */
.list-info span.icon1
{
    width: 27px;
    height: 27px;

    background: url('../images/svg/icon-atsign.svg') no-repeat;
}

.list-info a
{
    display: inline-block;

    margin: 0 50px 0 13px;

    vertical-align: middle;
/** MZ auskommentiert, damit die Links klickbar sind !
    pointer-events: none;
 **/

    color: #404040;
}

.list-info a:hover
{
    color: #737373;
}

.col-wrapp
{
    margin: 0 0 48px;
}

/* text section styles*/

.text-section
{
    overflow: hidden;

    padding: 53px 0 109px;

    text-align: center;

    border-top: 1px solid #b4bbc0;
    background: #fff;
}

.kontakt-page .text-section
{
    padding: 145px 0 125px;
}

.text-section .container-fluid
{
    padding: 0;
}

.text-section h1
{
    margin-bottom: 10px;
    padding: 0 30px;
}

.text-section .mark
{
    color: #fff;
    background: none;
}

.text-section .title
{
    margin: 0 0 111px;
    padding: 0 30px;
}

.text-section .holder
{
    overflow: hidden;
}

.text-section .holder-col
{
    font: normal 18px/20px 'Roboto', Helvetica, Arial, sans-serif;

    overflow: hidden;

    margin: 0 0 29px;
}

.text-section .map-box
{
    float: left;

    width: 42.7%;
}

.text-section .map-box iframe
{
    display: block;

    width: 100%;
    max-height: 350px;
}

.text-section .info-box
{
    font: 400 18px/24px 'Roboto', Helvetica, Arial, sans-serif;

    float: left;

    width: 53%;
    padding: 2px 0 0 35px;

    text-align: left;
}

.text-section .info-box .col
{
    float: left;

    width: 54.8%;
}

.text-section .info-box .col:last-child
{
    font: normal 18px/20px 'Roboto', Helvetica, Arial, sans-serif;

    width: 43.8%;
    padding: 18px 0 0 30px;

    border-left: 1px solid #ccc;
}

.text-section .info-box .col p
{
    margin: 0 0 30px;
}

.text-section .info-box .sub-title
{
    display: inline-block;

    margin: 0 0 5px;

    letter-spacing: 1px;
}

.text-section .info-box .heading
{
    text-transform: uppercase;
}

.text-section .info-box .heading-alt
{
    display: block;

    margin: 0 0 5px;

    text-transform: none;
}

.list
{
    padding: 5px 0 20px;
}

.list li
{
    margin: 0 0 5px;
}

/** MZ beide erg�nzt **/
#sidebar .list li, #impressum .list li
{
    color: #374b59;
    -webkit-transition: opacity .3s;
            transition: opacity .3s;
}

/** MZ #sidebar .list li ergänzt */
#sidebar .list li:hover
{
    opacity: .7;
}

.list a
{
    font: normal 16px/20px 'Roboto', Helvetica, Arial, sans-serif;

    display: inline-block;

    color: #374b59;
}

/** MZ #impressum .list li erg�nzt **/
.list a:hover, #impressum .list li:hover
{
    color: #5e8098;
}

.list .tel
{
    pointer-events: none;
}

/* lightbox styles */

.modal-content .modal-header
{
    overflow: hidden;

    padding: 18px 22px 24px;

    border-bottom: 1px dashed #aeafae;
}

.modal-content .modal-header .img
{
    float: left;

    width: 12%;
}

.modal-content .modal-header .close
{
    position: absolute;
    z-index: 15;
    top: 10px;
    right: 10px;
}

.modal-content .modal-header img
{
    max-width: 64px;
    max-height: 64px;
}

.modal-content .modal-header .text
{
    float: left;

    width: 88%;
    padding: 14px 22px;
}

.modal-content .modal-header .author
{
    font: 300 16px/18px 'montserrat', Helvetica, Arial, sans-serif;

    display: block;

    margin: 0 0 7px;

    text-align: left;

    color: #333;
}

.modal-content .modal-header .author .strong
{
    text-transform: uppercase;
}

.modal-content .modal-header .author-info
{
    font: 300 14px/14px 'montserrat', Helvetica, Arial, sans-serif;

    display: block;

    text-align: left;

    color: #333;
}

.modal-content .text-box
{
    font: 15px/26px 'Roboto', Helvetica, Arial, sans-serif;

    padding: 32px 30px;
}

.modal-content p
{
    margin: 0 0 26px;
}

.modal-content .modal-footer
{
    padding: 0;

    border-top: none;
}

.modal-content .social-networks
{
    font: 15px/26px 'Roboto', Helvetica, Arial, sans-serif;

    padding: 52px 0 0;
}

.modal-content .social-networks li
{
    position: relative;

    height: auto;
    margin: 0 6px;
}

.modal-content .social-networks li:first-child
{
    margin: 0 6px 0 0;
}

.modal-content .social-networks li:first-child:before
{
    display: none;
}

.modal-content .social-networks li:before
{
    position: absolute;
    top: 7px;
    bottom: 7px;
    left: -6px;

    width: 1px;

    content: '';

    background: #344450;
}

.modal-content .social-networks a
{
    width: auto;
    height: auto;
    margin: 0;

    color: #344450;
}

.modal-content .social-networks a:hover
{
    color: #5c798e;
    background: none;
}

.modal-dialog
{
    width: 550px;
}

.modal-backdrop
{
    background: rgba(52, 68, 80, .8);
}

.modal-backdrop.in
{
    opacity: 1;
}

/* image section styles */

.block-area
{
    overflow: hidden;

    padding: 145px 0 0;

    background: #fff;
}

.block-area .container-fluid
{
    padding: 0;
}

.block-area .heading-block
{
    padding: 0 30px 160px;

    text-align: center;
}

.block-area h1
{
    margin-bottom: 10px;
}

.block-area .decor
{
    font: 300 40px/42px 'Roboto', Helvetica, Arial, sans-serif;

    position: relative;

    float: left;

    width: 67px;
    height: 67px;
    margin: 0 21px 26px -3px;

    border: 1px solid #333;
}

.block-area .decor span
{
    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    color: #ce1000;
}

.block-area .row
{
    margin: 0;
}

.block-area .col-sm-6
{
    padding: 0;
}

.block-area .wrapp
{
    padding: 0 0 104px;

    border-bottom: 1px solid #a1aab1;
}

.block-area .wrapp.in-viewport .img-box
{
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
    -webkit-animation-name: cd-bounce-left;
       -moz-animation-name: cd-bounce-left;
            animation-name: cd-bounce-left;
    -webkit-animation-duration: .6s;
            animation-duration: .6s;
    -webkit-animation-delay: .3s;
            animation-delay: .3s;

    -webkit-animation-fill-mode: backwards;
            animation-fill-mode: backwards;
}

.block-area .wrapp.in-viewport .img-box.first
{
    -webkit-animation-name: cd-bounce-right;
       -moz-animation-name: cd-bounce-right;
            animation-name: cd-bounce-right;
}

.block-area .wrapp.in-viewport .img-box.second
{
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    -webkit-animation-name: scale;
            animation-name: scale;
}

.block-area .wrapp.alt
{
    padding: 125px 0 157px;
}

.block-area .wrapp.alt .text-box
{
    padding: 159px 40px 0 184px;
}

.block-area .wrapp.alter
{
    padding: 226px 0 212px;
}

.block-area .wrapp.last
{
    padding: 148px 0 229px;

    border-bottom: none;
}

.block-area .wrapp.last .text-box
{
    padding: 49px 0 28px 180px;
}

.block-area .wrapp.last .img-box
{
    margin: 0 0 0 -3px;
}

.block-area .wrapp.last .img-box img
{
    display: block;

    margin: 0 auto;
}

.block-area .img-box
{
    margin: 0 0 0 -3px;

    -webkit-transform: translateX(-300%);
       -moz-transform: translateX(-300%);
    -webkit-animation-duration: .5s;
            animation-duration: .5s;
    -webkit-animation-delay: .5s;
            animation-delay: .5s;

    -webkit-animation-fill-mode: backwards;
            animation-fill-mode: backwards;
}

.block-area .img-box.first
{
    margin: 0 0 0 -3px;
}

.block-area .img-box.second
{
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
}

.block-area .text-box
{
    font: 300 18px/36px 'Roboto', Helvetica, Arial, sans-serif;

    padding: 83px 160px 0 52px;
}

.block-area .text-box h1
{
    font: 300 32px/42px 'Roboto', Helvetica, Arial, sans-serif;

    margin: 13px 0 38px;

    text-transform: none;
    word-break: break-all;

    color: #ce1000;
}

.block-area .text-box p
{
    margin: 0 0 33px;
}

.block-area .text-box p strong
{
    font-weight: 400;
}

.block-area.main
{
    font: 17px/35px 'Roboto', Helvetica, Arial, sans-serif;
}

.block-area.main .holder-wrapp
{
    max-width: 1300px;
    margin: 0 auto 111px;
}

.uber-page .block-area.main .holder-wrapp
{
    margin-bottom: 55px;
}

.block-area.main .heading-block
{
    padding: 0 30px 46px;
}

.uber-page .block-area.main .heading-block
{
    padding: 0 30px 92px;
}

.faq-page .block-area.main .heading-block
{
    padding: 0 30px 63px;
}

.block-area.main .heading
{
    text-transform: uppercase;

    border-bottom: 1px solid #e0e0e0;
}

.block-area.main .block
{
    padding: 0 0 6px;
}

.block-area.main h2
{
    font: 900 20px/30px 'Helvetica', Helvetica, Arial, sans-serif;

    margin: 28px 0 26px;
    padding: 0 0 2px;

    text-transform: uppercase;
}

.block-area.main h3
{
    font: 900 20px/24px 'Helvetica', Helvetica, Arial, sans-serif;

    margin: 30px 0 25px;
    padding: 0 0 6px;
}

.block-area.main .sub-title
{
    font: 700 18px/20px 'Roboto', Helvetica, Arial, sans-serif;
}

.block-area.main p
{
    margin: 0 0 33px;
}

.uber-page .block-area.main p
{
    margin: 0 0 36px;
}

.block-area.main blockquote
{
    font: 21px/35px 'Roboto', Helvetica, Arial, sans-serif;

    margin: 0;
    padding: 0;

    border: none;
}

.block-area.main .cite
{
    font: italic 13px/39px 'Roboto', Helvetica, Arial, sans-serif;

    display: inline-block;
}

.block-area.main .content
{
    margin: 0 -31px 0 0;
    padding: 0 0 0 80px;
}

.block-area.main .content .columns
{
    float: left;

    width: 40%;
    margin: 0 0 0 -18px;
    padding: 28px 0 0;
}

.block-area.main .content .columns:last-child
{
    float: right;

    width: 57%;
    margin: 0;
    padding: 40px 0 0;
}

.block-area.main .content .columns .title
{
    font: bold 20px/35px 'Roboto', Helvetica, Arial, sans-serif;

    display: block;

    margin: 0 0 5px 0;
}

.block-area.main .content img
{
    display: block;

    max-width: 100%;
    margin: 0 auto;
}

.block-area.main #sidebar
{
    padding: 0 0 0 5px;
}

.uber-page .block-area.main #sidebar
{
    font-size: 16px;

    padding: 0 61px 0 5px;
}

.faq-page .block-area.main #sidebar h3
{
    margin-top: 14px;

    text-transform: uppercase;
}

.block-area.main #sidebar .image
{
    position: relative;
    top: -1px;
    right: -4px;

    max-width: 100%;
    margin: 0 0 -6px;
}

.block-area.main .list
{
    padding: 1px 0 33px;
}

.block-area.main .list li
{
    margin: 0;
}

.block-area.main .author-box
{
    overflow: hidden;

    padding: 0 0 75px 125px;

    text-align: left;
}

.block-area.main .author-box .img-circle
{
    float: left;

    margin: 0 33px 0 0;
}

.block-area.main .author-box .box
{
    float: left;

    margin: 36px 0 0;
}

.block-area.main .author-box .author,
.block-area.main .author-box .author-info
{
    text-align: left;
}

.block-area.main .author-box .author
{
    margin: 3px 0 8px 3px;
}

.block-area.main .author-box .author-info
{
    margin: 0 0 0 3px;
}

/* animated box styles */

.box-animated
{
    margin-bottom: 40px;

    -webkit-transform: scale(0);
       -moz-transform: scale(0);

    border-top: 1px solid #a51401;
    border-bottom: 1px solid #a51401;
}

.box-animated.in-viewport
{
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
    -webkit-animation-name: scale;
            animation-name: scale;
    -webkit-animation-duration: .5s;
            animation-duration: .5s;
    -webkit-animation-delay: .5s;
            animation-delay: .5s;

    -webkit-animation-fill-mode: backwards;
            animation-fill-mode: backwards;
}

.uber-page .box-animated
{
    border-top: none;
    border-bottom: none;
}

.zertifiziert .box-animated
{
    margin: 0;

    border-top: none;
    border-bottom: none;
}

.content-list
{
    margin: 0 0 36px 0;
}

.content-list li
{
    font: 300 16px/38px 'Roboto', Helvetica, Arial, sans-serif;

    position: relative;

    margin: 0 0 -2px;
}

.content-list li:before
{
    position: relative;
    top: -2px;

    display: inline-block;

    width: 5px;
    height: 5px;
    margin: 0 5px 0 0;

    content: '';
    vertical-align: middle;

    border-radius: 50%;
    background: #344450;
}

.sponsors
{
    margin: 10px 0;
}

/** MZ war padding: 30px 30px 24px; */
.sponsors li
{
    padding: 15px 30px 15px;

    text-align: center;

    border-top: 1px solid #e0e0e0;
}

/** MZ img statt a */
/** MZ height: 100px; eingef�gt */
.sponsors img
{
    display: inline-block;

    height: 100px;

    -webkit-transition: opacity .3s;
            transition: opacity .3s;
}

/** MZ img statt a */
.sponsors img:hover
{
    opacity: .7;
}

/* accordion styles */

.panel-default
{
    border: none;
}

.panel-default .panel-heading
{
    position: relative;

    padding: 10px 0 0;

    background: none;
}

.panel-default .panel-heading > a
{
    font: 900 18px/25px 'Roboto', Helvetica, Arial, sans-serif;

    position: relative;

    cursor: pointer;
    text-transform: uppercase;

    color: #344450;
}

.panel-default .panel-heading > a:before
{
    position: absolute;
    top: 12px;
    left: -26px;

    width: 0;
    height: 0;

    content: '';

    border-right: 5px solid transparent;
    border-bottom: 5px solid #333;
    border-left: 5px solid transparent;
}

.panel-default .panel-heading > a:hover
{
    color: #5c798e;
}

.panel-default .panel-heading > a.collapsed:before
{
    border-top: 5px solid #333;
    border-right: 5px solid transparent;
    border-bottom: 0;
    border-left: 5px solid transparent;
}

.panel-default .marked
{
    font: bold 20px/28px 'Roboto', Helvetica, Arial, sans-serif;

    position: relative;

    display: inline-block;

    margin: 0 0 5px;

    vertical-align: middle;

    color: #cc0000;
}

.panel-default .marked:before
{
    position: relative;
    top: -2px;
    left: 2px;

    display: inline-block;

    width: 5px;
    height: 5px;
    margin: 0 10px 0 0;

    content: '';
    vertical-align: middle;

    border-radius: 50%;
    background: #cc0000;
}

.panel-default .panel-body
{
    font: 16px/34px 'Roboto', Helvetica, Arial, sans-serif;

    padding: 26px 20px 30px 0;
}

.panel-default .panel-body .box
{
    padding: 0 0 38px;
}

.panel-default .panel-body .wrapp-box
{
    padding: 0 0 32px;
}

.panel-default .panel-body .wrapp-box:last-child
{
    padding: 0 0 22px;
}

.panel-default .panel-body .wrapp-box p
{
    margin: 0 0 37px;
}

.panel-default .description-list dt,
.panel-default .description-list dd
{
    display: block;

    width: 100%;
}

.panel-default .description-list dt
{
    margin: 0 0 6px;
}

.panel-default .description-list dd
{
    margin: 0 0 40px;
}

.panel-default .description-list a
{
    pointer-events: none;

    color: #344450;
}

.panel-default .description-list a:hover
{
    color: #5c798e;
}

#accordion .panel
{
    box-shadow: none;
}

#accordion .panel-heading
{
    line-height: 36px;

    margin: 0 0 12px;
    padding: 10px 0 0;

    border-bottom: 1px solid #e0e0e0;
    box-shadow: none;
}

#accordion .panel-body
{
    padding: 16px 16px 0 0;

    border: none;
}

.info-text
{
    padding: 8px 0 10px;

    text-align: center;

    background: #009aff;
}

.info-text .title
{
    font: 15px/17px 'Roboto', Helvetica, Arial, sans-serif;

    position: relative;

    -webkit-animation-name: cd-bounce-right;
       -moz-animation-name: cd-bounce-right;
            animation-name: cd-bounce-right;
    -webkit-animation-duration: .6s;
            animation-duration: .6s;
    -webkit-animation-delay: .3s;
            animation-delay: .3s;

    color: #fff;

    -webkit-animation-fill-mode: backwards;
            animation-fill-mode: backwards;
}

/** MZ ist auch svg/icon-certified.svg */
.info-text .title:before
{
    display: inline-block;

    width: 29px;
    height: 29px;
    margin: 0 15px 0 0;

    content: '';
    vertical-align: middle;

    background: url('../images/sprite.png') no-repeat -101px -2px;
}

/*info area styles */

.area-wrapp
{
    position: relative;
}

.area-wrapp:before
{
    position: absolute;
    z-index: 5;
    top: 45%;
    right: 0;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 10px;

    content: '';

    background: url(../images/shadow-bg.png) no-repeat;
}

.area-wrapp .wrapp-area
{
    padding: 25px 30px 40px !important;
}

.area-wrapp .col-md-4
{
    padding: 0 !important;

    text-align: center !important;
}

.area-wrapp .col-md-4:before
{
    box-shadow: 0 0 6px rgba(0, 0, 0, .15) !important;
}

.area-wrapp .col
{
    min-height: 380px;
}

.area-wrapp .decor
{
    width: 74px;
    height: 74px;
}

/*info section styles */

.area-box
{
    text-align: center;

    background: #fff;
}

.area-box .container-fluid
{
    position: relative;

    padding: 80px 0 182px;
}

.area-box h1
{
    position: relative;
    z-index: 5;

    margin: 0 0 10px;

    letter-spacing: -1px;
    text-transform: uppercase;
}

.area-box .title
{
    margin: 0 0 89px;
}

.area-box .background-image
{
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    left: 0;
}

/* carousel styles */

.carousel-block .wrapp-block
{
    overflow: hidden;

    max-width: 1040px;
    margin: 0 auto;
}

.carousel-block .img-block
{
    float: left;

    width: 31%;
    padding: 0 0 0 4px;
}

.carousel-block .text-block
{
    font: italic 20px/26px 'Roboto', Helvetica, Arial, sans-serif;

    position: relative;

    float: right;

    width: 65%;
    padding: 35px 0 0 27px;

    text-align: left;
}

.carousel-block .text-block:before
{
    position: absolute;
    top: 26px;
    bottom: 90px;
    left: -36px;

    width: 1px;
    height: 100%;

    content: '';

    background: #dcdcdc;
}

.carousel-block .bordered
{
    text-decoration: underline;
    text-transform: uppercase;
}

.carousel-block .mehr
{
    font: normal 18px/20px 'Roboto', Helvetica, Arial, sans-serif;

    position: relative;
    z-index: 2999;

    float: right;

    margin: -16px 41px 0 0;
}

.carousel-block .author
{
    font-size: 16px;
    font-weight: 700;

    text-transform: uppercase;
}

.carousel-block .button
{
    margin: 42px 0 0;
}

.carousel-block .img-circle
{
    margin: 0 0 20px;
}

.carousel-block .carousel-control
{
    width: 12%;
}

/*bootstrap reset styles */

.btn-danger
{
    color: #fff;
}

.btn-danger:hover
{
    color: #fff;
}

input
{
    box-shadow: none !important;

    -webkit-appearance: none;
}

/*animations keyframes*/

@media (max-width: 1449px)
{
    .modal-open .navbar
    {
        margin: 0 17px 0 0;
    }

    .navbar-default .info
    {
        padding: 17px 0 0 12px;
    }

    .navbar-default .info li
    {
        float: none;

        margin: 0 5px 5px;
    }

    .navbar-default .info li:last-child
    {
        margin: 0 5px 5px;
    }

    .navbar-header
    {
        padding: 13px 0 10px 30px;
    }
}

@media (max-width: 1399px)
{
    .block-area .img-box img
    {
        max-width: 100%;
    }
}

@media (max-width: 1299px)
{
    .block-area.main #sidebar .image
    {
        top: -30px;
        right: -30px;
    }
}

@media (max-width: 1199px)
{
    .navbar-default .navbar-nav > li > a
    {
        padding: 11px 5px 29px;
    }

    .carousel .title
    {
        font-size: 35px;
        line-height: 38px;

        padding: 10px 10px 10px 30px;
    }

    .carousel .list
    {
        padding: 10px 10px 10px 30px;
    }

    .carousel .list li
    {
        font-size: 18px;
        line-height: 22px;
    }

    #footer .frame
    {
        border: none;
    }

    #footer .social-networks
    {
        right: -25px;
    }

    .footer-nav
    {
        width: 20%;
    }

    .copyright
    {
        width: 100%;

        text-align: center;
    }

    .copyright:before
    {
        display: block;

        margin: 0 auto 5px;
    }

    .add-list
    {
        width: 100%;
        padding: 0;

        text-align: center;
    }

    .add-list li
    {
        display: inline-block;
        float: none;

        margin: 0 2px;
    }

    .tab-content .btn-holder
    {
        padding: 30px 320px 90px 90px;

        text-align: center;
    }

    .tab-content .block
    {
        padding: 45px 40px 50px 0px;
    }

    .tab-content .sub-title:after
    {
        margin: 15px 0;
    }

    .list-info
    {
        text-align: left;
    }

    .list-info li
    {
        display: inline-block;
        float: none;

        margin: 0 10px 15px;

        vertical-align: top;
    }

    .list-info a
    {
        margin: 0 30px 0 10px;
    }

    .block-area .wrapp
    {
        padding: 50px 0;
    }

    .block-area .wrapp.alt
    {
        padding: 50px 0;
    }

    .block-area .wrapp.alt .text-box
    {
        padding: 40px 20px 20px;
    }

    .block-area .wrapp.alter
    {
        padding: 50px 0;
    }

    .block-area .wrapp.last
    {
        padding: 50px 0;
    }

    .block-area .wrapp.last .text-box
    {
        padding: 40px 20px 20px;
    }

    .block-area .text-box
    {
        padding: 20px;
    }

    .carousel-block .text-block
    {
        padding-right: 50px;
    }
}

@media (max-width: 1023px)
{
    h1
    {
        font-size: 28px;
        line-height: 32px;

        margin: 10px 0 20px;
    }

    .navbar-default .container-fluid
    {
        padding: 0;
    }

    .navbar-default .container-fluid:before
    {
        top: 100%;
    }

    .navbar-default .navbar-right
    {
        padding: 0;
    }

    .navbar-default .navbar-nav
    {
        padding: 15px 0;
    }

    .navbar-default .navbar-nav > li.open > a,
    .navbar-default .navbar-nav > li.active > a
    {
        color: #3e505f  !important;
    }

    .navbar-default .navbar-nav > li.open > a:hover,
    .navbar-default .navbar-nav > li.active > a:hover
    {
        color: #3e505f !important;
    }

    .navbar-default .navbar-nav > li > a
    {
        padding: 9px 30px 4px 50px;

        pointer-events: none;
    }

    /** MZ eingef�gt 28.4.16
     * damit endlich der Anmelde- und der Login-Link aufm Handy funktionieren
     * Bisher waren sie immer von der obigen Direktive abgeschaltet
     */
    #loginDlgLink, #anmeldenLink
    {
          pointer-events: auto;
    }

    #loginDlgLink
    {
          margin: 20px 0 100px;
    }
    /** Ende MZ **/

    .navbar-default .navbar-nav > .open
    {
        box-shadow: none;
    }

    .navbar-default .navbar-nav > .open a
    {
        overflow: hidden;

        color: #3e505f;
    }

    .navbar-default .navbar-nav > .open a:hover
    {
        color: #3e505f;
    }

    .navbar-default .navbar-nav > .open .dropdown-menu a
    {
        line-height: 18px !important;

        padding: 4px 30px 4px 50px;
    }

    .navbar-default .info
    {
        display: none;
    }

    .navbar-default .info li:first-child a
    {
        pointer-events: auto;
    }

    .navbar-default .dropdown-menu
    {
        position: relative;

        display: block;

        width: 100%;
        padding: 0 0 30px !important;

        box-shadow: none;
    }

    .navbar-header
    {
        padding: 0 0 0 57px;
    }

    .navbar-brand
    {
        margin: 10px 0 0 0;
    }

    .navbar-brand img
    {
        width: 145px;
        height: 34px;
    }

    .dropdown .dropdown-menu
    {
        float: none;
    }

    .dropdown .dropdown-toggle:hover
    {
        color: #3e505f !important;
    }

    .navbar-right .dropdown-menu
    {
        background: none;
        box-shadow: none;
    }

    .navbar-right .dropdown-menu > li
    {
        margin: 0;
    }

    .navbar-right .dropdown-menu > li > a
    {
        padding: 4px 30px 4px 50px !important;

        border-radius: 0 !important;
    }

    .navbar-right .dropdown-menu > li > a:hover
    {
        color: #344450 !important;
        background: rgba(207, 16, 0, .3) !important;
    }

    .dropdown-menu
    {
        background: #fff;
        box-shadow: none;
    }

    .dropdown-menu > li
    {
        margin: 0;
    }

    .dropdown-menu > li > a
    {
        padding: 5px 30px;

        border-radius: 0;
    }

    .dropdown-menu > li > a:hover
    {
        color: #344450;
        background: rgba(207, 16, 0, .3);
    }

    .navbar-collapse
    {
        margin: 0 -20px !important;
        padding: 0;
    }

    .date
    {
        position: absolute;
        top: 17px;
        right: 50px;
    }

    .date:before,
    .date:after
    {
        display: none;
    }

    .date .strong,
    .date .time
    {
        font-size: 12px;
        line-height: 18px;

        display: inline;

        margin: 0;

        vertical-align: top;
        letter-spacing: 0;
    }

    .date .datetime
    {
        display: inline-block;

        margin: 0 -3px 0 -2px;

        vertical-align: top;
    }

    .date .counter
    {
        font-size: 12px;
        line-height: 18px;

        position: static;

        display: inline;

        -webkit-transform: translate(0);
            -ms-transform: translate(0);
                transform: translate(0);
        vertical-align: top;
    }

    .date img
    {
        display: none;
    }

    .carousel.main
    {
        margin: 57px 0 0;
    }

    .carousel.main img
    {
        position: relative;
        left: -50%;

        width: 150%;
        max-width: none;
    }

    .box-area
    {
        padding: 80px 0 20px;
    }

    .index .box-area.box-bg .container-fluid
    {
        padding: 15px 15px 0;
    }

    .box-area.box-bg h2
    {
        font-size: 18px;
        line-height: 20px;

        margin: 17px 0 18px;
        padding: 0;

        border-bottom: none;
    }

    .box-area.box-bg .title
    {
        margin: 0 0 28px;
    }

    .vorteile-page .box-area
    {
        padding: 80px 0 0;
    }

    .vorteile-page .box-area .col-md-4:nth-child(n+4)
    {
        font-size: 16px;
        line-height: 19px;

        padding: 0;
    }

    .vorteile-page .box-area h2
    {
        font-size: 18px;
        line-height: 22px;

        margin: 10px auto;
    }

    .vorteile-page .box-area .title
    {
        margin: 0 0 25px;
    }

    .security-page .box-area
    {
        padding: 0;
    }

    .security-page .box-area .title
    {
        margin: 0 0 25px;
    }

    .dozenten-page .box-area
    {
        padding: 80px 0 20px;
    }

    .dozenten-page .box-area .title
    {
        margin: 0 0 25px;
    }

    .kurs-uebersicht .box-area .col-md-4
    {
        margin: 0 0 50px;
        padding: 0 0 30px;
    }

	/** MZ eingefügt 28.4.16 */
	.registerDIVs
	{
		padding: 0 25px 0;
	}

    .box-area .title
    {
        font-size: 20px;
        line-height: 20px;

        margin: 0 0 25px;
    }

    .box-area .col-md-4
    {
        height: auto !important;
        padding: 0 18px;
    }

    .box-area .box-holder
    {
        font-size: 16px;
        line-height: 28px;

        max-width: 260px;
        height: auto !important;
        min-height: 0;
        margin: 0 auto 13px;
        padding: 15px 25px 87px;
    }

    .box-area p
    {
        margin: 0 0 18px;
    }

    .box-area .button-holder
    {
        bottom: 31px;
    }

    .box-area .btn
    {
        font-size: 13px;
        line-height: 12px;

        min-width: 92px;
        padding: 7px 12px;
    }

    .box-area .background-image
    {
        display: none;
    }

    .col-holder .col-md-4,
    .column-holder .col-md-4,
    .col-wrapp .col-md-4,
    .area-wrapp .col-md-4
    {
        font-size: 17px;
        line-height: 32px;

        height: auto !important;
        min-height: 0;
        margin: 0 0 25px;
    }

    .dozenten-page .col-holder .col-md-4,
    .dozenten-page .column-holder .col-md-4,
    .dozenten-page .col-wrapp .col-md-4,
    .dozenten-page .area-wrapp .col-md-4
    {
        padding: 15px;
    }

    .dozenten-page .col-holder .col-md-4 .wrapp-area,
    .dozenten-page .column-holder .col-md-4 .wrapp-area,
    .dozenten-page .col-wrapp .col-md-4 .wrapp-area,
    .dozenten-page .area-wrapp .col-md-4 .wrapp-area,
    /** MZ #dozenten1 usw hinzugef�gt f�r die Dozenten-Seite */
    #dozenten1,#dozenten2,#dozenten3
    {
        padding: 0;
    }

    .col-holder .col-md-4 .wrapp-area,
    .column-holder .col-md-4 .wrapp-area,
    .col-wrapp .col-md-4 .wrapp-area,
    .area-wrapp .col-md-4 .wrapp-area
    {
        height: auto !important;
    }

    .col-holder .col-md-4.alter:nth-child(1):before,
    .col-holder .col-md-4.alter:nth-child(1):after,
    .col-holder .col-md-4.alter:nth-child(3):before,
    .col-holder .col-md-4.alter:nth-child(3):after,
    .column-holder .col-md-4.alter:nth-child(1):before,
    .column-holder .col-md-4.alter:nth-child(1):after,
    .column-holder .col-md-4.alter:nth-child(3):before,
    .column-holder .col-md-4.alter:nth-child(3):after,
    .col-wrapp .col-md-4.alter:nth-child(1):before,
    .col-wrapp .col-md-4.alter:nth-child(1):after,
    .col-wrapp .col-md-4.alter:nth-child(3):before,
    .col-wrapp .col-md-4.alter:nth-child(3):after,
    .area-wrapp .col-md-4.alter:nth-child(1):before,
    .area-wrapp .col-md-4.alter:nth-child(1):after,
    .area-wrapp .col-md-4.alter:nth-child(3):before,
    .area-wrapp .col-md-4.alter:nth-child(3):after
    {
        display: none;
    }

    .col-holder .col-md-4.alter:nth-child(2) .wrapp-area,
    .column-holder .col-md-4.alter:nth-child(2) .wrapp-area,
    .col-wrapp .col-md-4.alter:nth-child(2) .wrapp-area,
    .area-wrapp .col-md-4.alter:nth-child(2) .wrapp-area
    {
        padding: 0;
    }

    .col-holder .col-md-4 .wrapp-area,
    .column-holder .col-md-4 .wrapp-area,
    .col-wrapp .col-md-4 .wrapp-area,
    .area-wrapp .col-md-4 .wrapp-area
    {
        padding: 0;
    }

    .kundistimmen .sponsors-box
    {
        margin: 57px 0 0;
    }

    #footer .container-fluid
    {
        padding: 31px 48px 0;
    }

    #footer .frame-top
    {
        padding: 0 0 12px;
    }

    #footer .frame .container-fluid
    {
        padding: 10px 30px 30px;
    }

    .footer-nav h4
    {
        font-size: 15px;
        line-height: 17px;
    }

    .add-nav li
    {
        font-size: 16px;
    }

    .add-nav a
    {
        font-size: 14px;
        line-height: 16px;
    }

    .copyright
    {
        font-size: 13px;
        line-height: 14px;
    }

    .add-list li:before
    {
        top: 11px;
        bottom: 6px;
        left: -5px;
    }

    .add-list a
    {
        font-size: 13px;
        line-height: 16px;
    }

    .nav-tabs > li > a
    {
        font-size: 16px;
        line-height: 12px;
    }

    .tab-content .tab-pane
    {
        padding: 20px 0 0;
    }

    .tab-content .img-box
    {
        width: 100%;
    }

    .tab-content .text-box
    {
        font-size: 16px;
        line-height: 30px;

        width: 100%;
        padding: 0;
    }

    .tab-content .btn-holder
    {
        padding: 0;
    }

    .tab-content .btn
    {
        font-size: 14px;

        min-width: 132px;
        margin: 0 10px 15px;
    }

    .tab-content .btn.btn-primary:before
    {
        top: 3px;
        right: 10px;
    }

    .tab-content .sub-title
    {
        font-size: 17px;
        line-height: 22px;

    }

    .description-list
    {
        font-size: 16px;
        line-height: 19px;

        padding: 0;
    }

    .list-info li
    {
        font-size: 16px;
        line-height: 14px;

        width: 100%;
    }

    .list-info a
    {
        pointer-events: auto;
    }

    .col-wrapp
    {
        margin: 0;
    }

    .text-section
    {
        padding: 20px 0 0;
    }

    .kontakt-page .text-section
    {
        padding: 80px 0 0;
    }

    .text-section .container-fluid
    {
        padding: 0 30px;
    }

    .text-section h1
    {
        padding: 0;
    }

    .text-section .title
    {
        font-size: 14px;
        line-height: 16px;

        margin: 0 0 25px;
        padding: 0;
    }

    .text-section .holder-col
    {
        font-size: 15px;
        line-height: 17px;

        margin: 0;
    }

    .text-section .map-box
    {
        width: 100%;
    }

    .text-section .info-box
    {
        font-size: 14px;
        line-height: 28px;

        width: 100%;
        padding: 15px 0 0;
    }

    .text-section .info-box .col
    {
        width: 100%;
    }

    .text-section .info-box .col:last-child
    {
        font-size: 14px;
        line-height: 18px;

        width: 100%;
        padding: 0;

        border: none;
    }

    .text-section .info-box .col p
    {
        margin: 0 0 15px;
    }

    .text-section .info-box .sub-title
    {
        font-size: 15px;
        line-height: 17px;
    }

    .list a
    {
        font-size: 14px;
        line-height: 16px;
    }

    .list .tel
    {
        pointer-events: auto;
    }

    .block-area
    {
        padding: 80px 0 0;
    }

    .block-area .heading-block
    {
        padding: 0;
    }

    .block-area .title
    {
        font-size: 20px;
        line-height: 16px;

        margin: 0 0 25px;
    }

    .block-area .decor
    {
        width: 40px;
        height: 40px;
        margin: 0 10px 26px 0;
    }

    .block-area .decor span
    {
        font-size: 28px;
        line-height: 32px;
    }

    .block-area .wrapp
    {
        padding: 0 0 20px 0;
    }

    .block-area .wrapp.alt
    {
        padding: 0 0 20px 0;
    }

    .block-area .wrapp.alter
    {
        padding: 0 0 20px 0;
    }

    .block-area .wrapp.last
    {
        padding: 0 0 20px 0;
    }

    .block-area .text-box
    {
        font-size: 16px;
        line-height: 23px;
    }

    .block-area .text-box h1
    {
        font-size: 20px;
        line-height: 32px;

        margin: 5px 0 29px;
    }

    .block-area .text-box p
    {
        margin: 0 0 15px;
    }

    .block-area.main
    {
        font-size: 17px;
        line-height: 32px;
    }

    .block-area.main .holder-wrapp
    {
        margin: 0 0 20px;
    }

    .uber-page .block-area.main .holder-wrapp
    {
        margin-bottom: 0;
    }

    .block-area.main .heading-block
    {
        padding: 0;
    }

    .uber-page .block-area.main .heading-block
    {
        padding: 0;
    }

    .faq-page .block-area.main .heading-block
    {
        padding: 0;
    }

    .block-area.main .heading
    {
        font-size: 22px;
        line-height: 28px;
    }

    .block-area.main .block
    {
        padding: 0;
    }

    .block-area.main h3
    {
        font-size: 17px;
        line-height: 21px;
    }

    .block-area.main .sub-title
    {
        font-size: 16px;
        line-height: 19px;
    }

    .block-area.main p
    {
        margin: 0 0 15px;
    }

    .block-area.main .cite
    {
        font-size: 16px;
        line-height: 19px;
    }

    .block-area.main .content
    {
        margin: 0;
        padding: 0;
    }

    .block-area.main .content .columns
    {
        margin: 0;
        padding: 0;
    }

    .block-area.main .content .columns .title
    {
        font-size: 16px;
        line-height: 19px;

        margin: 0 0 15px;
    }

    .block-area.main #sidebar
    {
        padding: 0;
    }

    .uber-page .block-area.main #sidebar
    {
        padding: 0;
    }

    .block-area.main .author-box
    {
        padding: 0 30px;
    }

    .block-area.main .author-box .img-circle
    {
        display: block;
        float: none;

        margin: 0 auto;
    }

    .block-area.main .author-box .box
    {
        float: none;

        margin: 10px 0;

        text-align: center;
    }

    .block-area.main .author-box .author,
    .block-area.main .author-box .author-info
    {
        text-align: center;
    }

    .box-animated
    {
        margin-bottom: 10px;
    }

    .uber-page .box-animated
    {
        text-align: right;
    }

    .content-list
    {
        margin: 0 0 15px;
    }

    .content-list li
    {
        font-size: 16px;
        line-height: 28px;

        margin: 0 0 3px;
    }

    .content-list li:before
    {
        top: -1px;
    }

    .sponsors a
    {
        padding: 5px;
    }

    .panel-default .panel-heading > a
    {
        font-size: 16px;
        line-height: 18px;
    }

    .panel-default .panel-heading > a:before
    {
        top: 8px;
        left: -16px;
    }

    .panel-default .marked
    {
        font-size: 18px;
        line-height: 22px;
    }

    .panel-default .panel-body
    {
        font-size: 16px;
        line-height: 28px;
    }

    .panel-default .panel-body .box
    {
        padding: 0;
    }

    .panel-default .panel-body .wrapp-box
    {
        padding: 0 0 15px;
    }

    .panel-default .panel-body .wrapp-box p
    {
        margin: 0 0 15px;
    }

    .panel-default .description-list dd
    {
        margin: 0 0 6px;
    }

    .panel-default .description-list a
    {
        pointer-events: auto;
    }

    #accordion .panel-body
    {
        padding: 10px;
    }

    .area-wrapp:before
    {
        display: none;
    }

    .area-wrapp .wrapp-area
    {
        padding: 0 !important;
    }

    .area-wrapp .col
    {
        min-height: 0;
    }

    .area-box .container-fluid
    {
        padding: 100px 30px 50px;
    }

    .area-box .title
    {
        font-size: 18px;
        line-height: 22px;

        margin: 0 0 15px;
    }

    .carousel-block .img-block
    {
        width: 100%;
    }

    .carousel-block .text-block
    {
        font-size: 16px;
        line-height: 19px;

        width: 100%;
        padding: 0;
    }

    .carousel-block .glyphicon
    {
        top: 30%;
    }

    .carousel-block .carousel-control
    {
        top: 30%;
        bottom: auto;
    }
}

@media (max-width: 767px)
{
    body
    {
        font-size: 12px;
    }

    h2
    {
        font-size: 16px;
        line-height: 17px;
    }

    h3
    {
        font-size: 15px;
        line-height: 16px;
    }

    h4
    {
        font-size: 14px;
        line-height: 15px;
    }

    h5
    {
        font-size: 13px;
        line-height: 14px;
    }

    h6
    {
        font-size: 12px;
        line-height: 13px;
    }

    .btn
    {
        font-size: 10px;
        line-height: 12px;
    }

    .carousel
    {
        margin: 30px 0 0;

        background: #fff;
    }

    .carousel .carousel-indicators
    {
        bottom: -15px;
    }

    .carousel .text-holder
    {
        position: relative;

        padding: 30px 0;
    }

    .carousel .title
    {
        font-size: 18px;
        line-height: 22px;
    }

    .carousel .list li
    {
        font-size: 15px;
        line-height: 16px;
    }

    .carousel .glyphicon
    {
        top: 25%;
    }

    .carousel .glyphicon
    {
        top: 25%;
    }

    .box-area.box-bg .container-fluid
    {
        padding: 15px 15px 30px;
    }

    .box-area h1
    {
        margin: 10px 0 20px;
    }

    .sponsors-list li
    {
        width: 50%;
        margin: 0 0 15px -3px;
    }

    #footer .social-networks a
    {
        font-size: 17px;
    }

    .footer-nav
    {
        width: 100%;
    }

    .nav-tabs > li
    {
        width: 100%;
    }

    .nav-tabs > li.active:after,
    .nav-tabs > li.active:before
    {
        display: none;
    }

    .tab-content .btn
    {
        font-size: 14px;

        min-width: 132px;
    }

    .description-list dt
    {
        min-width: 130px;
        margin: 0 0 15px;
    }

    .description-list dd
    {
        margin: 0 0 15px;
    }

    .text-section .map-box iframe
    {
        max-height: 220px;
    }

    .modal-content .modal-header .img
    {
        width: 30%;
    }

    .modal-content .modal-header .text
    {
        width: 70%;
        padding: 14px 5px;
    }

    .modal-content .modal-header .author
    {
        font-size: 12px;
        line-height: 14px;
    }

    .modal-content .modal-header .author-info
    {
        font-size: 11px;
        line-height: 12px;
    }

    .modal-dialog
    {
        width: 300px;
        margin: 10px auto;
    }

    .funktioners-page .block-area .row
    {
        display: table;

        table-layout: fixed;
    }

    .funktioners-page .block-area .col-sm-6.header-group
    {
        display: table-header-group;
    }

    .funktioners-page .block-area .col-sm-6.footer-group
    {
        display: table-footer-group;
    }

    .block-area .img-box img
    {
        width: 100%;
    }

    .block-area.main .content .columns
    {
        width: 100%;
    }

    .block-area.main .content .columns:last-child
    {
        width: 100%;
        padding: 0;
    }

    .btn-group > .btn
    {
        font-size: 12px;
        line-height: 14px;
    }

    .form-control
    {
        font-size: 12px;

        height: 25px;
    }

    .input-group-addon
    {
        font-size: 11px;
    }

    .jumbotron p
    {
        font-size: 16px;
    }

    .panel-title
    {
        line-height: 28px;
    }
}

@media (max-width: 479px)
{
    h1
    {
        font-size: 22px;
        line-height: 23px;
    }

    .navbar-default .navbar-toggle
    {
        margin-right: 35px;
    }

    .navbar-header
    {
        padding-left: 40px;
    }

    .date
    {
        right: 30px;
    }

    .date .strong,
    .date .time
    {
        font-size: 11px;
    }

    .date .counter
    {
        font-size: 11px;
    }

    .carousel .glyphicon
    {
        top: 18%;
    }

    .box-area.box-bg h1
    {
        margin: 15px 0 10px;
    }

    .box-area .decor
    {
        width: 53px;
        height: 53px;
    }

    .box-area .decor img
    {
        max-width: 100%;
    }

    .sponsors-box
    {
        background: #fff;
    }

/** MZ raus genommen, damit die Icons immer mind. 85px sind **
 * 
    .sponsors-list img
    {
        max-width: 30%;
    } 
 */

    #footer .social-networks
    {
        top: 12px;
    }

    #footer .social-networks a
    {
        font-size: 17px;
        line-height: 27px;

        width: 28px;
        height: 28px;
        margin: 0 4px;
    }

    #footer .social-networks a.icon-facebook
    {
        font-size: 23px;
        line-height: 36px;
    }

    .footer-nav h4
    {
        margin-bottom: 6px;
    }

    .add-nav
    {
        margin-bottom: 12px;
    }

    .add-nav li
    {
        font-size: 17px;
    }

    .add-nav a
    {
        font-size: 16px;
    }

    .copyright
    {
        font-size: 11px;
        line-height: 11px;

        margin: 0 0 10px;

        letter-spacing: 0;
    }

    .add-list
    {
        font-size: 0;
    }

    .add-list li
    {
        line-height: 5px;

        vertical-align: top;
    }

    .add-list a
    {
        font-size: 10px;
        line-height: 10px;

        word-break: break-all;
    }

    .area-wrapp .decor
    {
        width: 74px;
        height: 74px;
    }
}

@-webkit-keyframes scale
{
    0%
    {
        -webkit-transform: scale(0);

        opacity: 0;
    }

    100%
    {
        -webkit-transform: scale(1);

        opacity: 1;
    }
}

@keyframes scale
{
    0%
    {
        -webkit-transform: scale(0);
            -ms-transform: scale(0);
                transform: scale(0);

        opacity: 0;
    }

    100%
    {
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1);

        opacity: 1;
    }
}

@-webkit-keyframes bounce-right
{
    0%
    {
        -webkit-transform: translateX(300%);
    }

    100%
    {
        -webkit-transform: translateX(0);
    }
}

@keyframes bounce-right
{
    0%
    {
        -webkit-transform: translateX(300%);
            -ms-transform: translateX(300%);
                transform: translateX(300%);

        opacity: 0;
    }

    100%
    {
        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0);

        opacity: 1;
    }
}

@-webkit-keyframes bounce
{
    0%
    {
        -webkit-transform: translateX(-300%);
    }

    100%
    {
        -webkit-transform: translateX(0);
    }
}

@keyframes bounce
{
    0%
    {
        -webkit-transform: translateX(-300%);
            -ms-transform: translateX(-300%);
                transform: translateX(-300%);

        opacity: 0;
    }

    100%
    {
        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0);

        opacity: 1;
    }
}

@-webkit-keyframes cd-bounce-right
{
    0%
    {
        -webkit-transform: translateX(-200px);

        opacity: .2;
    }

    60%
    {
        -webkit-transform: translateX(15px);

        opacity: .7;
    }

    100%
    {
        -webkit-transform: translateX(0);

        opacity: 1;
    }
}

@keyframes cd-bounce-right
{
    0%
    {
        -webkit-transform: translateX(-200px);
            -ms-transform: translateX(-200px);
                transform: translateX(-200px);

        opacity: 0;
    }

    60%
    {
        -webkit-transform: translateX(15px);
            -ms-transform: translateX(15px);
                transform: translateX(15px);

        opacity: .7;
    }

    100%
    {
        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0);

        opacity: 1;
    }
}

@-webkit-keyframes cd-bounce-left
{
    0%
    {
        -webkit-transform: translateX(200px);

        opacity: .2;
    }

    60%
    {
        -webkit-transform: translateX(-15px);

        opacity: .7;
    }

    100%
    {
        -webkit-transform: translateX(0);

        opacity: 1;
    }
}

@keyframes cd-bounce-left
{
    0%
    {
        -webkit-transform: translateX(200px);
            -ms-transform: translateX(200px);
                transform: translateX(200px);

        opacity: 0;
    }

    60%
    {
        -webkit-transform: translateX(-15px);
            -ms-transform: translateX(-15px);
                transform: translateX(-15px);

        opacity: .7;
    }

    100%
    {
        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0);

        opacity: 1;
    }
}