@page {
    size: portrait;
    margin: 20mm 10mm;
}

body {
    font-family: "pragmatica-web-n4", "pragmatica-web", sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.428571429;
    color: #666666;
}
select option {
    color: #666666;
}
a {
    color: #0098d4;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
a:hover,
a:focus,
a:active {
    color: #0098d4;
    text-decoration: none;
}
ol {
    font-weight: bold;
}
ol p {
    font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    color: #000000;
}
.heading {
    font-family: "myriad-pro-n4", "myriad-pro", sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.428571429;
    color: #000000;
    text-transform: uppercase;
    padding: 30px 0 10px 0
}
h4.heading {
    color: #666666;
    text-transform: none;
}
.heading .divider {
    display: block;
    width: 40px;
    height: 1px;
    margin: 22px 0 0;
    background-color: #000000;
}
header h1.heading,
.csc-csc-header h1.heading,
.csc-textpicHeader h1.heading {
    margin-bottom: 18px;
}
header h2.heading,
.csc-csc-header h2.heading,
.csc-textpicHeader h2.heading {
    margin-bottom: 18px;
}
header h3.heading .divider,
.csc-csc-header h3.heading .divider,
.csc-textpicHeader h3.heading .divider {
    margin-bottom: 15px;
}
header h4.heading,
.csc-csc-header h4.heading,
.csc-textpicHeader h4.heading {
    margin-bottom: 18px;
}
.img-responsive {
    max-width: 50% !important;
    height: auto;
}
figcaption {
    font-size: 12px;
    font-style: italic;
}
.bold {
    font-weight: bold;
}
.uppercase {
    text-transform: uppercase;
}
.italic {
    font-style: italic;
}
.book {
    font-family: 'vw_headline_otbook';
}
.sbold {
    font-family: 'vw_headline_otsemibold';
}
.black {
    font-family: 'vw_headline_otblack';
}
.verdana {
    font-family: 'Verdana';
}
.arial {
    font-family: 'Arial';
}
.f9 {
    font-size: 10px;
}
.f10 {
    font-size: 10px;
}
.f11 {
    font-size: 11px;
}
.f12 {
    font-size: 12px;
}
.f13 {
    font-size: 13px;
}
.f14 {
    font-size: 14px;
}
.f18 {
    font-size: 18px;
}
.f36 {
    font-size: 36px;
}
.f48 {
    font-size: 48px;
}
.lh12 {
    line-height: 12px;
}
.lh14 {
    line-height: 14px;
}
.lh18 {
    line-height: 18px;
}
.lh20 {
    line-height: 20px;
}
.lh24 {
    line-height: 24px;
}
.lh30 {
    line-height: 30px;
}
.lh48 {
    line-height: 48px;
}
.graydark {
    color: #33434d;
}
.graylightmedium {
    color: #a6acaf;
}
.graylight {
    color: #858585;
}
.graydarkmedium {
    color: #6c757f;
}
.graymedium {
    color: #888888;
}
.bermudagray {
    color: #6f91a7;
}
.blue {
    color: #0054a9;
}
.blue2 {
    color: #7cabda;
}
.cyan {
    color: #00b1f0;
}
.orange {
    color: #f7a400;
}
.yellow {
    color: #efc500;
}
.red {
    color: #d43f3a;
}
.gray {
    color: #909090;
}
.tundora {
    color: #474747;
}
.gold {
    color: #948c4c;
}
.mosque {
    color: #006871;
}
.christi {
    color: #85a314;
}
.info {
    color: #0098d4;
}
.success {
    color: #86a313;
}
.warning {
    color: #ef7b0e;
}
.error {
    color: #e62d35;
}

.list-group {
    font-size: 13px;
    color: #777777;
    margin-top:15px;
}
.list-group .title {
    font-family: "myriad-pro-n4", "myriad-pro", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    color: #000000;
    text-transform: uppercase;
}

.list-group {
    margin-bottom: 0;
}
.list-group .all {
    float: right;
    margin-top: 1px;
}
.list-group .divider {
    width: 40px;
    height: 1px;
    margin: 22px 0 16px;
    background-color: #000000;
}
.list-group-item {
    padding: 20px 0;
    background-color: transparent;
    border: 0;
    border-top: 1px solid #eaeaea;
}

.list-group .all {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}
.list-group .all a {
    color: #85a314;
}
.list-group .divider {
    text-align: left;
}
.list-group-item strong {
    color: #777777;
}
.list-group-item .title {
    font-family: "myriad-pro-n4", "myriad-pro", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    color: #333333;
    text-transform: uppercase;
}
.list-group-item .title a {
    color: #333333;
    text-decoration: none;
}
.list-group-item .teaser {
    font-size: 12px;
    color: #888888;
}
.list-group-item p {
    line-height: 20px;
    color: #666666;
    font-size: 13px;
}
.list-group-item .dates {
    font-family: "myriad-pro-n4", "myriad-pro", sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
}
.list-group-item .dates .date {
    font-weight: normal;
    font-style: normal;
}
.list-group-item .dates .schedule {
    line-height: 18px;
    font-weight: bold;
    font-style: italic;
}
.list-group-item .dates .time {
    font-weight: normal;
    font-style: normal;
}
.list-group-item .date {
    font-family: "myriad-pro-n4", "myriad-pro", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
}
.list-group-item ul li a {
    font-size: 11px;
    color: #888888;
}
.list-group-item dl dt {
    font-style: italic;
    color: #006871;
}
.list-group-item dl.dl-horizontal dt {
    color: #474747;
    font-style: normal;
}
.list-group-item .dl-horizontal {
    font-family: "myriad-pro-n4", "myriad-pro", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.428571429;
    color: #474747;
}
.list-group-item .dl-horizontal dt {
    text-align: left;
}

label {
    font-size: 11px;
    color: #9b9b9a;
}
.form-control {
    color: #666666;
    font-size: 11px;
}
select.form-control {
    text-indent: 1px;
    text-overflow: '';
}
.btn-search,
.btn-search-form {
    font-family: "myriad-pro-n4", "myriad-pro", sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
    text-transform: uppercase;
    color: #85a314;
}
.btn-search-form,
.btn-search-form:hover,
.btn-search-form:focus {
    color: #ffffff;
}
.btn-repository {
    font-family: "myriad-pro-n4", "myriad-pro", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
    color: #0098d4;
}
.btn-delete {
    font-family: "myriad-pro-n4", "myriad-pro", sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
    color: #d43f3a;
}
.btn-search:focus,
.btn-search:hover {
    color: #85a314;
}
.btn-repository:focus,
.btn-repository:hover {
    color: #0098d4;
}
.btn-delete:focus,
.btn-delete:hover {
    color: #d43f3a;
}
.btn-login,
.btn-download {
    font-family: "myriad-pro-n4", "myriad-pro", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
    color: #0098d4;
}
.btn-login:focus,
.btn-download:focus,
.btn-login:hover,
.btn-download {
    color: #0098d4;
}
.pagination > li > a,
.pagination > li > span {
    line-height: 31px;
    color: #666666 !important;
    font-size: 11px;
    text-align: center;
    padding: 0 5px;
}
.pagination .first a,
.pagination .first span,
.pagination .previous a,
.pagination .previous span,
.pagination .next a,
.pagination .next span,
.pagination .last a,
.pagination .last span {
    font-size: 16px;
    line-height: 29px;
}
.pagination > li > a:hover,
.pagination > li > a:focus {
    color: #0098d4 !important;
}
.pagination > li > span:hover,
.pagination > li > span:focus {
    color: #666666 !important;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    color: #0098d4 !important;
}

/* id´ und classes to hide in print */
#navigation,
.number-info,
.expand,
#breadcrumb,
.list-group span.title .all,
ul.pagination li.next,
#social,
#footer #meta-menu,
#quick-menu,
.controls,
#message,
.btn,
.sorting-arrows,
.icon-select,
#sub-menu,
#member-bar {
    display: none !important;
}

