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

@font-face {
    font-family: 'gotham-italic';
    src: url('../fonts/gotham-book-italic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham-book';
    src: url('../fonts/gotham-book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham-medium';
    src: url('../fonts/gotham-medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html i,
html em {
    font-style: normal;
    font-family: gotham-italic
}

html b,
html strong,
body form.datamanager2 label
{
    font-weight: normal;
    font-family: gotham-medium
}

body.editor form.datamanager2 div.form_toolbar {
    display: block;
    margin-bottom: 50px;
    padding-bottom: 20px;
}
*:hover
{
    transition: all .3s ease-in-out
}

html body {
    background-color:#fff;
    font-family:'gotham-book';
    font-size:14px;
    line-height: 1.2;
    overflow-x: hidden;
}
html body h1, html body h2, html body h3, html body h4 {font-family:'gotham-medium';}

html body input[type="text"],
html body input[type="email"],
html body input[type="date"],
html body input[type="time"] {
    height: 38px;
    line-height: 38px;
    padding: 0 15px;
    color: #ffffff;
}

html body #org_openpsa_user input[type="text"] {
    color: inherit;
}

textarea {padding:15px;}

::-webkit-input-placeholder { /* WebKit browsers */
    line-height: 38px;
    color:    #62B5E5;
    text-transform: uppercase;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #62B5E5;
    opacity:  1;
    text-transform: uppercase;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #62B5E5;
    text-transform: uppercase;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #62B5E5;
    text-transform: uppercase;
}
.ui-autocomplete .ui-menu-item {
    color:white;
}
html body button.ui-datepicker-trigger {
    background-color: transparent;
    border: 1px solid #62B5E5;
    padding: 0 10px;
    margin: 0;
    height: 38px;
}
body, .content, .container.jobs {
    max-width: 1000px;
    margin: auto ! important;
}
html body select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #62B5E5;
    height: 38px;
    color: #003865;
    padding: 0 30px 0 15px;
    background: url(../icons/dropdown-arrow.svg) no-repeat  calc(100% - 5px) 12px;
}

.element.element_select .input {
    width:100%;
}

.element.element_downloads .input .attachment-preview,
.element.element_downloads .input .attachment-input
{
    display: inline-block;
    vertical-align: top;
}

.element.element_downloads .input .attachment-preview
{
    width: 60px;
    padding-right: 1em;
}

.element.element_downloads .input .attachment-input
{
    width: calc(100% - 3em - 60px);
}

.element.element_downloads .input label
{
    display: none;
}

a, a:visited, a:focus {color:#000;}
.projects a:visited { color: #428bca;}
.projects .shariff-button a:visited { color: #ffffff;}
html body .container-fluid {padding-left:0;padding-right:0}
html body {color:#003865;}
/*html body .container {padding-left:0;padding-right:0}*/
html body a:hover {text-decoration: none}
html hr {width:100%;border-bottom:2px;height:0;border-color:#62B5E5}
html h1 {font-size: 32px;text-transform: uppercase;display:inline-block;white-space: pre-line;}
html h2 {font-size: 28px;text-transform: uppercase;}
html h3 {font-size: 18px;text-transform: uppercase;}
html h4 {font-size: 16px;text-transform: uppercase;}
.abstract
{
    font-size: 20px;
    line-height: 1.2;
    display: inline-block;
    vertical-align: bottom;
    padding-bottom: 15px
}
.gm {font-family: 'gotham-medium'}
p {margin-top:3px;margin-bottom:3px;font-size:14px;}
.small {font-size:12px}
.nowrap {white-space: nowrap;}
svg {display: none;}
.svg
{
    display: inline-block;
    cursor: auto;
    height: 1em;
    vertical-align: text-bottom;
    fill: currentColor;
}
.bigslash {width: 72px;height: 128px;color:#fff;}
article.project .bigslash {width: 32px; height: 56px; margin-left: 5px;}
.bigslash use {width: 72px;height: 128px;color:#fff;}
.lightblue {color:#62B5E5 !important;}
.darkblue  {color:#003865 !important;}
.white {color:#fff !important;}
.uppercase {text-transform: uppercase !important;}
.space {margin-top:40px;}
.no-padding {padding:0 !important;}
.pointer {cursor: pointer;}
.clearfix {clear:both;}
html body .relative {position:relative !important;}
.hidden {display: none}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    user-select: none;
}

#wrapper,
#navigation-wrapper {
    transition: all 1s ease-out, background-color 0.3s;
}
#wrapper {
    margin-top: 179px;
}
#head-img-box img{
    width: 100%;
}
body.register-overlay-open #wrapper,
body.register-overlay-open #navigation-wrapper,
body.editor-open #wrapper,
body.editor-open #navigation-wrapper {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}

#content-wrapper {
    margin:0 auto;
    padding:0 15px 50px 15px;
    text-align: center;
}

#sidebar {
    width: 200px;
    padding: 10px;
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
    border: 1px solid #C0C0C0;
}

#content {
    padding:0;
    display:inline-block;
    vertical-align:top;
    text-align: left;
    line-height: 1.4;
    max-width: 100%;
    width: 100%;
    margin: auto;
}
#header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1;
    max-width: 1000px;
    margin: auto;
}
/* Headbar */
.headbar {
    background-color: #62B5E5;
    padding-left:0;
    padding-top:10px;
    color:#fff;
    height:40px;
    font-size:10px;
    text-transform: uppercase;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.headbar a {color:#fff;}
.headbar > div {padding:0}
.headbar .login {display: inline-block;margin-top: 5px;}
.headbar .login div {display:inline-block;}
.headbar .login .logout {margin-left:20px;}
.headbar .login a:hover {color:#003865}
.headbar .signup  {margin-left:40px; cursor: pointer;}

.headbar .login .register-button {
    display: block;
    float: right;
    height: 25px;
}

.headbar .login .register-button .hover {
    margin-right: 40px;
}

.headbar .login .register-button:hover > ul {
    display: block;
}

.headbar .login ul {
    display: none;
    position: relative;
    background-color: #6f85a5;
    padding: 5px 0;
    margin: 13px 0 0;
    z-index: 3;
}

.headbar .login .register-button ul:after {
    content: url('../img/topmenu-pointer.png');
    position: absolute;
    left: calc(50% - 13px);
    top: -16px;
}

.headbar .login ul li {
    display: block;
}

.headbar .login ul li:first-child {
    margin-top: 5px;
}

.headbar .login ul li a {
    color: #ddd;
    margin: 0;
    padding: 0 15px;
    line-height: 25px;
    padding: 0 20px;
    font-size: 12px;
}

.headbar .login ul li a:focus {
    text-decoration: none;
}

.headbar .search {display: inline-block;vertical-align: top;}
.headbar .search form.search input[type="text"] {
    background-size: 10px 10px;
    padding-right: 20px;
    padding-left: 0;
    line-height: 1em;
    font-size: 10px;
    text-transform: uppercase;
    margin-right: 80px;
    color: #fff;
    height: 20px;
    width: 80%;
}

.headbar .social {display: inline-block; margin-top: -2px;}
.headbar .social a {
    color:#62B5E5;
    width:24px;
    font-size: 20px;
    font-weight: normal;
    display:inline-block;
    margin-right: 6px;
}
.headbar .social a .svg {
    cursor: pointer;
}
.headbar .social a:hover {text-decoration: none;background-color:#62b5e5;}
.headbar .social a div {
    display:inline-block;
    background-color: #fff;
    width:24px;
    height:24px;
    padding:2px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.headbar .social a:hover div {background-color:#003865;}
.headbar .languageswitcher {display: inline-block;}
.headbar .languageswitcher a.active {color:#fff;}
.headbar .languageswitcher a {color:#003865;}
.headbar .languageswitcher a:hover {text-decoration: none;color:#fff;}

#content.container {margin-top: 60px;}
div#content.container.cms {margin-top: 0}
@media(max-width: 480px){
    #header .headbar .search {
        display: none;
    }
}
/* navigation */
#navigation ul.fi_protie_navigation {
    display:inline-block;
}

#navigation-wrapper {
    background-color: transparent;
    text-align: right;
    height: 150px;
}

#navigation a {
    text-transform: uppercase;
}

#navigation {
    height: 139px;
    background-color: #fff;
    font-size: 12px;
    max-width: 100%;
}

#navigation-container {
    margin-top: 0px;
    position: relative;
    top: 80px;
    max-width: 100%;
}

#navigation div > ul {
    margin: 2px 0 0 0;
    padding: 0;
    list-style-type: none;
    position: relative;
    left: -50px;
    white-space: nowrap;
    width: 100%;
}

#navigation div > ul > li {
    display: inline-block;
    padding: 10px 0;
    margin: 0;
    position: relative;
    height: 50px;
    z-index: 1;
    width: 13%;
    text-align: center;
}

#navigation div > ul > li + li::before {
    content: url('../img/topmenu-delimiter.png');
    float:left;
}

#navigation div > ul > li:last-child::before {
    content: none;
}

#navigation div > ul > li:last-child a {
    border:1px solid #003865;
    padding: 16px;
}

#navigation div > ul > li.active:last-child a {
    border-color: #62b5e5;
    color: #fff;
    background-color: #62b5e5;
}
#navigation div > ul > li > ul a[href^="/insights/interviews/"], 
#navigation .net_spoeko_events .bayreuther_sporttalks a {
    white-space: pre-wrap;
}
#navigation .net_spoeko_events .bayreuther_sporttalks a {
    width: min-content;
}
#navigation #navigation-container .net_spoeko_social > ul,
#navigation #navigation-container > ul > li.net_spoeko_social.hover::after {
    display: none;
}
#navigation div > ul > li.hover::after {
    content: url('../img/topmenu-pointer-nav.png');
    position:absolute;
    /*
     width of delimiter + 50% of the a's actual width (excluding delimiter) - half the pointer's width
    */
    left: calc(18px + (100% - 18px) / 2 - 13px);
    bottom: -5px;
}

