@font-face {
    font-family: 'Source Sans Pro';
    src:
            url('../Fonts/SourceSansPro/sourcesanspro-regular.woff2') format('woff2'),
            url('../Fonts/SourceSansPro/sourcesanspro-regular.woff') format('woff'),
            url('../Fonts/SourceSansPro/sourcesanspro-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Source Sans Pro';
    src:
            url('../Fonts/SourceSansPro/sourcesanspro-bold.woff2') format('woff2'),
            url('../Fonts/SourceSansPro/sourcesanspro-bold.woff') format('woff'),
            url('../Fonts/SourceSansPro/sourcesanspro-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
html,body { height: 100%; }
body {
    position: relative;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 87.5%;
    background-color: #e4f1fc;
    color: #777c80;
}

h1,h2,h3,h4,h5,a { color: #0d66ad; font-weight: normal; }
h1,h2,h3,h4,h5,p,ul,ol { margin-top: 0; }
h1 { font-size: 1.57142857142857em; }
h2 { font-size: 1.28571428571429em; }
h3 { font-size: 1.14285714285714em; }

.csc-firstHeader { margin-top: 0; }

/* Left, center, right and justify alignment of text in block elements*/
p.align-left, td.align-left, th.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, div.align-left, address.align-left { text-align: left; }
p.align-center, td.align-center, th.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, div.align-center, address.align-center { text-align: center; }
p.align-right, td.align-right, th.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, div.align-right, address.align-right { text-align: right; }
p.align-justify, td.align-justify, th.align-justify, h1.align-justify, h2.align-justify, h3.align-justify, h4.align-justify, h5.align-justify, h6.align-justify, div.align-justify, address.align-justify { text-align: justify; }

p.indentLeft,ul.indentLeft,ol.indentLeft,h2.indentLeft,h3.indentLeft { padding: 0 0 0 16px; }

p:empty { margin: 0; }

iframe { border: 0; }
.nowrap { white-space: nowrap; }

a.external-link {}
a.external-link-new-window {}
a.internal-link {}
a.internal-link-new-window {}
a.download {}
a.mail {}

a.button-link, .button,
.csc-form-element-submit input,
.csc-form-confirmation-false input,
.csc-form-confirmation-true input,
.tx-indexedsearch-searchbox-button {
    display: block;
    position: relative;
    width: auto;
    padding: 5px 10px;
    text-align: center;
    border-radius: 10px;
    border: solid 1px #B3CADB;
    text-decoration: none;
    font-size: 1.07142857142857em;
    color: #0d66ad;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 49%, #e0e0e0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,#ffffff), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 49%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 49%,#e0e0e0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 49%,#e0e0e0 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 49%,#e0e0e0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */

}
a.button-link:hover, .button:hover, .csc-form-element-submit input:hover {
    background: #e0e0e0; /* Old browsers */
    background: -moz-linear-gradient(top,  #e0e0e0 0%, #ffffff 51%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(51%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e0e0e0 0%,#ffffff 51%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e0e0e0 0%,#ffffff 51%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e0e0e0 0%,#ffffff 51%); /* IE10+ */
    background: linear-gradient(to bottom,  #e0e0e0 0%,#ffffff 51%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
a.download[href$=".pdf"], .download[href$=".jpg"] {
    background: transparent url(../images/pdf_icon.png) no-repeat top left;
    padding-left: 30px;
    display: inline-block;
    min-height: 22px;
}
.download[href$=".jpg"] {
    background: transparent url(../images/jpg_icon.png) no-repeat top left;
}
.button {
    margin-top: 5px;
    font-size: 1em;
    color: #0d66ad;
}
a.button-link[href$=".pdf"]:before, .button[href$=".pdf"]:before {
    content: '';
    float: left;
    width: 30px;
    height: 20px;
    background: transparent url(../images/pdf_icon.png) no-repeat top left;
}

.frame-custom-110 a.button-link {
    color: #fff;
    background: transparent;
}
.blueLayoutBox { color: #0d66ad; }

.frame-custom-120 { border-bottom: solid 1px #B3CADB; padding-bottom: 1em; margin-bottom: 1em; }

.font-size-minus1 { font-size: .875em; }
.font-size-plus1 { font-size: 1.25em; }
.font-size-plus2 { font-size: 1.5em; }

span.blue_text { color: #0d66ad; }
span.dark_blue_text { color: #0d66ad; }
span.red_text, p.red_text { color: #c00; }
span.tel_indent {
    display: inline-block;
    min-width: 4em;
}
span.alert_text, .more {
    position: relative;
    display: inline-block;
    color: #fff!important;
    background-color: #0d66ad;
    padding: 0 5px;
    margin-left: -22px;
    margin-right: 10px;
    font-size: .875rem;
    line-height: 1.428571428571429em;
}
span.alert_text:after, .more:after {
    content: '';
    position: absolute;
    top: 0;
    right: -0.75em;
    width: 0;
    height: 0;
    border-left: 0.75em solid #0d66ad;
    border-top: 0.75em solid transparent;
    border-bottom: 0.75em solid transparent;
    transform: translateX(-1px);
}

a.more {
    text-decoration: none;
    margin: 0;
    color: #fff!important;
}
a.more:hover {text-decoration: none!important; }
a.more.previous { margin-left: 0.53846153846154em; }
a.more.previous:after {
    border-left: none;
    left: -0.6em;
    border-right: 0.75em solid #0d66ad;
    border-top: 0.75em solid transparent;
    border-bottom: 0.75em solid transparent;
}

figcaption { color: #0d66ad; font-style: italic; font-size: 0.85714285714286em; display: block; padding: 10px 0; }

div.ce-textpic.ce-intext.ce-left .ce-gallery, div.ce-textpic.ce-intext.ce-left.ce-nowrap .ce-gallery {
    margin-right: 20px;
    margin-top: 4px;
}
div.ce-textpic.ce-intext.ce-right .ce-gallery, div.ce-textpic.ce-intext.ce-right.ce-nowrap .ce-gallery {
    margin-left: 20px;
    margin-top: 4px;
}
#rightCol div.ce-textpic.ce-intext.ce-right .ce-gallery, #rightCol div.ce-textpic.ce-intext.ce-right.ce-nowrap .ce-gallery {
    margin: 0 0 10px 0;
    float: none;
}
.ce-textpic.ce-intext.ce-left.ce-nowrap .ce-textpic-text {
    /* margin-left: 230px; */
}
.ce-textpic.ce-intext.ce-left.ce-nowrap.ce-textpic.ce-intext.ce-left.ce-nowrap-160 .ce-textpic-text { margin-left: 170px; }
div.ce-textpic .ce-gallery .ce-textpic-image { margin-bottom: 0; }

#content ul { color: #0d66ad; list-style: none; padding-left: 0; }
#content ul li { position: relative;  padding-left: 15px; padding-bottom: 0.5em; }
#content ul li:before {
    content: "•";
    position: absolute;
    top: 0;
    left: 0;
}
#content ol { padding-bottom: 0.5em; }
/* Layout */

#wrap { }
#wrap1 {
    position: relative;
    z-index: 5;
    top: -15px;
}
#headerWrap {
    position: relative;
    z-index: 10;
    width: 100%;
    background-color: rgba(255,255,255,0.5);
    padding-bottom: 15px;
    float: left;
}
#headerWrap1 {
    width: 100%;
    background-color: #fff;
    float: left;
}
#serviceBox {
    float: right;
    font-size: 0.85714285714286em;
    margin-top: 1em;
    padding-right: 20px;
}
#wrap1, #header, #footerWrap {
    clear: both;
    max-width: 1050px;
    margin: 0 auto;
}
#logo { margin: 2em 0 1em 40px; }
#keyVisual {
    position: relative;
    margin-bottom: 15px;
    max-height: 302px;
    overflow: hidden;
}
#slider img {

}


#contentWrap {
    width: 76.666666666667%; /* 805 */
    float: left;
    margin-right: 0.666666666667%;
}


#content {
    width: 56.521739130435%; /* 455 */
    padding: 16px 4.968944099379%;
    background-color: #fff;
    float: right;
    line-height: 1.6;
}

.noRightCol #contentWrap {
    width: 100%;
    margin-right: 0;
}
.noRightCol #leftCol {
    width: 25.047619047619%;
}
.noRightCol #content {
    width: 66.666666666667%;
    padding: 16px 3.809523809524%;
}

