/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

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

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

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

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

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

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

/*
 * A better looking default horizontal rule
 */

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

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

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

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

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

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

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

/* ==========================================================================
   Author's custom styles
   ========================================================================== */



#news {
    width: 100%;
    height: 30em;
    background: red;
    display: none;
    margin: 2em 0 1.8em;
}



body {
    /*color: #8D8A8A;*/
    color: #262020;
    font-size: 62.5%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
h1 {
    font-size: 4em;
    font-size: 3em;
    font-family: 'CallunaSans-Bold', 'Trebuchet MS', 'Arial', sans-serif;
    font-weight: normal;
    line-height: 1.2em;
    margin: 0.5em 0 0.5em;
}
h1 .additional {
    font-family: 'CallunaSans-Light', 'Trebuchet MS', 'Arial', sans-serif;
    font-size: 0.33em;
    font-size: 0.5em;
    display: block;
}
p,
li,
td {
    font-size: 1.5em;
    font-family: 'CallunaSans-Light', 'Trebuchet MS', 'Arial', sans-serif;
    line-height: 1.5em;
    margin: 1em 0;
}
td {
    vertical-align: top;
    padding: 0.25em 0;
}
a {
    color: #8A979D;
    text-decoration: none;
}
a:hover {
    color: #231F20;
    text-decoration: underline;
}

/* Hide non-mobile elements */
#subnavi,
#mainnavi,
#audiencePages {
    display: none;
}

/* Topbar */
#topbar {
    height: 70px;
    padding: 2em 2em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(141,138,138,0.3);
    -moz-box-shadow: 0px 2px 2px 0px rgba(141,138,138,0.3);
    box-shadow: 0px 2px 2px 0px rgba(141,138,138,0.3);
}
#topbar #logo img {
    max-width: 185px;
    height: auto;
}

/* Mobile navigation */
#mobile-navi {
    position: absolute;
    right: 4em;
    top: 1.5em;
    cursor: pointer;
}
#mobile-navi i.fa-bars,
#mobile-navi i.icon-toggle {
    font-size: 3em;
    color: #231F20;
}
#mobile-navi-panel {
    display: none;
    margin-top: 2.5em;
}
#mobile-navi-panel .top {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 2em;
    margin-bottom: 3.5em;
}
#mobile-navi-panel .top ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#mobile-navi-panel .top li {
    display: block;
    text-transform: uppercase;
    font-family: 'CallunaSans-Light', 'Trebuchet MS', 'Arial', sans-serif;
    font-size: 1.5em;
    letter-spacing: 1px;
    border-bottom: 1px solid #8A979D;
    padding: 0;
    margin: 0;
}
#mobile-navi-panel .top li a {
    text-decoration: none;
    color: #8A979D;
    display: block;
    line-height: 2.25em;
    padding-top: 0.2em;
}
#mobile-navi-panel .top li.cur a,
.no-touch #mobile-navi-panel .top li a:hover {
    color: #231F20;
}
#mobile-navi-panel .sub {
    background: #231F20;
}
#mobile-navi-panel .sub ul {
    padding: 2.5em 0;
}
#mobile-navi-panel .sub ul.persons {
    background: #474645;
}
#mobile-navi-panel .sub li {
    margin: 0;
    padding: 0;
}
#mobile-navi-panel .sub li a {
    display: block;
    text-transform: uppercase;
    color: #999999;
    text-decoration: none;
    padding: 0.5em 0;
    position: relative;
    margin: 0 1.43em;
}
#mobile-navi-panel .sub ul.persons li a {
    text-transform: none;
}
#mobile-navi-panel .sub li.cur a,
.no-touch #mobile-navi-panel .sub li a:hover {
    color: white;
}
#mobile-navi-panel span.twitter-linktext {
    padding-right: 0.5em;
}


/* Subnavi */
#subnavi {
    background: #231F20;
    width: 100%;
    min-height: 8em;
}
#subnavi ul.persons {
    background: #474645;
}
#subnavi ul {
    text-align: center;
    padding: 2.25em 0;
}
#subnavi li {
    display: block;
    font-size: 1.4em;
    font-size: 1.3em;
    font-weight: 900;
    letter-spacing: 2.17px;
    margin: 0;
    text-align: left;
}
#subnavi li a {
    font-weight: 900;
    display: block;
    text-transform: uppercase;
    color: #999999;
    text-decoration: none;
    padding: 0.5em 0;
    position: relative;
    margin: 0 1.2em;
}
#subnavi ul.persons li a {
    text-transform: none;
}
#subnavi li.cur a,
.no-touch #subnavi li a:hover {
    color: white;
}
#subnavi li.cur a:after,
.no-touch #subnavi li a:hover:after {
    content: "";
    display: block;
    border-bottom: 2px solid white;
    position: absolute;
    width: 100%;
}



/* Animation */
.home .slider {
    visibility: hidden;
} 
.home .slider .slick-track .slick-slide .slide-text h1 {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    position: relative;
    left: 45px;
    opacity: 0;
}
.home .slider .slick-track .slick-slide .slide-text p {
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
    position: relative;
    left: 45px;
    opacity: 0;
}
.home .slider .slick-track .slick-slide .slide-text a.slide-button {
    -webkit-transition: left 0.8s, opacity 0.8s, background-color 0.3s;
    -moz-transition: left 0.8s, opacity 0.8s, background-color 0.3s;
    transition: left 0.8s, opacity 0.8s, background-color 0.3s;
    position: relative;
    left: 45px;
    opacity: 0;
}
.home .slider .slick-track .slick-slide .slide-text a.slide-button.animation-in,
.home .slider .slick-track .slick-slide .slide-text p.animation-in,
.home .slider .slick-track .slick-slide .slide-text h1.animation-in {
    position: relative;
    left: 0;
    opacity: 1;
    transition-timing-function: ease-out;
}
.home .slider .slick-track .slick-slide .slide-text a.slide-button.animation-out,
.home .slider .slick-track .slick-slide .slide-text p.animation-out,
.home .slider .slick-track .slick-slide .slide-text h1.animation-out {
    position: relative;
    left: -100px;
    opacity: 0;
    transition-timing-function: ease-out;
}


