@font-face {
    font-family: 'Nexa';
    src: url('../fonts/Nexa%20Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Brandon;
    src: url('../fonts/Brandon_light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
html body {background-color: #fff;font-family: Brandon;font-size:18px;}
body h1,body h2, body h3,body h4 {
    font-family: 'Nexa', Arial;
    color:#ff665e;
    font-size: 36px;
}

.clearfix {clear:both;}

.lightgray {background-color: #f1f1f1;}
.darkgray {background-color:#4c4e56;}
.darkgray-color {color:#4c4e56;}
.red-bg {background-color: #ff665e}
.white-bg {background-color: #fff}


/* header */


#page {overflow:hidden;}
header {text-align: center;margin-top:50px;padding-bottom:  0px;}
header.container {width:100%;padding:0}
header img {margin-bottom: 50px;}


/* icons */


.icon {width: 34px;height:34px;color:#fff;}
.arrow-small-horizontal {width:45px;height:10px;}
.arrow-small-vertical   {}
svg {display:none}
.svg {display:inline}


/* Navigation */


body .navbar-default .navbar-nav li a {outline: none}
body .navbar-default .navbar-nav li.active a {color:#ff665e}
body .navbar-default .navbar-nav > .active > a,
body .navbar-default .navbar-nav > .active > a:hover,
body .navbar-default .navbar-nav > .active > a:focus {background-color:#fff}
body .navbar-default .navbar-nav li a:hover,
body .navbar-default .navbar-nav li.current a {color:#ff665e}
nav {text-align:center}
.navbar.top {background-color: #fff;z-index:100;width:100%;}
nav.navbar-default {border:none;}
nav ul#menu-top-primary-menu {width:100%}

@media ( min-width: 768px ) {
    .navbar > .container {
        text-align: center;
    }
    .navbar-header,.navbar-brand,.navbar .navbar-nav,.navbar .navbar-nav > li {
        float: none;
        display: inline-block;
    }
    .collapse.navbar-collapse {
        width: auto;
        clear: none;
    }
    nav ul#menu-top-primary-menu {
        display: flex;
        justify-content: space-between;
        align-items: center;
        max-width: 1250px;
        margin: 0 auto;
    }
}

/* About */


section#about {margin-top: 10px;}
section#about .clipwrap {position: relative;height:650px;width:100%;}
section#about .lightgray {overflow: hidden}
section#about img.resize {position: absolute;width:1210px;right:-60px;top:0}
section#about div.container-fluid {padding-left: 0;padding-right: 0;}
article.intro {padding: 80px 50px 120px 50px;max-width:500px;background-color: #f1f1f1;}
aside.welcome-image {padding-left: 0;padding-right: 0;}
section#about .signature {margin-top:40px;}
.signature img {width:260px;height:100px;overflow:hidden}
section#about article.intro h1 {margin-bottom: 40px;}

@media (min-width:1600px) {
    body section#about .clipwrap img.resize {
        right: 0;
    }
    body section#about .clipwrap {
        height:inherit;
        overflow:inherit;
    }
    nav ul#menu-top-primary-menu {
        max-width: 1650px;
    }
}

@media (min-width:992px ) AND  (max-width:1350px ) {
    body section#about .clipwrap img.resize {
        width: 1220px;
        right: -200px;
    }

    body section#about .clipwrap {
        /*overflow:hidden;*/

    }
}

@media (max-width:991px )  {
    body section#about .clipwrap img.resize {
        width: 100%;
        right:0;
    }
    body section#about .clipwrap {
        height:420px;
        overflow:hidden;
    }
}

@media (max-width:600px )  {
    body section#about .clipwrap {
        height:320px;
    }
}


/* Vita */


article.vita {padding:80px 50px 20px 50px;}
ul.vita {
    -moz-column-count: 2;
    -moz-column-gap: 10px;
    -webkit-column-count: 2;
    -webkit-column-gap: 10px;
    column-count: 2;
    column-gap: 10px;
    width:100%;
    padding:0;
}

ul.vita li {padding:0.6em 0;display: table;white-space: nowrap;}
ul.vita li div.date {font-family: 'Nexa';font-size:1.1em;width:98px;float:left;display:table-cell}
ul.vita li div.description {white-space: normal;display:table-cell;vertical-align: top;}
@media (max-width:768px) {
    ul.vita  {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}


/* Presse */


aside.presse {height:450px;background-color: #ff665e;padding:80px 50px 20px 50px}

aside.presse ul {list-style: none;margin: 0;padding-left:0; }
aside.presse ul li {background: url(../img/press-icon.png) no-repeat left top;padding: 0 0 3px 60px;}
aside.presse ul li a {display:block;font-family: 'Nexa';font-size:0.9em;}
aside.presse ul li a:link,
aside.presse ul li a:visited {color:#4c4e56;}
aside.presse ul li a:active,
aside.presse ul li a:hover {color:#000;text-decoration: none;}
aside.presse ul li span {font-size:0.7em}


/* gallery */


#gallery.container-fluid {padding-left: 0;padding-right: 0;}
ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;position:relative;bottom:50px;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}
#container{margin:0 auto;}
ul.bjqs-controls.v-centered li a{display:block;padding:10px;color:#e3d5cc;text-decoration: none;}
ul.bjqs-controls.v-centered li a:hover {color:#fff;}
ol.bjqs-markers li a {padding:2px 5px;color:#fff;margin:0;text-decoration: none;}
p.bjqs-caption {background: rgba(255,255,255,0.5);}


/* Sessions */


section#sessions {padding-left: 0; padding-right: 0;}


/* Appointments */


aside#appointments {background-color: #ff665e; min-height: 450px; padding-left: 80px; padding-top:20px;}
aside#appointments h2 {font-size: 86px;color: #fff; line-height: 0.9em;margin-top: 78px;}
aside#appointments a {margin-top: 70px;}
aside#schedule-slider {
    background-color: #4c4e56;
    min-height: 450px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* Schedule Scroller */


a.bigarrow {}
svg.bigarrow {width:200px;height:12px;}
div.schedule-scroller-row {width:100%}
div#schedule-scroller {color:#fff;}
div#schedule-scroller-categories {position:relative;height:161px;margin-left:80px;font-size:24px;text-align: right;font-family: Nexa;float:left;width:120px;}
div#schedule-scroller-categories-align-bottom {position:absolute; bottom:0;}
.schedule-scroller-category {vertical-align:bottom;cursor:pointer;}
.schedule-scroller-category.active {color:#ff665e}
div#schedule-scroller-weekday {line-height:1em;margin-top:0;width:300px;margin-left:20px;font-size:200px;text-align: left;font-family: Nexa;float:left;height:190px;position:relative;}
div.schedule-scroller-nav {margin-top:20px;float:left;}
div.schedule-scroller-nav > div {
    cursor: pointer;
    display: block;
    padding: 5px 7px 4px 7px;
    margin: 10px;
    font-size: 13px;
    /*white-space: pre;
    white-space: pre-wrap;*/
    border: 1px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
div#schedule-scroller-frame {float:left;width:420px;overflow: hidden;}
div.schedule-scroller-nav > div i {color:#fff;}
div.schedule-scroller-switcher {margin-top: 20px;margin-right:20px;float:right;cursor: pointer;color:#fff;}
div#schedule-scroller-timerange {font-family: Nexa;font-size:24px;margin-left: 120px;float:left;}
div#schedule-scroller-title {font-family: Nexa;font-size:24px;margin-left: 290px;}
div#schedule-scroller-description {margin-left: 215px; width: 40%;float:left;}
div.schedule-scroller-link.next {float:left;margin-left:30px;}
div.schedule-scroller-link.prev {float:left;margin-left:30px;}
div.schedule-scroller-link a {color:#fff;}
div.schedule-scroller-link a:hover {color:#fff;text-decoration: none;}

@media ( max-width: 694px ) {
    div#schedule-scroller-description {margin-left: 20px; width: 86%;}
    div#schedule-scroller-timerange {margin-left: 20px;}
    div#schedule-scroller-title {margin-left: 180px;}
    div#schedule-scroller-link {margin-left:20px;margin-bottom: 30px;}
}

@media ( max-width: 664px ) {
    .schedule-scroller-category {float:left;margin-right: 20px;}
    div#schedule-scroller-categories,div#schedule-scroller-categories-align-bottom {width:100%;height:50px}
    div#schedule-scroller-categories {margin-top:20px;margin-left:20px;}
    div#schedule-scroller-weekday {margin-left:10px;}
}


/* Schedule Plan */


.highlight {background-color: #fff !important;}
#schedule-plan {display:none;}
div.schedule-plan-container {display: table;margin-top: 40px;}
div.schedule-plan-row {display: table-row;}
div.caption-horizontal div.top-header {text-transform: uppercase;color:#fff;border:none;padding-left:24px;}
div.schedule-plan-row div.caption-vertical {font-family: Brandon;width:85px ;padding: 5px 10px 0 0 ;text-align: right ;}
div.schedule-plan-container div.schedule-plan-row div.schedule-plan-column.noborder {border:none;color:#fff;}
div.schedule-plan-column.filled  {cursor: pointer;}
div.schedule-plan-column  {
    font-family: Nexa;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
    font-size:18px;
    color:#4c4e56;
    padding:4px 24px 4px 10px;
    width:80px;
    height:30px;
    max-height:55px;
    display: table-cell;
}

.schedule-plan-container .schedule-plan-row .schedule-plan-column.left {border-left:1px solid #fff}
.schedule-plan-container .schedule-plan-row.top .schedule-plan-column {border-top:1px solid #fff}


/* rounded corners */


.schedule-plan-container .schedule-plan-row:last-child .schedule-plan-column.left{
    -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-left-radius:5px;
    border-bottom-left-radius:5px
}
.schedule-plan-container .schedule-plan-row:last-child .schedule-plan-column:last-child {
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-right-radius:5px;
    border-bottom-right-radius:5px
}
.schedule-plan-container .schedule-plan-row.top .schedule-plan-column.left {
    -moz-border-radius-topleft:5px;
    -webkit-border-top-left-radius:5px;
    border-top-left-radius:5px
}
.schedule-plan-container .schedule-plan-row.top .schedule-plan-column:last-child {
    -moz-border-radius-topright:5px;
    -webkit-border-top-right-radius:5px;
    border-top-right-radius:5px
}

@media ( max-width: 705px ) {
    div.schedule-plan-column {padding:2px 2px 2px 6px;font-size: 13px;}
    div.schedule-plan-row div.caption-vertical {width:40px;padding: 5px 5px 0 0;font-size:12px;}
    div.caption-horizontal div.top-header {font-size:12px;padding-left:14px;}
}

.caption-vertical {white-space:nowrap;
}
/* Sport Section */

#bewegungsformen {margin-top: 100px;margin-bottom: 120px;}
#bewegungsformen h3 {font-size:36px;}
#bewegungsformen div.sport {padding-right: 50px;line-height:1.6em;}
#bewegungsformen .links {
    border:1px solid #4c4e56;
    width:40px;
    height:40px;
    padding:6px 0 0 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}


/* Contact */


p.course-interest {font-family: Nexa;color:#ff665e}
section#contact #contact-text > a {margin-top:50px;}
section#contact .contact-form-wrapper {padding:50px 0 50px 100px;}
#contact-form {display:none}
a.show-contact-form {
    cursor: pointer;
    border:1px solid;
    width:150px;height:40px;
    display:block;
    padding:10px;
    text-align: center;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    text-transform:uppercase;
    font-size:0.8em;
}
html body a.show-contact-form:hover {text-decoration: none;}
html body a.red {border-color: #4c4e56;color:#4c4e56;}
html body a.red:hover {color:#fff;background-color:#ff665e;}
html body a.white{border-color: #fff;color:#fff;}
html body a.white:hover {color:#ff665e;background-color:#fff;}

section#contact input {
    background-color: #f1f1f1;
    border: 1px solid #4c4e56;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    width:250px;
    padding:8px 5px;
    margin-bottom: 20px;
    font-size: 14px;
}

ul li.ui-menu-item {font-size: 14px;padding:5px 5px 5px 20px;font-family: Brandon;}
section#contact input.submit {
    cursor: pointer;
    border:1px solid;
    width:140px;height:40px;
    display:block;
    padding:10px;
    text-align: center;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    text-transform:uppercase;
    font-size:0.8em;
}
section#contact input.submit:hover {background-color: #ff665e;}

::-webkit-input-placeholder { /* WebKit browsers */color:    #000;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:    #000; opacity:  1;}
::-moz-placeholder { /* Mozilla Firefox 19+ */color:    #000;opacity:  1;}
:-ms-input-placeholder { /* Internet Explorer 10+ */ color:    #000;}

section#contact fieldset {border: 0;}
section#contact label {display: none !important;}
section#contact select {width: 250px;margin-bottom: 20px;}
.element.element_select {margin-bottom: 15px;}
span.ui-selectmenu-text {font-weight: normal;font-size: 0.8em;font-family: Brandon;line-height: 1.8em;}
.ui-selectmenu-button span.ui-selectmenu-text {line-height: 30px;}
div.required_note {display:none;}
.overflow {height: 200px;}
.ui-state-default,.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {background-image: none;background-color: #f1f1f1;border-color:#000}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {}
span.field_error {color:#ff665e;}
.placeholder { color: #000; }


section#contact .clipwrap {position: relative;height:450px;width:100%}
section#contact img.resize {position: absolute;max-width: 100%;}

@media ( max-width: 992px ) {
    section#contact .clipwrap {display:none}
}

section#contact {padding:0;}
section#contact .col-md-4 {padding:0;}


/* Sport Page */


div.entry {padding:0 50px;margin: 50px 0 200px 0;font-size:20px;}
div.entry .column {float:left;width:50%;padding:0 40px;margin-bottom :20px}
div.entry .column:first-child {padding-right:10px}
div.entry .column:last-child  {padding-left:40px}
div.entry h2 {padding:0 10px 0 40px;width:50%}
a.back {
    cursor: pointer;
    border:1px solid;
    text-decoration: none;
    width:140px;height:40px;
    display:block;
    padding:10px;
    text-align: center;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    text-transform:uppercase;
    font-size:0.8em;
}

div.entry a.back:hover {text-decoration: none;}

html body section.sport .overlay-title {position: relative;bottom:203px;left:90px;color:#fff;font-size:108px;width:90% !important;}
.h {display: none;}
.sport .logo {position:absolute;top:30px;left:90px;z-index:100;width:120px;height:120px;}


/* Imprint */


div.imprint img.imprint {width:100%}
div.imprint .container {margin-bottom: 100px;}
div.imprint .logo {position:absolute;top:30px;left:90px;z-index:100;width:120px;height:120px;}
html body div.imprint .overlay-title {position: relative;bottom:203px;left:0;color:#fff;font-size:108px;width:90%;margin-bottom: -129px;}


/* Footer */


footer a {color:#fff;}
footer a:link, footer a:visited,footer a:hover, footer a:active {color:#fff;}
footer {background-color: #ff665e;text-align: center;padding-top:40px;height: 280px;font-size:15px}
footer p {color:#fff;font-size: 15px;}
footer img.logo {margin-bottom: 120px;}
footer aside {width:100px;position:relative;bottom:240px;margin-bottom: -240px;height:200px; text-align: left;}
footer .arrow-imprint {width:40px;height:10px;}
footer .arrow-up {height: 40px;}
footer .imprint-margin-top {margin-top: 120px}


/* midcom user interface fix*/


div#ui-id-1 {min-height:100px !important;}

@media (max-width: 991px) {
    html body section.sport .overlay-title {
        font-size: 80px;
        bottom: 170px;
    }

    section.sport img.logo { 
        width:80px;
        height:80px;
    }
}

@media ( max-width: 768px ) {
    header img {
        margin-bottom: 0;
        padding: 26px;
    }
    
    div.entry .column {
        float:none;
        width:95%;
        padding:0 !important;
        margin:0 !important;
    }
    
    div.entry h2 {
        padding:0 !important;
        width:95%
    }
   
    html body section.sport .overlay-title {
        display: none !important;
    }
    
    section.sport img.logo {
        left:40px; 
        width:50px;
        height:50px;
    }
    
    footer .imprint-margin-top {
        margin-top: 50px;
    }

    .bjqs-controls  {
        font-size: 14px;
    }

    ol.bjqs-markers.h-centered {
        font-size: 14px;
        bottom: 36px;
    }

    footer {
        height: 100%;
    }
}