#content .ce-gallery { margin-bottom: 1.5em; }
#leftCol {
    width: 32.670807453416%; /* 263 */
    background-color: #fff;
}
#leftCol > .frame {
    background-color: #fff;
    padding: 16px 8.365019011407% 16px 9.125475285171%;
}

#rightCol {
    position: relative;
    width: 22.666666666667%; /* 238 */
    float: left;
    /*color: #0d66ad;*/
}

#rightCol > .frame {
    background-color: #fff;
    padding: 16px 0.85714285714286em 16px 10.084033613445%;
    margin-bottom: 7px;
}

#leftCol h2:first-child,
#rightCol h2:first-child {
    position: relative;
    display: inline-block;
    font-size: 1rem;
    line-height: 1.5em;
    color: #fff;
    background-color: #0d66ad;
    padding: 0 20px;
    margin-bottom: 1em;
}
#leftCol h2:first-child:after,
#rightCol h2:first-child:after {
    content: '';
    position: absolute;
    top: 0;
    right: -.75rem;
    width: 0;
    height: 0;
    border-left: .75rem solid #0d66ad;
    border-top: .75rem solid transparent;
    border-bottom: .75rem solid transparent;
}

#leftCol h3 {
    font-size: .9375rem;
    line-height: 1.4;
    margin-bottom: 0.5em;
}

#leftCol .frame-custom-115 .ce-textpic,
#rightCol .frame-custom-115 .ce-textpic,
#leftCol .frame-custom-115 .news {
    border: solid 1px #B3CADB;
    border-right: none;
    border-bottom: none;
    padding: 16px 0 0 16px;
}
#leftCol .frame-custom-115 .ce-textpic .ce-textpic,
#rightCol .frame-custom-115 .ce-textpic .ce-textpic {
    border: none;
    padding: 16px 0 0 0;
}
.ce-textpic .blueLayoutBox { padding-bottom: 16px; }
.ce-textpic .blueLayoutBox:last-child { padding-bottom: 0px; }