#navigation div > ul > li:first-child.hover::after {
    left: calc(100% / 2 - 13px);
}

#navigation div > ul > li.hover > a {
    color: #aaa;
}

#navigation div ul li.hover ul {
    display: inline-flex;
    flex-wrap: wrap;
    visibility: visible;
    height: auto;
    background-color: rgba(0, 56, 101, 0.92);
    margin-left: -15px;
}

#navigation div ul li a {
    display: inline-block;
    line-height: 0;
    color: #003865;
    text-decoration: none;
    padding: 15px 10px 15px 20px;
    font-size: 13px;
    font-weight: 900;
    outline: none;
}

#navigation div > ul > li > ul {
    width: 1000px;
    visibility: hidden;
    position: absolute;
    top: 50px;
    margin: 0;
    padding: 5px 50px 0 100px;
    white-space: nowrap;
    right: 0;
    font-size: 0;
}

#navigation div ul li ul li:last-child a {
    padding-right: 0;
}

#navigation div ul li ul li {
    float: none;
    display: block;
    padding-top: 8px;
    display: inline-block;
    padding:13px 0 0 0;
    margin:0;
    font-size:12px;
    width: 33.3%;
    text-align: left;
}
#navigation div ul li.net_spoeko_events ul li,
#navigation div ul li.net_nemein_redirector ul li {
    width: 25%;
}
#navigation div ul li ul li a {
    color: #ddd;
    display:block;
    margin: 0 0 0 0;
    padding: 0 10px 10px 0;
    line-height: 30px;
    font-weight: bold;

}
#navigation div ul li ul li.active a,
#navigation div ul li ul li a:hover {
    color: #aaa;
}

#navigation div ul li:first-of-type {
    border-left: none;
}
#navigation div > ul > li > div.navitem {
    background-color:#003865;
    width:100%;
    height: 50px;
}
#navigation #navigation-container ul li ul li ul,
#navigation #navigation-container ul li ul li ul li {
    display: block;
    background: transparent;
}
#navigation #navigation-container ul li ul li ul li a {
    text-transform: none;
    line-height: 15px;
}
@media (max-width: 640px) {
    .headbar .search form.search input[type="text"] {
        min-width: inherit;
        width: 80px;
        margin-right: 10px;
    }
}

#navigation svg.menu {
    display:none;
}
#navigation div ul li .net_spoeko_board ul, #navigation div ul li .net_spoeko_directors ul, 
#navigation div ul li .net_spoeko_science ul, #navigation div ul li .net_spoeko_events ul, 
#navigation div ul li .net_spoeko_connect ul, #navigation div ul li .net_spoeko_social,
#footernav ul li .net_spoeko_board ul, #footernav ul li .net_spoeko_directors ul, 
#footernav ul li .net_spoeko_science ul, #footernav ul li .net_spoeko_events ul, 
#footernav ul li .net_spoeko_connect ul, #footernav .net_spoeko_social ul {
    display: none !important;
}
@media (max-width: 768px) {
    #navigation svg.menu {
        display: inline-block;
        width: 30px;
        height: 30px;
        cursor: pointer;
        margin-right: 40px;
    }
    #navigation-wrapper {
        height:auto;
        background-color: rgba(0, 56, 101, 0.8);
        text-align: right;
        clear: both;
    }
    .resp-nav-hover #navigation {
        height: auto;
        padding-bottom: 85px;
    }
    #navigation {
        height: 115px;
    }
    #navigation div > ul > li + li::before {
        content: normal;
        float: none;
    }
    #navigation ul.fi_protie_navigation {display:none;}
    #navigation div > ul > li.hover::after {
        content: normal;
        position:inherit;
        left: inherit;
        bottom:inherit;
    }
    #navigation div > ul {
        left: 0;
    }
    #navigation div > ul > li {
        display:block;
        font-family:"gotham-medium";
        padding: 3px 0 0 30px;
        position:inherit;
        height:inherit;
        text-align: left;
        width: 100%;
    }

    #navigation div > ul > li > ul {
        position: inherit;
        top: inherit;
        padding: 3px 0 0 15px;
        height: auto;
        text-align: left;
    }

    #navigation div > ul > li a {
        padding: 15px;
        color:#003865;
    }

    #navigation div > ul > li > ul > li {
        display:block;
        visibility: visible;
        font-family:"gotham-book";
        padding:inherit;
    }
    
    #navigation div > ul > li > ul > li a {
        line-height: inherit;
        padding:inherit;
        color:#003865;
        text-transform: uppercase;
    }
    #navigation div > ul > li:last-child {
        text-align: center;
    }
    #navigation div > ul > li:last-child a {
        margin-left:inherit;
    }
    #header {
       background: #fff;
       height: 160px;
    }
    #wrapper {
        position: relative;
        top: 0;
    }
}

/*History href*/
#col-md-12-a {
    border: solid;
    border-color: #62B5E5;
    border-width: 1px;
    padding: 1%;
    color: #62B5E5;
    transition: all 0.7s;
    transition-property: border, color;
}
#col-md-12-a:hover {
    color: #000;
    border-color: #000;
}
	
.title-row {
    margin-bottom: 70px;
}

table.list-edit {
    margin-top:100px;
    width:90%;
}
table.list-edit .edit {
    width:90px;
}
table.list-edit .delete {
    width:90px;
}

table.list-edit > tbody > tr:nth-child(odd)>td,
table.list-edit > tbody > tr:nth-child(odd)>th {
    background-color: rgba(98,181 ,229, 0.5);
}
table.list-edit td,
table.list-edit th {
    padding:15px;
}

/* Member Search */


.member-search
{
    margin-top: 2em;
    margin-bottom: 4em;
}

.search-form .form fieldset.fieldset
{
    border: none;
    padding: 0;
}

.search-form .form fieldset.fieldset label,
.search-form .form fieldset.fieldset .element_select,
.search-form .form fieldset.fieldset .element_choice,
.search-form .form .element_text,
.search-form .form .form_toolbar
{
    display: inline-block;
    margin-right: 1.5em;
}

.search-form .form fieldset.fieldset select option {
    font: initial;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
}

.search-form .form fieldset.fieldset label,
.search-form .form fieldset.fieldset select
{
    text-transform: uppercase;
    padding-left: 24px;
}

.search-form .form #net_spoeko_social_keyword
{
    background-size: 1em;
    background-image: url("../icons/lupe-blue.svg");
    background-position: right 40%;
    background-repeat: no-repeat;
    border-width: 0 0 1px;
    color: #003865;
    border-color:#62B5E5;
    text-transform: uppercase
}

.search-form div.form_toolbar button[type="submit"] {
    height: 38px;
    border: 1px solid #62B5E5;
    color: #003865;
    background-color: #fff;
    min-width: 220px;
    padding: 0 15px;
    background-image: none;
    color: #62B5E5;
    text-transform: uppercase
}

.download-icon {
    background-image: url('../icons/entypo/download.svg');
    border-color: #62B5E5;
    fill: #62B5E5;
    margin-top:20px;
    width:20px;
    height:20px;
}

.featured-job::after {
    content:'';
    background-image: url('../icons/highlite-job.png');
    background-size: 72px 96px;
    background-repeat: no-repeat;
    border-color: #62B5E5;
    fill: #62B5E5;
    width:72px;
    height:96px;
    display: inline-block;
}

#jobmarket_entries .entry,
#member_search_results .person{
	border:1px solid #C0C0C0;
	padding:6px 18px;
	margin-bottom:20px;
}