.home .slider .slick-list,
.home .slider .slick-track,
.home .slider .slick-track .slick-slide {
    height: 100%;
}
.home .slider .slick-track .slick-slide .slide-innerwrapper {
    height: 100%;
    position: relative;
}
.home .slider .slick-track .slick-slide {
    background-size: cover;
    background-position: center center;
}
.home .slider .slick-track .slick-slide .slide-text {
    position: absolute;
    left: 20px;
    bottom: 60px;
    color: #FFFFFF;
}
.home .slider .slick-track .slick-slide:first-child .slide-text {
    bottom: auto;
    top: 50px;
}
.home .slider .slick-track .slick-slide .slide-text.slide-text-contact {
    top: auto;
    bottom: 50px;
}
.home .slider .slick-track .slick-slide .slide-text.slide-text-contact br {
    display: none;
}
.home .slider .slick-track .slick-slide .slide-text h1 {
    font-family: Calluna-Regular;
    font-size: 28px;
    color: #FFFFFF;
    letter-spacing: 1.17px;
    line-height: 30px;
    text-shadow: 0 1px 2px rgba(0,0,0,0.10);
}
.home .slider .slick-track .slick-slide:first-child .slide-text h1 {
    max-width: 325px;
    margin-top: 0;
    font-family: Calluna-Regular;
    font-size: 24px;
    color: #FFFFFF;
    letter-spacing: 1px;
    line-height: 30px;
    text-shadow: 0 1px 2px rgba(0,0,0,0.10);
}
.home .slider .slick-track .slick-slide:first-child .slide-text h1 br {
    display: none;
    max-width: 80%;
}
.home .slider .slick-track .slick-slide .slide-text p {
    max-width: 85%;
    font-family: CallunaSans-Light;
    font-size: 15px;
    color: #FFFFFF;
    letter-spacing: 0.01px;
    text-align: left;
    line-height: 22.5px;
    text-shadow: 0 1px 2px rgba(0,0,0,0.10);
}
.home .slider .slick-track .slick-slide .slide-text a.slide-button {
    font-family: 'CallunaSans-Bold', 'Trebuchet MS', 'Arial', sans-serif;
    letter-spacing: 2px;
    font-size: 12px;
    color: #FFFFFF;
    text-align: left;
    text-shadow: 0 1px 2px rgba(0,0,0,0.10);
    text-transform: uppercase;
    display: inline-block;
    min-width: 100px;
    margin-top: 0;
    margin-right: 20px;
    display: block;
    line-height: 40px;
}
.home .slider .slick-track .slick-slide .slide-text a.slide-button::before {
    padding-right: 10px;
    content: "\f093";
    display: inline-block;
    font: normal normal normal 14px/1 "Black Tie";
    font-weight: 700;
    position: relative;
    top: 1px;
    font-size: inherit;
    vertical-align: -14.28571429%;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
.home .slider .slick-track .slick-slide .slide-text a.slide-button.slide-button-phone {
    outline: none;
    text-align: left;
    background: none;
    margin-bottom: 0;
    font-family: CallunaSans-Bold;
    color: #FFFFFF;
    /*line-height: 27.3px;*/
    line-height: 40px;
    text-shadow: 0 1px 2px rgba(0,0,0,0.10);
    font-size: 14px;
    letter-spacing: 2.33px;
    text-align: left;
}
.home .slider .slick-track .slick-slide .slide-text a.slide-button.slide-button-phone:hover {
    background: none;
}
.home .slider .slick-track .slick-slide .slide-text a.slide-button.slide-button-phone i {
    display: none;
}
.home .slider .slick-prev,
.home .slider .slick-next {
    display: none!important;
}
   
   /* Tweak Slider Mobile bewlow 360px width */
    
    @media only screen and (max-width: 340px) {

    
    .home .slider .slick-track .slick-slide .slide-text p {
    max-width: 95%;
    font-family: CallunaSans-Light;
    font-size: 13.5px;
    letter-spacing: 0.01px;
    text-align: left;
    line-height: 20.5px;
    text-shadow: 0 1px 2px rgba(0,0,0,0.10);
    }
    
    .home .slider .slick-track .slick-slide .slide-text a.slide-button {
    font-family: 'CallunaSans-Bold', 'Trebuchet MS', 'Arial', sans-serif;
    letter-spacing: 2px;
    font-size: 12px;
    color: #FFFFFF;
    text-align: left;
    text-shadow: 0 1px 2px rgba(0,0,0,0.10);
    text-transform: uppercase;
    display: inline-block;
    min-width: 100px;
    margin-top: 0;
    margin-right: 20px;
    display: block;
    line-height: 24px;
    }
    
    .home .slider .slick-track .slick-slide .slide-text a.slide-button.slide-button-phone {
    outline: none;
    text-align: left;
    background: none;
    margin-bottom: 0;
    font-family: CallunaSans-Bold;
    color: #FFFFFF;
    /* line-height: 27.3px; */
    line-height: 24px;
    text-shadow: 0 1px 2px rgba(0,0,0,0.10);
    font-size: 12px;
    letter-spacing: 2.33px;
    text-align: left;
    }
    
    .home .slider .slick-track .slick-slide .slide-text.slide-text-contact {
    bottom: 15px;
    }
}
    





/* Scroll-down invitation within lead-in */
/*
#scroll-ctrl {
    margin-top: 6em;
    margin-top: 2em;
}
#scroll-ctrl span.icon {
    font-size: 3em;
}
#scroll-ctrl .icon-arrow-down {
    display: inline-block;
    text-decoration: none;
    color: black;
    letter-spacing: 1px;
    font-family: 'CallunaSans-Light', 'Trebuchet MS', 'Arial', sans-serif;
    font-size: 1.2em;
}
*/
#scroll-ctrl {
    width: 100%;
    text-align: center;
    height: 70px;
    position: absolute;
    margin: 0;
    padding: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    background: #FFFFFF;
}
#scroll-ctrl .icon-arrow-down:hover {
    text-decoration: none;
}
#scroll-ctrl .icon-arrow-down {
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    margin-top: 22px;
    font-family: CallunaSans-Bold;
    font-size: 12px;
    color: #8A979D;
    letter-spacing: 2px;
    text-align: center;
}
#scroll-ctrl .icon-arrow-down i {
    padding-top: 5px;
    display: block;
}

/* Outro */
#outro {
    padding: 4em 2em;
}
#outro {
    font-size: 2.2em;
    font-family: 'CallunaSans-Light', 'Trebuchet MS', 'Arial', sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 1.39em;
    margin: 0 0 1.25em;
}
#outro p.title > span {
    display: block;
}
#outro p {
    font-size: 1.5em;
    font-family: 'CallunaSans-Light', 'Trebuchet MS', 'Arial', sans-serif;
    line-height: 1.5em;
    margin: 2em 0;
}
#outro p {
    color: #231F20;
    margin: 0.5em 0;
}

/* Outro further links and clock */
#outro .clock {
    text-align: center;
    margin: 4em 0;
}
#outro .clock img {
    max-width: 4em;
}
#outro ul {
    list-style: none;
    padding: 0;
    margin: 4em 0 0;
}
#outro ul li {
    display: block;
    padding: 0;
    margin: 1.54em 0!important;
    font-size: 1.3em;
    font-family: 'CallunaSans-Light', 'Trebuchet MS', 'Arial', sans-serif;
    text-align: center;
    min-width: 0;
}
#outro ul li:last-child {
    margin-bottom: 0;
}
#outro ul li a {
    display: block;
    text-decoration: none;
    color: #231F20;
    border: 2px solid #231F20;
    padding: 0.8em 0 0.65em;
    min-width: 11.5em;
    text-transform: uppercase;
    line-height: 1.25em;
}

.facts p.title {
    font-size: 4.2em;
    font-family: 'CallunaSans-Bold', 'Trebuchet MS', 'Arial', sans-serif;
    margin: 0;
    padding: 0;
}
hr {
    display: block;
    width: 4em;
    border-top-width: 3px;
    border-top-color: white;
    text-align: left;
}



/*
 *
 * Swipe.js
 *
 */
.swipe {
    overflow: hidden;
    visibility: hidden;
    position: relative;
}
.swipe-wrap {
    overflow: hidden;
    position: relative;
}
.swipe-wrap > div {
    float: left;
    width: 100%;
    position: relative;
}



/*
 *
 * Facts presentor: image + swipable facts
 *
 */
#facts-presentor {
    position: relative;
}
#facts-presentor #swipe-ctrl {
    position: absolute;
}
#facts-presentor #swipe-ctrl #swipe-ctrl-innerwrapper {
    padding: 3em 2em;
}
#facts-presentor #swipe-ctrl #swipe-ctrl-innerwrapper div {
    margin-right: 2em;
    cursor: pointer;
    display: inline-block;
    outline: 2px solid white;
    width: 4em;
    height: 4em;
    text-align: center;
}
.no-touch #facts-presentor #swipe-ctrl #swipe-ctrl-innerwrapper div:hover {
    background-color: #8A979D;
}
#facts-presentor #swipe-ctrl #swipe-ctrl-innerwrapper div i {
    display: inline-block;
    font-size: 14px;
    color: white;
    line-height: 40px;
    position: relative;
}
#facts-presentor #swipe-ctrl #swipe-ctrl-innerwrapper div.ctrl-prev i {
    left: -1px;
}
#facts-presentor #swipe-ctrl #swipe-ctrl-innerwrapper div.ctrl-next i {
    left: 1px;
}
#facts-presentor .image {
    width: 100%;
    position: relative;
}
#facts-presentor .image img {
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
}
#facts-presentor .arrow {
    position: absolute;
    top: auto;
    bottom: -1px;
    right: auto;
    left: 45%;
    width: 0; 
    height: 0; 
    border-top: none;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 30px solid #8A979D;
}
#facts-presentor .facts {
    background-color: #8A979D;
    padding: 10em 0 3em 0em;
}
#facts-presentor #slider {
    margin: 0 2em;
}
#facts-presentor #slider .swipe-wrap {
    color: white;
}






