/* this file contains the main style of pages */

/*** globals */

.fancybox-image { background: #FFF; }


/* iframes */
.frame-type-html .iframe-outer-wrapper {}
.frame-type-html .iframe-inner-wrapper { padding-top: 0 !important; }
.frame-type-html .iframe-inner-wrapper iframe { position: static; width: 100% !important; }


/** content distance */
.site-content .frame + .frame { margin-top: 40px; }
.site-content div[class^="frame frame-bg_"] + .frame-type-shortcut div[class^="frame frame-bg_"]:first-child { margin-top: -40px; }
@media screen and (min-width: 667px) {
  .site-content .frame + .frame { margin-top: 40px; }
  .site-content div[class^="frame frame-bg_"] + .frame-type-shortcut div[class^="frame frame-bg_"]:first-child { margin-top: -60px; }
}
@media screen and (min-width: 992px) {
  .site-content .frame + .frame { /*margin-top: 80px;*/ }
}
@media screen and (min-width: 1025px) {
  .site-content .frame + .frame { /*margin-top: 100px;*/ }
}


/** content width background-color */
.content div[class^="frame frame-bg_"] + div[class^="frame frame-bg_"] { margin-top: 0; }
div[class^="frame frame-bg_"] { padding: 40px 0; z-index: 1; }
.frame-bg_grey {}
.frame-bg_grey, .frame-bg_grey header *, .frame-bg_grey a {}
.frame-bg_dark {}
.frame-bg_dark, .frame-bg_dark header *, .frame-bg_dark a { color: #FFF; }
.frame-bg_red {}
.frame-bg_red, .frame-bg_red header *, .frame-bg_red a { color: #FFF; }

.frame-bg_grey:before,
.frame-bg_dark:before,
.frame-bg_red:before { content: ""; display: block; height: 100%; position: absolute; top: 0; right: -50vw; left: -50vw; z-index: -1; }
.frame-bg_grey:before { background: #EDEDED; }
.frame-bg_dark:before { background: #565555; }
.frame-bg_red:before { background: #808489; }

.content .frame-bg_grey + .frame-bg_grey,
.content .frame-bg_dark + .frame-bg_dark,
.content .frame-bg_red + .frame-bg_red { padding-top: 0; }

@media screen and (min-width: 667px){
  div[class^="frame frame-bg_"] { padding: 60px 0; }
}
@media screen and (min-width: 992px){
  div[class^="frame frame-bg_"] { padding: 80px 0; }
  .content div.frame-bg_grey + div.frame-bg_grey,
  .content div.frame-bg_dark + div.frame-bg_dark,
  .content div.frame-bg_red + div.frame-bg_red { margin-top: -20px; }
}

.col > div[class^="frame frame-bg_"] { padding: 40px; }
.col > div[class^="frame frame-bg_"]:before { right: 0; left: 0; }
.col > .frame-type-shortcut > div[class^="frame frame-bg_"] { margin-top: -40px; }


/** content layout */
@media screen and (min-width: 667px) {
  .frame-layout-2 { text-align: center; }
  .frame-layout-2 .powermail_form { margin: 0 auto; width: 80%; }
  .frame-layout-2 .powermail_fieldwrap { text-align: left; }
  .frame-layout-2 .powermail_form .powermail_field input[type="submit"] { text-align: center; }
}
@media screen and (min-width: 800px) {
  .frame-layout-2 .powermail_form { width: 50%; }
}

@media screen and (max-width: 992px) {
  .col > .frame-layout-1 > ul, .col > .frame-layout-1 .ce-bodytext { column-count: auto; }
}


/** content */
.content div { position: relative; }
header {}
h1 + h2 { margin-top: -20px; }

header:last-child h1:last-child, header:last-child h2:last-child, header:last-child h3:last-child, header:last-child h4:last-child, header:last-child h5:last-child, header:last-child h6:last-child,
header:last-child .H1:last-child, header:last-child .H2:last-child, header:last-child .H3:last-child, header:last-child .H4:last-child, header:last-child .H5:last-child, header:last-child .H6:last-child { margin-bottom: 0; }

.ce-gallery + header { margin-top: 20px; }
div.ce-gallery img { background: none; }

.ImageArea .img-wrap { background: url("../../global/img/loading.svg") no-repeat center #FFF; background-size: 50px 50px; }

@media screen and (min-width: 1023px) {
  span.c-big { font-size: 290%; }
}

@media screen and (max-width: 768px) {
  h1, .H1 { font-size: 28px; }
}
@media screen and (max-width: 667px) {
  h1, .H1 { font-size: 25px; }
  h2, .H2 { font-size: 23px; }
}
@media screen and (max-width: 414px) {
  h1, .H1,
  h2, .H2,
  h3, .H3 {
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
      -ms-hyphens: auto;
        hyphens: auto;
  }
}

/** tel */
a[href^="tel:"] { white-space: nowrap; }
.touch a[href^="tel:"] { color: #c4248c; }
@media screen and (max-width: 768px) { a[href^="tel:"] { color: #c4248c; } }
@media screen and (max-width: 736px) { .touch a.phone[href^="tel:"] { text-decoration: none !important; } }


/** backlink */
.backlink-wrap { clear: both; margin: 0 0 40px; overflow: hidden; }
.backlink-wrap a { color: #565555; padding: 0; position: relative; text-decoration: none; white-space: nowrap; }
.backlink-wrap a:hover { color: #808489; }
.backlink-wrap a:before { content: "\f0d9"; color: #c4248c; display: inline-block; font-family: "FontAwesome"; font-weight: bold; line-height: 1; width: 15px; }


/** #top */
a[href="#top"] { background: #808489; display: inline-block; height: 40px; width: 60px; position: relative; z-index: 1; overflow: hidden; text-indent: -9999px; }
p a[href="#top"] { display: block; margin: 20px auto 0; }
a[href="#top"]:before { content: ""; border: solid #FFF; border-width: 2px 2px 0 0; display: inline-block; height: 12px; width: 12px; margin: -2px 0 0 -6px; position: absolute; top: 50%; left: 50%; transform: rotate(-45deg); }
a[href="#top"]:after { content: ""; background: #0072bf; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; transform: translate3d(0,100%,0); transition: all .3s ease; }
a[href="#top"]:hover:after { transform: translate3d(0,0,0); }


/** address */
.address address { font-style: normal; }
.address div[itemprop="name"] { font-weight: 700; }
.address div[itemprop="image"] { display: none; }
.address address + .additional { margin-top: 20px; }


/** lists */
.content ul + *, .content ol + * { margin-top: 20px; }
/* ul */
.ce-bodytext ul,
.content ul.ce-bullets { list-style: none; padding: 0; }
.ce-bodytext ul ul,
.ce-bodytext ul ol,
.content ul.ce-bullets ul,
.content ul.ce-bullets ol { margin-top: 10px; padding-left: 0; }
.ce-bodytext ul > li > p:first-child:last-child { display: inline; }
.ce-bodytext ul > li,
.content ul.ce-bullets > li { margin: 0 0 10px 25px; position: relative; }
.ce-bodytext ul > li:before,
.content ul.ce-bullets > li:before { content: "\f105"; color: #c4248c; display: inline-block; font-family: "FontAwesome"; font-size: 16px; margin: 0 0 0 -25px; width: 25px; }
/* ol */
.ce-bodytext ol,
.content ol.ce-bullets { margin: 0; padding: 0; }
.ce-bodytext ol ul,
.ce-bodytext ol ol,
.content ol.ce-bullets ul,
.content ol.ce-bullets ol { margin-top: 10px; }
.ce-bodytext ol > li,
.content ol.ce-bullets > li { margin: 0 0 10px 35px; position: relative; }
.ce-bodytext ol ol > li ,
.content ol.ce-bullets ol > li { margin-left: 25px; }


/** sitemap */
.frame-type-menu_sitemap_pages {}
.frame-type-menu_sitemap_pages ul { border-left: 1px dotted #CCC; list-style: none; padding: 0; }
.frame-type-menu_sitemap_pages li { margin: 10px 0 0 20px; position: relative; }
.frame-type-menu_sitemap_pages > ul > li:first-child { margin-top: 0 ; }
.frame-type-menu_sitemap_pages li:before,
.frame-type-menu_sitemap_pages li:last-child:after { content: ""; display: inline-block; position: absolute; left: -21px; }
.frame-type-menu_sitemap_pages li:before { border: dotted #CCC; border-width: 0 0 1px 0; height: 10px; width: 10px; top: 0; }
.frame-type-menu_sitemap_pages > ul > li:first-child:before { border-left: 1px solid #FFF; }
.frame-type-menu_sitemap_pages li:last-child:after { border-left: 1px solid #FFF; height: calc(100% - 10px); bottom: 0; }


/** ce-uploads */
.content .ce-uploads {}
.ce-uploads li:before { display: none; }


/** table */
table.ce-table th { background-color: #0072BF; color: #FFF; font-weight: 700; padding: 10px; }
table.ce-table td { padding: 5px 10px; }

table.ce-table-bordered th, table.ce-table-bordered td { border: 1px solid #0072BF; }
table.ce-table-bordered th { background: #0072BF; border-color: #0072BF #FFF; }
table.ce-table-bordered th:first-child { border-left-color: #0072BF; }
table.ce-table-bordered th:last-child { border-right-color: #0072BF; }
table.ce-table-bordered td { vertical-align: top; }

table.ce-table-striped thead th { background-color: #0072BF; color: #FFF; }

table.ce-table tbody th { border: 1px solid #0072BF; border-bottom-color: #FFF; width: 25%; }
table.ce-table tbody tr:last-child th { border-bottom-color: #0072BF; }
table.ce-table th ~ td { border: 1px solid #0072BF; padding: 10px; }


/** def lists */
dl { display: block; overflow: hidden; }
dl dt { clear: both; display: block; font-weight: bold; margin: 0 0 5px 0; }
dl dd { display: block; margin: 0 0 15px 30px; }


/** ce-gallery */
@media screen and (min-width: 667px) {
  div.ce-textpic.ce-intext.ce-nowrap { display: flex; align-items: start; flex: 0 1 auto; flex-flow: row wrap; justify-content: space-between; height: 100%; }
  div.ce-textpic.ce-intext.ce-nowrap:after { display: table; width: auto; }
  div.ce-textpic.ce-intext.ce-nowrap.ce-right { flex-direction: row-reverse; }
  div.ce-textpic.ce-intext.ce-nowrap .ce-gallery,
  div.ce-textpic.ce-intext.ce-nowrap .ce-bodytext { flex: 0 0 auto; flex-wrap: wrap; width: 100%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }
  div.ce-textpic.ce-intext.ce-nowrap .ce-gallery { float: none; margin-bottom: 0; }
  div.ce-textpic.ce-intext.ce-nowrap.ce-right .ce-gallery { padding-left: 30px; }
  div.ce-textpic.ce-intext.ce-nowrap.ce-left .ce-gallery { padding-right: 30px; }
  div.ce-textpic.ce-intext.ce-nowrap .ce-bodytext {}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .col > .frame > div.ce-textpic.ce-intext.ce-nowrap { display: block; }
  .col > .frame > div.ce-textpic.ce-intext.ce-nowrap.ce-right .ce-gallery { float: right; }
  .col > .frame > div.ce-textpic.ce-intext.ce-nowrap.ce-left .ce-gallery { float: left; }
  .col > .frame > div.ce-textpic.ce-intext.ce-nowrap .ce-bodytext { overflow: visible; max-width: 100%; }
  .col > .frame > div.ce-textpic.ce-intext.ce-nowrap .ce-bodytext header + * { clear: both; padding-top: 10px; }
}


/** columns */
.content .col > .frame + .frame { margin-top: 40px; }
#content .row > div:empty + div { margin-top: 0 !important; }
.content .row.vert-bottom > .col > div + div { margin-top: 0; }
@media screen and (max-width: 767px) {
  .content .col > .frame + .frame,
  .content .row > .col-xs-12 + .col-xs-12 { margin-top: 30px; }
}
@media screen and (min-width: 992px) {
  .row > .col:empty { display: block; }
}
@media screen and (min-width: 1024px) {
  .site-content .row.twoColumns { margin-right: -30px; margin-left: -30px; }
  .site-content .row.twoColumns > .col { padding-right: 30px; padding-left: 30px; }
}
@media screen and (min-width: 1200px) {
  .site-content .row.twoColumns { margin-right: -40px; margin-left: -40px; }
  .site-content .row.twoColumns > .col { padding-right: 40px; padding-left: 40px; }
}

.row.center { align-items: center; justify-content: center; }
.row.valign-center {}
.row.center-all > .col,
.row.center-both > .col,
.row.center-left > .col:first-child,
.row.center-right > .col:last-child { margin: 0 auto; text-align: center; }

/* threeColumns */
@media screen and (min-width: 568px) and (max-width: 767px) {
  .row.threeColumns .col-md-4 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }
  .row.threeColumns .col-md-4 + .col-md-4 { margin-top: 0; }
  .row.threeColumns .col-md-4:last-child { clear: both; margin-top: 30px; }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  #mainContent:not(:last-child) .threeColumns .col-md-4 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }
  #mainContent:not(:last-child) .threeColumns .col-md-4:last-child { clear: both; margin-top: 30px; }
}

/* singleColumn */
.singleColumn.center > .col > .frame { display: table; margin-right: auto; margin-left: auto; }

.row.singleColumn.grid { margin-top: -60px; }
.content .row.singleColumn.grid > div { margin: 60px 0 0; padding: 0 15px; }

@media screen and (max-width: 767px) {
  .row.singleColumn.grid { display: block; }
}
@media screen and (min-width: 768px) {
  .row.singleColumn.grid { display: flex; }
  .content .row.singleColumn.grid > div { flex: 1 1 49.94%; float: left; width: 50%; }
  .content .row.singleColumn.grid.bottom-sm > .subpage + .frame { margin-bottom: 63px; }
}
@media screen and (min-width: 1024px) {
  .content .row.singleColumn.grid > div { flex: 1 1 33.3%; width: 33.333333%; }
}


/** social shariff */
.content .shariff { margin: 40px 0 0; padding: 40px 0; z-index: 1; }
.content .shariff:before { content: ""; background: #EDEDED; display: block; height: 100%; position: absolute; top: 0; right: -50vw; left: -50vw; z-index: -1; }
.content .shariff ul { margin: 30px -10px; }
.content .shariff .orientation-horizontal.button-style-standard .shariff-button { margin: 15px 0 5px; padding: 0 10px; height: auto; width: 100%; max-width: 25%; }
.content .shariff .shariff-button a { height: auto; line-height: 1; padding: 20px 30px; text-align: center; }

.content .shariff .shariff-button.twitter a { background-color: #519fd4; }
.content .shariff .shariff-button.twitter a:hover { background-color: rgba(81,159,212,.8); }
.content .shariff .shariff-button.facebook a { background-color: #2554a1; }
.content .shariff .shariff-button.facebook a:hover { background-color: rgba(37,84,161,.8); }
.content .shariff .shariff-button.googleplus a { background-color: #C80037; }
.content .shariff .shariff-button.googleplus a:hover { background-color: rgba(200,0,55,.8); }
.content .shariff .shariff-button.xing a { background-color: #006567; }
.content .shariff .shariff-button.xing a:hover { background-color: rgba(0,101,103,.8); }
.content .shariff .shariff-button.linkedin a { background-color: #2F7BD0; }
.content .shariff .shariff-button.linkedin a:hover { background-color: rgba(47,123,208,.8); }

.content .shariff .shariff-button span:not(.share_text) { font-size: 14px;  line-height: 1; margin-right: 15px; width: auto; }
.content .shariff .shariff-button span:not(.share_text):before { font-family: "FontAwesome"; }
.content .shariff .shariff-button span.fa-google-plus-g:before { content: "\f0d5"; }
.content .shariff .shariff-button span.fa-linkedin-in:before { content: "\f0e1"; }
.content .shariff .shariff-button span.share_text { display: inline-block; font-family: 'Roboto'; font-size: 16px; font-weight: 500; line-height: 1; padding: 0; text-indent: 0; }
.content .shariff .shariff-button span.share_count { display: none; }
@media screen and (min-width: 667px) {
  .content .shariff {  margin-top: 60px; }
}
@media screen and (max-width: 767px) {
  .content .shariff .orientation-horizontal.button-style-standard .shariff-button { max-width: 50%; }
}
@media screen and (max-width: 413px) {
  .content .shariff .orientation-horizontal.button-style-standard .shariff-button { max-width: 100%; }
}


/** content header */
#content-header { margin: 0 auto 40px; max-width: 1920px; position: relative; }
#content-header .content { margin: 0 auto; width: 100%; max-width: 1200px; }
#content-header #header-items .content { max-width: 100%; }
@media screen and (min-width: 667px) {
  #content-header { margin-bottom: 50px; }
}
@media screen and (min-width: 992px) {
  #content-header { margin-bottom: 50px; }
}
@media screen and (min-width: 1440px) {
  #header-items .headerSlider .imageslider .TextArea .inner { max-width: 1400px; }
}

/* slider */
.headerSlider { background: url("../../global/img/loading.svg") no-repeat center #FFF; background-size: 50px 50px; min-height: 200px; max-height: 765px; overflow: hidden; position: relative; }
.headerSlider:before { content: ""; display: block; padding-top: 35vh; transition: padding-top 1s; }
.headerSlider .imageslider { height: 100%; width: 100%; position: absolute; top: 0; right: 0; left: 0; }
.headerSlider .imageslider .slider-item { position: relative; height: 100%; width: 100%; }
.headerSlider .imageslider .slider-item > a:after { content: ""; background: rgba(0,0,0,.2); height: 100%; width: 100%; position: absolute; top: 0; left: 0; }
.headerSlider .imageslider .slider-item + .slider-item { display: none; }
.headerSlider .imageslider .slider-image { background-position: center; background-repeat: no-repeat; background-size: cover; height: calc(100% + 80px); width: 100%; margin-top: -40px; position: absolute; top: 0; left: 0; }
.headerSlider .imageslider .TextArea {}
.headerSlider .imageslider .TextArea,
.headerSlider .imageslider .TextArea .inner { height: 100%; width: 100%; position: absolute; top: 0; right: 0; left: 0; z-index: 1; }
.headerSlider .imageslider .TextArea .inner { margin: 0 auto; max-width: 1200px; }

.headerSlider .imageslider .TextArea .slider-title { display: block; color: #FFF; font-size: 20px; position: absolute; top: 10vh; right: 30px; max-width: 400px; }
.headerSlider .imageslider .TextArea header:last-child .slider-title { text-align: center; top: 50%; right: auto; left: auto; transform: translateY(-50%); width: 100%; max-width: 100%; }
.headerSlider .imageslider .TextArea .text { position: relative; }
.headerSlider .imageslider .TextArea .alternative { background: #c4248c; color: #FFF; font-size: 20px; font-weight: 400; padding: 25px 35px; }
.headerSlider .imageslider .TextArea .description { background: rgba(38,37,37,.9); color: #FFF; font-size: 16px; margin: 10px 0 0; padding: 25px 35px; }
.headerSlider .imageslider .TextArea .description .link-box { display: block; color: #FFF; margin: -25px -35px; padding: 25px 35px; }
.headerSlider .imageslider .TextArea .description .ce-bodytext { display: block; color: #FFF; }
.headerSlider .imageslider .TextArea .description .more { display: inline-block; color: #FFF; font-size: 14px; font-weight: bold; padding-right: 15px; position: relative; white-space: nowrap; transition: color .2s ease; }
.headerSlider .imageslider .TextArea .description .more:after { content: "\f105"; color: #c4248c; font-family: "FontAwesome"; font-size: 18px; font-weight: bold; line-height: 1; position: absolute; top: 1px; right: 0; }
.headerSlider .imageslider .TextArea .description .more:hover,
.headerSlider .imageslider .TextArea .description .link-box:hover .more { color: #c4248c; }

.headerSlider .imageslider .TextArea .description .ce-bodytext + .more { margin-top: 10px; }
.headerSlider .imageslider .cycle-prev,
.headerSlider .imageslider .cycle-next { cursor: pointer; margin-top: -25px; padding: 10px; text-decoration: none; position: absolute; top: 50%; z-index: 200; }
.headerSlider .imageslider .cycle-prev { left: 20px; }
.headerSlider .imageslider .cycle-next { right: 20px; }
.headerSlider .imageslider .cycle-prev:after, .headerSlider .imageslider .cycle-next:after { content: ""; border: solid #c4248c; border-width: 0 3px 3px 0; display: inline-block; height: 20px; width: 20px; position: relative; top: 3px; }
.headerSlider .imageslider .cycle-prev:hover:after,
.headerSlider .imageslider .cycle-next:hover:after { border-color: #0081BF; }
.headerSlider .imageslider .cycle-prev:after { transform: rotate(135deg); }
.headerSlider .imageslider .cycle-next:after { transform: rotate(-45deg); }
.headerSlider .imageslider .cycle-pager { display: table; margin: -50px auto 0; position: relative; z-index: 200; }
.headerSlider .imageslider .cycle-pager span { display: inline-block; cursor: pointer; background: none; border: 1px solid #c4248c; height: 16px; width: 16px; margin: 0 10px 10px 10px; }
.headerSlider .imageslider .cycle-pager span.cycle-pager-active { background-color: #c4248c; }

html:not(.js) #content-header .tx-go-maps-ext:before { display: none; }
#content-header .tx-go-maps-ext { height: 100%; width: 100%; position: relative; }
#content-header .tx-go-maps-ext .js-map { height: 100% !important; width: 100% !important; position: absolute !important; top: 0; right: 0; left: 0; }
@media screen and (min-width: 768px) {
  .headerSlider .imageslider .TextArea .slider-title { font-size: 40px; max-width: 300px; }
  .headerSlider .imageslider .TextArea .alternative { font-size: 20px; }
}
@media screen and (min-width: 1024px) {
  .headerSlider .imageslider .TextArea .text { position: absolute; bottom: 4vh; left: 30px; width: 80%; }
  .headerSlider .imageslider .TextArea .alternative { font-weight: 300; }
  .headerSlider .imageslider .TextArea .alternative,
  .headerSlider .imageslider .TextArea .description { max-width: 440px; }
}
@media screen and (min-width: 1025px) {
  .headerSlider .imageslider .TextArea .slider-title { font-size: 55px; max-width: 400px; }
  .headerSlider .imageslider .TextArea .alternative { font-size: 29px; }
}
@media screen and (max-width: 1023px) {
  #content-header { /*min-height: 200px;*/ }
  .headerSlider { max-height: none; }
  .headerSlider:before { display: none; padding-top: 0; }
  .headerSlider .imageslider { padding-top: 40vh; position: relative; }
  .headerSlider .imageslider .slider-item { position: static; }
  .headerSlider .imageslider .TextArea,
  .headerSlider .imageslider .TextArea .inner { position: static; }
  .headerSlider .imageslider .TextArea .description { margin-top: 0; }
  .headerSlider .imageslider .TextArea .description,
  .headerSlider .imageslider .TextArea .description .more { font-size: 12px; }
}
@media screen and (max-width: 768px) {
  .headerSlider .imageslider .TextArea .slider-title { font-size: 40px; max-width: 300px; }
  .headerSlider .imageslider .TextArea .description,
  .headerSlider .imageslider .TextArea .description .more { font-size: 14px; }
}
@media screen and (max-width: 667px) {
  .headerSlider .imageslider { padding-top: 400px; }
  .headerSlider .imageslider .TextArea .slider-title { font-size: 22px; max-width: 200px; right: 0; }
}
@media screen and (max-width: 666px) {
  .headerSlider .imageslider .slider-image { height: calc(100% + 20px); margin-top: 0; }
}
@media screen and (max-width: 414px) {
  .headerSlider .imageslider { padding-top: 300px; }
  .headerSlider .imageslider .slider-image { height: 320px; }
  .headerSlider .imageslider .TextArea .slider-title { max-width: 80%; right: 20px; }
  .headerSlider .imageslider .TextArea header:last-child .slider-title { max-width: 90%;
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
      -ms-hyphens: auto;
        hyphens: auto;
  }
  .headerSlider .imageslider .TextArea .alternative { font-size: 16px; }
}


/** clickable layer */
div.clicklayer { display: none; background: none; opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; }
.js div.clicklayer { display: block; }
div.clicklayer > a { display: block; height: 100%; }
.no-touch div.clicklayer { display: block; }
.touch div.clicklayer { display: none; }


/** pager */
#content ul.f3-widget-paginator { clear: both; display: table; float: none; list-style: none; margin: 30px auto 0; padding: 0; position: relative; }
#content .paginate + ul.f3-widget-paginator { padding: 0 80px; }
#content ul.f3-widget-paginator li { float: left; margin: 0 5px; }
#content ul.f3-widget-paginator li:before { display: none; }
ul.f3-widget-paginator li, ul.f3-widget-paginator li a { color: #565555; }
ul.f3-widget-paginator li a { padding: 0 5px; }
ul.f3-widget-paginator li a:hover { color: #c4248c; }
ul.f3-widget-paginator li.current { color: #c4248c; cursor: default; font-weight: bold; }
ul.f3-widget-paginator li.current span { font-weight: bold; }
ul.f3-widget-paginator li.current:first-child { margin-left: 5px; }
ul.f3-widget-paginator li.current:last-child {}
ul.f3-widget-paginator li.previous { text-align: left; left: 0; }
ul.f3-widget-paginator li.next { text-align: right; right: 0; }
#content ul.f3-widget-paginator li.previous, #content ul.f3-widget-paginator li.next { margin: 0; }
ul.f3-widget-paginator li.previous a, ul.f3-widget-paginator li.next a { color: #c4248c; font-weight: bold; }
#content ul.f3-widget-paginator li.previous a:before, #content ul.f3-widget-paginator li.next a:after { display: inline-block; background: none; color: #c4248c; font-family: FontAwesome; font-size: 18px; line-height: 1; height: auto; width: auto; margin: 0; text-decoration: none; position: relative; top: 1px; }
#content ul.f3-widget-paginator li.previous a:hover:before, #content ul.f3-widget-paginator li.next a:hover:after { text-decoration: none; }
#content ul.f3-widget-paginator li.previous a:before { content: "\f137"; margin-right: 10px; left: 1px; }
#content ul.f3-widget-paginator li.next a:after { content: "\f138"; margin-left: 10px; right: 1px; }


/** news */
.news {}
.news .news-clear { clear: both; }
/* pager: global */
.page-navigation { clear: both; margin: 40px 0 0; overflow: hidden; }
.news-list-view > .page-navigation:first-child { margin: 0 0 40px; }
.news .page-navigation p { display: none; text-align: right; }
.page-navigation .pagination { display: table; margin: 0 auto; }
#content .news ul.f3-widget-paginator li.previous:before { display: none; }
#content .news ul.f3-widget-paginator li.next:after { display: none; }
/* pager: paginate */
.page-navigation .paginate { font-weight: bold; overflow: hidden; position: static; }
.page-navigation .previous span:before, .page-navigation .next span:after { display: inline-block; font-family: FontAwesome; font-size: 18px; line-height: 1; position: relative; top: 1px; }
.page-navigation .previous, .page-navigation .next { position: absolute; bottom: 0; z-index: 2; }
.page-navigation .previous { float: left; left: 0; }
.page-navigation .previous span:before { content: "\f137"; margin-right: 10px; left: 1px; }
.page-navigation .next { float: right; right: 0; }
.page-navigation .next span:after { content: "\f138"; margin-left: 10px; right: 1px; }
.page-navigation .previous a:hover span:before, .page-navigation .next a:hover :after { text-decoration: none; }
.page-navigation .previous > span, .page-navigation .next > span { cursor: default; }
.page-navigation .paginate a { text-decoration: none; }
.page-navigation .paginate a:hover { text-decoration: underline; }
/* pager: paging */
#content .news .page-navigation .paginate + ul {}
#content .news .page-navigation ul li {}
.news .page-navigation ul li a { padding: 0; }
.news .page-navigation ul li span { padding: 0 5px; }
.news .page-navigation ul li.current span { padding: 0; }
.news .page-navigation ul li a { text-decoration: none; }
.news .page-navigation ul li a:hover { text-decoration: underline; }
.news .page-navigation .lessPages, .news .page-navigation .morePages { cursor: default; }
.news .page-navigation .current { cursor: default; }
/** news: list */
.news-list { display: block; margin: 0 -15px; }
.news-list:after { content: ""; clear: both; display: table; width: 0; }
.news-list .article { margin: 0 0 30px; padding: 0 15px 5px; position: relative; z-index: 1; }
.news-list .article:after { content: ""; background: #808489; display: block; height: 1px; position: absolute; right: 15px; bottom: 0; left: 15px; }
.news-list .article img { display: block; height: auto; width: auto; max-width: 100%; margin: 0 auto; }
.news-list .article .news-header-wrap,
.news-list .article .header:first-child { background: #c4248c; display: table; min-height: 100px; max-height: 100px; width: 100%; margin: 0 0 15px; padding: 20px; }
.news-list .article .news-header-wrap.img-wrap { background: none; padding: 0; z-index: 3; }
.news-list .article .news-header-wrap span.image { display: block; background: no-repeat center; /*background-size: contain;*/ height: 100%; width: 100%; }
.news-list .article .news-header-wrap .news-img-wrap:before { content: ""; display: block; padding: 62.5% 0 0; }
.news-list .article .news-header-wrap .news-img-wrap span.image { background-size: cover; position: absolute; top: 0; left: 0; }
.news-list .article .news-header-wrap .news-img-wrap span.image.no-image { background-image: url("../img/no-image.png");}
.news-list .article .news-header-wrap .news-list-category {}
.news-list .article .news-header-wrap > div,
.news-list .article .header:first-child h3 { display: table-cell; vertical-align: middle; }
.news-list .article .news-header-wrap > div { height: 60px; }
.news-list .article .news-header-wrap a { display: block; }
.news-list .article .news-img-wrap {}
.news-list .article .news-list-category {}
.news-list .article .news-header-wrap + .news-header-wrap,
.news-list .article .news-list-category + .news-list-date { display: none; }
.news-list .article .news-list-date { color: #FFF; font-size: 18px; }
.news-list .article .news-list-date:before { content: "\f1ea"; color: #FFF; font-family: "FontAwesome"; font-size: 36px; margin-left: 30px; }
.news-list .article .news-list-date time { margin-left: 25px; position: relative; top: -7px; }
.news-list .article .news-list-date span + span { margin-left: 4px; }
.news-list .article .header { font-weight: 400; }
.news-list .article .header:first-child {}
.news-list .article .header h3 { font-weight: 400; padding: 0 15px; }
.news-list .article .header:first-child h3 { height: 90px; padding: 0; /*text-align: center;*/ }
.news-list .article .header:first-child h3 a { color: #FFF; display: block; }
.news-list .article .header:first-child h3 a:hover { color: #FFF; }
.news-list .article .teaser-text { padding-bottom: 25px; padding-left:15px; padding-right:15px; position: static; }
.news-list .article .teaser-text div[itemprop="description"] { margin-bottom: 10px; text-align: justify;}
.news-list .article .teaser-text p[class] { font-weight: 600; }
.news-list .article .teaser-text p[class],
.news-list .article .teaser-text p[class] + p { display: inline; font-size: 15px;}
.news-list .article .teaser-text p.news-list-category-title {}
.news-list .article .teaser-text p.news-list-tags {}
.news-list .article .teaser-text .more { position: absolute; right: 15px; bottom: 15px; }
.news-list .article .teaser-text .more:after { top: 4px; }
.news-list .article .footer { display: none; }

@media screen and (min-width: 667px) {
  .news-list { display: flex; align-items: stretch; flex-flow: row wrap; justify-content: flex-start; margin-bottom: -60px; }
  .news-list .article { flex: 0 0 auto; flex-basis: 50%; flex-wrap: wrap; max-width: 50%; margin-bottom: 40px; }
}
@media screen and (min-width: 768px) {
  .news-list .article .news-header-wrap,
  .news-list .article .header:first-child { max-height: 250px; min-height: 250px; }
  .news-list .article .news-header-wrap { padding: 40px; }
  .news-list .article .news-header-wrap.img-wrap img { /*max-height: 245px;*/ }
  .news-list .article .news-header-wrap > div { height: 50px; }
  .news-list .article .header:first-child { padding: 20px 40px; }
}
@media screen and (min-width: 1024px) {
  .news-list .article { flex-basis: 33.33333333%; max-width: 33.33333333%; }
}

/** news: details */
.news-single {}
/* removed: no sharrif used
#mainContent > .content:last-child > div:last-child:not([class^="frame frame-bg_"]) .news-single { margin-bottom: -40px; }
@media screen and (min-width: 667px) {
  #mainContent > .content:last-child > div:last-child:not([class^="frame frame-bg_"]) .news-single { margin-bottom: -60px; }
}
@media screen and (min-width: 992px) {
  #mainContent > .content:last-child > div:last-child:not([class^="frame frame-bg_"]) .news-single { margin-bottom: -80px; }
}
@media screen and (min-width: 1025px) {
  #mainContent > .content:last-child > div:last-child:not([class^="frame frame-bg_"]) .news-single { margin-bottom: -100px; }
}
*/
/* pager */
.news-single .pager { list-style: none; padding: 0; }
.news-single .pager:after { content: ""; clear: both; display: block; }
.news-single .pager li { max-width: 50%; }
.news-single .pager a {}
.news-single .pager a span {}
.news-single .pager .previous { float: left; }
.news-single .pager .next { float: right; }
/* content */
.news-single .header { margin: 60px 0 40px; }
.news-single .header h1 {}
.news-single .footer { border-bottom: 1px solid #c4248c; margin: 0 0 40px; padding: 0 0 5px; }
.news-single .footer p > span { border-left: 1px solid #c4248c; margin-left: 5px; padding-left: 9px; }
.news-single .footer p > span:first-child { border-left: none; margin-left: 0; padding-left: 0; }
.news-single .footer .news-list-date {}
.news-single .footer .news-list-category {}
.news-single .teaser-text { font-weight: 700; margin-bottom: 40px; }
.news-single .article > .row {}
.news-single .article > .row > .col:empty { display: none; }
.news-single .article > .row > .col:empty + .col { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
.news-single .article > .row .col:first-child:last-child { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
.news-single .news-img-wrap { margin-bottom: 20px; }
.news-single .news-img-wrap .outer {}
.news-single .news-img-wrap .outer + .outer { margin-top: 40px; }
.news-single .news-img-wrap .outer .mediaelement {}
.news-single .news-img-wrap .outer .mediaelement.mediaelement-image {}
.news-single .news-img-wrap .outer .mediaelement a { display: block; }
.news-single .news-img-wrap .outer .mediaelement img { display: block; height: auto; width: auto; margin: 0 0 0 auto; transition: transform .3s linear; }
.no-touch .news-single .news-img-wrap .mediaelement-image img:hover { transform: scale(1.04); }
@media screen and (max-width: 767px) {
  .news-single .news-img-wrap .outer .mediaelement img { margin: 0 auto; }
}
.news-single .news-img-wrap .outer .mediaelement .mediaelement-video {}
.news-single .news-img-wrap .outer .mediaelement .iframe-outer-wrapper { width: 100% !important; }
.news-single .news-img-wrap .outer .mediaelement .medialement-alternative-content {}
.news-single .news-img-wrap .news-img-caption { font-size: 90%; margin: 5px 0 0; }
.news-single .news-text-wrap {}
.news-single .news-text-wrap ul { list-style: none; padding: 0; }
.news-single .news-text-wrap ul ul { margin-top: 10px; }
.news-single .news-text-wrap ul li { margin: 0 0 10px 15px; position: relative; }
.news-single .news-text-wrap ul li:before { content: "\f105"; color: #c4248c; display: inline-block; font-family: "FontAwesome"; font-size: 16px; font-weight: bold; line-height: 1; margin: 0 0 0 -15px; width: 15px; }
@media screen and (min-width: 768px) {
  .news-single .article .frame-layout-1 .ce-bodytext { column-gap: 40px; }
}
@media screen and (min-width: 1024px) {
  .news-single .article .frame-layout-1 .ce-bodytext { column-gap: 60px; }
  /* Inhaltsbereich zweispaltig */
  .news-single .article > .row > .col:first-child:last-child .news-text-wrap,
  .news-single .article > .row > .col:empty + .col .news-text-wrap { column-count: 2; column-gap: 40px; margin-bottom: -20px; }
  .news-single .article > .row > .col:first-child:last-child .news-text-wrap p,
  .news-single .article > .row > .col:empty + .col .news-text-wrap p {
    -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
       -moz-column-break-inside: avoid; /* Mozilla */
      -mx-column-break-inside: avoid;
        column-break-inside: avoid;
          page-break-inside: avoid; /* Firefox */
             break-inside: avoid; /* IE 10+ */
  }
  .news-single .article > .row > .col:first-child:last-child .news-text-wrap p:first-of-type:last-of-type,
  .news-single .article > .row > .col:empty + .col .news-text-wrap p:first-of-type:last-of-type { display: inline-block; }
  _:-ms-lang(x), .news-single .article > .row > .col:first-child:last-child .news-text-wrap p,
  _:-ms-lang(x), .news-single .article > .row > .col:empty + .col .news-text-wrap p { margin-bottom: 20px; }
  _:-ms-lang(x), .news-single .article > .row > .col:first-child:last-child .news-text-wrap p:after,
  _:-ms-lang(x), .news-single .article > .row > .col:empty + .col .news-text-wrap p:after { display: none; }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width: 1024px) {
  .news-single .article > .row > .col:first-child:last-child .news-text-wrap p,
  .news-single .article > .row > .col:empty + .col .news-text-wrap p { margin-bottom: 0; }
  .news-single .article > .row > .col:first-child:last-child .news-text-wrap p:after,
  .news-single .article > .row > .col:empty + .col .news-text-wrap p:after { content: ''; display: block; height: 20px;  }
  .news-single .article > .row > .col:first-child:last-child .news-text-wrap p:last-child:after,
  .news-single .article > .row > .col:empty + .col .news-text-wrap p:last-child:after { height: 0; }
}
@media screen and (min-width: 1200px) {
  .news-single .article .frame-layout-1 .ce-bodytext { column-gap: 100px; }
}
@media print {
  .news-single .article > .row > .col:first-child:last-child .news-text-wrap,
  .news-single .article > .row > .col:empty + .col .news-text-wrap { column-count: auto; }
}
/* backlink */
.news-backlink-wrap { clear: both; margin: 40px 0 0; overflow: hidden; }
.news-backlink-wrap a { color: #565555; padding: 0; position: relative; text-decoration: none; white-space: nowrap; }
.news-backlink-wrap a:hover { color: #c4248c; }
.news-backlink-wrap a:before { content: "\f0a8"; color: #808489; display: inline-block; font-family: "FontAwesome"; font-weight: bold; line-height: 1; width: 15px; }
/* content elements */
.news-single .frame { margin: 40px 0 0; }
.news-single .frame > .frame:first-child { margin-top: 0; }
.news-single .frame .header { margin: 0 0 10px; }
.no-touch .news-single .article:hover figure.image { transform: none; }
/* related */
.news-single .news-related-wrap {}
.news-single .news-related-wrap .news-related { margin: 40px 0 0; }
.news-single .news-related ul { list-style: none; padding: 0; }
.news-single .news-related li { margin: 5px 0; }
.news-single .news-related-news {}
.news-single .news-related-news .news-related-news-date {}
.news-single .news-related-links {}
.news-single .news-related-links a + span { display: block; }
.news-single .news-related-files {}
.news-single .news-related-files .news-related-files-link {}
.news-single .news-related-files .news-related-files-size { font-size: 90%; }


/** menu pages */
.frame-type-menu_pages {}
.ce-menu.pages {}
.ce-menu.pages .item { margin-top: 30px; margin-bottom: 30px; text-align: center; z-index: 1; }
.ce-menu.pages .item:after { content: ""; background: #c4248c; height: 0; opacity: 0; position: absolute; right: 15px; bottom: 0; left: 15px; z-index: -1; transition: all .2s ease; }
.ce-menu.pages .item:hover:after { height: 100%; opacity: 1; }
.ce-menu.pages[data-ce-pages="1"] .item { flex-basis: 100%; max-width: 100%; -ms-flex-preferred-size: 100%; }
.ce-menu.pages[data-ce-pages="2"] .item { flex-basis: 50%; max-width: 50%; -ms-flex-preferred-size: 50%; }
.ce-menu.pages .item a { display: block; padding: 10px 0; }
.ce-menu.pages .item:hover a { color: #FFF; }
.ce-menu.pages .item .ce-gallery {}
.ce-menu.pages .item .ce-gallery img { border: 1px solid transparent; margin: 0 auto; transition: transform .3s linear; }
.ce-menu.pages .item:hover .ce-gallery img { border-color: #FFF; }
.ce-menu.pages .item:hover .ce-gallery img,
.ce-menu.pages .item .ce-gallery img:hover { transform: scale(1.04); }
.ce-menu.pages .item .ce-bodytext {}
.ce-menu.pages .item .ce-bodytext .header { font-size: 18px; font-weight: 500; margin-bottom: 0; }
.ce-menu.pages .item .ce-bodytext .header a {}
.ce-menu.pages .item .ce-gallery + .ce-bodytext .header a { padding-top: 5px; }
.ce-menu.pages .item .ce-bodytext .more { white-space: normal; }
.ce-menu.pages .item .ce-bodytext header + .more { margin-top: -5px; padding-top: 0; }
.ce-menu.pages .item .ce-bodytext .more:after { position: relative; top: 0; left: 7px; }
.ce-menu.pages .item:hover .ce-bodytext .more:after { color: #FFF; }
@media screen and (max-width: 414px) {
  .ce-menu.pages .item { flex-basis: 100%; max-width: 100%; -ms-flex-preferred-size: 100%; }
}


/** menu subpages */
.frame-type-menu_subpages {}
.ce-menu.subpages {}
.ce-menu.subpages .item { margin-top: 30px; margin-bottom: 30px; }
.col > .menu_subpages .ce-menu.subpages .item { flex-basis: 100%; max-width: 100%; -ms-flex-preferred-size: 100%; }
.col > .menu_subpages .ce-menu.subpages .item:first-child { margin-top: 0; }
.ce-menu.subpages .item:after { content: ""; clear: both; display: table; }
.ce-menu.subpages .item .ce-gallery { float: left; margin: 5px 0 10px; padding-right: 15px; width: 177px; transition: all .2s ease; }
.ce-menu.subpages .item .ce-gallery .ce-media { display: table; height: 162px; width: 100%; }
.ce-menu.subpages .item .ce-gallery a { display: table-cell; border: 1px solid #F0EDED; padding: 5px; vertical-align: middle; }
.ce-menu.subpages .item .ce-gallery img { height: auto; width: auto; max-height: 150px; margin: 0 auto; transition: transform .3s linear; }
.ce-menu.subpages .item .ce-gallery img:hover { transform: scale(1.04); }
.ce-menu.subpages .item .ce-gallery + .TextArea { float: left; width: calc(100% - 177px); }
.ce-menu.subpages .item .TextArea {}
.ce-menu.subpages .item .TextArea .header {}
.ce-menu.subpages .item .TextArea .header a {}
.ce-menu.subpages .item .ce-bodytext {}
.ce-menu.subpages .item .ce-bodytext .more {}
.ce-menu.subpages .item .TextArea header + .ce-bodytext .more:first-child { margin-top: -5px; padding-top: 0; }
.ce-menu.subpages .item .ce-bodytext .more:after { position: relative; top: 0; left: 7px; }
@media screen and (max-width: 992px) {
  .ce-menu.subpages .item .ce-gallery { width: 165px; }
  .ce-menu.subpages .item .ce-gallery .ce-media { height: 152px; }
  .ce-menu.subpages .item .ce-gallery + .TextArea { width: calc(100% - 165px); }
}
@media screen and (max-width: 768px) {
  .ce-menu.subpages .item .ce-gallery { width: 117px; }
  .ce-menu.subpages .item .ce-gallery .ce-media { height: 102px; }
  .ce-menu.subpages .item .ce-gallery + .TextArea { width: calc(100% - 117px); }
}
@media screen and (max-width: 767px) {
  .ce-menu.subpages .item .ce-gallery { width: 107px; }
  .ce-menu.subpages .item .ce-gallery .ce-media { height: 92px; }
  .ce-menu.subpages .item .ce-gallery + .TextArea { float: none; width: auto; }
  .ce-menu.subpages .item .ce-gallery + .TextArea header { float: left; margin-top: 20px; width: calc(100% - 107px); }
  .ce-menu.subpages .item .ce-bodytext { clear: both; }
}
@media screen and (max-width: 374px) {
  .ce-menu.subpages .item .ce-gallery { float: none; padding-right: 0; width: 100%; }
  .ce-menu.subpages .item .ce-gallery .ce-media { display: block; height: auto; }
  .ce-menu.subpages .item .ce-gallery + .TextArea header { float: none; margin-top: 0; width: 100%; }
}


/** DCE */

/* TextButtonBox */
.content .TextButtonBox { padding: 30px; }
.content .TextButtonBox.HasImage {}
.TextButtonBox { box-shadow: inset 0 0 30px -10px rgba(0,0,0,.1); transition: background-color .2s ease; }
.TextButtonBox header { margin-bottom: 15px; transition: color .2s ease;
  -webkit-hyphens: auto;
     -moz-hyphens: auto;
    -ms-hyphens: auto;
      hyphens: auto;
}
.TextButtonBox header:after { content: ""; clear: both; display: block; }
.TextButtonBox.HasImage header,
.TextButtonBox.HasImage header a { display: table; width: 100%; }
.TextButtonBox header .img-wrap { display: table-cell; padding: 0 15px 0 0; width: 40px; }
.TextButtonBox header .img-wrap img { height: auto; width: auto; max-width: 40px; max-height: 30px; }
.TextButtonBox header .header { font-size: 23px; margin-bottom: 0; transition: color .2s ease; }
.TextButtonBox.HasImage header .header { display: table-cell; vertical-align: middle; }
.TextButtonBox header a:hover .header { color: #0072bf; }
.TextButtonBox .TextArea { overflow: hidden; }
.TextButtonBox .ce-bodytext { transition: color .2s ease; }
.TextButtonBox .ce-bodytext:not(:last-child) { padding-bottom: 25px; }
.TextButtonBox .TextArea .more { float: right; }
.no-touch .TextButtonBox:hover a.more:after { transform: scale(0,0); }

.TextButtonBox.bgcolor-0 { background: #FFF; }
.TextButtonBox.bgcolor-0 .header { color: #565555; }
.TextButtonBox.bgcolor-0 .ce-bodytext { color: #6F6C6C; }
.no-touch .TextButtonBox.bgcolor-0:hover { background: #565555; }
.no-touch .TextButtonBox.bgcolor-0:hover .header { color: #FFF; }
.no-touch .TextButtonBox.bgcolor-0:hover .ce-bodytext { color: #A3A0A1; }

.TextButtonBox.bgcolor-1 { background: #565555; }
.TextButtonBox.bgcolor-1 .header { color: #FFF; }
.TextButtonBox.bgcolor-1 .ce-bodytext { color: #A3A0A1; }
.no-touch .TextButtonBox.bgcolor-1:hover { background: #EDEDED; }
.no-touch .TextButtonBox.bgcolor-1:hover .header { color: #565555; }
.no-touch .TextButtonBox.bgcolor-1:hover .ce-bodytext { color: #6F6C6C; }

@media screen and (min-width: 768px) {
  .TextButtonBox .TextArea { padding: 0 0 35px; position: static; }
  .TextButtonBox .TextArea .more { float: none; position: absolute; right: 20px; bottom: 10px; z-index: 1; }
}


/* contactBox */
.TextButtonBox.contactBox {}
.TextButtonBox.contactBox .phone { text-align: center; margin: 25px auto 5px; }
.TextButtonBox.contactBox .phone .icon {}
.TextButtonBox.contactBox .phone .icon .tel { border: 5px solid #c4248c; font-size: inherit; padding: 20px; position: relative; text-decoration: none !important; }
.TextButtonBox.contactBox .phone .icon .tel:hover {}

.TextButtonBox.contactBox .phone .icon .tel:before,
.TextButtonBox.contactBox .phone .icon .tel:after { content: ""; border: 5px solid transparent; height: calc(100% + 10px); width: calc(100% + 10px); position: absolute; top: -5px; left: -5px; }
.TextButtonBox.contactBox:hover .phone .icon .tel:before,
.TextButtonBox.contactBox .phone .icon .tel:hover:before { border-top-color: #0072bf; border-right-color: #0072bf; border-bottom-color: #0072bf; transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s; }
.TextButtonBox.contactBox:hover .phone .icon .tel:after,
.TextButtonBox.contactBox .phone .icon .tel:hover:after { border-top-color: #0072bf; transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s; transform: rotate(270deg); }
.TextButtonBox.contactBox .phone .icon i { display: block; font-size: 35px; line-height: 1; height: 35px; width: 35px; }
.TextButtonBox.contactBox .phone .icon + .tel { margin-top: 20px; }
.TextButtonBox.contactBox .phone .tel { cursor: default; display: inline-block; font-size: 23px; }
.TextButtonBox.contactBox.bgcolor-0 .phone .tel { color: #565555; }
.TextButtonBox.contactBox.bgcolor-1 .phone .tel { color: #FFF; }
.no-touch .TextButtonBox.contactBox:hover .phone .tel { color: #0072bf; }

.TextButtonBox.contactBox .TextArea .readmore { text-align: center; }
.TextButtonBox.contactBox .TextArea .more { float: none; }
@media screen and (min-width: 768px) {
  .TextButtonBox.contactBox.HasPhoneLink .TextArea { padding-bottom: 230px; }
  .TextButtonBox.contactBox .phone { position: absolute; right: 30px; bottom: 70px; left: 30px; }
  .TextButtonBox.contactBox .TextArea .readmore { position: absolute; right: 0; bottom: 10px; left: 0; z-index: 1; }
  .TextButtonBox.contactBox .TextArea .more { position: relative; right: auto; bottom: auto; left: auto; }
}


/* ImageLinkBox */
.ImageLinkBox { height: 100%; }
.ImageLinkBox .wrapper { height: 100%; }
.ImageLinkBox .ImageArea { height: 100%; overflow: hidden; }
.ImageLinkBox .ImageArea:not(:last-child) { padding: 0 0 85px; }
.ImageLinkBox .ImageArea > a { display: block; height: 100%; }
.ImageLinkBox .ImageArea .img-wrap { display: block; height: 100%; }
.ImageLinkBox .ImageArea .img-wrap:before { content: ""; display: block; padding: 62.5% 0 0; }
.ImageLinkBox .ImageArea .image { display: block; background: no-repeat center; background-size: cover; height: 100%; width: 100%; position: absolute; top: 0; left: 0; }
.ImageLinkBox .ImageArea .TextArea { text-shadow: 0 1px 5px #000; padding: 30px 30px 40px; position: absolute; top: 0; left: 0; }
.ImageLinkBox .ImageArea header { margin-bottom: 15px; }
.ImageLinkBox .ImageArea .header { font-size: 25x; transition: color .2s ease; }
.ImageLinkBox .ImageArea .TextArea .ce-bodytext {}
.ImageLinkBox.color-0 .ImageArea .TextArea,
.ImageLinkBox.color-0 .ImageArea .header { color: #FFF; }
.ImageLinkBox.color-1 .ImageArea .TextArea,
.ImageLinkBox.color-1 .ImageArea .header { color: #565555; }
.ImageLinkBox .ImageArea a:hover .header { color: #FFF; }
.ImageLinkBox .more { white-space: normal; position: absolute; right: 20px; bottom: 30px; z-index: 1; }
@media screen and (min-width: 768px) {
  .ImageLinkBox .ImageArea .img-wrap:before { padding-top: 75%; }
}


/** collagen teaser */
.content .collagen-container { margin: 0 auto; }
#content-header .content .collagen-container { max-width: 1600px; }
#content-header + #content-area .content > .frame:first-child .collagen-container { margin-top: -40px; }
.content .collagen-container .frame + .frame { margin-top: 0; }
.content .collagen-container .frame > .row { margin: 0; }
.content .collagen-container .frame > .row > .col { margin: 0; padding: 0; }
/* lists */
.collagen-container .ce-bodytext ul li:before,
.collagen-container ul.ce-bullets li:before { content: "\f105"; font-weight: bold; line-height: 1; margin: 0 0 0 -15px; width: 15px; }
/* textpic */
.collagen-container div.ce-textpic .ce-gallery .ce-row { margin: 0; }
.collagen-container div.ce-textpic .ce-gallery .ce-row + .ce-row,
.collagen-container div.ce-textpic .ce-gallery .ce-column { float: none; margin: 0; padding: 0; width: 100%; }
.collagen-container div.ce-textpic .ce-gallery .ce-column + .ce-column { display: none; }
.collagen-container div.ce-textpic .ce-gallery .ce-column figure.image { overflow: visible; }
.collagen-container div.ce-textpic .ce-gallery .image-caption { color: #FFF; font-size: 23px margin: 0; padding: 30px 20px 20px 30px; }
/*  */
@media screen and (min-width: 667px) {
  #content-header + #content-area .content > .frame:first-child .collagen-container { margin-top: -60px; }
}
@media screen and (min-width: 768px) {
  .content .collagen-container .frame .frame { height: 50%; }
  .content .collagen-container .frame .frame:first-child:last-child { height: 100%; }
  .collagen-container .row .row,
  .collagen-container .TextButtonBox { height: 100%; }
  .content .collagen-container .ImageLinkBox .more { margin: 0 auto; max-width: 80%; width: 100%; left: 0; right: 0; }
}
@media screen and (min-width: 992px) {
  .content .collagen-container { margin-bottom: 80px; }
  #content-header + #content-area .content > .frame:first-child .collagen-container { margin-top: -80px; }
}
@media screen and (max-width: 767px) {
  .content .collagen-container .frame .frame:first-child:last-child .ImageLinkBox .img-wrap:before { padding-top: 100%; }
  .collagen-container .frame-layout-1 > ul, .collagen-container .frame-layout-1 .ce-bodytext { column-count: 2; }
}
@media screen and (max-width: 567px) {
  .collagen-container .frame-layout-1 > ul, .collagen-container .frame-layout-1 .ce-bodytext { column-count: auto; }
}


/** listing */
.listing { padding: 15px; position: relative; z-index: 1; }
.listing header {}
.listing header h3 { margin-bottom: 15px; }
.listing .ce-bodytext {}
.listing .listArea { margin-top: 40px; }
.listing .listArea:after { content: ""; clear: both; display: block; }
.listing .listArea .img-wrap { float: left; margin: 0 20px 20px 0; overflow: hidden; width: 80px; }
.listing .listArea .img-wrap .icon { float: left; max-height: 80px; max-width: 80px; }
.listing .listArea .img-wrap .icon.img-hover { display: none; }
html:not(.touch) .listing:hover .listArea .img-wrap .icon { display: none; }
html:not(.touch) .listing:hover .listArea .img-wrap .icon.img-hover { display: block; }
.listing .listArea ul.list { list-style: none; padding: 0; }
.listing .listArea .img-wrap + ul.list { float: left; width: calc(100% - 100px); }
.listing .listArea .list-item { font-weight: 500; margin: 0 0 5px 25px; position: relative; }
.listing .listArea .list-item:before { content: "\f00c"; color: #c4248c; display: inline-block; font-family: "FontAwesome"; font-size: 16px; margin: 0 10px 0 -25px; }
.listing a.button.more { display: none; }

html:not(.touch) .listing:before,
.listing .listArea .layer { display: block; background: none; opacity: 0; position: absolute; right: 0; bottom: 0; left: 0; }
html:not(.touch) .listing:before { content: ""; top: 100%; z-index: -1; transition: all .5s ease; }
html:not(.touch) .listing:hover:before { background: #c4248c; opacity: 1; top: 0; }
html:not(.touch) .listing:hover header h3,
html:not(.touch) .listing:hover header h3 a,
html:not(.touch) .listing:hover .ce-bodytext,
html:not(.touch) .listing:hover .listArea .list-item,
html:not(.touch) .listing:hover .listArea .list-item:before { color: #FFF; }

@media screen and (min-width: 1024px) {
  .listing { padding: 25px; }
}
@media screen and (max-width: 414px) {
  .listing .listArea .img-wrap { float: none; margin: 0 0 20px; width: auto; }
  .listing .listArea .img-wrap + ul.list { float: none; width: 100%; }
}


/** IconLink */
.IconLink {}
.IconLink .outer { display: inline-block; }
.IconLink .inner { align-items: center; box-sizing: border-box; display: flex; flex: 0 1 auto; flex-flow: row wrap; justify-content: stretch; }
.IconLink .bgcolor-0 {}
.IconLink .inner:not(.bgcolor-0) { padding: 10px 30px; }
.IconLink .bgcolor-1 { background: #FFF; }
.IconLink .bgcolor-2 { background: #EDEDED; }
.IconLink .bgcolor-3 { background: #565555; }
.IconLink .bgcolor-4 { background: #CA1545; }
.IconLink a { display: block; }
.IconLink .img-wrap {}
.IconLink .img-wrap a { padding-right: 30px; }
.IconLink .img-wrap img {}
.IconLink .more { font-size: 16px; margin-top: 1px; padding-right: 25px; text-transform: none; }
.IconLink .more .sub-text { display: block; }
.IconLink .bgcolor-0 .more {}
.IconLink .bgcolor-0:hover .more,
.IconLink .bgcolor-0 .more:hover { color: #0072bf; }
.IconLink .bgcolor-1 .more { color: #c4248c; }
.IconLink .bgcolor-1:hover .more,
.IconLink .bgcolor-1 .more:hover { color: #565555; }
.IconLink .bgcolor-2 .more {}
.IconLink .bgcolor-2:hover .more,
.IconLink .bgcolor-2 .more:hover { color: #0072bf; }
.IconLink .bgcolor-3 .more { color: #FFF; }
.IconLink .bgcolor-3:hover .more,
.IconLink .bgcolor-3 .more:hover { color: #FFF; }
.IconLink .bgcolor-4 .more,
.IconLink .bgcolor-4 .more:after { color: #FFF; }
.IconLink .bgcolor-4:hover .more,
.IconLink .bgcolor-4 .more:hover { color: #565555; }
.IconLink a.more:after { font-size: 30px; margin-top: -17px; top: 50%; }


/** headerTextBox */
.headerTextBox { max-height: none; }
.headerTextBox:before { display: none; }
.headerTextBox .row { align-items: center; justify-content: center; height: 100%; margin: 0 auto; padding: 40px 0; }
.headerTextBox .row > .col {}
.headerTextBox .row > .col.col-md-6:first-child:last-child { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
.headerTextBox .imageslider, .headerTextBox .imageslider .TextArea, .headerTextBox .imageslider .TextArea .inner { position: relative; }
.headerTextBox .image + .TextArea {}
.headerTextBox .TextArea { background-position: center; background-repeat: no-repeat; background-size: cover; }
.headerTextBox .TextArea,
.headerTextBox .TextArea a,
.headerTextBox .TextArea header * { color: #FFF; }
.headerTextBox .frame { height: 100%; }
.headerTextBox .frame header {}
.headerTextBox .row > .col.col-md-6:first-child:last-child header:last-child { display: block; margin: 0 auto; padding: 50px 0; text-align: center; }
.headerTextBox .row > .col.col-md-6:first-child:last-child header:last-child h1 { display: block; }
.headerTextBox .frame header.hasSubHeader { margin: 0 0 20px; }
.headerTextBox .frame header.hasSubHeader h1 { font-weight: 600; line-height: 1; margin: 0; }
.headerTextBox .frame header .sub-header { display: block; font-weight: 400; }
.headerTextBox .frame header .headerImage { width: 65px; padding-right: 20px; vertical-align: top; }
.headerTextBox .frame header img { height: auto; width: auto; max-height: 100px; }
.headerTextBox .frame header + .ce-bodytext:before { content: ""; background: #FFF; display: block; height: 2px; width: 50%; margin: 20px 0 25px; }
.headerTextBox .ce-bodytext {}
.headerTextBox .frame .linkArea { margin: 20px 0 0; }
.headerTextBox .frame .linkArea:after { content: ""; clear: both; display: block;  }
.headerTextBox .frame .linkArea a { display: table; font-size: 16px; font-weight: 600; padding-right: 0; text-transform: none; }
.headerTextBox .frame .linkArea a + a { margin-top: 10px;; }
.headerTextBox .frame .linkArea a:hover { text-decoration: underline; }
.headerTextBox .frame .linkArea a:after { content: ""; display: inline-block; background: no-repeat center; background-size: contain; height: 30px; width: 30px; margin-left: 10px; position: relative; top: 7px; }
.headerTextBox .frame .linkArea a.more:after { background-image: url('../img/icon_screen_weiss.html'); }
.headerTextBox .frame .linkArea a.video:after { background-image: url('../img/icon_video.html'); }
.headerTextBox .footnote { font-size: 80%; margin: 40px 0 0; text-align: left; }
.headerTextBox .footnote .mandatory { float: left; }
.headerTextBox .footnote p { margin-bottom: 0; }
.headerTextBox .footnote a { text-decoration: underline; }
.headerTextBox .footnote a:hover { text-decoration: none; }
.headerTextBox .ce-textpic {}
.headerTextBox .ce-textpic .ce-row.slick-slider { margin: 0 auto; }
.headerTextBox .ce-textpic .slick-slider .slick-list { margin: 0 auto; }
.headerTextBox .ce-textpic .slick-slider .slick-track { display: flex; align-items: center; }
.headerTextBox .ce-textpic .ce-column { margin: 0; }
.no-js .headerTextBox .ce-textpic .ce-column + .ce-column { display: none; }
.headerTextBox .ce-textpic figure.image { overflow: visible; position: relative; }

@media screen and (min-width: 374px) {
  .headerTextBox .frame header { display: table; width: 100%; }
  .headerTextBox .frame header > * { display: table-cell; vertical-align: middle; }
  .headerTextBox .frame header.hasSubHeader .headerImage + h1 { position: relative; top: -10px; }
}
@media screen and (min-width: 666px) {
  .headerTextBox .frame header .headerImage { width: 85px; }
  .headerTextBox .frame .linkArea a { float: left; }
  .headerTextBox .frame .linkArea a:after { margin-left: 15px; }
  .headerTextBox .frame .linkArea a + a { margin-top: 0; margin-left: 5%; }
}
@media screen and (min-width: 768px) {
  .headerTextBox .frame .linkArea a + a { margin-left: 10%; }
  .headerTextBox .row > .col.col-md-6:first-child:last-child header:not(.hasSubHeader):last-child h1 { font-weight: 300; }
}
@media screen and (min-width: 992px) {
  .headerTextBox .row { align-items: stretch; }
  .headerTextBox div.ce-textpic.ce-center,
  .headerTextBox div.ce-textpic.ce-center .ce-gallery,
  .headerTextBox div.ce-textpic.ce-center .ce-outer,
  .headerTextBox div.ce-textpic.ce-center .ce-inner,
  .headerTextBox div.ce-textpic.ce-center .ce-row { height: 100%; }
  .headerTextBox div.ce-textpic.ce-center .ce-gallery[data-ce-images="1"] { height: auto; }
  .headerTextBox .ce-textpic .ce-row.slick-slider { margin: 0 50px; }
}
@media screen and (min-width: 1023px) {
  .headerTextBox .frame { margin-right: 50px; }
  .headerTextBox .row > .col.col-md-6:first-child:last-child .frame { margin-right: 0; }
  .headerTextBox .frame header + .ce-bodytext:before { margin: 40px 0 45px; }
  .headerTextBox .frame .linkArea { margin: 40px 0 0; }
}
@media screen and (min-width: 1024px) {
  .headerTextBox .row { padding: 80px 0 100px; }
  .headerTextBox .row > .col { padding: 0; }
  .headerTextBox .col-xl-6 { position: absolute; left: 0; bottom: 20px; }
  .headerTextBox .footnote { margin-top: 0; }
}
@media screen and (min-width: 1200px) {
  .headerTextBox .frame header h1 { font-size: 40px; }
  .headerTextBox .footnote { max-width: 80%; }
}
@media screen and (min-width: 1300px) {
  .headerTextBox .footnote { max-width: 79%; }
}
@media screen and (max-width: 1300px) {
  .headerTextBox .TextArea .inner { padding: 0 20px; }
}
@media screen and (max-width: 1023px) {
  .headerTextBox .imageslider { padding-top: 0; }
  .headerTextBox .imageslider .slider-image { /*display: none;*/ }
}
@media screen and (max-width: 991px) {
  .headerTextBox .col-xs-12 + .col-xs-12 { margin-top: 40px; }
}


/** special-content */
#special-content {}
#special-content .IconLink { display: table; margin: 0 auto 40px; }
@media screen and (min-width: 414px) {
  #special-content .IconLink { margin-right: 0; }
}
@media screen and (min-width: 1024px) {
  #special-content .IconLink .inner { padding: 20px; }
}
@media screen and (pointer: fine) and (min-width: 1024px),
  screen and (pointer: coarse) and (min-width: 1024px) and (orientation: portrait),
  screen and (min-width: 1025px) {
  #special-content .off-view { opacity: 1; transform: none; }
  #special-content .IconLink { margin: 0; position: fixed; top: 140px; right: 0; z-index: 2; }
}
@media screen and (min-width: 1300px) {
  #special-content .IconLink .inner { padding: 30px 20px 30px 30px; }
}
@media screen and (min-width: 1500px) {
  #special-content .IconLink .inner { /*padding: 50px 20px 50px 50px;*/ }
}
@media screen and (max-width: 1023px),
  screen and (pointer: coarse) and (max-width: 1024px) and (orientation: landscape) {
  #mainContent #special-content { margin-top: -40px; margin-bottom: 40px; }
  #special-content .IconLink { display: block; text-align: center; }
  #special-content .IconLink .outer { text-align: left; }
  #special-content .IconLink .inner { padding: 20px; z-index: 1; }
  #special-content .IconLink .inner:before { content: ""; display: block; height: 100%; position: absolute; top: 0; right: -50vw; left: -50vw; z-index: -1; }
  #special-content .IconLink .bgcolor-1:before { background: #FFF; }
  #special-content .IconLink .bgcolor-2:before { background: #EDEDED; }
  #special-content .IconLink .bgcolor-3:before { background: #565555; }
  #special-content .IconLink .bgcolor-4:before { background: #CA1545; }
}
@media screen and (min-width: 667px) and (max-width: 1023px) {
  #mainContent #special-content { margin-top: -60px; margin-bottom: 60px; }
}
@media screen and (min-width: 992px) and (max-width: 1023px) {
  #mainContent #special-content { margin-top: -80px; margin-bottom: 80px; }
}


/* eof */