#member_search_results .person .user_image,
#member_search_results .person .user_info {
	display:inline-block;
	vertical-align:top;
}

#member_search_results .person .user_info {
	margin-left:12px;
}

#activity_stream_box .entry .user_image,
#activity_stream_box .entry .entry_info {
    display:inline-block;
    vertical-align:top;
}

#activity_stream_box .entry .entry_info {
    margin-left:12px;
    font-size:11px;
    line-height:13px;
    max-width:130px;
}
#logo-container {
    position: relative;
    bottom: 45px;
    padding-left: 30px;
}
#logo {
    position:absolute;
    top: 70px;
}
#logo img {width:320px;height:61px;}
@media (max-width: 992px) {
       #logo img {width:180px;height:33px;margin-top:15px;}
       #logo-container {bottom:45px;}
}
/* HOME */

/* Home People */
.box-people .people-entry:last-child {margin-right: 0}
.people-entry {font-size:16px;float:left;margin-right:25px;line-height: 1em;margin-bottom: 60px;}
.people-entry a {color:#003865;}
.project .people-entry a {display: table; margin: auto;}
.project .people-entry a span {margin-left: 0;}
.people-entry img {width:174px;height:174px; display: block; margin: 0 auto 15px;}
.people-entry span.people-name {text-transform: uppercase;margin-left:10px;font-family: gotham-medium;}


.people-upcoming {margin-bottom: 30px;}
.slash:after {
    content: '/';
    color: #62B5E5;
    margin-left: 8px;
}
.news-header:after {
    color: #ffffff;
}
.home .events-upcoming {margin-bottom: 50px;}
#wrapper .row {
    margin-right: 0;
    margin-left: 0;
}
#wrapper .project .title-row {
    margin-bottom: 0;
}
#wrapper .project .title-row .abstract {
    margin-bottom: 50px;
}

.project .project-content {
    margin-top: 70px;
}

@media (max-width: 992px) {
    .people-entry img {width:225px;height:225px;margin-bottom: 15px;}
}
@media (max-width: 768px) {
    .people-entry img {width:215px;height:215px;margin-bottom: 15px;}
    .project .project-content {
        margin-top: 20px;
    }
     #wrapper .project .title-row .abstract {
        margin-top: 15px;
     }
}

@media (max-width: 992px) {
    .people-description,
    .events-description {
        display: inline-block;
        white-space: normal;
        padding-left: 0;
        margin-top: 15px;
        width: 100%;
    }
}
/* Icons Box */
.icons-box {
    width: calc(100% + 30px);
    margin-left: -15px;
    background-color: #90b8e4;
    margin-bottom: 20px;
}
.icons-box .icon-item {
    display: grid;
    justify-content: center;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
}
.icons-box .icon-item img {
    width: 75px;
}
.icons-box .icon-box-text {
    color: #183152;
    padding-top: 10px;
    display: block;
    font-size: 14px;
    font-weight: bold;
}
@media(max-width: 768px){
    .icons-box {
        width: 100%;
        margin-left: 0;
    }
}
/* Home Events */
.home #events-box {
    display: none;
    width:400px;
    height:400px;
    float:left;
}
.home .events-text-wrapper {
    width:150px;
    height:150px;
    position:relative;
    bottom:150px;
    margin-bottom: -150px;
    visibility: hidden;
    text-align: center;
}
.home .abstract {font-size:18px;line-height:1.3em;}
.home .events-image {width:200px;height:200px;padding:10px;overflow: hidden;float:left;}
.home .events-image a{display: inline-block;margin:12px;}
.home .events-image img{width: 100%;}
#eventsBoxGrid .triangle {
    position:absolute;
    bottom:0;
    right:0;
    width: 0;
    height: 0;
    border-style: solid !important;
    border-width: 0 0 15px 15px !important;
    border-color: transparent transparent #62B5E5 transparent !important;
}
.home .events-image a:hover, .home .events-image a {text-decoration: none;}
.home .events-image:hover .events-text-wrapper {
    visibility: visible;
    background-color: rgba(0,56,101,0.5);
}