.ce-textpic:empty { display: none; }


#leftCol img,
#rightCol img {
    max-width: 100%;
    height: auto;
}

#rightCol .frame.frame-custom-110 {
    background-color: #0d66ad;
    color: #fff;
    padding-top: 40px;
}
#rightCol .frame.frame-custom-110 h3, #rightCol .frame.frame-custom-110 a {
    color: #fff;
}
#rightCol .frame.frame-custom-112 {
    background-color: #afc33a;
    color: #fff;
    padding-top: 40px;
}
#rightCol .frame.frame-custom-112 h3, #rightCol .frame.frame-custom-112 a {
    color: #fff;
}

#rightCol .frame:last-child,
#rightCol .frame p:last-child { margin-bottom: 0; }


footer {
    clear: both;
    color: #fff;
    background-color: #0d66ad;
    font-size: 0.85714285714286em;
    padding: 24px 1.52380952381%;
}
footer a {
    color: #fff;
}
#footerWrap {}
footer .searchBox-li { margin-top: 20px; }


/* Navigationen */

.nav, .nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.nav a { text-decoration: none; }

#mainNavWrap { margin-left: 7px; font-size: 1.14285714285714em; }
#mainNavWrap .sf-menu ul { font-size: 0.875em; }
#mainNavWrap .sf-menu ul ul { font-size: 1em; }

#menuButton, #menuButton span {
    display: none;
}

.mobnav-subarrow {
    display: none;
}



/* Subnav zweite Ebene links */
#subNav.frame { padding: 0; }
#subNav { font-size: 1.08333333333333em; }
#subNav h3 {
    padding: 16px 0 10px 9.125475285171%;
    margin: 0;
    font-size: 1em;
    font-weight: bold!important;
    border-bottom: solid 1px #d3d5c1;
}
#subNav h3 a { text-decoration: none; font-weight: bold; }
#subNav .nav {}
#subNav .nav a {
    position: relative;
    display: block;
    padding: 10px 0 10px 9.125475285171%;
    border-bottom: solid 1px #d3d5c1;
    -webkit-transition: background .4s;
    transition: background .4s;
}

#subNav .nav a:hover {
    background-color: #f3f8d0;
}
#subNav .nav li.current > a {
    color: #94c11c;
}
#subNav .nav li.current.active > a {
    background-color: #f3f8d0;
}
#subNav .nav li.current.active > a:after {
    content: '';
    position: absolute;
    right: -20px;
    top: 50%;
    margin-top: -13px;
    width: 20px;
    height: 27px;
    background-image: url(../images/subNavArrow.png);
}

#subNav .nav ul a {
    color: #94c11c;
    position: relative;
    padding-left: 15.209125475285%;
}
#subNav .nav ul a:hover { color: #94c11c; }
#subNav .nav ul a:before {
    position: absolute;
    left: 9.125475285171%;
    top: 14px;
    content: '▶';
    color: #94c11c;
    font-size: 9px;
}

#subNav .nav ul ul a {
    padding-left: 20%;
}
#subNav .nav ul ul a:before {
    left: 14%;
}

/* Servicenavigation im Kopf */
#header .serviceNav {  }
#header .serviceNav li {
    display: inline-block;
    margin-right: 10px;
    padding-right: 10px;
    border-right: solid 1px #92979C;
    line-height: 1em;
}
#header .serviceNav a { color: #92979C; }

#header li.fontsizer-li { border: none; }

#header li.searchBox-li { border: none; padding: 0; margin: 0; position: relative; top: 0.5em;}


.fontsizer {
    padding-right: 25px;
    background-repeat: no-repeat;
    background-position: right top;
    line-height: 21px;
    display: block;
}
.fontsizer.plus { background-image: url(../images/fontZoomPlus.png); padding-right: 28px; }
.fontsizer.normal { background-image: url(../images/fontZoomMinus.png); }

/* Servicenavigation im Footer */



/* Fußnavigation */
#footerNav {
    display: table;
    width: 100%;
    font-size: 0.875em;
}
#footerNav > li {
    display: table-cell;
    padding-right: 10px;
}
#footerNav > li:last-child { margin: 0; }
#footerNav a, #footerNav span {
    color: #fff;
    text-decoration: none;
}
#footerNav a:hover {
    text-decoration: underline;
}
#footerNav > li > a { font-weight: bold; }

#footerNav ul { margin-top: 1em; }

.f3-widget-paginator { list-style: none; margin-left: -15px;  }
.f3-widget-paginator li { display: inline-block; }
.f3-widget-paginator li:before { display: none; }

#goToTop {
    color: #0d66ad;
    text-decoration: none;
}

/* fontsizer */

.fontsizer { cursor: pointer; }


/* Suche */

.searchBox-li .search-field {
    border: solid 1px #B3CADB;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-right: 0;
    color: #0d66ad;
    line-height: 1.5em;
    height: 1.5em;
    padding: 0 0 0 10px;
    width: 80px;
    float: left;
}
.searchBox-li .search-button {
    background: #0d66ad url(../images/search.png) no-repeat center;
    border: solid 1px #0d66ad;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    color: #fff;
    padding: 0;
    width: 20px;
    line-height: 1.5em;
    float: left;
}