#footer-totop {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    -webkit-transition: top 0.3s;
    transition: top 0.3s;
}
#footer-totop.atbottom {
    top: -30px;
}
#footer-totop div {
    margin: 0 auto;
    width: 0; 
    height: 0; 
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 30px solid #231F20;
    cursor: pointer;
    text-align: center;
}
#footer-totop div i {
    -webkit-transition: top 0.5s, opacity 0.8s;
    transition: top 0.5s, opacity 0.8s;
    font-size: 2em;
    display: inline;
    position: relative;
    left: -6px;
    top: 18px;
    color: white;
    opacity: 0;
}
#footer-totop.atbottom div i {
    top: 13px;
    opacity: 1;
}


#footer {
    position: relative;
    background-color: #231F20;
    padding: 4em 2em;
    color: white;
}
#footer .contact ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#footer .contact ul li {
    display: block;
    text-align: center;
    margin: 0 0 1.33em 0;
}
#footer .contact ul li:first-child {
    margin-top: 0;
}
#footer .contact ul li a {
    display: block;
    text-decoration: none;
    color: white;
    border: 2px solid white;
    padding: 0.6em 0 0.45em;
    line-height: 1.25em;
}
#footer .contact i {
    display: none;
}
#footer #credits p {
    text-align: center;
    margin: 3em 0 0 0;
}
#footer #credits p a {
    color: #999999;
    text-decoration: none;
}
#footer i {
    display: inline;
    color: #999999;
    margin-right: 0.5em;
}




/*
 *
 * Team extension old
 *
 */
/* 

.pages-wrapper ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.pages-wrapper .pages-cat .header > * {
    font-family: "CallunaSans-Bold", 'Trebuchet MS', 'Arial', sans-serif;
    font-size: 3.6em;
    width: 100%;
    background-color: #999999;
    margin: 0;
    padding: 0.46em 0.56em 0.36em;
    line-height: 1.4em;
    vertical-align: bottom;
    color: white;
    font-weight: normal;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.pages-wrapper .pages-menu {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 2em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #8E8A8E;
    color: white;
    position: relative;
}
.pages-wrapper .pages-menu:after {
    z-index: 10;
    position: absolute;
    right: -30px;
    top: 40%;
    content: '';
    width: 0; 
    height: 0; 
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid #8E8A8E;
    
    display: none;
}
.pages-wrapper .pages-menu .title {
    text-transform: uppercase;
    font-size: 1.9em;
    margin: 0.8em 0 0;
    padding: 0;
}
.pages-wrapper .pages-menu ul {
    margin: 1.5em 0;
}
.pages-wrapper .pages-menu li {
    padding: 0;
    margin: 0.75em 0;
}
.no-touch .pages-wrapper .pages-menu li {
    margin: 0;
}
.pages-wrapper .pages-menu li a {
    text-decoration: none;
    color: white;
}
.no-touch .pages-wrapper .pages-menu li a:hover {
    text-decoration: underline;
}
.pages-wrapper .pages li {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    font-size: 1em;
    width: 50%;
    height: auto;
    overflow: hidden;
    -webkit-transition: height .2s, width .2s;
    transition: height .2s, width .2s;
}
.pages-wrapper .pages li img {
    display: block;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
}
.pages-wrapper .pages li a {
    display: block;
    position: relative;
    overflow: hidden;
}
.pages-wrapper .pages li a .name {
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
    background-color: #262020;
    color: white;
    text-transform: uppercase;
    font-size: 1.5em;
    padding: 1em 0;
    height: auto;
    opacity: 0.6;
}
.no-touch .pages-wrapper .pages li a .name {
    padding: 0;
    height: 0;
    opacity: 1;
    -webkit-transition: padding .1s, opacity 0.15s;
    transition: padding .1s, opacity 0.15s;
}
.no-touch .pages-wrapper .pages li a:hover .name {
    padding: 2em 0;
    height: auto;
    opacity: 0.6;
}
.pages-wrapper .pages-cat:nth-child(2) .pages-menu {
    background-color: #201D19;
}
.pages-wrapper .pages-cat:nth-child(3) .pages-menu {
    background-color: #8B97A1;
}
.pages-wrapper .pages-cat:nth-child(2) .pages-menu:after {
    border-left: 30px solid #201D19;
}
.pages-wrapper .pages-cat:nth-child(3) .pages-menu:after {
    border-left: 30px solid #8B97A1;
}
.pages-wrapper .pages-cat:nth-child(2) .header > * {
    background-color: #4B4949;
}
.pages-wrapper .pages-cat:nth-child(3) .header > * {
    background-color: #ACC2D1;
}

 */





/*
 *
 * Team extension new
 *
 */


.pages-wrapper-flexbox ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.pages-wrapper-flexbox > .header > * {
    font-family: "CallunaSans-Bold", 'Trebuchet MS', 'Arial', sans-serif;
    font-size: 3.6em;
    /* width: 100%; */
    /* background-color: #999999; */
    margin: 0;
    padding: 0.46em 0.56em 0.36em;
    line-height: 1.4em;
    vertical-align: bottom;
    color: white;
    font-weight: normal;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.pages-wrapper-flexbox .pages-menu {
/*     width: 100%;
    height: auto;
 */    margin: 0;
    padding: 2em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    
    color: white;
    position: relative;
}
/* .pages-wrapper-flexbox .pages-menu:after {
    z-index: 10;
    position: absolute;
    right: -30px;
    top: 40%;
    content: '';
    width: 0; 
    height: 0; 
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid #8E8A8E;
    
    display: none;
} */
.pages-wrapper-flexbox .pages-menu .title {
    text-transform: uppercase;
    font-size: 1.9em;
    margin: 0.8em 0 0;
    padding: 0;
}
.pages-wrapper-flexbox .pages-menu ul {
    margin: 1.5em 0;
}
.pages-wrapper-flexbox .pages-menu li {
    padding: 0;
    margin: 0.75em 0;
}
.no-touch .pages-wrapper-flexbox .pages-menu li {
    margin: 0;
}
.pages-wrapper-flexbox .pages-menu li a {
    text-decoration: none;
    color: white;
}
.no-touch .pages-wrapper-flexbox .pages-menu li a:hover {
    text-decoration: underline;
}
.pages-wrapper-flexbox .pages li {
    display: block;
    /* float: left; */
    margin: 0;
    padding: 0;
    font-size: 1em;
    /* width: 50%; */
    height: auto;
    overflow: hidden;
    -webkit-transition: height .2s, width .2s;
    transition: height .2s, width .2s;
}
.pages-wrapper-flexbox .pages li img {
    display: block;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
}
.pages-wrapper-flexbox .pages li a {
    display: block;
    position: relative;
    overflow: hidden;
}
.pages-wrapper-flexbox .pages li a .name {
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
    background-color: #262020;
    color: white;
    text-transform: uppercase;
    font-size: 1.5em;
    padding: 1em 0;
    height: auto;
    opacity: 0.6;
}
.no-touch .pages-wrapper-flexbox .pages li a .name {
    padding: 0;
    height: 0;
    opacity: 1;
    -webkit-transition: padding .1s, opacity 0.15s;
    transition: padding .1s, opacity 0.15s;
}
.no-touch .pages-wrapper-flexbox .pages li a:hover .name {
    padding: 2em 0;
    height: auto;
    opacity: 0.6;
}

.pages-wrapper-flexbox .pages-cat .menuwrap {
    background-color: #8E8A8E;
}
.pages-wrapper-flexbox .pages-cat:nth-child(4) .menuwrap {
    background-color: #201D19;
}
.pages-wrapper-flexbox .pages-cat:nth-child(6) .menuwrap {
    background-color: #8B97A1;
}
/* .pages-wrapper-flexbox .pages-cat:nth-child(2) .menuwrap .pages-menu:after {
    border-left: 30px solid #201D19;
}
.pages-wrapper-flexbox .pages-cat:nth-child(3) .menuwrap .pages-menu:after {
    border-left: 30px solid #8B97A1;
} */
/* .pages-wrapper-flexbox .pages-cat:nth-child(2) .menuwrap .header > * {
    background-color: #4B4949;
}
.pages-wrapper-flexbox .pages-cat:nth-child(3) .menuwrap .header > * {
    background-color: #ACC2D1;
}

 */
.pages-wrapper-flexbox .header > * { 
    background-color: #999999;
}

.pages-wrapper-flexbox .header:nth-child(3) > * {
    background-color: #4B4949;
}
.pages-wrapper-flexbox .header:nth-child(5) > * {
    background-color: #ACC2D1;
}









/*
 *
 * Team detail page
 *
 */
.tx-team .cv {
    padding: 2em 2em 4em;
    max-width: 90em;
}
.tx-team .cv td {
    padding-right: 1em;
}


/*
 *
 * Service detail page
 *
 */
.tx-services .description {
    padding: 4em 0 8em;
    max-width: 90em;
    margin: 0 2em;
}
.tx-services .service-cat .title {
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 2.2em;
    margin-right: 1em;
}
.tx-services .service-cat ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.tx-services .service-cat ul li {
    margin: 0.5em 2em 0.5em 0;
    text-indent: -1em;
    padding-left: 1.15em;
}
.tx-services .service-cat ul li:before {
    content: '–\00a0\00a0';
}


/*
 *
 * Contact page
 *
 */
.contact-page {
    padding: 4em 0 4em;
    margin: 0 2em;
}
.contact-block {
    width: 100%;
}
.contact-block p {
    font-size: 2em;
}
.contact-block a {
    color: #262020;
    text-decoration: none;
}
.contact-block i {
    margin-right: 0.5em;
}
.gmap {
    display: none;
}
.routenplaner .button {
    display: block;
    text-decoration: none;
    color: #231F20;
    border: 2px solid #231F20;
    padding: 0.8em 0 0.65em;
    min-width: 11.5em;
    text-transform: uppercase;
    line-height: 1.25em;
    text-align: center;
}



/*
 *
 * Text page
 *
 */
.text-page #content {
    padding: 8em 2em;
}
.text-page h1 {
    font-size: 2.1em;
    font-family: 'CallunaSans-Light', 'Trebuchet MS', 'Arial', sans-serif;
    text-transform: uppercase;
}
.text-page h2 {
    font-family: 'CallunaSans-Bold', 'Trebuchet MS', 'Arial', sans-serif;
    font-weight: normal;
    font-size: 4em;
    font-size: 3em;
    max-width: 20em;
    line-height: 1.2em;
    margin: 1.5em 0 0.25em;
}
.text-page #content p {
    font-size: 2.1em;
    max-width: 40em;
}
.text-page hr {
    border-top-color: #262020;
}