.home .events-text-wrapper .events-date-day {font-size:72px;font-family: gotham-medium;color:#fff;line-height: 1em;padding-top:10px;}
.home .events-text-wrapper .events-date-month {font-size:13px; color:#fff;text-transform: uppercase;line-height:1em;}
.home .events-text-wrapper .events-title-short {font-size:13px; color:#fff;text-transform: uppercase;margin-top:20px;}

.home .map-bayreuth {position: relative;z-index: -10; opacity: 0.3;}
.home .map-bayreuth img {
    position: absolute;
    right: 0;
    width: 100%;
}
.home .events-featured {
    float:right;
    margin-top: 20px;
}
.home .events-featured-image {
    width: 100%;
    position: relative;
    z-index: -20;
    text-align: center;
}
.home .events-featured-image img {
    width: 220px;
}
.featured-img-placeholder {
    background: url("/midcom-static/spoeko/img/platzhalter_event.jpg");
    background-size: cover;
    width: 300px;
    height: 300px;
    margin: auto;
    background-color: rgba(98,181,229, 0.7);
    background-blend-mode: multiply;
}
.home .events-featured-description {
    background-color: #62B5E5;
    min-height: 100px;
    width: 300px;
    color: #fff;
    font-size: 12px;
    line-height: 1em;
    padding: 0 5px;
}
.home .events-featured-up {line-height:1em;position:relative;top:-35px;margin-bottom:-35px;margin-left:10px;}
.home .events-featured-date-day {color: #fff; font-family: gotham-medium;font-size: 72px; line-height:1em;
                                 text-shadow: -1px -1px 0 #62B5E5,1px -1px 0 #62B5E5,-1px 1px 0 #62B5E5,1px 1px 0 #62B5E5;}
.home .events-featured-date-month {font-size: 13px;text-transform: uppercase;font-weight: normal;color: #fff; }
.home .events-featured-title-short {display: block;font-size:24px; color:#fff; text-transform: uppercase;line-height: 1em;font-family: gotham-medium;margin-right:10px;}
.home .events-featured-teaser { color: #fff; font-size: 12px; line-height:1.5em;padding:10px 10px 0 10px}
.home .events-featured-venue {color: #fff; font-size: 12px; line-height:1em;margin:0 10px 10px 0;text-align: right;}
.events-upcoming-mobile , .events-upcoming .abstract {
    display: none;
}
@media(max-width: 993px){
    .events-upcoming, .events-upcoming-mobile .abstract {
        display: none;
    }
    .events-upcoming-mobile {
        display: block;
    }
    .home .events-upcoming-mobile .events-featured {
        float: none;
        display: grid;
        justify-content: center;
    }
}
@media(max-width: 768px) {
    .home .events-upcoming-mobile .events-featured {
        float: none;
        display: grid;
        justify-content: center;
    }
}
/* Home Blog */
.home .blog-wrapper .news-header {
    position: relative;

    color:#fff;
    background-color:#003865;

    font-size:28px;
    font-family: gotham-medium;
    line-height:0.8em;

    max-width:132px;
    padding:10px 0 10px 10px;

    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}
.home .blog-wrapper .news-header img {position:absolute;height:27px;top:13px;right:10px;}
.home .blog-more-icon {
    font-size:32px;
    position:absolute;
    top: 10px;
    right: 10px;
}

.home .blog-more-icon svg {cursor: pointer;}

.home .blog {border:3px solid #003865;padding:10px;vertical-align: top;position: relative;margin-bottom: 60px;}
.home .blog .blog-dates {width:150px;height:100px;float:left;}
.home .blog .blog-dates .blog-published-day {color: #62B5E5;font-size: 75px;line-height:1em;font-family: gotham-medium}
.home .blog .blog-dates .blog-published-month, .home .blog .blog-dates .blog-published-year {color: #62B5E5;font-size:14px;}
.home .blog .blog-contents .entry-title a {color:#003865;line-height:1em;text-decoration: none;}
.home .blog .blog-contents h2 {margin:10px 0 5px 0;}
.home .blog .blog-contents {line-height: 1.4em;color:#003865;padding-left: 160px;font-size: 14px;}
.home .blog .blog-row {display:none;min-height: 90px;padding: 5px 30px;clear: both;}

#slider-news-box #news-box {
    display: none;
}
@media(min-width: 769px){
    #slider-news-box {
        width: calc(100% + 30px);
        margin-left: -15px;
        display: grid;
        grid-template-columns: 65% 35%;
        grid-template-rows: auto;
        position: relative;
        overflow: hidden;
    }
    #slider-news-box #news-box {
        display: block;
        background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 100%),
        url("/midcom-static/spoeko/img/rennbahn01.svg");
        background-size: cover;
    }
    #slider-news-box #news-box .blog-row {
        height: 33.3%;
        overflow: hidden;
        padding: 25px 30px;
        box-shadow: 0px 26px 2px -24px #fff;
    }
    #slider-news-box #news-box .blog-row .blog-contents {
        max-height: 65px;
        overflow: hidden;
    }
    #slider-news-box #news-box .blog-row .entry-title {
        line-height: 1;
        margin-top: 0;
    }
    #slider-news-box #news-box .blog-row .entry-title {
        font-size: 18px;
        color: #003865;
        text-transform: none;
        font-family: 'gotham-book';
        font-weight: bold;
    }
    #slider-news-box #news-box .blog-row .entry-summary, #slider-news-box #news-box .blog-row .blog-dates {
       display: none;
    }
}
@media(max-width: 768px){
    #slider-news-box #news-box {
        display: none;
    }
}
@media (max-width:480px) {
    .home .blog .blog-row {padding: 5px;}
    .home .blog .blog-contents {line-height: 1.4em;color:#003865;padding-left: 80px;font-size: 14px;}
    .home .blog .blog-contents .entry-title {font-size: 14px;}
    .home .blog .blog-dates {width:80px;height:40px;float:left;}
    .home .blog .blog-dates .blog-published-day {font-size: 32px;}
    .home .blog .blog-dates .blog-published-month, .home .blog .blog-dates .blog-published-year {font-size:12px;}
    .home .blog-wrapper .news-header {font-size:16px;}
}

/* Home Partner Box */
.home .partner {text-align: center;}
.home .partner .partner-description {margin:30px;font-size:11px;}
.home .partner .partner-box {line-height: 8em;display:inline-block}
.home .partner .partner-box ul {list-style-type: none; padding-left:0;}
.home .partner .partner-box ul li {float:left; margin-right: 25px;}
@media(max-width:480px){
    .home .partner {
        position: relative;
        top: 50px;
    }
}

/* Home Register Overlay */
.box-register-overlay .description {text-transform: uppercase;color:#fff;font-size:24px;line-height:1.8em;}
.box-register-overlay .container:not(.no-border) {margin-bottom: 20px; padding: 20px; border: 1px solid rgba(255,255,255, 0.5);}
.box-register-overlay .container.no-border h3 {margin-left: -15px;}
.box-register-overlay .container.no-border span.title {color: #ffffff;}
.box-register-overlay .container info span {color: #ffffff; margin-top: 20px; font-size: 14px;}
.box-register-overlay .element_select .input {width:100% !important;}
.box-register-overlay .info {color:#fff; margin-bottom:30px;}
.box-register-overlay .info .general_info{display:block; margin-left: 20px; margin-bottom: 20px;}
.box-register-overlay .info .general_info.text{margin-left: -15px;}
.box-register-overlay label, .box-register-overlay h3 {color:#fff;}
.form_toolbar button , .box-register-overlay button {
    border: 1px solid #fff;
    padding:0 15px;
    background-color: rgba(255,255,255,0.1);
    color: #fff;
    height: 40px;
}
.box-register-overlay span {font-family: 'gotham-book'; line-height: 1.5; font-weight: bold;}
.form_toolbar button.submit.cancel ,.box-register-overlay button.submit.cancel {margin-left:15px;}
.form_toolbar button.submit {background-image:none !important;padding:0 15px !important;border-style:solid !important}
.box-register-overlay input,
.box-register-overlay select option
{
    background-color: rgba(255,255,255, 0.1);
    width: 100%;
    height: 45px;
    margin-bottom: 20px;
    border:1px solid #fff;
    color: #003865;
}
.box-register-overlay select {width: 100%; border:1px solid #ffffff; outline: none; color: #ffffff}
.box-register-overlay .row.additional_info {display: none;}
.box-register-overlay + div.form_toolbar {margin-bottom: 80px;}

.register-overlay-headline {
    position: fixed;
    top: 0;
    z-index: 3;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background: rgba(0, 56, 101, 0.92);
    color: #ffffff;
}
div[class^="input-account_"] {
    opacity: 1;
    transition: opacity .2s ease-in;
}

div[class^="input-account_"].disabled {
    opacity: 0.6;
}

/* Projects / Insights */
.insights-events-box {
    width: 100%;
    display: grid;
    grid-template-columns: 65% 35%;
    grid-template-rows: auto;
}
.insights-events-box .insights {
    padding-right: 20px;
}
.insights-events-box .title {
    text-align: left;
}
.insights-events-box .title-events {
    padding-left: 38px;
}
.insights-events-box .title-insights {
    padding-left: 30px;
}
.home #projects-box {
    width:100%;
}
#eventsBoxGrid {
    width: 400px;
    height: 400px;
    position:absolute;
    pointer-events: none;
}
#eventsBoxGrid div{
    width: 200px;
    height: 200px;
    float: left; 
    position: relative;
}
#eventsBoxGrid div:nth-child(1){
    border-right: 2px solid #62B5E5;
    border-bottom: 2px solid #62B5E5;
}
#eventsBoxGrid div:nth-child(2){
    border-left: 2px solid #62B5E5;
    border-bottom: 2px solid #62B5E5;
}
#eventsBoxGrid div:nth-child(3){
    border-right: 2px solid #62B5E5;
    border-top: 2px solid #62B5E5;
}
#eventsBoxGrid div:nth-child(4){
    border-top: 2px solid #62B5E5;
    border-left: 2px solid #62B5E5;
}



#projectBoxGrid {
    width: 100%;
    height: 400px; 
    position:absolute;
    pointer-events: none;
}
#projectBoxGrid div{
    width: 50%;
    height: 200px;
    float: left; 
    position: relative;
}
#projectBoxGrid div:nth-child(1){
    border-right: 2px solid #62B5E5;
    border-bottom: 2px solid #62B5E5;
}
#projectBoxGrid div:nth-child(2){
    border-left: 2px solid #62B5E5;
    border-bottom: 2px solid #62B5E5;
}
#projectBoxGrid div:nth-child(3){
    border-right: 2px solid #62B5E5;
    border-top: 2px solid #62B5E5;
}
#projectBoxGrid div:nth-child(4){
    border-top: 2px solid #62B5E5;
    border-left: 2px solid #62B5E5;
}


.home #projects-box {
    position: relative;
    display: inline-block;
    display: block;
}
.home #projects-box .projects-entry {
    width: 100%;
    height: 250px;
    overflow: hidden;
    display: block;
    position: relative;
    padding: 10px;
    border-bottom: 1px solid #62B5E5;
}
.home #projects-box .projects-entry .day {
    font-size: 20px;
}
.home #projects-box .projects-entry .month, .home #projects-box .projects-entry .year {
    padding-left: 5px;
}
.home #projects-box .projects-entry-text {
    max-height: 225px;
    padding: 10px 15px;
    overflow: hidden;
}
.home .insights #projects-box .projects-entry-text .projects-title {
    font-size: 24px;
}
.home #projects-box .projects-entry-image img {
    max-width: 100%;
}
/* project grid
.home .projects-box-list .projects-entry:nth-child(odd) {
    border-top: 3px solid #62B5E5;
}
.home .projects-box-list .projects-entry:nth-child(even) {
    border-left: 3px solid #62B5E5;
    border-top: 3px solid #62B5E5;
}
.home .projects-box-list .projects-entry:nth-child(1),
.home .projects-box-list .projects-entry:nth-child(2) {
    border-top: none;
}
*/
.home .projects-box-list .projects-entry .projects-description {
    height: 40px;
    overflow: hidden;
}
.home #projects-box .projects-entry a:link,
.home #projects-box .projects-entry a:visited {color:#003865;}
.home #projects-box .projects-entry a:hover {color:#62B5E5;}
.home #projects-box .projects-entry .projects-title {
    line-height:1em;
    font-size:23px;
    text-transform: uppercase;
    font-family: gotham-medium;
    margin-bottom:30px;
    word-break: break-word;
}
@media(max-width: 993px){
    .home .insights-events-box {
        width: 100%;
        grid-template-columns: 100%;
        grid-template-rows: auto;
    }
    .home .insights-events-box .insights {
        margin-top: 20px;
    }
    .home .insights #projects-box .projects-entry {
        height: auto;
    }
    .home .insights-events-box .title-insights {
        padding-left: 15px;
    }
}
@media (max-width: 768px) {
    .home .insights #projects-box .projects-entry .projects-entry-image {
        text-align: center;
        height: 300px;
    }
    .home .insights #projects-box .projects-entry .projects-entry-image img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
}
.home #projects-box .projects-entry .projects-description {font-size:11px;line-height:1.2em;}
.home #projects-box .projects-entry .triangle {
    position:absolute;
    bottom:0;
    right:0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 15px 15px;
    border-color: transparent transparent #62B5E5 transparent;
}
.home #projects-box .projects-entry img.nut {width:30px;height:30px;margin-bottom: 15px;}
.home .custom-projects-box {
    width:325px;
    float: right;
    float: unset;
    display: none;
}
.home .custom-projects-box-bg {
    width:325px;
    height:162px;
    background-image:url("../img/project.jpg");
}
.home .custom-projects-box img {
    margin:40px 127px;

}
.home .custom-projects-box .custom-projects-description {
    white-space: pre-line;
    display: inline-block;
    margin-top:30px;
}