.tx-indexedsearch-searchbox-button { float: right; }
#tx_indexedsearch .fields { margin-bottom: 1em; }

/* PfadNav */
#breadcrumb {
    font-size: 0.85714285714286em;
    padding-bottom: 1em;
}
#breadcrumb a {
    color: #92979c;
}

#goToTop {
    display: inline-block;
    font-size: 0.85714285714286em;
    padding-top: 2em;
}
#goToTop:before {
    content: '▲ ';
}

/* Bildergalerie */

#faqLink {
    position: absolute;
    bottom: 22px;
    right: 38px;
    z-index: 1000;
    width: 16.190476190476%;
    height: auto;
}

body.layout_2 {
    height: 100%;
}

#iFrameHeader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    z-index: 5;
}

#iFrameClose {
    position: fixed;
    top: 10px;
    left: 25px;
    text-decoration: none;
}
#iFrameClose:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 0;
    border-right:  5px solid #0d66ad;
}
#iFrameClose:hover {
    text-decoration: underline;
}
#iFrameLogo {
    position: fixed;
    top: 10px;
    right: 25px;
    width: 65px;
    height: 65px;
    background-image: url(../images/iFrameSprite.png);
    cursor: pointer;
}

#imageGalleryControls {
    position: absolute;
    width: 100%;
    opacity: 0;
    transition: all 1s ease-in-out 0s;
    -webkit-transition: all 1s ease-in-out 0s;
    z-index: 10;
}
#imageGalleryGoLeft, #imageGalleryGoRight {
    position: absolute;
    top: 100px;
    left: 20px;
    width: 65px;
    height: 65px;
    background: transparent url(../images/iFrameSprite.png) 0 133px;
    cursor: pointer;
}
#imageGalleryGoRight {
    left: auto;
    right: 20px;
    background-position: 0 65px;
}


#imageGalleryStage {
    float: left;
    position: relative;
    transition: all 1s ease-in-out 0s;
    -webkit-transition: all 1s ease-in-out 0s;
    white-space: nowrap;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    z-index: 1;
}
#imageGallery {
    float: left;
    position: relative;
    transition: all 1s ease-in-out 0s;
    -webkit-transition: all 1s ease-in-out 0s;
    margin-top: 200px;
    opacity: 0;
}
.galerieImages {
    width: 530px;
    height: 545px;
    overflow: hidden;
    display: inline-block;
    white-space: normal;
}
.galerieImage {
    position: relative;
    display: inline-block;
    margin: 0 5px 5px 0;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
}


.galerieImage .imageCaptionBox {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: #0d66ad;
    background-color: rgba(9,80,137,0.8);
    color: #fff;
    margin: 0;
    text-align: center;
    font-size: 1.28571428571429em;
}
.galerieImage .imageCaptionBox a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 10px 2%;
}

.ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery { margin: 0; }


/* ------ Extensions ------- */

/* News */

.news-list-view a { text-decoration: none; }
.news-list-view a:hover { text-decoration: underline; }

.news-list-view.news-latest { border: none; padding: 0; margin: 0; }
.news-list-view.news-latest .article {
    border-bottom: solid 1px #B3CADB;
    padding-bottom: 1em;
    margin-bottom: 1em;
}
.news-list-view.news-latest .toList { display: block; text-align: right; }