#mfPreviewBar {
    display: none!important;
}



/*
 *
 * Formulare [begin]
 *
 */
body.form-page #content {
    min-height: 50em;
}
body.form-page h1 {
    margin: 1.67em 0 0.83em;
    text-align: center;
}
body.form-page .tx-powermail {
    background: #8A979D;
    width: 100%;
    padding: 8em 0;
}
body.form-page .tx-powermail .powermail_fieldset {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
}
/* Legend und Form Header ausblenden */
body.form-page .tx-powermail h3,
body.form-page .tx-powermail .powermail_legend {
    display: none;
}
/* Styles Zwischentitel */
body.form-page .tx-powermail .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_text {
    font-family: 'CallunaSans-Light', 'Trebuchet MS', 'Arial', sans-serif;
    font-size: 2.1em;
    font-weight: normal;
    line-height: 1.5em;
    text-transform: uppercase;
    color: white;
    background: none;
    border: none;
    /*width: 100%;*/
    width: auto;
    float: none;
    margin: 3.81em 0 1.75em 25%;
    padding: 0;
}

body.form-page .tx-powermail .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_text:after {
    content: "";
    display: block;
    border-bottom: 2px solid white;
    width: 1.9em;
    padding: 0.5em 0 0.5em;
}
body.form-page .tx-powermail .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_text.layout2:after {
    display: none;
}
body.form-page .tx-powermail .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_text:first-of-type {
    margin-top: 0;
}
body.form-page .tx-powermail .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_text.layout2 {
    font-size: 1.8em;
    text-transform: none;
    margin: 1.75em 0 1.75em 25%;
    max-width: 50%;
}
body.form-page .tx-powermail .powermail_fieldset .powermail_fieldwrap {
    margin: 2em 0;
    clear: both;
    overflow: hidden;
    /* padding: 1.5em 0; */
}
/* Text Styles labels & fields */
body.form-page .tx-powermail .powermail_submit,
body.form-page .tx-powermail .powermail_fieldset .powermail_file,
body.form-page .tx-powermail .powermail_fieldset .powermail_input,
body.form-page .tx-powermail .powermail_fieldset textarea,
body.form-page .tx-powermail .powermail_fieldset .powermail_date,
body.form-page .tx-powermail .powermail_fieldwrap_type_radio .radio,
body.form-page .tx-powermail .powermail_fieldwrap_type_check .checkbox ,
body.form-page .tx-powermail .powermail_fieldset .powermail_label {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-family: 'CallunaSans-Light', 'Trebuchet MS', 'Arial', sans-serif;
    font-size: 1.8em;
    font-weight: normal;
    line-height: 1.5em;
    color: white;
    width: 50%;
    float: left;
}

body.form-page .tx-powermail .powermail_fieldwrap_type_radio .radio,
body.form-page .tx-powermail .powermail_fieldwrap_type_check .checkbox  {
    display: block;
    float: none;
}
/* Style labels */
body.form-page .tx-powermail .powermail_fieldset .powermail_label {
    text-align: right;
    width: 22.3%;
    padding: 0.4em 2em 0 0;
}


body.form-page .tx-powermail .powermail_fieldwrap_type_file,
body.form-page .tx-powermail .powermail_fieldwrap_type_check,
body.form-page .tx-powermail .powermail_fieldwrap_type_radio {
    width: 98.9%;
}

/* Radios and checkboxes */
body.form-page .tx-powermail .powermail_fieldwrap_type_radio div.powermail_field,
body.form-page .tx-powermail .powermail_fieldwrap_type_check div.powermail_field {
    border: 1px solid white;
    background: none;
    width: 50%;
    margin-left: 25%;
    padding: 2em;
    overflow: hidden;
}

body.form-page .tx-powermail .powermail_fieldwrap_type_check .checkbox {
    width: 100%;
}
body.form-page .tx-powermail .powermail_fieldset .powermail_fieldwrap_type_radio .powermail_label,
body.form-page .tx-powermail .powermail_fieldset .powermail_fieldwrap_type_check .powermail_label {
    padding-top: 1.05em;
}
/* body.form-page .tx-powermail .powermail_fieldset .powermail_radio_outer .powermail_radio_inner,
body.form-page .tx-powermail .powermail_fieldset .powermail_check_outer .powermail_check_inner {
    margin: 0;
} */

body.form-page .tx-powermail .powermail_fieldset .powermail_input,
body.form-page .tx-powermail .powermail_fieldset textarea,
body.form-page .tx-powermail .powermail_fieldset .powermail_date {
    background: #8A979D;
    border: 1px solid white;
    padding-left: 0.75em;
    padding-right: 0.75em;
    padding: 0.25em 0.75em;
}
body.form-page .tx-powermail .powermail_fieldset .powermail_input:focus,
body.form-page .tx-powermail .powermail_fieldset textarea:focus,
body.form-page .tx-powermail .powermail_fieldset .powermail_date:focus,
body.form-page .tx-powermail .powermail_fieldset .powermail_input:active,
body.form-page .tx-powermail .powermail_fieldset textarea:active,
body.form-page .tx-powermail .powermail_fieldset .powermail_date:active {
    outline: none;
    border: 1px solid white;
    background: white;
    color: #262020;
    box-shadow: none;
}
body.form-page .tx-powermail .powermail_fieldset .powermail_file {
    border: 1px solid white;
    padding: 1em;
}
body.form-page .tx-powermail .powermail_fieldset .powermail_fieldwrap_type_submit {
    text-align: center;
}
body.form-page .tx-powermail .powermail_fieldset .powermail_submit {
    font-size: 1.4em;
    line-height: 1.25em;
    color: #8A979D;
    text-transform: uppercase;
    margin-top: 4em;
    padding: 0.8em 0 0.65em;
    float: left;
    width: 25%;
    background: white;
    float: none;
}

