@charset "UTF-8";

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figure{margin:0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print{blockquote,img,pre,tr{page-break-inside:avoid}*,:after,:before,blockquote:first-letter,blockquote:first-line,div:first-letter,div:first-line,li:first-letter,li:first-line,p:first-letter,p:first-line{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #999}thead{display:table-header-group}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}

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

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
html {
  font-size: 15px;
  position: relative;
  min-height: 100%;
}

@font-face {
  font-family: 'Raleway';
  src: url('../Fonts/raleway-regular-webfont.woff2') format('woff2'),
  url('../Fonts/raleway-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'RalewayBold';
  src: url('../Fonts/raleway-semibold-webfont.woff2') format('woff2'),
  url('../Fonts/raleway-semibold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


body {
  font-family: "Raleway", Arial, sans-serif;
  font-size:  1rem;
  line-height: 1.6;
  color: #222;
  background-color: #FFF;
}
p {
  margin: 1rem 0;
}
a {
  color: #981E32;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #550815;
  text-decoration: underline;
}
img {
  max-width: 100%;
  height: auto;
}
h1, h2, .headline {
  color: #981E32;
  line-height: 1.2;
  font-family: "RalewayBold", Arial, sans-serif;
  /*font-weight: bold;*/
  display: block;
  font-size: 1.6rem;
  margin-bottom: 1.8rem;
}
hr {
  margin-bottom: 1rem;
  height: 1.6rem;
  border: 0;
  background: transparent;
  color: transparent;
}
.headline2 {
  /*font-weight: bold;*/
  font-family: "RalewayBold", Arial, sans-serif;
}
.color {
  color: #981E32;
}
.content ul {
  margin: 1rem 0;
  list-style: none;
  padding: 0 0 0 1.5rem;
}
.content li {
  margin-bottom: .75rem;
  padding-left: 1rem;
  position: relative;
}
.content li:before {
  content: "";
  background: url("../Icons/list.png") no-repeat;
  width: 5px;
  height: 5px;
  position: absolute;
  left: 0;
  top: .7rem;
}
.align-center {
  text-align: center;
}

.homepage-spacer1 {
  margin-top:1.95em;
}

@media (min-width: 1340px) {
  .homepage-spacer2 {
    white-space: nowrap;
  }
}
@media (min-width: 992px) {
  .align-right {
    text-align: right;
  }
}

.tr,
.td {display:inline;}
.table .td.signature {text-align:right;}
.td.signature {display:block;margin-bottom:1em;}

@media (min-width: 670px) {

  .table {
    display: table;
  }
  .tr {
    display: table-row;
  }
  .td {
    display: table-cell;
  }
  .table .td.signature {margin-bottom:0;}

}

/* ==========================================================================
   Grid system
============================================================================= */

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.row {
  margin-left: -1rem;
  margin-right: -1rem;
}
.c0 > *:first-child, .c1 > *:first-child, .c2 > *:first-child, .c3 > *:first-child, .c4 > *:first-child, .c5 > *:first-child, .c6 > *:first-child, .c7 > *:first-child, .c8 > *:first-child, .c9 > *:first-child, .c10 > *:first-child, .c11 > *:first-child, .c12 > *:first-child {
  margin-top: 0;
}
.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 {
  position: relative;
  min-height: 1px;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 992px) {
  .c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 {
    float: left;
  }
  .c12 {
    width: 100%;
  }
  .c11 {
    width: 91.66666667%;
  }
  .c10 {
    width: 83.33333333%;
  }
  .c9 {
    width: 75%;
  }
  .c8 {
    width: 66.66666667%;
  }
  .c7 {
    width: 58.33333333%;
  }
  .c6 {
    width: 50%;
  }
  .c5 {
    width: 41.66666667%;
  }
  .c4 {
    width: 33.33333333%;
  }
  .c3 {
    width: 25%;
  }
  .c2 {
    width: 16.66666667%;
  }
  .c1 {
    width: 8.33333333%;
  }
}

/* ==========================================================================
  Header
============================================================================= */

header {
  position: relative;
  padding: 1.2rem 0;
  background: #FFF;
  z-index: 9999;
}

.top {
  overflow: hidden;
}
.top:before {
  content: "";
  background: url("../Images/bg-top.png") no-repeat;
  position: absolute;
  width: 871px;
  height: 244px;
  top: 0;
  right: 0;
  z-index: -1;
}
.markets .top::before {
  background-image: url("../Images/bg-markets-top.png");
  /*
  width: 1170px;
  height: 700px;*/
  /*
  width:100%;
  height:100%;
  max-width:1170px;
  max-height:700px;
  background-size:100%;
  margin-top: 120px;
  */
}

@media (min-width: 768px) {
  .markets .top::before {
    /*margin-top: 0;*/
  }
}

.logo {
  background: url("../Images/logo.png") no-repeat;
  width: 265px;
  height: 65px;
  text-indent: -9999px;
  display: inline-block;
}
.logo.marketing {
  background-image: url("../Images/logo-marketing.png");
}
.international,
.national {
  display: none;
}
@media (min-width: 768px) {
  header {
    background: transparent;
  }
  .international,
  .national {
    float: right;
    position: relative;
    margin-top: .3rem;
    display: block;
  }
  .international:before,
  .national:before {
    content: "";
    border: 1px solid #CCC;
    height: 100%;
    position: absolute;
    width: 1000%;
    background: #FFF;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
  }
  .international:after,
  .national:after {
    content: "";
    position: absolute;
    left: 1px;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    /* border-width: 1.15rem 0 1.15rem 10px; */  /* 1 Lines = 1,3 line-height) */
    border-width: 1.8rem 0 1.8rem 10px; /* 2 Lines = 1,3 line-height) */
    border-color: transparent transparent transparent #981E32;
  }
  .international a,
  .national a {
    padding: .5rem 0 .5rem 2rem;
    display: block;
    position: relative;
    line-height: 1.3;
    color: inherit;
    text-decoration: none;
    max-width: 205px;
  }
  .national a {
    max-width: 215px;
  }
}
ul.flags {
  border-bottom: 1px solid #DDD;
  padding: 0 0 1rem;
  margin-bottom: 2rem;
}
.flags li {
  padding: 0;
  display: inline-block;
  margin-right: 1rem;
}
.flags li:before {
  content: "";
  background: none;
}
.flags .active {
  border: 5px solid #CCC;
}
.flags a {
  display: block;
  text-indent: -9999px;
  width: 30px;
  height: 24px;
}
.flags .ch-at {
  background: url("../Icons/flag-at-ch.png") no-repeat;
}
.flags .en {
  background: url("../Icons/flag-en.png") no-repeat;
}

/* ==========================================================================
  Footer
============================================================================= */

footer {
  background-color: #BBB;
  margin-top: 2.5rem;
}
footer:before,
footer:after {
  /*bottom: -2.5rem;*/
  bottom: 0;
  right: 0;
  position: absolute;
  content: "";
  z-index: -1;
}
footer:before {
  background: url("../Images/bg-bottom2.png") repeat-x;
  width: 100%;
  height: 244px;
}
footer:after {
  background: url("../Images/bg-bottom.png") no-repeat;
  width: 871px;
  height: 244px;
}
footer .nav,
footer .nav li {
  float: none;
}
footer .nav li {
  display: inline-block;
}

@media (max-width: 767px) {
  footer .nav li {
    margin-right: 1em;
  }
  footer .nav li:last-child {
    margin-right: 0;
  }
}

.home-footer {
  padding: 1.5rem 0;
  background-color: #DDD;
  margin-top: 3rem;
}
.home-footer + footer {
  margin-top: 0;
}
.home-footer .headline2 {
  display: inline;
}

/* ==========================================================================
   Sticky Footer: Body margin bottom biggar as Footer outerheight
============================================================================= */

@media (min-width: 768px) {
  body {
    /*margin-bottom: 8rem;*/
  }
  footer {
    /*position: absolute;*/
    /*bottom: 0;*/
    /*width: 100%;*/
    margin-bottom: 3rem;
  }
  footer:before {
    /*bottom: -3rem;*/
  }
}

/* ==========================================================================
   Navigation
============================================================================= */

nav {
  background-color: #DDD;
  margin-bottom: 4rem;
  position: relative;
}
.nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.nav li {
  position: relative;
  display: block;
}
.nav a,
.nav span {
  position: relative;
  display: block;
  padding: .3rem 0;
}
.nav a {
  color: inherit;
}
.nav a:hover {
  color: #981E32;
}
.nav li:first-child a,
.nav li:first-child span {
  padding-left: 0;
}
.nav li:last-child a,
.nav li:last-child span {
  padding-right: 0;
}
.nav .active {
  color: #981E32;
  cursor: default;
}
.nav .mobile br {
  display:none;
}
.nav-button {
  padding: .3rem 0;
  cursor: pointer;
  z-index: 9999;
  position: relative;
  background: #DDD;
}
.nav-button:hover {
  color: #981E32;
  text-decoration: underline;
}
.nav-button:before {
  content: "";
  display: inline-block;
  margin-right: 1rem;
  width: 10px;
  height: 11px;
  background: url("../Icons/nav.png") no-repeat;
}
.nav-button.open:before {
  background-image: url("../Icons/nav-close.png");
}
.nav-button + .nav {
  position: absolute;
  top: -30rem;
  background-color: #DDD;
  left: 0;
  padding: 0 1rem;
  z-index: 999;
  width: 100%;
  -webkit-transition: top .3s;
  transition: top .3s;
}
.nav-button.open + .nav {
  top: 2.2rem;
  -webkit-box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2);
  -moz-box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2);
  box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2);
}
@media (min-width: 768px) {
  .nav-button,
  .nav .mobile {
    display: none;
  }
  .nav-button + .nav,
  .nav-button.open + .nav {
    position: static;
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .nav,
  .nav li {
    float: left;
  }
  .nav a,
  .nav span {
    padding: .4rem .7rem;
  }
  .right {
    float: right;
  }

  .markets nav li:last-child {display:none}

}
@media (min-width: 992px) {
  .nav a,
  .nav span {
    padding: .4rem 1.7rem;
  }
}

/* ==========================================================================
   Form
============================================================================= */

.content form ul,
.content form ol {
  list-style: none;
  padding: 0;
  margin: 0
}
.content form li {
  margin-bottom: 1rem;
  padding: 0;
}
.content form li:before {
  content: "";
  background: none;
}
label {
  display: block;
  margin-bottom: .1rem;
  /*font-weight: bold;*/
  font-family: "RalewayBold", Arial, sans-serif;
}
input + label {
  font-weight: normal;
}
label em,
label strong {
  padding-left: .2rem;
  color: #D50000;
  font-style: normal;
}
input,
select,
textarea {
  width: 100%;
  border: 1px solid #CCC;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset;
  transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s;
}
input:focus,
select:focus,
textarea:focus {
  border-color: #66AFE9;
  outline: 0 none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(102, 175, 233, .6)
}
input,
select {
  height: 2.5rem;
}
input,
select,
option,
textarea {
  padding: 6px 12px;
}
input[type="checkbox"],
input[type="radio"] {
  width: auto;
  height: auto;
  float: left;
  margin-top: 5px;
}
input[type="checkbox"] + label,
input[type="radio"] + label {
  margin-left: 25px;
  cursor: pointer;
}
input[type="reset"],
input[type="submit"] {
  width: auto;
  padding: 6px 30px;
  text-align: center;
  background-color: #FFF;
  cursor: pointer;
  margin-top: 2rem;
}
input[type="reset"]:hover,
input[type="submit"]:hover {
  background-color: #E6E6E6;
  border-color: #ADADAD;
  color: #666;
}
.sender-mail {
  color: #3C763D;
  background-color: #DFF0D8;
  border: 1px solid #D6E9C6;
  padding: 1rem 1.5rem;
  /*font-weight: bold;*/
  font-family: "RalewayBold", Arial, sans-serif;
}
.csc-mailform > h2,
.csc-mailform > .headline2 {
  margin-top: 0;
}

/* ==========================================================================
   News
   ========================================================================== */

.news-home {
  display: block;
}
@media (min-width: 992px) {
  .news-home {
    display: inline;
    margin: 0 0 0 3rem;
  }
}
.news article {
  margin-bottom: -1px;
  padding: 2.5rem 0 1.5rem;
  border: solid #DDD;
  border-width: 1px 0;
}
.news article img {
  margin-bottom: 1rem;
}
.detail .headline1 + .teaser,
.detail h1 + .teaser {
  /*font-weight: bold;*/
  font-family: "RalewayBold", Arial, sans-serif;
  margin-top: -.8rem;
  margin-bottom: 3rem;
}
.backlink {
  margin-top: 3rem;
  display: block;
}
.news .more {
  display: inline-block;
}
ul.news-files {
  padding: 0;
  margin: 2rem 0;
  list-style-type: none;
}
.news-files span {
  padding-left: 5px;
}
.news-files li {
  background: url("../Icons/FileExtensions/file.png") no-repeat left 0;
  padding: 0 0 0 30px;
  margin: .7rem 0;
}
.news-files li:before {
  content: "";
  background: none;
}
.news-files .pdf {
  background-image: url("../Icons/FileExtensions/pdf.png");
}
.news-files .doc,
.news-files .docx{
  background-image: url("../Icons/FileExtensions/doc.png");
}
.news-files .gif {
  background-image: url("../Icons/FileExtensions/gif.png");
}
.news-files .jpg {
  background-image: url("../Icons/FileExtensions/jpg.png");
}
.news-files .png {
  background-image: url("../Icons/FileExtensions/png.png");
}
.page-navigation {
  margin: 2rem 0;
}
.page-navigation .c6 {
  padding: 0;
  margin: 0;
}
.page-navigation li {
  margin: 0;
  padding: 0;
  display: inline-block;
}
.page-navigation li:before {
  content: "";
  background: none;
}
.page-navigation a,
.page-navigation .current {
  display: inline-block;
  padding: .2rem 1rem;
}

/* ==========================================================================
   clearfix
   ========================================================================== */

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.row:before,
.row:after,
.nav:before,
.nav:after {
  content: "";
  display: table;
}
.clearfix:after,
.container:after,
.row:after,
.nav:after {
  clear: both;
}