.news-list-date { font-size: 0.85714285714286em; }
.news-img-caption { color: #0d66ad; font-style: italic; font-size: 0.85714285714286em; display: block; padding: 10px 0; }

.news-list-view .news-img-wrap, .news-single .news-img-wrap { float: left; margin-right: 15px; margin-top: 0.4em; }
.news-latest .news-img-wrap { float: none; margin: 0; }


.news-list-view .article { border-bottom: solid 1px #B3CADB; padding-bottom: 1em; margin-bottom: 1em; }
/*.news-list-view .article .teaser-text { margin-top: -1em; }*/
.news-list-view .teaser-text .teaser-text-more { clear: both; line-height: 1em; text-align: right; }
.news-list-view .teaser-text .more {  }

#content ul.prev-next { clear: both; list-style: none; margin: 2em 0; padding: 1em 0 0 0; text-align: center; position: relative; border-top: solid 1px #B3CADB; }
#content ul.prev-next li:before { content: ''; }
#content ul.prev-next li { padding: 0; }
#content ul.prev-next .previous { float: left; }
#content ul.prev-next .news-backlink-wrap { position: absolute; left: 50%; margin-left: -2em; line-height: 1em; }
#content ul.prev-next .news-backlink-wrap a { color: #0d66ad; }
#content ul.prev-next .next { float: right; }

/* Kurse */

.tx-m3-kurse { padding-top: 2em; }
.tx-m3-kurse h3 { margin: 1em 0 0 0; }
#kursFormBox { padding: 1em 0; }
.kursFormIsSent {
    padding: 1px 10px;
    margin: 10px 0;
    background-color: #e4f1fc;
}
.kursFormIsSent h3 {
    color: #900;
}


table { width: 100%; border-collapse: collapse; }

table th { vertical-align: top; text-align: left; padding: 8px 5px 8px 0; border-top: solid 1px #cce5f4; border-bottom: solid 1px #cce5f4; color: #94c11c; }
table td { vertical-align: top; padding: 8px 5px 8px 0; border-bottom: solid 1px #e6eef3; }
table td.blue { color: #0d66ad; }

/* frame-custom-125 */

.frame-custom-125 { clear: both; }
.frame-custom-125 h2, .frame-custom-125 h3  {
    position: relative;
    width: 55%;
    border: solid 1px #D0DFE9;
    padding: 0 5.494505494505%;
    margin: 0;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 49%, #e0e0e0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,#ffffff), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 49%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 49%,#e0e0e0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 49%,#e0e0e0 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 49%,#e0e0e0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
}
.frame-custom-125 h3 { width: 93%; padding: 0 5% 0 2%; }
.frame-custom-125 h2:after, .frame-custom-125 h3:after {
    position: absolute;
    right: 10%;
    top: 0.5em;
    content: '';
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #0d66ad;
    border-right: 0;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.frame-custom-125 h3:after { right: 2%; }
.frame-custom-125 h2.opened:after, .frame-custom-125 h3.opened:after {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.frame-custom-125 h2.opened, .frame-custom-125 h3.opend {
    background: #ebf5fc; /* Old browsers */
    background: -moz-linear-gradient(top,  #ebf5fc 0%, #d4dee5 88%, #d4dee5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf5fc), color-stop(88%,#d4dee5), color-stop(100%,#d4dee5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ebf5fc 0%,#d4dee5 88%,#d4dee5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ebf5fc 0%,#d4dee5 88%,#d4dee5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ebf5fc 0%,#d4dee5 88%,#d4dee5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ebf5fc 0%,#d4dee5 88%,#d4dee5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf5fc', endColorstr='#d4dee5',GradientType=0 ); /* IE6-9 */
}
.frame-custom-125 header {
    border-bottom: solid 1px #D0DFE9;
    margin-bottom: 1em;
}
html.js .frame-custom-125 .ce-textpic { display: none; }

/* m3_downloadItem */

.m3_downloadItem {
    float: left;
    width: 100%;
    margin-top: 1.5em;
    padding-bottom: 1.5em;
    border-bottom: solid 1px #D0DFE9;
}
.tx-m3-downloads .m3_downloadItem:last-child { border: none; }
.m3_downloadItem .button { display: inline-block; float: right; }

.m3_downloadImage {
    float: left;
    width: 27.472527472527%;
    padding: 0 5.494505494505%;

}
.m3_downloadImage img {
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
}
.m3_downloadItem h4 { margin: 0; font-size: 1.2em; }
.m3_downloadItem h4 a { text-decoration: none; }
.m3_downloadItem h4 a:hover { text-decoration: underline; }
.m3_downloadItem p { margin: 1em 0; }
.m3_downloadText { padding-left: 38.461538461537%; padding-right: 5.494505494505%;}
.m3_downloadNoImageText { padding: 0 5.494505494505%; }

/* mehrfach verwendete styles */
#headerWrap,
#headerWrap1,
#keyVisual,
#content,
footer,
#rightCol > .frame,
#leftCol,
.sf-menu ul li
{
    box-shadow: 0 2px 4px 0px rgba(0,0,0,0.3);
}
#keyVisual img {
    width: 100%;
    height: auto;
}





/* Formulare */

input, textarea, select {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1em;
    border: solid 1px #D0DFE9;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1em;
    color: #777c80;
    padding: 5px 2%;
    width: 66%
}
input[type="radio"], input[type="checkbox"]  { width: auto; }
div.csc-mailform ol {
    list-style: none;
    margin: 0;
    padding: 0;
}
div.csc-mailform ol li.csc-form-element-submit {
    float: left;
    width: 100%;
    border-top: solid 1px #B3CADB;
    margin-top: 1em;
    padding-top: 1em;
}

.csc-form-element-submit input, .csc-form-confirmation-true input, .csc-form-confirmation-false input { font-size: 1em; }
.csc-form-element-submit input, .csc-form-confirmation-true { float: right; }


div.csc-mailform li label {
    float: left;
    margin: 0;
    width: 28%;
}
fieldset.fieldset-subgroup { margin: 0; }
fieldset.fieldset-subgroup ol { margin-left: 28%; top: auto; }
div.csc-mailform ol li { clear: both; padding-bottom: 0.5em; }

.csc-form-element-radiogroup label { width: auto!important; margin-right: 10px!important; }
.csc-form-element-radiogroup legend { display: none; }

div.csc-mailform fieldset ol li {
    display: inline-block;
    margin: 0 20px 0 0;
    padding: 0;
    overflow: inherit;
}
div.csc-mailform li.csc-form-element-checkbox { position: relative; }
div.csc-mailform li.csc-form-element-checkbox label {
    float: none;
    width: 100%;
    padding-left: 30px;
}
div.csc-mailform li.csc-form-element-checkbox input {
    position: absolute;
    top: 3px;
    left: 1px;
}

div.csc-mailform li input + label, div.csc-mailform li textarea + label, div.csc-mailform li select + label {
    float: none;
    width: auto;
    margin-right: 0;
    margin-left: 1em;
}

    /* Comments */

.tx-pwcomment-pi1 h1 {
    margin-bottom: 8px;
}

.tx-pwcomment-pi1 ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

.tx-pwcomment-pi1 ol li {
    background: #e4e4e4;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.tx-pwcomment-pi1 ol li.comment {
    position: relative;
}

.tx-pwcomment-pi1 div.actions {
    position: absolute;
    right: 15px;
    top: 12px;
}

.tx-pwcomment-pi1 div.actions .comment_voting, div.actions .comment_reply {
    float: left;
}
.tx-pwcomment-pi1 div.actions .comment_voting {
    margin-right: 10px;
}

.tx-pwcomment-pi1 .comment-reply div.actions .comment_voting {
    margin-right: 0;
}

.tx-pwcomment-pi1 div.actions .voting .already_voted {
    color: #ff8700;
}

.tx-pwcomment-pi1 .votedPositive {
    color: #009900;
}

.tx-pwcomment-pi1 .votedNegative {
    color: #990000;
}

.tx-pwcomment-pi1 ol li.highlighted {
    background: #dddad0;
}

.tx-pwcomment-pi1 ol li div.clear {
    clear: left;
    height: 0;
    font-size: 0;
    line-height: 0;
}

.tx-pwcomment-pi1 ol li ol {
    padding-left: 12%;
    padding-top: 10px;
}

.tx-pwcomment-pi1 ol li ol li {
    background: #d5d5d5;
}

.tx-pwcomment-pi1 img.comment_author_image {
    float: left;
}

.tx-pwcomment-pi1 .comment_content_wrap {
    float: left;
    padding-left: 15px;
}

.tx-pwcomment-pi1 ol li ol li .comment_content_wrap {
}

.tx-pwcomment-pi1 .comment-reply {
    position: relative;
    margin-bottom: 8px;
    width: auto;
}

.tx-pwcomment-pi1 .last-reply {
    margin-bottom: 0;
}

.tx-pwcomment-pi1 .comment_body a {
    color: #333;
}


.tx-pwcomment-pi1 .comment_date, .tx-pwcomment-pi1 .guest {
    color: #565656;
}

.tx-pwcomment-pi1 .comment_header {
    padding-top: 0px;
    padding-bottom: 5px;
}
.tx-pwcomment-pi1 .comment_header a {
    color: #111;
    text-decoration: none;
}
#comments { margin-top: 2em;}


#writeComment h3 {
    padding: 20px 0 8px;
    margin-bottom: 0;
}

#writeComment div.hide_initally {
    display: none;
}

#writeComment .comment_error {
    background: #ffd4d4;
    border: 1px solid #bf2222;
    color: #bf2222;
    font-weight: bold;
    padding: 6px 10px;
    margin-bottom: 15px;
}

#writeComment label {
    display: block;
}

#writeComment label span {
    color: #777;
}
#writeComment label span a {
    text-decoration: none;
    color: #777;
}

#writeComment input {
    width: 66%;
    padding: 2px;
    margin-bottom: 14px;
}