/* Errors radios and checkboxes */
body.form-page .tx-powermail .parsley-errors-list {
    /* background: red; */
    width: 100%;
    clear: both;
    margin-left: 25%;
    padding: 0.5em;
    list-style: none;
}
body.form-page .tx-powermail .parsley-errors-list > li {
    padding: 0em 2em 0 0;
    margin: 0.5em;
    font-size: 1.8em;
    list-style: none;
    color: red;
}
/* Error input fields */
/* body.form-page .tx-powermail  .parsley-errors-list {
    color: red;
    float: none;
    width: 50%;
    margin-left: 25%;
    padding: 0;
} */
body.form-page .tx-powermail .parsley-errors-list > li {
    margin: 0.5em 0;
    padding: 0 0.5em;
}
body.form-page .tx-powermail .powermail_create,
body.form-page .tx-powermail .powermail_confirmation {
    background: none;
    border: none;
    color: white;
    margin: 0 0 0 25%;
    padding: 0;
    width: auto;
    max-width: 50%;
}
body.form-page .tx-powermail .powermail_create h2 {
    font-family: 'CallunaSans-Light', 'Trebuchet MS', 'Arial', sans-serif;
    font-size: 2.1em;
    font-weight: normal;
    line-height: 1.5em;
    text-transform: uppercase;
    color: white;
    background: none;
    border: none;
    width: auto;
    float: none;
    /*margin: 3.81em 0 1.75em 25%;*/
    padding: 0;
}
body.form-page .tx-powermail .powermail_create h2:after {
    content: "";
    display: block;
    border-bottom: 2px solid white;
    width: 1.9em;
    padding: 0.5em 0 0.5em;
}
body.form-page .tx-powermail .powermail_create p,
body.form-page .tx-powermail .powermail_confirmation p {
    font-size: 1.8em;
}
/* Fehlermeldung file uploads */
body.form-page .tx-powermail .powermail_message {
    padding: 0 2em;
    min-height: 0;
    background-image: none!important;
    width: auto;
    margin-left: 25%;
    max-width: 50%;
    margin-bottom: 4em;
    list-style: none;
}
body.form-page .tx-powermail .powermail_message > li {
    padding: 0;
}

/* Overlay and modal window when submiting files */
body.form-page #form-overlay {
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    background-color: #000000;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    z-index: 100;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

body.form-page #form-modal {
    position: absolute;
    z-index: 101;
    background: white;
    max-width: 50em;
    padding: 5em;
}
body.form-page #form-modal .title {
    font-size: 3.6em;
    font-family: 'CallunaSans-Light', 'Trebuchet MS', 'Arial', sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 1.39em;
    text-align: center;
    margin-top: 0;
    margin-bottom: 1em;
}
body.form-page #form-modal p {
    text-align: center;
}
body.form-page #form-modal .clock {
    text-align: center;
    margin-top: 3em;
}
body.form-page #form-modal .clock img {
    max-width: 4em;
    height: auto;
}
/*
 *
 * Formulare [end]
 *
 */
body.form-page .tx-powermail .powermail_fieldset .powermail_fieldwrap_type_check .powermail_label {
    padding-right: 2.2em;
}
body.form-page .tx-powermail .powermail_fieldset .powermail_fieldwrap_type_check .powermail_field {
    width: 49.8%;
}


#aktuell {
    margin-top: 80px;
}



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

/*
 * Image replacement
 */

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

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

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

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

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

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

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

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

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

.invisible {
    visibility: hidden;
}

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

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

.clearfix:after {
    clear: both;
}

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

.clearfix {
    *zoom: 1;
}



/*Flexbox TEAM*/
.pages-wrapper-flexbox .pages-cat {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
     align-content: flex-start;
}


.pages-wrapper-flexbox .pages-cat .pages {
    flex-basis: 80%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: stretch;
        align-content: flex-start;
}
.pages-wrapper-flexbox .pages li {
    height: auto;
}
.pages-wrapper-flexbox .pages li,
.pages-wrapper-flexbox .pages li a,
.pages-wrapper-flexbox .pages li img {
    display: block;
}

.pages-wrapper-flexbox .header {width: 100%;}
.pages-wrapper-flexbox .pages-cat .pages {flex-basis: 100%;}
.pages-wrapper-flexbox .pages-cat .menuwrap {flex-basis: 100%;}
.pages-wrapper-flexbox .pages-cat .pages li {flex-basis: 50%;}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (max-width: 600px) {
    #topbar {
        padding-top: 2.2em;
    }
    #mobile-navi {
        top: 1.9em;
    }
    .home .slider .slick-track .slick-slide .slide-text a.slide-button {
        display: inline-block;

    }
    


}


@media only screen and (min-width: 600px) {




    .home .slider .slick-track .slick-slide .slide-text h1 {
        font-family: 'Calluna-Regular', 'Trebuchet MS', 'Arial', sans-serif;
        font-size: 48px;
        line-height: 54px;
        text-transform: uppercase;
        color: #FFFFFF;
        letter-spacing: 2px;
        text-shadow: 0 1px 2px rgba(0,0,0,0.10);
    }
    .home .slider .slick-track .slick-slide:first-child .slide-text h1 {
        max-width: 100%;
    }
    .home .slider .slick-track .slick-slide:first-child .slide-text {
        bottom: auto;
        top: 90px;
    }
    .home .slider .slick-track .slick-slide .slide-text.slide-text-contact {
        top: auto;
        bottom: 40px;
        bottom: 60px;
    }
    .home .slider .slick-track .slick-slide .slide-text.slide-text-contact br,
    .home .slider .slick-track .slick-slide:first-child .slide-text h1 br {
        display: inline-block;
    }
    .home .slider .slick-track .slick-slide .slide-text {
        position: absolute;
        left: 40px;
        bottom: 60px;
        color: #FFFFFF;
    }
    /*
    .home .slider .slick-track .slick-slide:first-child .slide-text {
        bottom: auto;
        top: 10em;
    }
    */
    #mobile-navi {
        position: absolute;
        right: 4em;
        top: 2.5em;
        cursor: pointer;
    }
    .ie .pages-menu {
        box-shadow: 0px 2px 2px 0px #8E8A8E;
    }
    h1 .additional {
        display: inline;
        padding-left: 1em;
    }
    #page {
        margin-top: 10em;
    }
    #subnavi {
        top: 10em;
    }
    #subnavi li {
        display: inline-block;
    }
    #facts-presentor #swipe-ctrl {
        margin-left: 47%;
    }
    #facts-presentor .facts {
        padding: 12em 0 3em 47%;
    }