/* id´ und classes to show in print */
.logo, #copyright strong, .print-content {
    display: block!important;
}

/* settings for optimize the printview */

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left:0; padding-right:0;
}
dl dd { margin-left:0; }
dl dt { font-weight:bold; }

.wrapper {
    color: #000000!important;
}

.text-center {
    text-align:center;
}

.vertical-divider {
    display:none;
}

.wrapper-inner{
    left: 0px;
}

.logo {
    position: absolute;
    right: 10px;
    top: 10px;
}

.logo img {
    width: 100px;
    height: auto;
}

.top-menu {
    height: 60px;
    border-bottom: 1px solid #CCC;
}

ul.pagination {
    text-align: center;
    padding-left:0;
}

ul.pagination li {
    display: inline;
}

ul.pagination li.active,
.footer-contact p {
    font-weight: bold;
}

#footer {
    background-color: transparent;
    width:auto;
    border-top:1px solid #CCC;
    padding-top:10px;
    margin-top:20px;
}

#copyright {
    text-align: left;
    font-size: 8px;
}

.footer-contact {
    padding-top: 0px;
    padding-bottom: 0px;
}

.footer-contact address,
.footer-contact address.numbers a,
.footer-contact strong,
.footer-contact span,
.footer-contact p,
.footer-contact a {
    color: #000000!important;
}