#writeComment textarea {
    width: 100%;
    margin-bottom: 10px;
}

#writeComment input.button {
    padding: 2px 10px;
    margin-bottom: 0;
    width: auto;
}

#thanksForYourComment, #customMessages {
    list-style: none;
    margin: 0;
    padding: 0;
}

#thanksForYourComment li, #customMessages li {
    background: #ccffcc;
    border: 1px solid #009900;
    color: #009900;
    font-weight: bold;
    padding: 6px 10px;
    margin-bottom: 15px;
}

#customMessages li {
    background: #ffcccc;
    border-color: #990000;
    color: #990000;
}


#goTop {
    display:none;
    position: fixed;
    right: 20px;
    bottom: 0;
    text-decoration: none;
    color: #c1dd17;
    font-size: 18px;
    line-height: 40px;
    width: 65px;
    text-align: center;
    background-color: #fff;
    -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0, 0.45);
    -moz-box-shadow:    0 0 3px 0 rgba(0,0,0, 0.45);
    box-shadow:         0 0 3px 0 rgba(0,0,0, 0.45);
}



/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

#wrap:not(.noRightCol) #content .tx_m3kurse thead { display: none; }
#wrap:not(.noRightCol) #content .tx_m3kurse td { display: block; font-weight: bold; }
#wrap:not(.noRightCol) #content .tx_m3kurse td.data { position: relative; padding-left: 8em; min-height: 1em }
#wrap:not(.noRightCol) #content .tx_m3kurse td.data:before { content: attr(data-header) ": "; color: #94c11c; font-weight: normal; position: absolute; left: 0; }
#wrap:not(.noRightCol) #content .tx_m3kurse td.action { padding-bottom: 2em; }


/* ==========================================================================
   Media Queries for Responsive Design.
   ========================================================================== */

@media only screen and (max-width: 1050px) {
    #logo { margin-left: 10px; }
    #mainNavWrap { margin-left: 3px; }
    .sf-menu a { padding: .75em 8px!important; }
}