/* 
    .pages-wrapper .pages-menu {
        width: 50%;
        height: auto;
        float: left;
    }
    .pages-wrapper .pages li {
        width: 25%;
        height: auto;
    }
    .pages-wrapper .pages li,
    .pages-wrapper .pages li a,
    .pages-wrapper .pages li img {
        display: block;
    }
    .pages-wrapper .pages-cat .header > * {
        width: 50%;
    }
    
     */





    .pages-wrapper-flexbox .header {width: 50%;}
    .pages-wrapper-flexbox .pages-cat .pages {flex-basis: 50%;}
    .pages-wrapper-flexbox .pages-cat .menuwrap {flex-basis: 50%;}
    .pages-wrapper-flexbox .pages-cat .pages li {flex-basis: 50%;}





    
    #topbar #logo {
        text-align: center;
        margin-top: 1.5em;
    }
    #topbar #logo img {
        max-width: 240px;
    }
    #topbar {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 10em;
        background: white;
        z-index: 20;
        border-bottom: none;
        -webkit-box-shadow: 0px 2px 2px 0px rgba(141,138,138,0.3);
        -moz-box-shadow: 0px 2px 2px 0px rgba(141,138,138,0.3);
        box-shadow: 0px 2px 2px 0px rgba(141,138,138,0.3);
    }
    #mobile-navi-panel {
        margin-top: 0em;
        padding-top: 2em;
        position: fixed;
        width: 100%;
        background: white;
        z-index: 18;
    }
    #mobile-navi {
        position: absolute;
        top: 3.5em;
    }
    h1 {
        font-size: 4.2em;
    }
    #scroll-ctrl {
        height: 100px;
        position: absolute;
        margin: 0;
        padding: 0;
        bottom: 0;
        left: 0;
        z-index: 10;
        background: #FFFFFF;
    }
    #scroll-ctrl .icon-arrow-down {
        margin-top: 40px;
        font-family: CallunaSans-Bold;
        font-size: 12px;
        color: #8A979D;
        letter-spacing: 2px;
        text-align: center;
    }
    #scroll-ctrl .icon-arrow-down i {
        padding-top: 5px;
        display: block;
    }
    .facts p.title {
        font-size: 4.2em;
        font-family: 'CallunaSans-Bold', 'Trebuchet MS', 'Arial', sans-serif;
    }
    p, li {
        font-size: 1.5em;
    }
    #outro {
        text-align: center;
        padding: 12em 4em;
    }
    #outro .title {
        font-size: 3.6em;
    }
    #outro p {
        font-size: 1.8em;
    }
    #outro .clock {
        margin: 0;
        position: relative;
        top: 8.05em;
        z-index: -1;
    }
    #outro ul li {
        font-size: 1.4em;
        display: inline-block;
        min-width: 14em;
        margin: 0 3em!important;
    }
    #outro ul li:first-child {
        margin-left: 0;
    }
    #outro ul li:last-child {
        margin-right: 0;
    }
    #footer {
        padding: 5em 4em;
    }
    #footer .contact i {
        display: inline;
    }
    .home #footer,
    .overview #footer {
        padding-left: 2em;
        padding-right: 2em;
    }
    .home #footer #credits,
    .overview #footer #credits {
        padding-right: 0;
    }
    #footer .contact {
        margin: 0;
        padding: 0;
        float: left;
        width: 70%;
    }
    #footer #credits {
        margin: 0;
        padding: 0;
        float: right;
        width: 30%;
    }
    #footer #credits p {
        margin: 0;
        text-align: right;
    }
    #footer .contact ul li {
        text-align: left;
        display: inline;
        margin-right: 2em;
        font-size: 1.5em;
    }
    #footer .contact ul li a {
        display: inline;
        border: none;
        padding: 0;
        color: #999999;
    }
    #outro p.title > span {
        display: inline;
    }
    
    
    .contact-page {
        margin: 0 4em;
    }
    
    /*
     *
     * Service detail page
     *
     */
    .tx-services .description {
        margin: 0 4em;
    }
    .tx-services .service-cat {
        width: 50%;
        float: left;
        padding: 1em 0;
    }
    .tx-services .service-cat .title {
        font-size: 1.9em;
    }
    
    
    .tx-team .cv {
        padding-left: 4em;
        padding-right: 4em;
    }
    
    
    /*
     *
     * Contact page
     *
     */
    .contact-block {
        width: 50%;
        float: left;
    }
    .contact-block p {
        font-size: 2.1em;
    }
    .gmap {
        display: block;
        margin-right: 3em;
        margin-left: 3em;
    }
    .routenplaner .button {
        display: none;
    }
    
    
    /*
     *
     * Text page
     *
     */
    .text-page #content {
        padding: 8em 4em;
    }
    .text-page h1 {
        font-size: 2.1em;
        font-family: 'CallunaSans-Light', 'Trebuchet MS', 'Arial', sans-serif;
        text-transform: uppercase;
    }
    .text-page h2 {
        font-size: 4.2em;
        max-width: 20em;
    }
    .text-page #content p {
        max-width: 40em;
    }
    
    .home .slider .slick-track .slick-slide:first-child .slide-text h1 {
        margin-top: 0;
        font-family: Calluna-Regular;
        font-size: 48px;
        color: #FFFFFF;
        letter-spacing: 2px;
        line-height: 54px;
        text-shadow: 0 1px 2px rgba(0,0,0,0.10);
    }
    .home .slider .slick-track .slick-slide .slide-text p {
        max-width: 561px;
        font-family: 'CallunaSans-Regular', 'Trebuchet MS', 'Arial', sans-serif;
        font-size: 20px;
        color: #FFFFFF;
        letter-spacing: 0.11px;
        line-height: 25.2px;
        text-shadow: 0 1px 2px rgba(0,0,0,0.10);
    }
    .home .slider .slick-track .slick-slide .slide-text a.slide-button {
        display: inline-block;
        font-family: 'CallunaSans-Bold', 'Trebuchet MS', 'Arial', sans-serif;
        letter-spacing: 2px;
        font-size: 12px;
        line-height: 40px;
        color: #FFFFFF;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0,0,0,0.10);
        text-transform: uppercase;
        display: inline-block;
        outline: 2px solid white;
        background: rgba(255,255,255,0.1);
        min-width: 100px;
        padding-left: 20px;
        padding-right: 20px;
        margin-top: 10px;
        margin-right: 20px;
    }
    .home .slider .slick-track .slick-slide .slide-text a.slide-button::before {
        display: none;
    }
    .home .slider .slick-track .slick-slide .slide-text a.slide-button.slide-button-phone {
        outline: none;
        text-align: left;
        background: none;
        margin-bottom: 30px;
        font-family: CallunaSans-Bold;
        font-size: 18px;
        color: #FFFFFF;
        letter-spacing: 3px;
        line-height: 27.3px;
        text-shadow: 0 1px 2px rgba(0,0,0,0.10);
    }
    .home .slider .slick-track .slick-slide .slide-text a.slide-button.slide-button-phone:hover {
        background: none;
    }
    .home .slider .slick-track .slick-slide .slide-text a.slide-button.slide-button-phone i {
        display: inline-block;
        font-size: 20px;
        margin-right: 10px;
    }
    .home .slider .slick-track .slick-slide .slide-text a.slide-button:hover {
        text-decoration: none;
        background: rgba(255,255,255,0.5);
    }
    .home .slider .slick-prev,
    .home .slider .slick-next {
        display: inline-block!important;
        position: absolute;
        bottom: 40px;
        bottom: 60px;
        right: 60px;
        z-index: 18;
        height: 40px;
        width: 40px;
        outline: 2px solid white;
        background: rgba(255,255,255,0.1);
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        color: #FFFFFF;
        border: none;
        font-size: 14px;
    }
    .home .slider .slick-next {
        right: 5em;
    }
    .home .slider .slick-prev:hover,
    .home .slider .slick-next:hover {
        text-decoration: none;
        background: rgba(255,255,255,0.5);
    }
}


@media only screen and (max-width: 800px) {
.home .slider .slick-arrow {display: none!important;}


}



@media only screen and (max-height: 768px) {
    #outro ul li {
        margin: 0 5em;
    }
}


