@font-face {
    font-family: 'Titillium Web';
    src:
            url('/fileadmin/default/templates/shared/Fonts/TitilliumWeb/titilliumweb-regular.woff2') format('woff2'),
            url('/fileadmin/default/templates/shared/Fonts/TitilliumWeb/titilliumweb-regular.woff') format('woff'),
            url('/fileadmin/default/templates/shared/Fonts/TitilliumWeb/titilliumweb-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Titillium Web';
    src:
            url('/fileadmin/default/templates/shared/Fonts/TitilliumWeb/titilliumweb-light.woff2') format('woff2'),
            url('/fileadmin/default/templates/shared/Fonts/TitilliumWeb/titilliumweb-light.woff') format('woff'),
            url('/fileadmin/default/templates/shared/Fonts/TitilliumWeb/titilliumweb-light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Titillium Web';
    src:
            url('/fileadmin/default/templates/shared/Fonts/TitilliumWeb/titilliumweb-semibold.woff2') format('woff2'),
            url('/fileadmin/default/templates/shared/Fonts/TitilliumWeb/titilliumweb-semibold.woff') format('woff'),
            url('/fileadmin/default/templates/shared/Fonts/TitilliumWeb/titilliumweb-semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Titillium Web';
    src:
            url('/fileadmin/default/templates/shared/Fonts/TitilliumWeb/titilliumweb-bold.woff2') format('woff2'),
            url('/fileadmin/default/templates/shared/Fonts/TitilliumWeb/titilliumweb-bold.woff') format('woff'),
            url('/fileadmin/default/templates/shared/Fonts/TitilliumWeb/titilliumweb-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

body { background: #fff; color: #5b5b5d; font-family: 'Titillium Web', sans-serif; }

#wrap { padding-top: 165px; }
#headerBox { background-color: #fff; min-height: 155px; }
#headerBox .contentInnerWrap > .frame { padding-bottom: 25px; }
#mainLogo { max-width: 138px; }
#logo1 { display: block; max-width: 246px; margin-top: 10px; }

#menuBox { bottom: 0; padding-left: 255px; }
#mainNav > li { padding-bottom: 20px; }
#mainNav li.current > a, #mainNav a.active { color: #b8044c; }
#mainNav a:hover { color: #f69800; }
#mainNav ul { padding: 2px 0 0 0; }
#mainNav ul li a { padding: 15px 25px; background-color: rgba(255,255,255,0.85); box-shadow:  0 5px 5px rgba(0, 0, 0, 0.2); }
#mainNav ul li a:hover { background-color: #fff; }
.sf-menu ul { left: -15px; }

.contentOuterWrap.hgVar1 { background-color: #f69800; }
.contentOuterWrap.hgVar2 { background-color: #f69800; }


#info-bubble {
    position: absolute;
    top: 0;
    right: 0;
    width: 240px;
    height: 300px;
    background: transparent url(../images/infos-bubble.png) top left;
    background-size: 100% 100%;
    padding-left: 75px;
    padding-top: 40px;
}
#info-bubble * { color: #fff; }
#info-bubble h4 { text-transform: uppercase; font-size: 1.28571428571429em; margin: 0; }
#info-bubble p { margin: 0.5em 0; }
#info-bubble span { display: none; }

footer { background-color: #b8044c; margin-top: 100px; }
#goTop { color:  #f69800; }

a { color: inherit; }
a:hover { text-decoration: none; }
h1 { text-transform: uppercase; font-size: 2em; }
h1, h2, h3 { color: #b8044c; }

h3 { margin-bottom: 0.25em; }
.marked { color: #b8044c; }
b,strong { font-weight: 600; }

hr {
    border-top: 1px solid #fff;
    margin: 1em 0;
}
figcaption { color: #b8044c; font-size: 1em; }

span.fixedwidth { display: inline-block; width: 5em; }

.contentInnerWrap  .frame hr:first-child { margin-top: 0; margin-bottom: 40px; }
.contentInnerWrap  .frame hr:last-child { margin-top: 40px; margin-bottom: 0; }

blockquote { font-style: italic; font-weight: 300; margin: 20px 0; }
blockquote h2 { font-size: 2.2em; }
blockquote h2, blockquote h3, blockquote h4 { font-weight: 300; }
blockquote + p {  padding-bottom: 20px; }

#breadcrumb a { color: #5b5b5d; text-decoration: none; }
#breadcrumb a:hover { color: #b8044c; }

.grid .column .hgVar2 { border-top: dotted 1px #dededf; border-bottom: dotted 1px #dededf; padding: 2em 0; }
.grid .column .hgVar2 + .hgVar2 { border-top: none; }
.grid .column .hgVar2 .frame { margin-bottom: 0!important; }
.grid .column .hgVar2 .frame :last-child { margin-bottom: 0; }

.hgVar3 h1 { color: #f69800;  border-top: dotted 1px #f69800; border-bottom: dotted 1px #f69800; padding: 0.5em 0; font-weight: 300; font-style: italic; margin-bottom: 1em; }
.hgVar3 { border-bottom: dotted 1px #dededf; padding-bottom: 2em; margin-bottom: 1.8em; }

.hgVar1 .grid.grid_3_col.equal .column .frame .csc-header-n1,
.hgVar1 .grid.grid_3_col.equal .column .frame{ border-color: #fff; }
.hgVar1 .grid.grid_3_col.equal .column .frame h2,
.hgVar1 .grid.grid_3_col.equal .column .frame h3,
.hgVar1 .grid.grid_3_col.equal .column .frame p,
.hgVar1 .grid.grid_3_col.equal .column .frame ul { padding: 20px 10px 20px 20px; }
.hgVar1 .grid.grid_3_col.equal .column .frame h2:first-child,
.hgVar1 .grid.grid_3_col.equal .column .frame h3:first-child,
.hgVar1 .grid.grid_3_col.equal .column .frame p:first-child,
.hgVar1 .grid.grid_3_col.equal .column .frame ul:first-child { padding-top: 20px; }

.hgVar1 .grid.grid_2_col .column .frame { border-top: solid 1px #fff; border-bottom: solid 1px #fff; }
.hgVar1 .grid.grid_2_col .column .frame .csc-header-n1 { border-bottom: solid 1px #fff; }
.hgVar1 .grid.grid_2_col .column .frame h2,
.hgVar1 .grid.grid_2_col .column .frame h3,
.hgVar1 .grid.grid_2_col .column .frame p,
.hgVar1 .grid.grid_2_col .column .frame ul { padding: 0 10px 20px 20px; }
.hgVar1 .grid.grid_2_col .column .frame h2:first-child,
.hgVar1 .grid.grid_2_col .column .frame h3:first-child,
.hgVar1 .grid.grid_2_col .column .frame p:first-child,
.hgVar1 .grid.grid_2_col .column .frame ul:first-child { padding-top: 20px; }




#wrap.sticky #logo1 { display: none; }
#wrap.sticky #headerBox { height: 114px; min-height: 0; padding-top: 0; transition: all 0.4s ease; }

button[type="submit"], .tx-indexedsearch-searchbox input[type="submit"] { background-color: #b8044c; }
input, textarea, .tx-indexedsearch-searchbox input { border-style: dotted; border-radius: 6px; }

@media only screen and (max-width: 48em) {
    #wrap { padding-top: 94px; }
    #headerBox { min-height: 94px; height: auto; }
    #info-bubble { width: 160px; height: 200px; }
    #headerBox .contentInnerWrap > .frame {  padding-top: 15px; padding-bottom: 15px; }
    .navbar-toggle { bottom: 20px; }
    #mainNav { top: 94px; }
    #mainNav > li { padding-bottom: 0; }
    #mainNav ul { padding: 0; }
    #mainNav ul li a { padding: 0 10px 0 20px; box-shadow: none; }
    #logo1 { display: none; }
    .contentInnerWrap > .frame { padding-top: 0; }
}

@media only screen and (max-width: 22em) {
    #info-bubble { width: 120px; height: 150px; }
    #headerBox .contentInnerWrap > .frame {  padding-top: 5px; padding-bottom: 10px; }
    #wrap { padding-top: 79px; }
    #headerBox { min-height: 65px; }
    #mainNav { top: 79px; }
}