.custom-projects-link {
    margin-top: 30px;
}
.custom-projects-link a {
    display:inline-block;
    border:1px solid #62B5E5;
    padding:10px 45px;
    text-transform: uppercase;
    color:#fff;
    font-size:12px;
}

.custom-projects-link a:visited {color:#fff;}
.custom-projects-link a:hover   {color:#003865;}

/* Events View */


.event .left {text-align: center;display:inline-block;}
.event {text-align: left}
svg.share-icon {cursor: pointer}
.project img.thumb, .event img.thumb {width:100%}

/* Events List Page */
#content .leftblock
{
	text-align: center;
	padding-left: 0;
	padding-right: 0;
	min-height: 200px;
}
.project-date {
    max-width: 250px;
    margin: 50px auto 10px;
}
.day
{
	font-size: 86px;
	font-family: gotham-medium;
	line-height: 1;
}
.month, .year {font-size:14px; text-transform: uppercase;}
.leftblock hr, .rightblock hr {width:100%;border-top:1px solid #62B5E5;height:0;}
.share-container {
    padding:5px;
}
.share-container.shariff .orientation-horizontal {
	justify-content: center;
}

.entry-row {
    padding: 40px 0 40px 0;
    border-bottom:2px;
    border-left:0;
    border-top:0;
    border-right:0;
    border-color:#62B5E5;
    border-style: solid;
    min-height: 240px;
    display: inline-block;
    min-width: 100%;
}
.entry-row:last-child {border: none }
.rightblock {float:left;}
.rightblock .venue svg
{
    margin-right: .7em
}

.rightblock .title-container
{
	border-bottom: 1px solid #62b5e5;
	padding-bottom: 8px;
}

.rightblock .title-short {
    font-size: 32px;
    font-family: gotham-medium;
    margin-top: 14px;
    margin-bottom: 0;
    text-transform: uppercase;
    float:left;
    line-height: 1.1em;
}

@media (min-width: 768px) {
    .rightblock .with-button .title-short {
        width: calc(100% - 119px);
    }
}

.npeople {
	padding:13px;
	background-color:#003865;
	float:right;
	color:#fff;
	text-transform: uppercase;
}

.npeople .people-box-wrapper  {
    position: absolute;
    right:0;
    top:0;
    z-index:1000;
    background-color: #fff;
}

.npeople .people-box {
    padding:15px 15px 15px 15px;
    display: none;
    width:405px;
    min-height:85px;
    max-height:300px;
    border-top: 1px solid #62B5E5;
    border-left: 1px solid #62B5E5;
    border-right: 1px solid #62B5E5;
    background-color: #fff;
    overflow:auto;
    box-sizing: border-box;
    z-index:1000;
    text-align: left;
}

.npeople .people-box img.loader {margin: 70px 180px;}
.npeople .people-box .ipeople {
    margin:2px;
    color:#003865;
    font-size:8px;
    z-index:1100;
    display:inline-block;
}
.npeople .sign-buttons {
    border-bottom: 1px solid #62B5E5;
    border-left: 1px solid #62B5E5;
    border-right: 1px solid #62B5E5;
    width:405px;
    height:85px;
    display:none;
    z-index:1000;
    padding:15px;
}
.npeople .people-box-wrapper .sign-login,
.npeople .people-box-wrapper .signup,
.npeople .people-box-wrapper .signout {
    display: none;
    position: absolute;
    bottom: 15px;
    background-color: #62B5E5;
    color: #fff;
    font-size: 18px;
    text-align: center;
    padding: 15px;
    width: calc(100% - 30px);
    cursor: pointer;
    border:1px solid #62B5E5;
}
.npeople .people-box-wrapper .sign-login:hover,
.npeople .people-box-wrapper .signup:hover,
.npeople .people-box-wrapper .signout:hover {
    background-color:#fff;
    color:#62B5E5;
}
.rightblock .title-long {font-size:18px;margin-top:20px;}
.rightblock .teaser {margin-top:20px;}

/* Article */
article hr {width:100%;border-top:2px solid #62B5E5;height:0;}
article:not(.project) h2 {margin-top: 100px;}


@media (min-width: 993px) {
    article.container {
        display: table;
    }

    article .wrap {
        display: table-cell;
        vertical-align: bottom;
    }

    .row > .abstract, .row > .title {
        float:none;
    }
    
    article.project .row > .title {
        vertical-align: middle;
    }

} /* member search page */

div.lazyjson-template {
    text-align: center;
    height: 210px;
    width: 150px;
    overflow: visible;
    float: left;
    margin: 5px;
}

div.lazyjson-template .person-name
{
	display: block;
	text-transform: uppercase;
	margin-top: 1em;
	color: #003865;
	text-align: left;
	padding-left: .7em;
}

/* Social | Profile */
#content.social
{
	margin-top: 0;
}
#content.social .profile {line-height:1.5em;}
#content.social .profile img.profile-thumbnail
{
	width: 100%;
}
#content.social .profile .profile-subtitle-box {padding:15px;}
#content.social .profile .profile-subtitle-box h4 {margin-bottom: 2px}

#content.social .profile .study-box-container
{
	margin-top: 5px;
	text-transform: uppercase;
	font-family: gotham-medium;
}

#content.social .profile .study-heading
{
	margin-bottom: 5px;
}

#content.social .profile .study-box-connector {vertical-align: top;display:inline-block; width:30px;height:13px; border-bottom: 2px solid #003865;}
#content.social .profile .study-box {
    text-align: center;
    display: inline-block;
    min-width: 60px;
    height: 24px;
    background-color: #003865;
    color: #fff;
    padding: 4px 20px;
    font-family: gotham-medium;
    line-height: 1.1
}

#content.social .profile .leftmenu ul {padding-left: 0;list-style-type: none}
#content.social .profile .leftmenu ul li
{
    border-top:1px solid #62B5E5;
    padding: 15px;
    text-transform: uppercase;
    font-family: gotham-medium;
    background-position: right 20px center;
    background-repeat: no-repeat
}
#content.social .profile .leftmenu ul li:hover,
#content.social .profile .leftmenu ul li.active {
    background-image: url("../icons/circle-red.svg");
    background-position-x: right;
    cursor:pointer;
}

.person-unconfirmed li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.person-unconfirmed a,
#content.social .profile .buttonstyle {
    color: #62B5E5;
    text-transform: uppercase;
    padding: 10px;
    border: 1px solid #62B5E5;
    text-align: center;
    width: 180px;
    cursor: pointer;
}

#content.social .profile h2 {
    display: inline-block;
}

.person-unconfirmed {
    display: none;
}

.person-unconfirmed li {
    float: right;
    margin-top: -47px;
    margin-left: 10px;
}

.person-unconfirmed li.first_item {
    margin-right: 160px;
}

#content.social .profile #send-message {
    width: 100%;
    font-family: gotham-medium;
    display: block;
}

#content.social .profile .right-column
{
	margin-top: 100px
}

#content.social .profile .contact  p strong {font-size:20px;}
#content.social .profile .contact  {display:inline-block;width:45%;position:absolute;top:0;}
#content.social .profile .contact.private {left:0;}
#content.social .profile .contact.business {right:0;}
#content.social .profile .contact-container {position: relative;height:100%;min-height: 300px;}

#content.social .profile .thesis-info .thesis-row
{
    display: table-row;
}
#content.social .profile .thesis-info .thesis-title
{
    font-family: gotham-medium;
}

#content.social .profile .thesis-info .thesis-data,
#content.social .profile .thesis-info .thesis-label
{
    display: table-cell;
}

#content.social .profile .thesis-info .thesis-label
{
    width: 100px;
}


#content.social .profile .career-info,
#content.social .profile .events-info,
#content.social .profile .projects-info {display:none;}

#content.social .profile .events-info .content {margin-top:30px;}
#content.social .profile .business-dates,
#content.social .profile .business-bar {display: inline-block;}
#content.social .profile .business-data {display: inline-table;}