@media only screen and (min-width: 1024px) {


.pages-wrapper-flexbox .header {width: 25%;}
.pages-wrapper-flexbox .pages-cat .pages {flex-basis: 75%;}
.pages-wrapper-flexbox .pages-cat .menuwrap {flex-basis: 25%;}
.pages-wrapper-flexbox .pages-cat .pages li {flex-basis: 33.333%;}



    #scroll-ctrl {
        height: 80px;
        position: absolute;
        margin: 0;
        padding: 0;
        bottom: 0;
        left: 0;
        z-index: 10;
        background: #FFFFFF;
    }
    #scroll-ctrl .icon-arrow-down {
        margin-top: 30px;
        font-family: CallunaSans-Bold;
        font-size: 12px;
        color: #8A979D;
        letter-spacing: 2px;
        text-align: center;
    }
    #scroll-ctrl .icon-arrow-down i {
        padding-top: 5px;
        display: block;
    }
    .gmap {
        display: block;
        margin-right: 3em;
        margin-left: 3em;
    }
    .facts p.title {
        font-size: 4.2em;
    }
    h1 {
        font-size: 4.8em;
    }
    p,
    li,
    td {
        font-size: 1.6em;
    }
    p.leadin {
        font-size: 2.4em;
    }
    
    #page {
        margin-top: 8em;
    }
    
    #subnavi {
        top: 8em;
    }
    #subnavi,
    #mainnavi,
    #audiencePages {
        display: block;
    }
    #mobile-navi-panel,
    #mobile-navi {
        display: none!important;
    }
    #topbar {
        height: 8em;
        padding: 2em 4em;
    }
    /*.home #topbar,*/
    .overview #topbar {
        padding: 2em;
    }
    #topbar #mainnavi {
        float: left;
        width: 35%;
        margin-top: 1em;
    }
    #topbar #audiencePages {
        float: right;
        width: 35%;
        text-align: right;
        margin-top: 1em;
    }
    #topbar #logo {
        float: left;
        width: 30%;
        text-align: center;
        margin: 0;
    }
    #topbar #logo img {
        max-width: 220px;
        position: relative;
        top: 5px;
    }
    /*.home .slider .slide-innerwrapper,*/
    #aktuell-innerwrapper,
    #topbar-innerwrapper,
    #footer-innerwrapper {
        max-width: 128em;
        margin: 0 auto;
    }
    #mainnavi {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #audiencePages {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #mainnavi nav ul li,
    #audiencePages nav ul li {
        font-family: CallunaSans-Bold;
        font-size: 12px;
        color: #8A979D;
        letter-spacing: 2px;
        text-align: center;
        display: inline;
        text-transform: uppercase;
    }
    #mainnavi nav ul li a,
    #audiencePages nav ul li a {
        text-decoration: none;
        color: #AEC4CF;
        color: #8A979D;
        display: inline-block;
    }
    #mainnavi nav ul li.cur a,
    #audiencePages nav ul li.cur a,
    .no-touch #mainnavi nav ul li a:hover,
    .no-touch #audiencePages nav ul li a:hover {
        color: #231F20;
    }
    #mainnavi nav ul li.cur a:after,
    #audiencePages nav ul li.cur a:after,
    .no-touch #mainnavi nav ul li a:hover:after,
    .no-touch #audiencePages nav ul li a:hover:after {
        content: "";
        display: block;
        border-bottom: 2px solid #231F20;
    }
    #audiencePages nav ul li.twitter {
        position: relative;
        margin-left: 3.5em;
    }
    #audiencePages nav ul li.twitter a {
        color: #ACC2D1;
        position: absolute;
        font-size: 2.5em;
        top: -0.35em;
        left: -0.7em;
    }
    .no-touch #audiencePages nav ul li.twitter a:hover:after {
        border-bottom: none;
    }
    #audiencePages nav ul li.twitter span.twitter-linktext {
        display: none;
    }
    #mainnavi nav ul li {
       margin-right: 1.8em; 
    }
    #audiencePages nav ul li {
       margin-left: 2em; 
    }
    
    .home #page #content {
        /* On "Home" we have the welcome screen which  stretches up to 100% of the viewport width */
        max-width: 100%;
    }
    
    /* Footer */
    #footer .contact,
    #footer #credits {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #footer #credits {
        /*padding-right: 2em;*/
    }
    #footer .contact {
        /*padding-left: 2em;*/
    }
    #footer #credits p,
    #footer .contact ul li {
        font-size: 1.6em;
    }
    
    
    #outro p {
        font-size: 2.1em;
    }

    
    
    /*
     *
     * Facts presentor: image + swipable facts
     *
     */
    #facts-presentor {
        margin-top: 8em;
    }
    #facts-presentor #swipe-ctrl {
        left: 0;
        top: -8em;
        width: 100%;
        height: 8em;
        margin: 0;
    }
    #facts-presentor #swipe-ctrl #swipe-ctrl-innerwrapper {
        position: relative;
        width: 25%;
        height: 8em;
        background: #ACC2D1;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 2em;
        float: right;
    }
    #facts-presentor .image {
        float: left;
        width: 75%;
    }
    #facts-presentor .arrow {
        top: 45%;
        right: 0;
        left: auto;
        border-top: 30px solid transparent;
        border-bottom: 30px solid transparent; 
        border-right: 30px solid #8A979D; 
    }
    #facts-presentor .facts {
        float: left;
        width: 25%;
        padding: 0;
    }
    #facts-presentor #slider {
        margin: 2em;
    }
/*     .pages-wrapper .pages-cat .header > * {
        width: 25%;
    }
    .pages-wrapper .pages-menu {
        width: 25%;
        height: auto;
    }
    .pages-wrapper .pages li {
        width: 25%;
        height: auto;
    }
     */
    

     
    #content {
        padding-bottom: 8em;
    }
    
    
    /*
     *
     * Service detail page
     *
     */
    .tx-services .service-cat .title {
        font-size: 2.1em;
    }
    
    
    /*
     *
     * Text page
     *
     */
    .text-page #content {
    }
    .text-page h1 {
    }
    .text-page h2 {
        font-size: 4.8em;
        max-width: 20em;
    }
    .text-page #content p {
        font-size: 2.4em;
        max-width: 40em;
    }
    
    
    
    
    
    .tx-team .cv {
        padding-bottom: 10em;
        max-width: 90em;
        padding-left: 4em;
        padding-left: 4em;
    }
    


    #topbar #mainnavi {width: 39%;}
    #topbar #logo {width: 24%;}
}


@media only screen and (min-width: 1280px) {

    #topbar #mainnavi {width: 35%;}
    #topbar #logo {width: 30%;}

    body.form-page .tx-powermail .powermail_fieldset .powermail_label {width: 22.8%;}


    .home .slider .slick-track .slick-slide .slide-text p {
        max-width: 660px;
    }
    #mainnavi nav ul li {
       margin-right: 1em; 
    }
    #audiencePages nav ul li {
       margin-left: 1em; 
    }
    #mainnavi nav ul li,
    #audiencePages nav ul li {
        font-family: CallunaSans-Bold;
        font-size: 13px;
        color: #8A979D;
        letter-spacing: 2.17px;
    }
    .gmap {
        display: block;
        margin-right: 0em;
        margin-left: 0em;
    }
    /* Page container */
    #page #content {
        max-width: 128em;
        margin: 0 auto;
    }
    .text-page #page #content {
        min-height: 50em;
    }
    
    .pages-wrapper-flexbox .pages-menu .title,
    .pages-wrapper .pages-menu .title {
        font-size: 2.1em;
    }
    
    #mainnavi nav ul li {
        margin-right: 1.5em;
    }
    #audiencePages nav ul li {
        margin-left: 1.5em;
    }
    
    .tx-services .description {
        margin: 0 4em;
    }
    .tx-team .cv {
        padding-right: 0;
    }
    .facts p.title {
        font-size: 4.2em;
    }
    
    
    /*
     *
     * Contact page
     *
     */
    .contact-block {
        width: 25%;
        float: left;
    }
    .contact-block p {
        font-size: 2.4em;
    }
    
    .home .slider .slick-track .slick-slide:first-child .slide-text h1 {
        font-size: 60px;
        letter-spacing: 2.5px;
        line-height: 66px;
        max-width: 12em;
    }
    .home .slider .slick-track .slick-slide .slide-text {
        left: 40px;
    }
    .home .slider .slide-innerwrapper {
        padding-left: 4em;
        max-width: 128em;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 1320px) {
    /*#mainnavi,*/
    .home #mainnavi,
    .overview #mainnavi {
        padding-left: 2em;
    }
    #topbar #audiencePages {
       padding-right: 3em; 
    }
    .contact-page,
    .tx-services .description {
        margin-left: 0;
        margin-right: 0;
    }
    .tx-team .cv {
        padding-left: 0;
        padding-right: 0;
    }
    #mainnavi nav ul li {
        margin-right: 2em;
    }
    #audiencePages nav ul li {
        margin-left: 2em;
    }
    .home .slider .slick-prev,
    .home .slider .slick-next,
    .home .slider .slick-track .slick-slide .slide-text.slide-text-contact {
        bottom: 60px;
    }
}