.top-menu-item {
    width: auto;
    height: auto;
    margin-top: 0px;
    border: none;
}

/** table **/
/**
* ------------------------------------------------------------------------------------------------- #
*
* Tables | Tabellen
*
* (en) Generic classes for table-width and design definition
* (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
*
* @section content-tables
*/
table.table {
    width: 100%;
    border-collapse: collapse;
    color: #444444;
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
    margin: 0 0 1.35714em 0;
}
table.table.narrow {
    margin: 0 0 1.42857em 0;
}
table.table th,
table.table td {
    padding: 0.7em 0.5em;
    line-height: 1.42857;
}
table.fixed {
    table-layout: fixed;
}
table.table {
    border: 1px #ccc solid;
}
table.table thead th {
    background: #e0e0e0;
    border-right: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
}
table.table tbody th[scope="row"] {
    background: #f0f0f0;
}
table.table tbody th {
    border-right: 1px solid #ccc;
}
table.table tbody td {
    border-right: 1px solid #ccc;
}

caption {
    font-variant: small-caps;
}

th,
td {
    line-height: 1.5em;
    vertical-align: top;
    padding: 0.71429em 0.5em;
}

th *:first-child,
td *:first-child {
    margin-top: 0;
}

th.nowrap,
td.nowrap {
    white-space: nowrap;
}

thead th {
    text-align: left;
    color: #000;
    border-bottom: 2px #000 solid;
}

tbody {
    /* highlight row on mouse over */
}
tbody th {
    text-align: left;
    border-top: 1px solid #ccc;
}
tbody td {
    text-align: left;
    border-top: 1px solid #ccc;
}
tbody tr:hover th,
tbody tr:hover td {
    background: #f8f8f8;
}

/** homepage **/
#theater .swiper-wrapper {
    height:800px;
}
#theater .swiper-slide {
    width: 100% !important;
}
.theater-item .title,
.theater-item p {
    width:600px;
}
.theater-item .title {
    font-family: "myriad-pro-n4", "myriad-pro", sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 48px;
    text-transform: uppercase;
    color:#000;
}

.projects .swiper-slide { display:none; }
.projects .swiper-slide-active { display:block; width:auto!important; }
.projects .swiper-wrapper {
    transform: none!important;
    -webkit-transform: none!important;
    -moz-transition: none!important;
    -o-transform: none!important;
}



/** disable fact boxes) */

.top-menu-item:nth-child(1),
.top-menu-item:nth-child(2),
.top-menu-item:nth-child(0),
.top-menu-item:nth-child(4) {
    display:none;
}

.top-menu-item.facts {
    display:none;
}

.top-menu-item-inner {
    padding: 0px;
}

input.form-control, select.form-control {
    display: block;
    width: 364px;
    height: 15px;
    padding: 6px 12px;
    line-height: 1.42857143;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}

#offcanvas.sub-menu {
    left: 0px;
}

.wrapper-background {
    overflow: visible;
}

.hide-print {
    display:none;
}

/* Hide swiper */
.swiper-container {
    display: none;
}