#content.social .profile .business-dates {min-width:200px;color:#62B5E5;}
#content.social .profile .business-bar {width:15px;min-height:120px;}
#content.social .profile .business-data {
    margin-left:200px;
    min-width:200px;
    padding-left: 30px;
    border-left:15px solid;
}

#content.social .profile .business-data a:hover {color:#003865 !important;}
#content.social .profile .business-data a:visited {color:#62B5E5;}
#content.social .profile .business-data.red {border-color: #EE2737;}
#content.social .profile .business-data.lightblue {border-color: #62B5E5;}
#content.social .profile .business-data.darkblue {border-color: #003865;}
#content.social .profile .industry-id-button {text-transform: none; margin: 15px 0;cursor: auto}


.wirtschaftlicher-beirat > div.row > div > p {padding:0 30px}


/* Job */
article .content {white-space: pre-line;}

/* Jobs */
.mainfilter #industry input[type="checkbox"] {}
.mainfilter form.datamanager2 label
{
    display: inline-block;
    line-height: 2em;
    width: 340px;
    text-transform: uppercase;
    font-family: gotham-book;
}
.mainfilter button {margin-left:15px;height:40px;text-transform: uppercase;}
.mainfilter .buttons button:first-child {margin-left:0;}
.mainfilter .buttons button {min-width:180px;margin-bottom: 15px;}

@media (max-width: 992px) {
    .mainfilter .buttons button {margin-left:0;}
}

#search input {margin-bottom:40px;;width:100%;}

.box-register-overlay {
    padding: 50px 0 10px;
}

input + label,
input + label:focus {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline-style:none; /* IE */
}

.hide {display:none;}
.show {display:block;}

form.datamanager2 .box-register-overlay  .element:not(.element_text) .input label,
form.datamanager2 .box-register-overlay  .element.element_checkbox label,
form.datamanager2 fieldset input[type='radio'] + label,
input[type='checkbox'] + label,
input[type='radio'] + label {
    margin: 0;
    clear: none;
    padding: 5px 0 4px 24px;
    cursor: pointer;
    display: block;
}

input[type='radio'],
input[type='checkbox'] {
    opacity: 0;
    float: left;
    width: 18px;
    height: 18px;
    padding: 0;
    display: block;
}

form.datamanager2 .input fieldset input[type='checkbox'],
input[type='checkbox'] {
    -moz-box-sizing: border-box !important;
    border:0 !important;
}
form.datamanager2 .input fieldset input[type='radio'] + label,
input[type='radio'] + label  {
    background: url(../icons/radio-off.svg) left center no-repeat;
}
input[type='checkbox'] + label {
    background: url(../icons/check-off.svg) left 6px no-repeat;
}

/** set width 1px otherwise required error wouldn't displayed **/
form.datamanager2 .box-register-overlay fieldset.radiobox input,
form.datamanager2 .box-register-overlay fieldset.checkbox input {
    width: 1px;
}

form.datamanager2 .input fieldset input[type='radio']:checked + label,
.box-register-overlay input[type='radio']:checked + label {
    background-image: url(../icons/radio-white.svg);
}

input[type='radio']:checked + label {
    background-image: url(../icons/radio.svg);
}

form.datamanager2 .input fieldset input[type='checkbox']:checked + label,
.box-register-overlay input[type='checkbox']:checked + label {
    background-image: url(../icons/check-white.svg);
}

input[type='checkbox']:checked + label {
    background-image: url(../icons/check.svg);
}

form.datamanager2 .input fieldset input[type='checkbox']:checked + label {
    background-image: url(../icons/check.svg);
}

/* Job Detail page*/
article.job h1
{
    font-size: 32px;
    text-transform: uppercase;
    line-height: 1;
    display: block;
    margin-top: 0
}

article.job h1 .download-icon
{
	margin-top: 0.5em;
	outline: none;
}

article.job .pdf-download
{
	display: block;
	width: 80%;
	border: .7em solid #003865;
	height: 14em;
	margin: 4em auto;
}

article.job .pdf-download .line {
    background-color: #003865;
    display: block;
    height: 0.7em;
    margin: 1.2em 1em;
}

article.job .pdf-download .line.first {
	margin-top: 4em
}

article.job .pdf-download .line.half {
	width: 40%
}

.project .creator {
    margin: 20px 0 40px;
}

article .creator .created-by
{
    display: inline-block;
    width: 174px;
	font-size: 80%;
	text-align: center;
}

article .creator .people-entry
{
	float: none;
	margin: 0 auto 1em;
	text-align: left;
}

article .creator .email-me
{
	display: block;
	width: 174px;
	text-transform: uppercase;
	border: 1px solid #428bca;
	margin: auto;
	padding: 0.7em 0;
}

@media (max-width: 992px) {
    article .creator .created-by {width: 225px;}
    article .creator .email-me {width: 225px;}
}

article.job hr
{
	margin-top: .3em
}

article.job .company
{
    font-size: 20px;
}

article.job .taxonomy span
{
	display: inline-block;
	padding: 2em 2em 1em 0;
    text-transform: uppercase;	
}

/* 404 error page */
.content-not-found {
    margin-left: auto;
    margin-right: auto;
    width: 620px;
    text-align: center;
    text-transform: uppercase;
}

.content-not-found p { font-size:20px;line-height: 1.5em;}
.content-not-found h1 {font-size: 230px; font-family: gotham-medium;}
.content-not-found form {margin-top: 80px;}

.wrapper-not-found {
    width:100%;
    color:#fff;
}

/* News/Blog Views */
#content.news .leftblock {text-align: center;}
#content.news .leftblock .author {text-align: center;font-size: 12px;margin-bottom:15px;}
#content.news .tagline {margin-top:90px;margin-bottom: 60px;}
#content.news h2.entry-title {margin:0;position: absolute;bottom:0;}
#content.news .rightblock .title-long {height:60px;margin-top: 7px;position: relative}
#content.news .hentry .teaser {font-family: gotham-medium;}
#content.news .hentry p {line-height: 1.4em; font-size:18px;margin-top: 50px;}
#content.news .news-image {margin-bottom: 40px;}
#content.news .news-image img{max-width: 100%;}