@media only screen and (min-width: 1640px) {

.pages-wrapper-flexbox .header {width: 20%;}
.pages-wrapper-flexbox .pages-cat .pages {flex-basis: 80%;}
.pages-wrapper-flexbox .pages-cat .menuwrap {flex-basis: 20%;}
.pages-wrapper-flexbox .pages-cat .pages li {flex-basis: 25%;}

    


    .home .slider .slide-innerwrapper {
        max-width: 160em;
    }
    
    #facts-presentor #swipe-ctrl #swipe-ctrl-innerwrapper {
        width: 32em;
        margin-left: 0;
        margin-right: 32em;
    }
    #facts-presentor #slider {
        width: 32em;
    }
    #facts-presentor .image {
        width: 96em;
    }
    #facts-presentor .facts {
        width: 64em;
        height: 64em;
    }
    .facts p.title {
        font-size: 4.8em;
    }
/*     .pages-wrapper .pages-menu,
    .pages-wrapper .pages li {
        width: 32em;
    }
    .pages-wrapper .pages-menu {
        height: 32em;
    }
    .pages-wrapper .pages-cat .header > * {
        width: 8.89em;
    }
     */
    
    
    
    .home .slider .slide-innerwrapper,
    #aktuell-innerwrapper,
    #topbar-innerwrapper,
    #footer-innerwrapper {
        max-width: 160em;
    }
    #page #content {
        max-width: 160em;
        margin: 0 auto;
    }
    p, li {
        font-size: 1.8em;
    }
    #outro .title {
        font-size: 4.2em;
    }
    #outro p {
        font-size: 2.4em;
    }
    #outro ul li {
        font-size: 1.5em;
    }
}

@media only screen and (min-width: 2000px) {
    .home .slider .slick-track .slick-slide .slide-text p {
        max-width: 760px;
    }
    #topbar #logo img {
        max-width: 280px;
        top: auto;
    }
    .home .slider .slick-track .slick-slide:first-child .slide-text h1,
    .home .slider .slick-track .slick-slide .slide-text h1 {
        font-size: 72px;
        letter-spacing: 3px;
        line-height: 80px;
        text-shadow: 0 1px 2px rgba(0,0,0,0.10);
    }
    .home .slider .slick-track .slick-slide .slide-text p {
        font-size: 24px;
        letter-spacing: 0.13px;
        line-height: 30px;
        text-shadow: 0 1px 2px rgba(0,0,0,0.10);
    }
    .home .slider .slick-track .slick-slide .slide-text a.slide-button.slide-button-phone {
        font-size: 20px;
        letter-spacing: 3.33px;
        text-align: left;
        line-height: 27.3px;
        text-shadow: 0 1px 2px rgba(0,0,0,0.10);
    }
    .home .slider .slick-track .slick-slide .slide-text a.slide-button {
        font-size: 13px;
        letter-spacing: 2.17px;
        text-shadow: 0 1px 2px rgba(0,0,0,0.10);
    }
    #scroll-ctrl .icon-arrow-down {
        font-size: 13px;
        letter-spacing: 2.17px;
    }
    .home .slider .slick-track .slick-slide:first-child .slide-text {
        top: 15%;
    }
    .home .slider .slick-track .slick-slide .slide-text,
    .home .slider .slick-track .slick-slide .slide-text.slide-text-contact {
        bottom: 100px;
        top: auto;
    }
    .home .slider .slick-prev,
    .home .slider .slick-next {
        bottom: 100px;
    }
}

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

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

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

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

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

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

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

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

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

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

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

    @page {
        margin: 0.5cm;
    }

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

    h2,
    h3 {
        page-break-after: avoid;
    }
}
@media only screen and (max-height: 760px) and (min-width: 400px) {
    .home .slider .slick-track .slick-slide:first-child .slide-text h1 {
        font-size: 48px;
        line-height: 54px;
    }
    .home .slider .slick-track .slick-slide:first-child .slide-text p {
        max-width: 80%;
    }
    .home .slider .slick-track .slick-slide .slide-text.slide-text-contact {
        bottom: 60px;
    }
}
@media only screen and (max-height: 650px) and (min-width: 400px)  {
    .home .slider .slick-track .slick-slide:first-child .slide-text h1 {
        max-width: 100%;
    }
}
@media only screen and (max-height: 760px) and (max-width: 399px) {
    .home .slider .slick-track .slick-slide .slide-text.slide-text-contact {
        bottom: 20px;
    }
    .home .slider .slick-track .slick-slide:after {
        content: ' ';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        opacity: 0.4;
        background: #262020;
    }
}

/**  TB Styles  **/

/**  Infobanner  **/

.cc-revoke, .cc-window {
    font-size: 18px;
    font-family: 'CallunaSans-Bold', 'Trebuchet MS', 'Arial', sans-serif;
}
.cc-banner.cc-bottom {
    padding: 25px;
    /* box-shadow: 0px -20px 19px 13px #ffffff; */
}

.cc-compliance a {
    text-decoration: none!important;
    background-color: transparent!important;
}

.frame-layout-3 {
    background-color: #aec4d0;
    padding: 30px;
    display: inline-block;
}
.frame-layout-3 a {
    color: #000 !important;
}


/**  Pages  **/


body.tbstyles #content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
body.tbstyles #content ul li {
    margin: 0.5em 2em 0.5em 0;
    text-indent: -1em;
    padding-left: 1.15em;
}
body.tbstyles #content ul li:before {
    content: '–\00a0\00a0';
}



ul.slick-track {
    padding: 0;
    margin: 0;
}


/**   Socialwall   **/


.c-socialwall > .c-socialwall {
    padding-bottom: 3vw;
    padding-top: 3vw;
    z-index: 0;
    display: flex;
    flex-wrap: wrap;

    justify-content: center;
    align-items: flex-start;
          grid-gap: 3vw;
}

.c-socialwall__item {
    position: relative;
    overflow: hidden;
    flex: 0 0 90%;

    box-shadow: 0px 0px 15px 0px rgba(224,224,224,1);
    border-color: rgba(224,224,224,0.75);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
}

  .c-socialwall__item p {
        display: inline-block;
    padding:20px;
    }

.c-socialwall__item a {
    display: inline-block;
    width: 100%;
    text-align: center;
    transition: all 0.6s ease-in-out;
}


.c-socialwall__item img {
    max-height: 100%;
    max-width: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: text-bottom;
    /*filter: grayscale(100%);*/
    /*opacity:0.6;*/
    transition: all 0.45s ease-in-out;

}
.c-socialwall__item a:hover {text-decoration:none;}
.c-socialwall__item a:hover img,
.c-socialwall__item img:hover {opacity:1;filter: grayscale(0%); transform: scale(1.05);}

@media screen and (max-width: 480px) {
    .c-socialwall__item a img {opacity:1;filter: grayscale(0%);}
}
.news-list-date {
	text-align: center;
    width: 80px;
    position: relative;
    margin: -20px auto 0;
/*    float: right;
    margin: -22px -15px 0 -1px;
    right: 10%;*/
}

.date_container {
	min-width: 1.515em;
	font-size: 2.16em;
	line-height: 1.6em;
	background: #ffffff;
	color: #000000;
	border-radius: 0.2em;
	overflow: hidden;
	margin-bottom: -1em;
      box-shadow: 0px 0px 6px 0px rgb(67 67 67 / 28%);
}
.date_container span {
        display: inline-block;
        margin: 0 0.18em;
}

.date_container .bottom {
        font-size: 0.6em;
        line-height: 2.2em;
        background: #e44a4d;
        color: #ffffff;

 }


@media screen and (min-width: 480px) {
      .c-socialwall__item {
        flex:0 0 43%;
                  min-height: 475px;
    }
}
@media screen and (min-width: 612px) {
      .c-socialwall__item {
                  min-height: 495px;
    }
}

@media screen and (min-width: 720px) {
    .c-socialwall__item {
        flex:0 0 30%;
                  min-height: 530px;
    }
}

@media screen and (min-width: 1200px) {
    .c-socialwall__item {
        flex:0 0 20%;
        min-height: 500px;
    }
}
@media screen and (min-width: 1640px) {
    .c-socialwall__item {
          min-height: 578px;
    }
}

#content .frame-type-text a {
    color: #5890a6;
    font-weight: bold;
    text-decoration: underline;
}
#content .frame-type-text a:hover {
    color:#262020;
}