@media only screen and (max-width: 600px) {
    #contentWrap, #leftCol, #content, #rightCol { float: none; width: auto!important; margin: 0; padding: 0; }
    #leftCol, #content, #rightCol { margin-bottom: 10px; height: auto!important; }

    #leftCol { float: left; width: 49%; }
    #rightCol { float: right; width: 49%; clear: none; height: 66px; }
    #rightCol > .frame { float: none; width: auto; padding: 16px 8.36502% 16px 9.12548%; }
}

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

    .sf-menu a { padding: 0.75em 10px; }

    #contentWrap {
        width: auto;
        margin-right: 0;
    }
    #content {
        width: 63%;
    }
    #rightCol {
        clear: both;
        float: none;
        width: auto;
        margin-top: 10px;
        padding-top: 10px;
    }
    #rightCol > .frame {
        background-color: #fff;
        margin: 0 0.5% 7px 0.5%;
        padding: 16px 1.5%;
        float: left;
        width: 29.33333%;
    }
    #mainNavWrap { font-size: 1em; }

    .tx_m3kurse thead { display: none; }
    .tx_m3kurse td { display: block; font-weight: bold; }
    .tx_m3kurse td.data { position: relative; padding-left: 8em; min-height: 1em; }
    .tx_m3kurse td.data:before { content: attr(data-header) ": "; color: #94c11c; font-weight: normal; position: absolute; left: 0; }
    .tx_m3kurse td.action { padding-bottom: 2em; }


    #header li.fontsizer-li
    { display: none; }



    #content { padding: 0 10px 30px 10px; }

    #serviceBox { width: 100%; padding: 0; float: left; margin-top: 5px; }
    .serviceNav { margin-left: 20px; }
    #logo { float: right; margin: 20px 20px 10px 20px; height: 66px; }
    #menuButton {
        position: absolute;
        left: 20px;
        top: 44px;
        display: inline-block;
        cursor: pointer;
        font-size: 3em;
        color: #0d66ad;
        line-height: 1em;
    }

    .mobnav-subarrow {
        display: block;
        background-color: #0f3975;
        opacity: .3;
        border-bottom: 1px solid white;
        border-top: 1px solid black;
        height: 20px;
        width: 30px;
        background-position: top left!important;
        position: absolute;
        top: 8px;
        right: 10px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        cursor: pointer;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        cursor: pointer;
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -ms-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
    }

    html {
        overflow-x: hidden;
        overflow-y: scroll;
    }
    body {
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
        width: 100%;
        position: relative;
        left: 0;
    }
    body.menuActive {
        left: 240px;
        cursor: pointer;
        position: fixed;
    }
    body.menuActive .exit-off-canvas {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 10000;
        background-color: rgba(0,0,0,0.2);
        transition: all 0.4s ease;
    }

    #mainNav {
        width: 240px;
        background-color: #004F8A;
        position: fixed;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        top: 0;
        left: -240px;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
        -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0, 0.45);
        -moz-box-shadow:    0 0 3px 0 rgba(0,0,0, 0.45);
        box-shadow:         0 0 3px 0 rgba(0,0,0, 0.45);
    }
    .menuActive #mainNav {
        left: 0;
    }


    #mainNav ul { margin: 0; }
    #mainNav li {
        float: none!important;
        margin: 0;
        position:relative;
    }
    #mainNav ul ul li a { padding-left: 30px; }
    #mainNav ul ul ul li a { padding-left: 60px; }
    #mainNav a { display: block; border-bottom: solid 1px #fff; padding: .75em 10px; }
    #mainNav ul { display: none; position:static!important; list-style: none; padding: 0; }


    #mainNav .openSub { position: absolute; top: 0px; right: 0; background-color: #CCCCCC;  cursor:pointer; width: 3em; padding: .75em 0; z-index: 5; text-align: center; }
    #mainNav .openSub:before { content: "▼"; color: #fff; font-size: 1em; }

    #mainNav .activeSub > ul { display: block; }
    #mainNav .activeSub > .openSub:before {content: "▲"; color: #E39312; }


    .sf-menu > li > a { color: #fff; }
    .sf-menu li {
        float: none!important;
        display: block!important;
        width: 100%!important;
        white-space: normal;
    }
    .sf-menu li a {
        float: none!important;
    }


    .sf-menu ul li {
        background: #ccdbe7;
        box-shadow: none;
        margin: 1px 0;
    }
    .sf-menu ul ul li {
        border-top: solid 1px #ccc;
        margin: 0;
    }
    .sf-menu ul li:hover,
    .sf-menu ul li.sfHover {
        background: #fff;
    }
    .sf-menu ul li.current > a {
        background-color: #fff;
    }
    .sf-menu ul ul { display: block; }
    .sf-menu ul ul li a { padding-left: 30px; }
    .sf-menu > li.current:after { display: none; }

    .sf-menu > li.current:after, .menuMarker {
        display: none;
    }


    #footerNav li { display: none; }
    #footerNav li:first-child, #footerNav li:first-child ul li {
        display: block;
    }


}
@media only screen and (max-width: 600px) {
    #subNav { display: none; }


    #header .serviceNav li:not(.searchBox-li) { display: none; }
    #header li.searchBox-li {
        position: absolute;
        left: 50px;
        top: 22px;
    }

    #rightCol > .frame {
        width: 46%;
    }

    #menuButton { top: 10px; left: 10px; }
    #logo { height: 44px; margin: 10px 0 10px 20px; }
    #contentWrap, #leftCol, #content, #rightCol { float: none; width: auto; }
    #faqLink { bottom: -10px; right: -5px; width: 28%; }
    #headerWrap { padding-bottom: 7px; }

    #iFrameHeader {
        background-color: #e4f1fc;
        height: 85px;
    }


    #imageGalleryStage {
        float: none;
        position: relative;
        white-space: normal;
        width: 100%;
        height: 100%;
        overflow-y: auto;
    }
    #imageGallery {
        float: none;
        margin-top: 85px;
        opacity: 1;
        width: 100%
    }
    .galerieImages {
        width: auto;
        height: auto;
        overflow: auto;
        display: block;
        white-space: normal;
    }
    .galerieImage {
        margin-right: 0;
        display: block;
    }
    .galerieImage img {
        width: 100%;
        height: auto;
    }
    #iFrameLogo { left: auto; right: 20px; }
    #imageGalleryControls { display: none; }


    div.ce-textpic.ce-intext.ce-left.ce-nowrap .ce-gallery {
        width: 20%;
    }
    div.ce-textpic.ce-intext.ce-left .ce-gallery, div.ce-textpic.ce-intext.ce-left.ce-nowrap .ce-gallery {
        margin-right: 0;
        margin-top: 4px;
    }
    div.ce-textpic.ce-intext.ce-left.ce-nowrap .ce-gallery img {
        width: 100%;
        height: auto;
    }
    .ce-textpic.ce-intext.ce-left.ce-nowrap .ce-textpic-text {
        margin-left: 24%!important;
    }

}