/* Spoeconnect */
.net-spoeko-connect #slider-box .slider-textbox {width:480px;}
.net-spoeko-connect #slider-box .slider-text {
    font-family: 'gotham-medium';
    font-size: 72px;
    padding:15px 15px 30px 15px;
    text-transform: uppercase;
    white-space: pre-line;
    line-height:0.9em;
}
.connect-events-upcoming,
.connect-events-archive,
.connect-spoekos {margin-bottom: 60px;}
.connect-spoekos {margin-top:120px}
.connect-title {text-align:center;margin:0 auto;padding:35px 0}
.net-spoeko-connect .events-date-day {display:inline-block;font-size:96px;font-family: gotham-medium;line-height: 1em;padding-top:10px;color:#62B5E5}
.net-spoeko-connect .events-date-month {display:inline-block;font-size:16px;text-transform: uppercase;line-height:1em;color:#62B5E5}
.net-spoeko-connect .events-title-short {font-size:13px;text-transform: uppercase;margin-top:20px;color:#62B5E5}
.net-spoeko-connect .venue {margin:15px 0;padding:15px 0;text-align: center;font-weight:bold;}
.net-spoeko-connect .attachment {text-align: center;}
.net-spoeko-connect .attachment .svg {margin-top:10px;height:1.6em;fill: #62B5E5}
.net-spoeko-connect .share.svg {height:1em;}
.net-spoeko-connect div.share {padding:15px 0;text-align: center;font-size: 16px;font-weight:bold;}
.net-spoeko-connect .events-image img {width:100%}
.net-spoeko-connect .events-title-short {font-size: 36px;color:#003865;}
.net-spoeko-connect .events-archive hr,
.net-spoeko-connect .events-upcoming-right hr {margin-top: 0}
.net-spoeko-connect .events-title-long {font-size: 24px;color:#003865;margin-bottom: 15px}
.net-spoeko-connect .events-upcoming-right p {font-size: 16px;}
.net-spoeko-connect .connect-tile-header-wrapper {width:100%;display:inline-table}
.net-spoeko-connect .events-archive .venue {text-align: right;}
.net-spoeko-connect .events-archive .venue,
.net-spoeko-connect .events-archive .date-box {display: table-cell;float: none;}
.net-spoeko-connect .events-image {position: relative;}
.net-spoeko-connect .people-box-inline {position:absolute;right:0;padding:15px;background-color:#003865;color:#fff;text-transform: uppercase;}
.net-spoeko-connect .window-wrapper {position: relative;}
.net-spoeko-connect .window-wrapper .list-window {
    border-top: 5px solid #003865;
    padding:15px;
    color:#fff;
    background-color: rgba(0,56,101,0.33);
    width:250px;
    margin:15px;
    display: inline-table;
    text-align: left;
    line-height:1.3em;
}
.net-spoeko-connect .window-wrapper .top-boxes {
    position: absolute;
    top:0;
    width:100%;
    text-align: center;

}
.net-spoeko-connect .window-wrapper .bottom-boxes {
    position: absolute;
    bottom:0;
    width:100%;
    text-align: center;

}

@media (max-width: 768px) {
    .net-spoeko-connect .window-wrapper .list-window {display: none;}
}

@media (max-width: 922px) {
    .net-spoeko-connect .window-wrapper .list-window {width:200px;}
}

@media (min-width: 1200px) {
    .net-spoeko-connect .window-wrapper .list-window {width:300px;}
}

.net-spoeko-connect .window-wrapper .list-window h4 {display: inline-block;margin-left:10px;}
.net-spoeko-connect .window-wrapper .list-window p {margin-top: 5px;}
.net-spoeko-connect .window-wrapper svg {width:20px;height:20px;}
.net-spoeko-connect .window-wrapper svg path {fill:#fff;}

/* people box */

.people-box {
    background-color: #003865;
    color:#fff;
    font-size:20px;
    text-align: center;
    padding:15px 0;
    font-weight:bold;
}

/* Footer */

#footer {
    color:#fff;
    text-align: center;

}

#footernav {
    text-align: left;
    display: inline-block;
    margin-bottom: 80px;
    padding:0 15px;
}

#footernav ul {padding-left: 0;line-height:1.6em;list-style-type: none;}
#footernav > ul {display:inline-block; width:100%;}
#footernav > ul > li {float:left;min-height:200px;min-width:120px;padding:0 30px 0 0;}
#footernav > ul > li > a {text-transform: uppercase; margin-bottom:25px; display:inline-block; font-family: gotham-medium;}
#footernav > ul > li > a:not(.last) {cursor: default;}
#footernav > ul > li > a:hover {color:#000;}
#footernav > ul > li > ul > li > a, #footernav > ul > li > ul > li > ul > li a {
    font-size: 12px;
    text-transform: capitalize;
}
#footernav > ul > li > ul > li > ul > li a, #footernav .sub_category_nav, 
#footernav .sub_category_nav_jobs {
    margin-left: 20px;
}
#footernav > ul > li > a {text-transform: uppercase; margin-bottom:25px; display:inline-block; font-family: gotham-medium;cursor: default;}
#footernav a, #footernav a:link {color:#003865}
#footernav a:active, #footernav a:hover{color:#62B5E5}

@media(max-width: 768px) {
    .cms #footer {
        background: url("/midcom-static/spoeko/img/rennbahn0.jpg");
        background-size: cover;
    }
}

#bottombar {
    min-height:60px;
    background-color:#62B5E5;
    color:#fff;
    text-align: center;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

#bottombar a {color:#fff;}
#bottombar .content {
    font-size: 12px;
    display: inline-block;
    text-align: left;
    text-transform: uppercase;
}

#bottombar .content > div {
    padding: 26px 20px 20px 20px;
    display: inline-block;
}

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

form.search input[type="text"] {
    outline: none;
    background-color: transparent;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #fff;
    background-image:url('../icons/lupe.svg'); /* white */
    background-position: top right;
    background-repeat:no-repeat;
    background-size: 24px 24px;
    padding-right:20px;
    line-height: 2em;
    font-size:18px;
    text-transform: uppercase;
}

form.search input[type="text"].darkblue {
    background-image: url('../icons/lupe-blue.svg');
    border-color: #62B5E5;
}

form.search input[type="text"].lupe-small {
    background-size: 12px 12px;
    font-size: 14px;
}

form.search input[type="text"].buttonstyle {
    height:38px;
    background-position: center right;
}

button.search {min-width: 220px;text-align: center;margin-left:0;}
button.search:focus {color:#fff !important;}

/* Login Page */

#midcom_login_form  input[type="text"],
#midcom_login_form  input[type="password"] {
    border-color: #62B5E5;
    height:38px;
    border-style:solid;
    border-width: 1px;
    padding:0 15px;
    color:#62B5E5;
}

#midcom_services_auth_frontend_form_submit,
.container.benutzerverwaltung .form_toolbar button.submit.cancel,
.container.benutzerverwaltung .form_toolbar button.submit.save {
    height:38px;
    background-color: #62B5E5;
    color:#fff;
    border-style: solid;
    border-width: 1px;
    border-color: #62B5E5;
    min-width: 180px;
    text-align: center;
}

#midcom_services_auth_frontend_form_submit:hover,
.container.benutzerverwaltung .form_toolbar button.submit.cancel:hover,
.container.benutzerverwaltung .form_toolbar button.submit.save:hover {
    background-color: #fff;
    color:#62B5E5;
}

/* Toolbar */
@media (max-width: 768px) {
    #toolbar {display:none;}
}

#editorbar-wrapper
{
	z-index: 100;
	display: none;
}

#editorbar-wrapper > div
{
	margin-top: 40px;
	height: calc(100% - 40px);
    position: fixed;
    color: #fff;
    overflow: auto;
    padding: 45px 30px 30px 30px;
}

#toolbar {
    z-index: 100;
    right: 0;
    min-width: 95px;
    top: 0;
    text-align: right;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline-style:none; /* IE */
}

body.toolbar-open #toolbar,
#toolbar:hover
{
    background-color:rgba(0, 56, 101,0.66);
}

#toolbar
{
    transition: background-color .3s ease-in-out
}

#toolbar div.toolbar-close,
#toolbar div.toolbar-open
{
	font-size: 72px;
	color:#fff;
	font-family: entypo;
	cursor: pointer;
	line-height: 1
}

#toolbar div.toolbar-open,
body.toolbar-open #toolbar div.toolbar-close
{
	display: inline-block;
}

body.toolbar-open #toolbar div.toolbar-open,
#toolbar div.toolbar-close
{
	display: none;
}

#toolbar div.toolbar-open
{
	color: #003865;
}

#toolbar:hover div.toolbar-open
{
	color: #fff
}

#toolbar .content
{
	text-align: left;
	display: none;
	line-height: 3em;
	overflow: hidden;
}

body.toolbar-open #toolbar .content
{
	display: block;
}

#toolbar a {color:#fff;}
#toolbar .content ul {list-style-type: none;padding-left:0;}
#toolbar .content ul li {position: relative;}
#toolbar .content ul li img {display:none;}
#toolbar .content ul li a
{
    white-space: nowrap;
    text-decoration: none;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 20px;
    outline: none;
}

#toolbar .content ul li a.active
{
    color: #003865
}

#toolbar .content ul li.disabled
{
    display: none;
}

#toolbar .content ul li a div.svg-container  {display: inline-block}
#toolbar .content ul li a div.svg-container.open  {display: none}
#toolbar .content > ul > li {border-bottom: 1px solid #62B5E5;}
#toolbar .content > ul > li .toolbar-parent-menu > span.toolbar_label {font-family: gotham-medium;}

#toolbar .content > ul li.last_item {border-bottom:none;}

#toolbar svg.toolbar-icon {
    position: absolute;
    right: 0;
    width:20px;
    height:20px;
    fill: #fff !important;
    top: 10px;
}

#toolbar .content ul li a.active svg.toolbar-icon
{
    fill: #003865 !important;
}

#toolbar .toolbar-icon.svg.brush {width:15px;height:15px;}

body.editor-open,
body.register-overlay-open
{
    overflow: hidden;
}

body.toolbar-open #content form.datamanager2
{
    margin-right: 400px;
}

#editor {
    background-color:rgba(0, 56, 101, 0.66);
    width: 0;
    right: 400px;
    top: 0;
    opacity: 0;
    z-index: 100;
}

#editor .content {
    text-align: left;
    line-height: 3em;
    overflow:hidden;
    white-space: nowrap;
    height: 100%;
}

#editor .content #editor-frame {
	border: none;
	width: 100%;
	height: 100%;
}

#editor .content .headline-form {
    padding-left: 100px;
}

select optgroup {
    color: #000000;
}

.bottom-background-image {
    position:relative;
    z-index:-100;
    display:none;
}

body.cms .bottom-background-image img {
    position: absolute;
    bottom: 230px;
    left: 0;
    width: 100%;
    opacity: 0.5;
    -moz-opacity: 0.5;
}
/* Plugins */

#slider-box .slide {
    padding-top: 50%;
    display: block;
    content: "";
    width: 100%;
}
#slider-box .slide img {
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#slider-box .item img {
    display: block;
    width: 100%;
    height: auto;
}

#slider-box .slider-content {
    height:400px;
    z-index: 1000;
    margin-top: -400px;
    position:relative;
    padding:0;
}

#slider-box .slider-prev,
#slider-box .slider-next {
    height: 45px;
    width: 45px;
    display: inline-block;
    color: #fff;
    background-color: rgba(0, 56, 101, 0.5);
    margin-right: 5px;
    padding: 4px 4px;
}

svg.slider-control-arrows {
    width: 36px;
    height: 36px;
    fill: #fff !important;
    cursor: pointer;
}

#slider-box .slider-entry-box {
    height:100%;
}

#slider-box .slider-text {
    width:100%;
    vertical-align: bottom;
    position: absolute;
    bottom: 180px;
    font-size:22px;
    line-height:1.5em;
}

#slider-box .slider-text ul {
    list-style-image: url("../icons/slider-check.svg");
    padding-left: 46px;
}

#slider-box .slider-textbox {
    border-top: 5px solid #003865;
    height: 180px;
    background-color: rgba(0, 56, 101, 0.5);
    width: 320px;
    color: #fff;
    padding: 30px 60px;
    text-transform: uppercase;
    font-size: 16px;
    position: absolute;
    bottom: 0;
}

#slider-box a .slider-link ,
#slider-box a:link .slider-link ,
#slider-box a:hover .slider-link ,
#slider-box a:visited .slider-link {
    color:#fff;
    font-size: 14px;
}

#slider-box .slider-link {
    border: 1px solid #fff;
    color: #fff;
    padding: 10px;
    text-transform: uppercase;
    position: absolute;
    bottom: 15px;
    width: 200px;
    text-align: center;
}

#slider-box .slider-controls {
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: -4px;
    height:45px;
}
#slider-box .slider-controls img {height:45px;padding:10px;}
.slider-controls {
    display: none;
}


/*
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
/* display none until init */
.owl-carousel{
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
    overflow: hidden;
    position: relative;
    width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
    float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
    cursor: move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}

/*
 * Owl Carousel Owl Demo Theme
 * v1.3.3
 */

.owl-theme .owl-controls{
    margin-top: 10px;
    text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #869791;
    filter: Alpha(Opacity=50);/*IE7 fix*/
    opacity: 0.5;
}

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
    text-decoration: none;
}

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50); /*IE7 fix*/
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
    min-height: 150px;
}

#download-category-select
{
    margin-bottom: 3em;
}

.container .downloads
{
    margin-top: 3em;
    padding-left: 0;
}

.container .downloads li
{
    list-style-type: none;
    border-bottom: 1px solid #62b5e5;
    padding: .7em 1em;
}

.container .downloads li a
{
    font-size: 18px;
    text-transform: uppercase;
    display: block;
    height:24px;
}

.container .downloads li a .download-icon
{
    height: 1em;
    fill: #62b5e5;
    margin-right: 1.5em;
    vertical-align: text-bottom;
    margin-top: 0;
}

.container .downloads li a .download-label
{
    color: #003865;
}
.container .downloads li a .download-helptext
{
    color: #fff;
    font-family: gotham-medium;
    display: none;
}

.container .downloads li:hover
{
    background-color: #003865;
}

.container .downloads li:hover a .download-icon
{
    fill: #fff;
}

.container .downloads li:hover a .download-label
{
    display: none;
}
.container .downloads li:hover a .download-helptext
{
    display: inline;
}

.container .board .board-member
{
    margin-bottom: 90px;
}

.container .board .image-column img
{
    width: 100%;
}

.container .board .image-column .image-caption
{
    background-color: #003865;
    color: #fff;
    padding: .7em 1em;
}

.container .board .image-column .image-caption svg
{
    margin: 0 1em;
}

.container .board .image-column .homepage
{
    color: #fff;
}

.container .board .image-column .city
{
    margin-top: .5em
}

.container .board blockquote
{
    border: none;
    font-size: 20px;
    padding-left: 0;
    quotes: "\201E" "\201D" "\00AB" "\00BB";
    white-space: normal
}

.container .board blockquote:before
{
    content: open-quote
}

.container .board blockquote:after
{
    content: close-quote
}

.container .board .content-column .company
{
    margin-top: -.6em;
    margin-bottom: 3em
}

.container .board .content-column .details
{
    margin-top: 2em;
    line-height: 1.4
}

.container .board .content-column .details b
{
    font-family: gotham-book;
    display: inline-block;
    width: 30px;
}

.container .directors .directors-member
{
    margin-bottom: 90px;
}

.container .directors .image-column img
{
    width: 100%;
}

.container .directors .image-column .image-caption
{
    background-color: #003865;
    color: #fff;
    padding: .7em 1em;
}

.container .directors .image-column .image-caption svg
{
    margin: 0 1em;
}

.container .directors .image-column .homepage
{
    color: #fff;
}

.container .directors .image-column .city
{
    margin-top: .5em
}

.container .directors blockquote
{
    border: none;
    font-size: 20px;
    padding-left: 0;
    quotes: "\201E" "\201D" "\00AB" "\00BB";
    white-space: normal
}

.container .directors blockquote:before
{
    content: open-quote
}

.container .directors blockquote:after
{
    content: close-quote
}

.container .directors .content-column .company
{
    margin-top: -.6em;
    margin-bottom: 3em
}

.container .directors .content-column .details
{
    margin-top: 2em;
    line-height: 1.4
}

.container .directors .content-column .details b
{
    font-family: gotham-book;
    display: inline-block;
    width: 30px;
}

.mainfilter.search-form #net_spoeko_social #net_spoeko_social_category {
    display: grid;
}

.mainfilter.search-form #net_spoeko_social #net_spoeko_social_category label {
    margin-top: -10px;
}

.mainfilter.search-form #net_spoeko_social #net_spoeko_social_category input[value="sporttalks"] + label,
.mainfilter.search-form #net_spoeko_social #net_spoeko_social_category input[value="smab_clips"] + label, 
.mainfilter.search-form #net_spoeko_social #net_spoeko_social_category input[value="spoeko_ispo"] + label {
    margin-left: 20px;
}

.mainfilter.search-form #net_spoeko_social .filtercontainer,
.mainfilter.search-form #net_spoeko_social .form_toolbar {
    display: none;
}

.mainfilter.search-form #net_spoeko_social .filtercontainer label span {
    display: block;
    margin-top: -4px;
}
.mainfilter.search-form .filtercontainer input {
    width: 1px;
    height: 1px;
}

.mainfilter.search-form #net_spoeko_social button.submit {
    margin-left: 0;
}
/*
 * Cookie Notifier
 * ---------------------------------------------------------------------------
 */
 
 div.cookie-wrapper {
    z-index: 20;
    position: fixed;
    display: none;
    bottom: 5%;
    right: 0;
    height: calc(100vh * 0.1);
    width: 70%;
    font-size: 140%;
    box-shadow: 0 0 30px rgba(0, 0, 0, .3);
}
 
div.cookie-wrapper.cookie-transition {
    right: -200vw;
    transition: right 1s;
}
 
div.cookie-content {
   width: 100%;
   height: 100%;
   display: flex;
   background-color: #62B5E5;
   color: white;
   align-items: center;
   justify-content: center;
}
 
div.cookie-content #cookie-button,
div.cookie-content #cookie-text {
    padding: 5px;
    padding-left: 1%;
    padding-right: 1%;
    margin: 0.5%;
 }
 
div.cookie-content #cookie-button {
    background: transparent;
    font-size: 1em;
    border: solid;
    border-color: white;
    border-width: 1px;
    padding-top: 7px;
    color: #fff;
    margin-right: 2%;
    transition: all 0.7s;
    transition-property: border, color;
}
 
div.cookie-content #cookie-button:hover {
    border-color: #000;
    color: #000;
}
 
@media (max-width: 1440px) {
    div.cookie-wrapper {
        font-size: 120%;
    }
}
@media (max-width: 1280px) {
    div.cookie-wrapper {
        font-size: 100%;
    }
}
@media (max-width: 1024px) {
    div.cookie-wrapper {
        right: 0;
        bottom: 0;
        width: 100%;
        height: calc(100vh * 0.15);
    }
    div.cookie-content #cookie-button { 
        margin-right: 2%
    }
}
@media (max-height: 600px) {
    div.cookie-wrapper {
        height: calc(100vh * 0.25);
    }
}

form.datamanager2 .error, form.datamanager2 .field_error {
    background-color: rgba(255,255,255, .4);
    margin: 10px 0;
    padding: 7px;
    font-size: 15px;
}
/* ---------------------------------------------------------------------------
 * Cookie Notifier End
 */

/* twitter */
iframe#twitter-widget-0 {height:240px;}

#footer > .border {border-top: solid 2px #003865;padding:30px 0}
#lj-noresponse {display:none;}