@media only screen and (min-width: 800px) {
    /*** ESSENTIAL STYLES ***/
    .sf-menu, .sf-menu * {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .sf-menu li {
        position: relative;
    }
    .sf-menu ul {
        position: absolute;
        display: none;
        top: 100%;
        left: 0;
        z-index: 99;
    }
    .sf-menu > li {
        display: inline-block;
    }
    .sf-menu li:hover > ul,
    .sf-menu li.sfHover > ul {
        display: block;
    }

    .sf-menu a {
        display: block;
        position: relative;
    }
    .sf-menu ul ul {
        top: -1px;
        left: 100%;
    }

    /*** SKIN ***/
    .sf-menu {
        float: left;
    }
    .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 */
        padding-top: 15px;
    }


    .sf-menu ul ul {
        padding-top: 0px;
    }
    .sf-menu a {
        padding: .75em 17px;
        line-height: 1em;
        text-decoration: none;
        zoom: 1; /* IE7 */
        color: #0d66ad;
    }
    .sf-menu a {

    }
    .sf-menu li {
        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: #fff;
        background: rgba(255,255,255,0.95);
        margin: 1px 0;
    }
    .sf-menu ul ul li {

    }
    .sf-menu ul li:hover,
    .sf-menu ul li.sfHover {
        background: #fff;
    }

    .sf-menu > li.current:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -17px;
        width: 34px;
        height: 17px;
        background-image: url(../images/navArrow.png);
    }

    .sf-menu li.current > a { color: #94c11c; background: #fff; }

    .menuMarker {
        position: absolute;
        left: 0;
        bottom: -17px;
        width: 34px;
        height: 17px;
        background-image: url(../images/navArrow.png);
    }


}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }



    /*
     * Don't show links for images, or javascript/internal links
     */



    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
    img { width: auto!important; }
    #footer, #serviceBox, #mainNavWrap,
    #keyVisual, #leftCol, footer
    { display: none;}
    #contentWrap, #content, #leftCol, #rightCol { float: none; width: 100%; min-height: 0!important; margin: 0; padding: 0; }
    #rightCol > .frame { padding: 0; border-top: solid 1px #000; margin-bottom: 1em; padding-top: 2em; }
    .ce-textpic { border: none!important; }
}

.video-embed {
    position: relative;
    padding-bottom: 55%;
    padding-top: 15px;
    height: 0;
    overflow: hidden;
}

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

.privacy-msg {
    background: transparent url(/typo3conf/ext/zarms/Resources/Public/images/map.jpg);
    background-position: center;
    background-size: cover;
    position: relative;
    width: 100% !important; }

.privacy-msg.privacy-map-msg {
    background: transparent url(/typo3conf/ext/zarms/Resources/Public/images/map.jpg); }
.privacy-msg.privacy-video-msg {
    background: transparent url(/typo3conf/ext/zarms/Resources/Public/images/video.jpg); }

.privacy-msg > div {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 10px;
    margin: 0;
    position: absolute;
    z-index: 1;
    width: 90%;
    max-width: 500px;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -50%); }
.privacy-msg .privacy-button {
    background-color: #0d66ad;
    color: #fff;
    opacity: .95;
    display: inline-block;
    padding: 5px 20px;
    margin: .5rem 0;
    font-size: 1.275em; }
.privacy-msg .privacy-text a {
    text-decoration: underline; }
.privacy-msg .privacy-text, .privacy-msg .enableCookies {
    padding-left: 20px; }
.privacy-msg input {
    width: auto; }
.privacy-msg label {
    position: static;
    font-size: inherit; }