/*
Theme Name: Cities for Mobility
Theme URI:
Author: Michael Maier
Author URI: http://www.mphased.de
Description: Cities for Mobility, Stuttgart
Version: 1.7
License:
License URI:
Text Domain: cfm
Tags:
*/

/*
 * webfonts
 */
/*@font-face {font-family: 'FrutigerLTPro-Condensed';src: url('fonts/2F092F_0_0.eot');src: url('fonts/2F092F_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/2F092F_0_0.woff2') format('woff2'),url('fonts/2F092F_0_0.woff') format('woff'),url('fonts/2F092F_0_0.ttf') format('truetype');}*/

/*@font-face {font-family: 'FrutigerLTPro-BlackCn';src: url('fonts/2F092F_1_0.eot');src: url('fonts/2F092F_1_0.eot?#iefix') format('embedded-opentype'),url('fonts/2F092F_1_0.woff2') format('woff2'),url('fonts/2F092F_1_0.woff') format('woff'),url('fonts/2F092F_1_0.ttf') format('truetype');}*/

/*@font-face {font-family: 'FrutigerLTPro-BoldCn';src: url('fonts/2F092F_2_0.eot');src: url('fonts/2F092F_2_0.eot?#iefix') format('embedded-opentype'),url('fonts/2F092F_2_0.woff2') format('woff2'),url('fonts/2F092F_2_0.woff') format('woff'),url('fonts/2F092F_2_0.ttf') format('truetype');}*/

/*@font-face {font-family: 'FrutigerLTPro-LightCn';src: url('fonts/2F092F_3_0.eot');src: url('fonts/2F092F_3_0.eot?#iefix') format('embedded-opentype'),url('fonts/2F092F_3_0.woff2') format('woff2'),url('fonts/2F092F_3_0.woff') format('woff'),url('fonts/2F092F_3_0.ttf') format('truetype');}*/

/*
 * basics
 */
html {
    min-height: 100%;
    background-color: #222;
}

body {
    min-height: 100%;
    color: #3c3c3b;
    font-family: 'FrutigerLTPro-LightCn', Helvetica, 'Helvetica Neue', 'Lucida Sans', Arial, sans-serif;
    font-size: 18px;
    /*background: #fff;*/
}

.site {
    /*background-position: center center;*/
    /*background-image: linear-gradient(to right,#e54f48 0,#e54f48 50%,#52aaac 50%);*/
}

.container {
    /*max-width: 960px !important;*/
}

.navigation {
    /*height: 60px;*/
    /*position: relative;*/
}

.header {
    background: #fff;
    /*-webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.5);*/
    /*-moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.5);*/
    /*box-shadow: 0 10px 30px 0 rgba(0,0,0,0.5);*/
    /*position: relative;*/
}

.section .content-area {
    margin: 0;
}

.content .inner {
    margin: 40px 0 40px 0;
}

.teaser .inner {
    margin-bottom: 0;
}

.optional-area {}

.footer {
    background-color: #fbb900;
}

.footer .inner {
    margin: 30px 0;
}

.eop {
    background-color: #3c3c3b;
}

.eop .inner {
    margin: 33px 0;
}

.eol {
    background-color: #222;
}

.eol .inner {
    margin: 30px 0;
}

.center-center {
    text-align: center;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.search .navi-main .current-menu-item a,
.error404 .navi-main .current_page_parent a {
    border-bottom: none;
    color: #fff;
}

/*
 * fonts
 */
h1, h2, h3, h4, h5, h6 {
    font-family: 'FrutigerLTPro-BoldCn', "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fbb900;
    line-height: 1.25em;
}

h1 {
    font-size: 40px;
    line-height: 60px;
    color: #3c3c3b;
}

h2 {
    font-size: 30px;
    color: #008bd2;
}

h3 {
    font-size: 24px;
    color: #3c3c3b;
}

h4 {
    font-size: 18px;
    color: #3c3c3b;
}

h5 {
    font-family: 'FrutigerLTPro-LightCn', Helvetica, 'Helvetica Neue', 'Lucida Sans', Arial, sans-serif;
    font-size: 18px;
    color: #3c3c3b;
}

h6 {
    font-family: 'FrutigerLTPro-LightCn', Helvetica, 'Helvetica Neue', 'Lucida Sans', Arial, sans-serif;
    font-size: 18px;
    color: #3c3c3b;
    font-style: italic;
}

.entry-content h1:first-child,
.entry-content h2:first-child,
.entry-content h3:first-child,
.entry-content h4:first-child,
.entry-content h5:first-child,
.entry-content h6:first-child {
    margin-top: 0;
}


h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #3c3c3b !important;
    /*color: #008bd2  !important;*/
}

ul {
    padding-left: 20px;
}

ol {
    padding-left: 15px;
}

p,
ul,
ol,
table {

}

table {
    margin-bottom: 10px;
}

hr {
    border-top: 1px solid #eee;
}

p strong,
p b,
ul strong,
ul b,
ol strong,
ol b {
    font-family: 'FrutigerLTPro-BoldCn', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
}

a,
a:hover,
a:focus {
    color: #008bd2;
    text-decoration: none;
}

.content-area .page-title,
.content-area .entry-title,
.content-area .section-title,
.content-area .section-title a,
.sidebar-area .sidebar-title a,
.page-title-col-12,
.page-title-col-12 a,
.newsletter-page-title {
    font-size: 40px;
    line-height: 60px;
    margin: 0 0 30px 0;
    color: #3c3c3b !important; /* #008bd2; */
    text-transform: uppercase;
    text-decoration: none !important;
    padding: 0;
}

.page-template-sponsors-template .intro,
.page-template-member-template .intro,
.page-template-contact-template .intro {
    text-align: center;
    margin-bottom: 50px;
}

.page-template-sponsors-template .intro p,
.page-template-member-template .intro p,
.page-template-contact-template .intro p {
    margin: 0;
}

.content a,
.content a:hover,
.content a:focus {
    color: #008bd2;
}

.content p a:hover,
.content ul a:hover,
.content ol a:hover {
    color: #008bd2;
    text-decoration: underline;
}

.content .fas,
.content .fab,
.footer .fas,
.footer .fab {
    font-size: 14px;
    padding-right: 4px;
}

.membership .fa,
.documentation .fa {
    padding-right: 4px;
}

.content a .fas {
    color: #008bd2;
}

.footer a .fas {
    color: #222;
}

.entry-meta .fas {
    font-size: inherit;
    padding-right: 4px;
}

.entry-meta .cat-links .fas {
    padding-left: 4px;
    padding-right: 2px;
}

/*
 * pagination
 */
.pagination-area {
    margin-top: 20px;
}

.pagination-area .nav-previous .fas {

}

.pagination-area .nav-next .fas {
    padding-right: 0;
    padding-left: 4px;
}

/*
* header
*/
.header .logo-area {
    height: 130px;
}

.header .logo {
    display: block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.header .logo-1 {
    /*margin: 30px 0;*/
    height: 70px;
}

.header .logo-1 img {
    height: 70px;
}

.header .logo-2 {
    height: 45px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.header .logo-2 img {
    height: 45px;
}

.header .title {
    margin: 40px 0 5px 0;
}

.header .subtitle {
    margin: 0;
    color: #008bd2;
}

/*
 * next congress
 */
.next-congress-outer {
    display: block;
    height: 65px;
    margin: 32px 0 33px 0;
    /*padding: 0 15px;*/
    /* background-color: #91863A; */ /*#1770b0*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#33a043+46,64d162+100 */
    /*background: #33a043;*/
    /*background: -moz-linear-gradient(45deg, #33a043 46%, #64d162 100%);*/
    /*background: -webkit-linear-gradient(45deg, #33a043 46%,#64d162 100%);*/
    /*background: linear-gradient(45deg, #33a043 46%,#64d162 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33a043', endColorstr='#64d162',GradientType=1 );*/

    /*background-color: #008bd2;*/

    background-color: #008bd2;
}

.next-congress-link {
    cursor: pointer;
}

.next-congress {
    display: block;
    font-family: 'FrutigerLTPro-BoldCn', "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    text-align: center;
    /*background-color: #fbb900;*/
    padding: 6px 8px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 2px solid #ddd;
    background-color: #fff;
}

.next-congress-top {
    display: block;
    /*color: #008bd2;*/
    color: #222;
    font-size: 14px;
    line-height: 14px;
    padding: 0 25px 6px 25px;
    margin-bottom: 8px;
    border-bottom: 1px solid #ddd;
}

.next-congress-bottom {
    display: block;
    font-size: 20px;
    line-height: 20px;
    /*color: #008bd2; !* #fbb900; *!*/
    color: #222;
}

.next-congress-info {
    display: block;
    margin: 12px 12px 0 10px;
    color: #fff;
    /* color: #222; */
    text-align: center;
    font-family: 'FrutigerLTPro-BoldCn', "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 14px;
}

.next-congress-info .pull-left {
    display: block;
}

.next-congress-info .pull-right {
    display: block;
}

.next-congress-info .fas {
    font-size: 30px;
    margin: 5px 10px 0 0;
}

.next-congress-outer:hover {
    background-color: #3c3c3b;
}

.next-congress-outer:hover .next-congress {
    background-color: #fbb900;
}

.next-congress-outer:hover .next-congress-top {
    border-bottom: 1px solid #3c3c3b;
}

.next-congress-outer:hover .next-congress {
    border-color: #fff;
}

.next-congress-outer-cu .next-congress-info .fas {
    margin: 5px 0 0 0;
}

.next-congress-outer-cu:hover {
    background-color: #008bd2;
}

.next-congress-outer-cu:hover .next-congress {
    background: #fff;
}

.next-congress-outer-cu:hover .next-congress-top {
    border-bottom: 1px solid #ddd;
}

.next-congress-outer-cu:hover .next-congress {
    border-color: #ddd;
}

/*
 * navigation
 * base64 img creator: http://png-pixel.com/
 */
.navigation {
    /*background-color: #3c3c3b;*/
    /*background: #3c3c3b url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAECAQAAAAdMWZGAAAAEUlEQVR42mNU+s+AARgpEwQA5bgEiYJTMJgAAAAASUVORK5CYII=) 0 100% repeat-x;*/
    /*background: #3c3c3b url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAECAYAAAC3OK7NAAAAE0lEQVR42mN0W+33n4EIwDhwCgF/rwj9uNbPhwAAAABJRU5ErkJggg==) 0 100% repeat-x;*/

    background: #3c3c3b url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAECAQAAAAdMWZGAAAAEUlEQVR42mP8/58BAzBSJggAl50H/aqsh+AAAAAASUVORK5CYII=) 0 100% repeat-x;

    /*background-color: #3c3c3b; !* #222; *!*/
    /*border-bottom: 4px solid #222; !* #008bd2; *! !* #ddd; *!*/
}

.navi {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.navi li:first-child {
    margin-left: 0;
}

.navi li:last-child {
    margin-right: 0;
}

.navi li {
    float: left;
    line-height: 20px;
}

.navi a {
    font-family: 'FrutigerLTPro-BoldCn', "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}

/*
 * navbar logo
 */
.logo-navbar-area img {
    height: 28px;
    margin: 8px 0;
}

/*
 * navi-main
 */
.navi-hidden-xs {
    display: none; /* overwrite rwd toggle state if window resized */
}

.navi-main li {
    margin: 0 13px;
}

.navi-main a {
    font-size: 16px;
    /*letter-spacing: 1px;*/
    display: block;
    border-bottom: 4px solid #fff;
    padding: 13px 0 11px 0;
    color: #fff;
}

.navi-main .current-menu-item a,
.navi-main .current_page_parent a,
.navi-main .current-post-parent a,
.navi-main .current-category-ancestor a,
.navi-main .current-page-ancestor a,
.navi-main .current-post-ancestor a {
    border-bottom: 4px solid #fbb900;
    color: #fbb900;
}

.navi-main a:hover {
    border-bottom-color: #008bd2;
    text-shadow: 0 0 10px #999;
    color: #fff !important; /* #8bcaea */
}

/*
 * navi-footer
 */
.navi-footer li {
    margin: 0 16px;
    float: left;
}

.navi-footer span,
.navi-footer a {
    font-family: 'FrutigerLTPro-BoldCn', "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #3c3c3b;
    font-size: 14px;
    /*letter-spacing: 1px;*/
    cursor: pointer;
}

/*
 * navi-top
 */
.navi-top li {
    float: right;
}

/*
 * navi-sidebar
 */
.navi-sidebar .fas {
    font-size: 30px;
}

.navi-sidebar li {
    float: none;
}

.navi-sidebar a {
    display: block;
}

.sidebar-area .back {
    text-align: center;
}

.sidebar-area .back .sidebar-title a {
    font-size: 30px;
}

.sidebar-area .back .fas {
    font-size: 20px;
    line-height: 60px;
    vertical-align: top;
}

.sidebar-area .navi-sidebar .menu-item,
.sidebar-area .navi-sidebar .cat-item {
    border-bottom: 2px solid #eee;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
}

.sidebar-area .navi-sidebar .menu-item:last-child,
.sidebar-area .navi-sidebar .cat-item:last-child {
    border-bottom: none;
}

/*
 * eop
 */
.eop-left {
    text-align: right;
}

.eop-right {
    text-align: left;
}

.eop p {
    font-family: 'FrutigerLTPro-BoldCn', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 28px;
    text-transform: uppercase;
    /*letter-spacing: 1px;*/
    color: #fff;
}

.eop a {
    color: #fff;
}

.eop a:hover,
.eop a:active,
.eop a:focus {
    color: #fbb900;
}

.eop-area a:before {
    font-family: 'Font Awesome\ 5 Free';
    content: "\f0da";
    font-size: 14px;
    line-height: 1;
    padding: 0 4px 0 0;
    display: inline-block;
    font-style: normal;
    color: #fff;
}

.eop a:hover:before,
.eop a:active:before,
.eop a:focus:before {
    color: #fbb900;
}

.eop .textwidget > *:last-child {
    margin-bottom: 0;
}

.eop .footer-logo {
    display: block;
}

.eop .footer-logo-1 img {
    height: 50px;
    width: auto;
    margin-top: 60px;
}

.eop .footer-logo-2 img {
    height: 40px;
    width: auto;
    margin-top: 65px;
}

/*
 * eol
 */
.eol {}

.eol p {
    font-family: 'FrutigerLTPro-BoldCn', "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    /*letter-spacing: 1px;*/
    color: #fff;
    text-align: center;
    margin: 0;
}

/*
 * visual
 */
.visual {
    /*background-color: #3c3c3b;*/
    background-color: #fff;
    position: relative;
}

.visual-text {
    font-size: 150px;
    line-height: 150px;
    margin: 0;
    font-family: 'FrutigerLTPro-BlackCn', "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 0 30px #3c3c3b;
}

.visual-text .fas {
    font-size: 200px;
    line-height: 200px;
    margin-bottom: 30px;
}

.visual-text .logo-icon {
    height: 225px;
}

.visual-half {
    position: relative;
}

.visual-half a {
    display: block;
}

.visual-half .logo-icon {
    width: 90%;
    height: auto;
}

.visual-text .visual-title {
    font-size: 60px;
    line-height: 60px;
    margin: 0;
    font-family: 'FrutigerLTPro-BlackCn', "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 0 30px #3c3c3b;
}

.visual .visual-bg {
    height: 450px;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center 70%;
    background-size: cover;
    opacity: 0;
    /*background: transparent url("img/visual/visual_02.jpg") no-repeat scroll center 70% / cover ;*/
}

.visual-home .visual-bg {
    height: 650px;
    /*background: transparent url("img/visual/visual_02.jpg") no-repeat scroll center 70% / cover ;*/
}

.no-visual .visual-bg {
    /* background: #ececec url(img/bg/cfm_generic_blue.jpg) no-repeat scroll center 70% / cover; */
}

/*.visual-text .visual-title {*/
    /*display: block;*/
/*}*/

.visual-text .home-icons {
    /*padding-left: 15px;
    padding-right: 15px;*/
    font-size: 110px;
    line-height: 150px;
    text-align: center;
}

.visual-text .home-icons .icon {
    padding: 0 10px;
    display: inline-block;
}

.visual-text .home-icons .icon:first-child {
    padding-left: 0;
}

.visual-text .home-icons .icon:last-child {
    padding-right: 0;
}

.visual-text .home-subtitle {
    display: block;
    font-size: 40px;
    line-height: 40px;
    padding: 0 15px;
}

.visual-descr {
    position: absolute;
    bottom: -20px;
    font-size: 12px;
    line-height: 15px;
    color: #3c3c3b;
    text-align: right;
    width: 100%;
}

.visual-descr-full .visual-descr-inner {
    width: 1140px;
    margin: 0 auto;
}

/*.visual {
    position: relative;
}

.slope-container {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    overflow: hidden;
    padding-top: 100px;
}

.slope {
    background: #fff;
    transform: rotate(-0.5deg);
    margin: -100px -50px 0 -50px;
    height: 60px;
    transform-origin: left center;
}

.slope-container-bottom {
    top: auto;
    bottom: 0;
}

.slope-container-bottom .slope {
    background: #fff;
    transform: rotate(2deg);
    margin: 50px -50px 0 -50px;
    height: 60px;
    transform-origin: left center;
}*/

/*
 * list-items
 */
.list-items {
    /*border: 2px solid #eee;*/
    /*-webkit-border-radius: 12px;*/
    /*-moz-border-radius: 12px;*/
    /*border-radius: 12px;*/
    /*padding: 20px;*/
    /*background-color: #fff;*/
}

.list-items .list-item {
    /*margin: 17px 0 15px 0;*/
    /*padding-bottom: 15px;*/
    /*border-bottom: 2px solid #eee;*/
    margin: 27px 0 25px 0;
    padding-bottom: 25px;
    /*border-bottom: 2px solid #eee;*/
}

.list-items .list-item:first-child {
    margin-top: 0 !important;
}

.list-items .list-item:last-child {
    border-bottom: none;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.list-items .list-title {
    margin-top: 0;
}

.list-items .list-excerpt p {
    margin-bottom: 0;
}

.list-items .item-link {
    margin: 0;
}

.item-link {
    font-family: 'FrutigerLTPro-BoldCn', Helvetica, 'Helvetica Neue', 'Lucida Sans', Arial, sans-serif;
    font-size: 16px;
}

.news-area .list-item {
    border-bottom: 2px solid #eee;
}

/*.news-area .list-item .thumbnail-img {*/
    /*position: relative;*/
    /*top: 50%;*/
    /*-webkit-transform: translateY(-50%);*/
    /*-moz-transform: translateY(-50%);*/
    /*transform: translateY(-50%);*/
/*}*/

.news-area .list-item .thumbnail-img img {
    /*border: 2px solid #ddd;*/
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

/*
 * home
 */
.teaser-link {
    margin: 30px 0;
}

/*
 * member
 */
.member-map .map {
    position: relative;
    /*width: 750px;*/
    /*height: 450px;*/
    margin: 0 0 60px 0;
}

.page-template-congresses-template .member-map .map {
    margin: 40px 0 0 0;
}

.member-map .member-map-text {
    text-align: center;
    margin: 0 0 60px 0;
}

.page-template-congresses-template .member-map .member-map-text {
    margin: 40px 0 0 0;
}

.member-map .member-map-text .fa {
    padding-right: 4px;
}

.member-types {
    margin-bottom: 40px;
}

.member-types .member-type-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    color: #3c3c3b;
    margin: 0 0 40px 0;
}

.member-types .member-type-title {
    height: 45px;
}

.member-types .member-type-title span {
    display: block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.member-types .member-type-icon {
    position: relative;
    margin: 0 auto;
    width: 200px;
    height: 200px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px;
    text-align: center;
    /*color: #3c3c3b;*/
    color: #fff;
    background-color: #eee;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#33a043+46,64d162+100 */
    /*background: #33a043;fbb900*/
    /*background: -moz-linear-gradient(45deg, #33a043 46%, #64d162 100%);*/
    /*background: -webkit-linear-gradient(45deg, #33a043 46%,#64d162 100%);*/
    /*background: linear-gradient(45deg, #33a043 46%,#64d162 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33a043', endColorstr='#64d162',GradientType=1 );*/

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7e7e0d+0,b2a213+100 */
    /*background: #7e7e0d;*/
    /*background: -moz-linear-gradient(45deg, #7e7e0d 0%, #b2a213 100%);*/
    /*background: -webkit-linear-gradient(45deg, #7e7e0d 0%,#b2a213 100%);*/
    /*background: linear-gradient(45deg, #7e7e0d 0%,#b2a213 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e7e0d', endColorstr='#b2a213',GradientType=1 );*/
}

.member-types .member-type-icon .icon-inner {
    position: absolute;
    width: 188px;
    height: 188px;
    margin: 6px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px;
    background-color: #fbb900;
}

.member-types .member-type-icon .fas {
    /*position: absolute;*/
    padding: 0;
    margin: 0;
    display: block;
    font-size: 70px;
    line-height: 188px;
    color: #fff; /* #1770b0 */
    /*text-shadow: 5px 5px 0 #eee;*/
}

.member-types .member-count {
    margin-top: 40px;
    text-align: center;
    /*font-weight: bold;*/
    font-family: 'FrutigerLTPro-BoldCn', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.membership .membership-file {
    margin: 10px 0;
}

/*
 * sidebar
 */
.sidebar-content-area {
    margin-top: 30px;
    background-color: #eee;
    padding: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.sidebar-content-area *:first-child {
    margin-top: 0;
}

.sidebar-content-area *:last-child {
    margin-bottom: 0;
}

.sidebar-content-area ul {
    list-style: none;
    padding-left: 25px;
}

.sidebar-content-area ul li:before {
    font-family: 'Font Awesome\ 5 Free';
    content:"\f00c";
    margin:0 0 0 -20px;
    color: #008bd2;
    font-size: 14px;
    padding-right: 6px !important;
}

/*
 * buttons
 */
.btn {
    /*padding: 8px 12px;*/
    border: 0 none;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    /*letter-spacing: 1px;*/
    /*text-transform: uppercase;*/
    vertical-align: middle;
    font-family: 'FrutigerLTPro-BoldCn', Helvetica, 'Helvetica Neue', 'Lucida Sans', Arial, sans-serif;
    text-decoration: none !important;
}

.btn:focus, .btn:active:focus {
    outline: 0 none;
}

.btn .fas {
    padding-right: 8px;
}

.btn-primary {
    background: #008bd2;
    color: #ffffff !important;
}

.btn-primary .fas {
    color: #fff !important;
}

.btn-primary:active {
    background: #2ea0da;
    box-shadow: none;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background: #2ea0da;
}

.btn-primary.btn-raised {
    box-shadow: 0 3px 0 0 #006699;
}

.btn-primary.btn-raised:active {
    background: #2ea0da;
    box-shadow: none;
    margin-bottom: -3px;
    margin-top: 3px;
}

.btn-secondary {
    background: #fbb900;
    /* color: #3c3c3b !important; */
    color: #222 !important;
    /*color: #fff !important;*/
}

.btn-secondary .fas {
    /* color: #3c3c3b !important; */
    color: #222 !important;
    /*color: #fff !important;*/
}

.btn-secondary:active {
    background: #f9db2c;
    box-shadow: none;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
    background: #f9c62c; /* #f9db2c */
}

.btn-secondary.btn-raised {
    box-shadow: 0 3px 0 0 #d19c00;
}

.btn-secondary.btn-raised:active {
    background: #f9c62c;
    box-shadow: none;
    margin-bottom: -3px;
    margin-top: 3px;
}

.content .btn-outline {
    border: 2px solid #008bd2;
    color: #008bd2;
    font-family: 'FrutigerLTPro-BoldCn', Helvetica, 'Helvetica Neue', 'Lucida Sans', Arial, sans-serif;
    font-weight: normal;
    /*padding: 6px 12px !important;*/
    /*padding: 16px 16px !important;*/
}

.content .btn-outline-slim {
    border: 2px solid #ddd;
    color: #aaa;
}

.content .btn-outline-slim .fas {
    color: #aaa;
}

.btn-outline:hover,
.btn-outline:active,
.btn-outline:focus,
.btn-outline:hover i,
.btn-outline:active i,
.btn-outline:focus i {
    color: #fff !important;
    background-color: #008bd2;
    box-shadow: none;
    border-color: #008bd2;
}

.teaser-link-xxl .btn {
    padding: 20px 0;
    font-size: 22px;
}

.teaser-link-xxl .btn .fas {
    font-size: 22px;
}

/*.btn-toolbar {*/
    /*color: #fff;*/
    /*margin: 0;*/
/*}*/

/*.btn-toolbar .btn {*/
    /*line-height: 48px;*/
/*}*/

.menu-toggle {
    display: block;
    background-color: #fbb900;
    margin: 7px 0 !important;
    padding: 3px 12px;
}

/*
 * images
 */
.content-area img {
    display: block;
    margin-bottom: 10px;
    height: auto;
    max-width: 100%;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.content-area figure.aligncenter,
.content-area img.aligncenter {
    margin-left: auto;
    margin-right: auto;
}

.content-area figure.alignleft,
.content-area img.alignleft {
    display: block;
    float: left;
    margin-top: 5px;
    margin-right: 20px;
}

.content-area figure.alignright,
.content-area img.alignright {
    display: block;
    float: right;
    margin-top: 5px;
    margin-left: 20px;
}

.content-area figure {
    max-width: 100% !important;
}

figure figcaption {
    font-size: 12px;
    line-height: 16px;
    margin: -5px 0 10px 0;
}

.thumbnail-img ,
.sidebar-area .sidebar-img {
    display: block;
}

.thumbnail-img img {
    margin-bottom: 0;
}

.sidebar-area .sidebar-img img {
    margin: 0 auto 20px auto;
    /*border: 2px solid #ddd;*/
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

/*
 * gallery
 */
.bs3-gallery .bs3-gallery-item {
    display: block;
    text-decoration: none !important;
    margin-bottom: 30px;
}

.bs3-gallery .bs3-gallery-item img {
    /*border: 2px solid #ddd;*/
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.modal-content,
.ekko-lightbox .modal-content {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

/*
 * teaser template
 */
.page-template-teaser-template .content .inner {
    margin-top: 0;
}

.page-template-teaser-template .teaser-title {
    margin: 30px 0 25px 0;
}

.page-template-teaser-template .logo-icon-in-teaser {
    height: 84px;
    margin: 40px auto 25px auto;
}

/*.page-template-teaser-template .icon-cfm-in-teaser {*/
    /**/
/*}*/

/*.page-template-teaser-template .icon-stuttgart-in-teaser {*/

/*}*/

.page-template-teaser-template .btn-area {
    text-align: center;
}

.page-template-teaser-template .btn {
    display: inline-block;
    margin-top: 20px;
}

/*
 * congresses template
 */
.congresses .congress-year-box,
.congresses .congress-link {
    margin-top: 75px;
    height: 100px;
}

.congresses .congress-year-box,
.congresses .congress-year {
    display: block;
}

.congresses .congress-year-box {
    width: 100%;
    /* background-color: #fbb900; *//*#eee; */
    border: 2px solid #ddd;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.congresses .congress-year {
    text-align: center;
    color: #aaa;
    /*font-family: 'FrutigerLTPro-BoldCn', "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-size: 50px;
    line-height: 50px;
    padding-top: 8px;
    /*line-height: 90px;*/
    /*text-align: center;*/
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.congresses .congress-year-box:hover {
    border-color: #fbb900;
    background-color: #fbb900;
}

.congresses .congress-year-box:hover .congress-year {
    color: #222;
}

.congresses .congress-link {
    width: 100px;
    margin-left: auto;
    margin-right: auto;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    text-align: center;
    background-color: #fbb900;
    /*font-family: 'FrutigerLTPro-BoldCn', "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    /*font-size: 50px;*/
    /*line-height: 50px;*/
    /*padding-top: 8px;*/
    display: block;
    /*line-height: 90px;*/
    /*text-align: center;*/
}

.congresses .congress-link .fas {
    text-align: center;
    /*font-family: 'FrutigerLTPro-BoldCn', "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-size: 50px;
    line-height: 50px;
    padding: 0;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
}

.congresses .congress-link:hover {
    background-color: #008bd2;
}

.congresses .list-items .item-link {
    margin: 10px 0 0 0;
}

.congress-quicklinks {
    margin-top: 10px;
}

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

.congress-quicklink a {
    font-family: 'FrutigerLTPro-BoldCn', Helvetica, 'Helvetica Neue', 'Lucida Sans', Arial, sans-serif;
    font-size: 16px;
}

/*
 * congress template
 */
.congress-area .congress-excerpt {
    border-bottom: 2px solid #eee;
    margin-bottom: 30px;
    padding-bottom: 15px;
    font-family: 'FrutigerLTPro-BoldCn', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.congress-sidebar-area .back {
    margin-top: 0;
    border-top: 2px solid #eee;
    padding-top: 20px;
}

.congress-sidebar-area .current-sub-page a {
    /*font-family: 'FrutigerLTPro-BoldCn', "Helvetica Neue", Helvetica, Arial, sans-serif;*/
}

.custom-post-type-subnavi {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
}

.custom-post-type-sub-navi .menu-item {
    text-align: center;
}

.custom-post-type-sub-navi .menu-item a:hover .sub-navi-icon {
    background-color: #008bd2;
}

.custom-post-type-sub-navi .menu-item span {
    display: block;
}

.custom-post-type-sub-navi .menu-item .sub-navi-icon {
    background-color: #fbb900;
    /*background-color: #ddd;*/
    width: 100px;
    height: 100px;
    margin: 0 auto;
    text-align: center;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

.custom-post-type-sub-navi .current-sub-page .sub-navi-icon {
    background-color: #008bd2;
    /*background-color: #fbb900;*/

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#33a043+46,64d162+100 */
    /*background: #33a043;*/
    /*background: -moz-linear-gradient(45deg, #33a043 46%, #64d162 100%);*/
    /*background: -webkit-linear-gradient(45deg, #33a043 46%,#64d162 100%);*/
    /*background: linear-gradient(45deg, #33a043 46%,#64d162 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33a043', endColorstr='#64d162',GradientType=1 );*/
}

.custom-post-type-sub-navi .menu-item .sub-navi-icon .fas {
    color: #fff; /* #3c3c3b*/
    font-size: 40px;
    line-height: 100px;
    padding: 0;
}

.custom-post-type-sub-navi .menu-item .sub-navi-text {
    color: #3c3c3b;
    margin: 15px 0 30px 0;
    font-family: 'FrutigerLTPro-BoldCn', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*.documentation {*/
    /*margin-top: 15px;*/
/*}*/

.congress-area .documentation-file {
    margin: 25px 0 15px 0;
    padding: 13px 0;
    border-top: 2px solid #eee;
    border-bottom: 2px solid #eee;
}

/*
 * contact overview template
 */
.contact-content {
    margin-top: 40px;
}

.contact-item {
    margin-bottom: 30px;
}

.contacts > .row:last-child .contact-item {
    margin-bottom: 0;
}

.contact-item .contact-title {
    text-align: center;
    margin-top: 0;
}

.contact-item .contact-portrait {
    margin: 30px 0;
    padding: 0 60px;
}

.contact-item .contact-portrait img {
    margin: 0 auto;
    -webkit-border-radius: 160px;
    -moz-border-radius: 160px;
    border-radius: 160px;
    /*border: 3px solid #fbb900;*/
    border: 6px solid #eee;
}

.contact-item .contact-excerpt {
    margin: 0 0 20px 0;
    text-align: center;
}

.contact-item .contact-details h4,
.contact-item .contact-details p {
    text-align: center;
}

.contact-item .contact-details h4 {
    color: #3c3c3b;
    margin: 0;
}

.contact-content .contact-left {
    text-align: right;
}

.toggle-contact-content {
    text-align: center;
}

.toggle-contact-content span {
    font-family: 'FrutigerLTPro-BoldCn', Helvetica, 'Helvetica Neue', 'Lucida Sans', Arial, sans-serif;
    font-size: 16px;
    color: #008bd2;
    cursor: pointer;
}

/*
 * sponsor overview template
 */
.page-template-sponsors-template .content .intro {
    margin-bottom: 20px;
}

.sponsor-content {
    margin-top: 40px;
}

.sponsor-item {
    margin-bottom: 30px;
}

.sponsors > .row:last-child .sponsor-item {
    margin-bottom: 0;
}

.sponsor-item .sponsor-title {
    text-align: center;
}

.sponsor-item .sponsor-logo img {
    margin: 0 auto;
}

.sponsor-item .sponsor-link {
    /*border-top: 1px solid #ddd;*/
    /*padding-top: 10px;*/
    text-align: center;
}

.sponsor-item .sponsor-link p {
    margin-bottom: 0;
}

/*
 * sponsor single view template
 */
.sponsor-sidebar-area .back {
    margin-top: 20px;
}

.sponsor-sidebar-logo .sponsor-logo {
    margin: 0 auto 10px auto;
    width: 320px;
    height: 180px;
    background-color: #fff;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    text-indent: -500px;
}

.sponsor-sidebar-since {
    text-align: center;
    border-top: 2px solid #eee;
    border-bottom: 2px solid #eee;
    padding-bottom: 10px;
}

/*
 * accordion / panels
 */
.panel-group {
    margin-top: 10px;
}

.panel-group .panel {
    /*border: none;*/
    /*background-color: #ececec;*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: none;
}

.panel-group .panel .panel-heading {
    position: relative;
    padding: 0;
    background-color: #eee;
    /*border: none;*/
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.panel-group .panel .panel-icon {
    display: block !important;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -10px;
    cursor: pointer;
}

.panel-group .panel .panel-title a {
    display: block;
    padding: 15px 35px 15px 15px;
    /*font-family: open_sans_bold, Helvetica, 'Helvetica Neue', 'Lucida Sans', Arial, sans-serif;*/
    color: #555;
    line-height: 20px;
}

.panel-group .panel .panel-title a:hover {
    /*color: #c7145d;*/
    color: #008bd2;
}

/*.panel-group .panel .panel-body {*/
/*border-radius: 0;*/
/*}*/

/*.panel-default>.panel-heading+.panel-collapse>.panel-body {*/
/*border-top-color: #fff;*/
/*}*/

/*.panel-group .panel-heading+.panel-collapse>.panel-body {*/
/*border-top: 2px solid #fff;*/
/*}*/

.panel-group .panel-segment {
    margin: 15px 0 0 0;
    padding: 15px 0 0 0;
    border-top: 1px solid #ddd;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/*
 * congress program / items
 */
.congress-program-area .entry-content {
    margin: 0 0 30px 0;
}

.congress-program-area .fas {
    color: #ccc;
}

.program-item-title {
    margin: 30px 0;
}

.program-item {
    margin-top: 30px;
}

.day-program-item {
    margin: 15px 0;
    padding: 0 0 13px 0;
    border-bottom: 2px solid #eee;
}

.program-item .day-program-item:first-child {
    margin-top: 0;
}

.program-item .day-program-item:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.day-program-item dt {
    font-weight: normal;
    line-height: 1.25em;
    text-align: left;
}

.day-program-item-title {
    margin: 0;
}

.day-program-item-description,
.day-program-item-person {
    margin: 5px 0 0 0;
}

.day-program-item-content p,
.day-program-item-content ul,
.day-program-item-content ol {
    margin: 10px 0 0 0;
}

.program-item .highlight .day-program-item-time {
    color: #008bd2;
}

.program-item .highlight .fas {
    color: #008bd2;
}

.program-item .highlight .day-program-item-title {
    color: #008bd2;
}

/*
 * congress pictures
 */
.congress-pictures-area .entry-content {
    margin: 0 0 30px 0;
}


/*
 * congress presentations / download list
 */
.congress-presentations-area .entry-content {
    margin: 0 0 30px 0;
}

.files-title {
    margin: 30px 0;
}

.files-day {
    margin-top: 30px;
}

.day-file {
    margin: 15px 0;
    padding: 0 0 13px 0;
    border-bottom: 2px solid #eee;
}

.files-day .day-file:first-child {
    margin-top: 0;
}

.files-day .day-file:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.day-file .day-file-link,
.day-file span {
    display: block;
}

.day-file .day-file-link:hover .day-file-box-title {
    color: #008bd2;
}

.day-file-box-icon {
    position: relative;
    padding: 0;
}

.day-file-box-icon .fas {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 26px;
    line-height: 20px;
    margin: -13px 0 0 -10px;
    padding: 0;
    color: #008bd2 !important;
}

.day-file-box-title {
    padding-left: 0;
    color: #3c3c3b;
}

.day-file-box-title-text {
    font-family: 'FrutigerLTPro-BoldCn', "Helvetica Neue", Helvetica, Arial, sans-serif;font-family: 'FrutigerLTPro-BoldCn', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
 * legacy IE
 */
html.legacy-ie .btn-toolbar {
    display: none;
}

html.legacy-ie .container {
    width: 960px !important;
}

html.legacy-ie .col-sm-2,
html.legacy-ie .col-md-2 {
    width: 16.66666%;
    float: left;
}

html.legacy-ie .col-sm-3,
html.legacy-ie .col-md-3 {
    width: 25%;
    float: left;
}

html.legacy-ie .col-sm-4,
html.legacy-ie .col-md-4 {
    width: 33.333333%;
    float: left;
}

html.legacy-ie .col-sm-5,
html.legacy-ie .col-md-5 {
    width: 41.666666%;
    float: left;
}

html.legacy-ie .col-sm-6,
html.legacy-ie .col-md-6 {
    width: 50%;
    float: left;
}

html.legacy-ie .col-sm-8,
html.legacy-ie .col-md-8 {
    width: 66.66666%;
    float: left;
}

html.legacy-ie .col-sm-9,
html.legacy-ie .col-md-9 {
    width: 75%;
    float: left;
}

/*
 * form plugins
 */
.content-area .form-control {
    padding: 6px 6px;
    /*border-top: 1px solid #eee;*/
    border: 1px solid #ccc;
    /*-webkit-border-radius: 0;*/
    /*-moz-border-radius: 0;*/
    /*border-radius: 0;*/
}

.content-area .form-control.wpcf7-not-valid {
    border: 1px solid #ff0000;
}

.content-area form label {
    /*font-family: open_sans_bold,Helvetica,'Helvetica Neue','Lucida Sans',Arial,sans-serif;*/
    font-family: 'FrutigerLTPro-LightCn', Helvetica, 'Helvetica Neue', 'Lucida Sans', Arial, sans-serif;
    font-weight: normal;
    /*font-size: 13px;*/
    font-size: 18px;
}

.content-area form .wpcf7-list-item-label {
    padding-left: 8px;
}

.content-area form .checkbox {
    margin-bottom: 15px;
}

.content-area form .wpcf7-not-valid-tip {
    margin: 5px 0 0 0;
    font-size: 14px;
    color: #ff0000;
    display: block;
}

.content-area .wpcf7-acceptance.wpcf7-not-valid {
    margin-top: 10px;
}

.content-area span.wpcf7-form-control-wrap {
    position: static;
}

.content-area .wpcf7-radio .wpcf7-list-item,
.content-area .wpcf7-checkbox .wpcf7-list-item {
    display: block;
    margin-left: 0;
}

.content-area .wpcf7 img.ajax-loader {
    margin: 0 auto;
    padding: 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ccc;
}

.content-area form .wpcf7-display-none,
.content-area .screen-reader-response {
    display: none !important;
}

.content-area form .wpcf7-submit {
    margin-top: 30px;
}


.content-area form .wpcf7-response-output {
    font-size: 14px;
    line-height: 20px;
    padding: 15px;
    margin: 30px 0 0 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /*border: 1px solid #ccc;*/
}

.content-area form .wpcf7-spam-blocked,
.content-area form .wpcf7-validation-errors {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

.content-area form .wpcf7-mail-sent-ok {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

.content-area form .captcha {
    margin: 10px 0 30px;
}

.content-area form .captcha .form-control {
    width: 84px;
}

/*
 * newsletter form
 */
.newsletter2go-row h2,
.newsletter2go-row h3,
.newsletter2go-row h4 {
    margin-top: 40px;
}

.newsletter2go-container .form-group:last-child {
    margin-bottom: 0;
}

.newsletter2go-form .checkbox-inline {
    margin-bottom: 15px;
}

/* fix that all checkboxes look like checkbox inline */
.newsletter2go-form .form-group:nth-child(3) {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
}

.newsletter2go-form .form-group:nth-child(3) input {
    position: absolute;
    margin-top: 4px\9;
    margin-left: -20px;
}

/*
 * cookie consent
 */
#cn-notice-text {
    font-size: 14px;
}

#cn-accept-cookie {
    background-color: #557F54;
}

#cn-refuse-cookie {
    background-color: #A81B1B;
}

#cn-more-info {
    background-color: #eee;
    color: #000;
}

/*
 * responsive: default, everything above default site width
 */
@media only screen and (min-width: 1200px) {

    /*body {*/
        /*background: none;*/
        /*background-color: yellow;*/
    /*}*/

    /*
     * navi-main
     */
    .navi-hidden-xs {
        display: block; /* overwrite rwd toggle state if window resized */
    }

    .main-menu {
        display: block !important;
    }

}

/*
 * responsive: 1 smaller, "normal" site width
 */
@media only screen and (min-width: 992px) and (max-width: 1199px) { /* don't set to 1200!*/

    /*.section {*/
        /*background: none;*/
        /*background-color: red;*/
    /*}*/

    /*
     * navi-main
     */
    .navi-hidden-xs {
        display: block; /* overwrite rwd toggle state if window resized */
    }

    .main-menu {
        display: block !important;
    }

    /*
     * visual
     */
    .visual-text {
        font-size: 120px;
        line-height: 120px;
    }

    .visual-text .fas {
        font-size: 170px;
        line-height: 170px;
        margin-bottom: 20px;
    }

    .visual-text .visual-title {
        display: block;
        font-size: 56px;
        line-height: 62px;
        padding: 0 15px;
    }

    .visual .visual-bg {
        height: 400px;
    }

    .visual-text .home-icons {
        font-size: 90px;
        line-height: 130px;
    }

    .visual-text .home-subtitle {
        font-size: 36px;
        line-height: 42px;
    }

    .visual-descr-full .visual-descr-inner {
        width: 940px;
        padding-right: 5px;
    }

    /*
     * teaser template
     */
    .page-template-teaser-template .logo-icon-in-teaser {
        height: 70px;
    }

    /*
     * congress template
     */
    .congresses .congress-year {
        font-size: 40px;
        padding-top: 5px;
    }

    /*
     * sponsor single view template
     */
    .sponsor-sidebar-logo .sponsor-logo {
        width: 293px;
        height: 164px;
    }

}

/*
 * responsive: 2 smaller, "tablet" site width
 */
@media only screen and (min-width: 768px) and (max-width: 991px) { /* don't set to 992!*/

    /*.section {*/
        /*background: none;*/
        /*background-color: purple;*/
    /*}*/

    /*
     * basics
     */
    .content-area {
        margin-bottom: 30px;
    }

    /*
     * fonts
     */
    .content-area .page-title,
    .content-area .entry-title,
    .content-area .section-title,
    .content-area .section-title a,
    .sidebar-area .sidebar-title a,
    .page-title-col-12,
    .page-title-col-12 a,
    .newsletter-page-title {
        font-size: 32px;
        line-height: 50px;
        margin: 0 0 30px 0;
    }

    /*
     * next congress
     */
    .next-congress-outer .next-congress-info .fas {
        margin-right: 0;
    }

    /*
     * navi-main
     */
    .navi-hidden-xs {
        display: block; /* overwrite rwd toggle state if window resized */
    }

    .main-menu {
        display: block !important;
    }

    .navi-main li {
        margin: 0 8px;
    }

    .navi-main a {
        padding: 13px 0 11px 0;
    }

    /*
     * navi-sidebar
     */
    .sidebar-area .back .fas {
        line-height: 50px;
    }

    /*
     * visual
     */
    .visual-text {
        font-size: 90px;
        line-height: 90px;
    }

    .visual-text .fas {
        font-size: 140px;
        line-height: 140px;
        margin-bottom: 20px;
    }

    .visual-text .visual-title {
        display: block;
        font-size: 48px;
        line-height: 56px;
        padding: 0 15px;
    }

    .visual .visual-bg {
        height: 350px;
    }

    .visual-text .home-icons {
        font-size: 80px;
        line-height: 120px;
    }

    .visual-text .home-subtitle {
        font-size: 30px;
        line-height: 36px;
    }

    .visual-descr-full .visual-descr-inner {
        width: 100%;
        padding-right: 5px;
    }

    /*
     * teaser template
     */
    .page-template-teaser-template .logo-icon-in-teaser {
        height: 60px;
    }

    /*
     * congress template
     */
    .congresses .congress-year {
        font-size: 30px;
        padding-top: 5px;
    }

    .custom-post-type-sub-navi .menu-item .sub-navi-icon {
        width: 80px;
        height: 80px;
        -webkit-border-radius: 80px;
        -moz-border-radius: 80px;
        border-radius: 80px;
    }

    .custom-post-type-sub-navi .menu-item .sub-navi-icon .fas {
        font-size: 34px;
        line-height: 80px;
    }

    .custom-post-type-sub-navi .menu-item .sub-navi-text {
        font-size: 16px;
    }

    /*
     * member
     */
    .member-types .member-type-icon {
        width: 150px;
        height: 150px;
        /*-webkit-border-radius: 120px;*/
        /*-moz-border-radius: 120px;*/
        /*border-radius: 120px;*/
    }

    .member-types .member-type-icon .icon-inner {
        width: 140px;
        height: 140px;
        margin: 5px;
        /*-webkit-border-radius: 150px;*/
        /*-moz-border-radius: 150px;*/
        /*border-radius: 150px;*/
    }

    .member-types .member-type-icon .fas {
        padding: 0;
        font-size: 50px;
        line-height: 140px;
    }

    /*.member-types .member-type-title {*/
        /*height: 45px;*/
    /*}*/

    /*.member-types .member-type-title span {*/
        /*display: block;*/
        /*position: relative;*/
        /*top: 50%;*/
        /*-webkit-transform: translateY(-50%);*/
        /*-moz-transform: translateY(-50%);*/
        /*transform: translateY(-50%);*/
    /*}*/

    /*
     * contact overview template
     */
    .contact-item .contact-portrait {
        margin: 30px 0;
        padding: 0 20px;
    }

    /*
     * congress presentations / download list
     */
    .day-file-box-title {
        padding-left: 10px;
    }

    /*
     * sponsor single view template
     */
    .sponsor-sidebar-logo .sponsor-logo {
        width: 220px;
        height: 124px;
    }

}

/*
 * responsive: 3 smaller, "small tablet / phone" site width
 */
@media only screen and (min-width : 480px) and (max-width: 767px) { /* don't set to 768!*/

    /*.section {*/
        /*background: none;*/
        /*background-color: green;*/
    /*}*/

    /*
     * basics
     */
    .navigation {
        background: none;
        background-color: #3c3c3b;
    }


    .content-area {
        margin-bottom: 30px;
    }

    /*
     * fonts
     */
    .content-area .page-title,
    .content-area .entry-title,
    .content-area .section-title,
    .content-area .section-title a,
    .sidebar-area .sidebar-title a,
    .page-title-col-12,
    .page-title-col-12 a,
    .newsletter-page-title {
        font-size: 32px;
        line-height: 50px;
        margin: 0 0 30px 0;
    }

    /*
     * header
     */
    .header .logo-1 {
        height: auto;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .header .logo-1 img {
        height: auto;
    }

    /*
     * navi-main
     */
    /*.navi-main-area {*/
        /*background-color: #222;*/
    /*}*/

    .navi-main {
        margin-bottom: 15px;
    }

    .navi-main li {
        float: none;
        margin: 0;
    }

    .navi-main a {
        display: block;
    }

    .navi-hidden-xs {
        display: none;
    }

    /*
     * navi-sidebar
     */
    .sidebar-area .back .fas {
        line-height: 50px;
    }

    /*
     * next congress
     */
    .next-congress {
        padding: 6px 5px 6px 5px;
    }

    .next-congress-top {
        font-size: 13px;
        padding-left: 7px;
        padding-right: 7px;
    }

    .next-congress-bottom {
        font-size: 18px;
    }

    .next-congress-outer .next-congress-info .fas {
        margin-right: 0;
    }

    /*
     * visual
     */
    .visual-text {
        font-size: 60px;
        line-height: 60px;
    }

    .visual-text .fas {
        font-size: 120px;
        line-height: 120px;
        margin-bottom: 20px;
    }

    .visual-text .logo-icon {
        width: 80%;
        height: auto;
    }

    .visual-text .visual-title {
        display: block;
        font-size: 42px;
        line-height: 48px;
        padding: 0 15px;
    }

    .visual .visual-bg {
        height: 300px;
    }

    .visual-text .home-icons {
        font-size: 70px;
        line-height: 90px;
    }

    .visual-text .home-icons .icon {
        padding: 0 10px !important;
    }

    .visual-text .home-subtitle {
        font-size: 24px;
        line-height: 30px;
    }

    .visual-descr-full .visual-descr-inner {
        width: 100%;
        padding-right: 5px;
    }

    /*
     * btn
     */
    .teaser-link-xxl .btn-secondary {
        margin-bottom: 30px;
    }

    /*
     * images
     */
    .sidebar-area .sidebar-img img {
        margin: 0 auto 30px auto;
    }

    /*
     * teaser
     */
    .teaser-row .teaser {
        margin-bottom: 40px;
    }

    .teaser-row .teaser:last-child {
        margin-bottom: 0;
    }

    /*
     * teaser template
     */
    .page-template-teaser-template .logo-icon-in-teaser {
        height: 60px;
    }

    /*
     * congress template
     */
    .congresses .congress-year-box {
        height: 80px;
        margin: 0 0 15px 0;
    }

    .congresses .congress-year {
        font-size: 40px;
    }

    /*
     * news list
     */
    .news-thumbnail-xs {
        width: 160px;
        margin : 15px auto;
    }

    /*
     * member
     */
    .member-types .member-type-title {
        margin: 40px 0 20px 0;
    }

    .member-types .member-type-1 .member-type-title {
        margin-top: 0;
    }

    /*
     * contact overview template
     */
    .contact-item .contact-portrait {
        padding: 0 130px;
    }

    .contacts .contact-item {
        margin-bottom: 30px !important;
    }

    /*
     * congress program / items
     */
    .day-program-item dt {
        margin-bottom: 5px;
    }

    /*
     * congress presentations / download list
     */
    .day-file-box-title {
        padding-left: 10px;
    }

    /*
     * footer
     */
    .footer .inner {
        /*margin: 15px 0;*/
    }

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

    .navi-footer li {
        float: none;
        display: inline-block;
        margin: 0 8px !important;
    }

    .navi-top {
        position: absolute;
        margin: 0 auto;
        left: 50%;
        margin-left: -20px;
        margin-top: -20px;
    }

    .navi-top .scroll-top {
        width: 40px;
        height: 40px;
        background-color: #fff;
        display: block;
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        border-radius: 40px;
        line-height: 40px;
        text-align: center;
    }

    .navi-top .scroll-top .fas {
        padding: 0;
        font-size: 18px;
        vertical-align: middle;
    }

    .scroll-top:hover {
        background-color: #000;
        color: #fff;
    }

    .footer-logos-mobile {
        margin-bottom: 33px;
        height: 40px;
    }

    .footer-logos-mobile-left,
    .footer-logos-mobile-right {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .eop .footer-logo img {
        margin: 0 auto;
        height: auto;
        max-height: 40px;
        float: none !important;
    }

}

/*
 * responsive: smaller phones and below
 */
@media only screen and (min-width : 320px) and (max-width : 479px), /* don't set to 480!*/
only screen and (max-width : 319px){

    /*body {*/
        /*background: none;*/
        /*background-color: lavender !important;*/
    /*}*/

    /*
     * basics
     */
    .navigation {
        background: none;
        background-color: #3c3c3b;
    }

    .content-area {
        margin-bottom: 30px;
    }

    /*
     * fonts
     */
    .content-area .page-title,
    .content-area .entry-title,
    .content-area .section-title,
    .content-area .section-title a,
    .sidebar-area .sidebar-title a,
    .page-title-col-12,
    .page-title-col-12 a,
    .newsletter-page-title {
        font-size: 24px;
        line-height: 40px;
        margin: 0 0 30px 0;
    }

    /*
     * header
     */
    .logo-area {
        padding-right: 0;
    }

    .header .logo-1 {
        height: auto;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .header .logo-1 img {
        height: auto;
    }

    /*
     * navi-main
     */
    .navi-hidden-xs {
        display: none;
    }

    /*.navi-main-area {*/
        /*background-color: #222;*/
    /*}*/

    .navi-main {
        margin-bottom: 15px;
    }

    .navi-main li {
        float: none;
        margin: 0;
    }

    .navi-main a {
        display: block;
    }

    /*
     * navi-sidebar
     */
    .sidebar-area .back .fas {
        line-height: 40px;
    }

    /*
     * next congress
     */
    .next-congress-outer {
        height: 79px;
        margin: 25px 0 26px 0;
    }

    .next-congress {
        min-height: 79px;
        padding: 6px 5px 6px 5px;
    }

    .next-congress-top {
        font-size: 13px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .next-congress-bottom {
        font-size: 14px;
    }

    .next-congress-outer .next-congress-info .fas {
        margin-right: 0;
    }

    .lavender {
        display: block !important;
    }

    /*
     * visual
     */
    .visual-text {
        font-size: 60px;
        line-height: 60px;
    }

    .visual-text .fas {
        font-size: 100px;
        line-height: 100px;
        margin-bottom: 20px;
    }

    .visual-text .logo-icon {
        width: 100%;
        height: auto;
    }

    .visual-text .visual-title {
        display: block;
        font-size: 36px;
        line-height: 42px;
        padding: 0 15px;
    }

    .visual .visual-bg {
        height: 300px;
    }

    .visual-text .home-icons {
        font-size: 60px;
        line-height: 70px;
    }

    .visual-text .home-icons .icon {
        padding: 0 10px !important;
    }

    .visual-text .home-subtitle {
        font-size: 24px;
        line-height: 30px;
        margin-top: 10px;
    }

    .visual-descr-full .visual-descr-inner {
        width: 100%;
        padding-right: 5px;
    }

    /*
     * btn
     */
    .teaser-link-xxl .btn-secondary {
        margin-bottom: 30px;
    }

    /*
     * images
     */
    .sidebar-area .sidebar-img img {
        margin: 0 auto 30px auto;
    }

    /*
     * teaser
     */
    .teaser-row .teaser {
        margin-bottom: 40px;
    }

    .teaser-row .teaser:last-child {
        margin-bottom: 0;
    }

    /*
     * teaser template
     */
    .page-template-teaser-template .logo-icon-in-teaser {
        height: 60px;
    }

    /*
     * congress template
     */
    .congresses .congress-year-box {
        height: 80px;
        margin: 0 0 15px 0;
    }

    .congresses .congress-year {
        font-size: 40px;
    }

    /*
     * news list
     */
    .news-thumbnail-xs {
        width: 160px;
        margin : 15px auto;
    }

    /*
     * member
     */
    .map-container {
        width: 100% !important;
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .member-types .member-type-title {
        margin: 40px 0 20px 0;
    }

    .member-types .member-type-1 .member-type-title {
        margin-top: 0;
    }

    /*
     * contact overview template
     */
    .contact-item .contact-portrait {
        /*padding: 0 130px;*/
        padding: 0 80px;
    }

    .contacts .contact-item {
        margin-bottom: 30px !important;
    }

    /*
     * congress program / items
     */
    .day-program-item dt {
        margin-bottom: 5px;
    }

    /*
     * congress presentations / download list
     */
    .day-file-box-title {
        padding-left: 10px;
    }

    /*
     * footer
     */
    .footer .inner {
        /*margin: 15px 0;*/
    }

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

    .navi-footer li {
        float: none;
        display: inline-block;
        margin: 0 8px !important;
    }

    .navi-top {
        position: absolute;
        margin: 0 auto;
        left: 50%;
        margin-left: -20px;
        margin-top: -20px;
    }

    .navi-top .scroll-top {
        width: 40px;
        height: 40px;
        background-color: #fff;
        display: block;
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        border-radius: 40px;
        line-height: 40px;
        text-align: center;
    }

    .navi-top .scroll-top .fas {
        padding: 0;
        font-size: 18px;
        vertical-align: middle;
    }

    .scroll-top:hover {
        background-color: #000;
        color: #fff;
    }

    .footer-logos-mobile {
        margin-bottom: 33px;
        height: 40px;
    }

    .footer-logos-mobile-left,
    .footer-logos-mobile-right {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .eop .footer-logo img {
        margin: 0 auto;
        height: auto;
        max-height: 40px;
        float: none !important;
    }

}

/*
 * responsive: exceptions for tiny screens
 */
@media screen and (max-width : 350px) {

    /*body {*/
        /*background: none;*/
        /*background-color: brown !important;*/
    /*}*/

    /*
     * util
     */
    .hidden-xxs {
        display: none;
    }

    /*
     * basics
     */
    .navigation {
        background: none;
        background-color: #3c3c3b;
    }

    .content-area {
        margin-bottom: 30px;
    }

    /*
     * fonts
     */
    .content-area .page-title,
    .content-area .entry-title,
    .content-area .section-title,
    .content-area .section-title a,
    .sidebar-area .sidebar-title a,
    .page-title-col-12,
    .page-title-col-12 a,
    .newsletter-page-title {
        font-size: 24px;
        line-height: 40px;
        margin: 0 0 30px 0;
    }

    /*
     * header
     */
    .logo-area {
        width: 100%;
        padding: 0;
    }

    .header .logo-1 img {
        margin: 0 auto;
    }

    .logo-2-area {
        padding-left: 0;
    }

    .logo-2-area img {
        max-height: 28px;
        width: auto;
    }

    /*
     * navi-main
     */
    /*.navi-main-area {*/
        /*background-color: #222;*/
    /*}*/

    .navi-main {
        margin-bottom: 15px;
    }

    .navi-main li {
        float: none;
        margin: 0;
    }

    .navi-main a {
        display: block;
    }

    /*
     * navi-sidebar
     */
    .sidebar-area .back .fas {
        line-height: 40px;
    }

    /*
     * next congress
     */
    .next-congress {
        padding: 6px 5px 6px 5px;
    }

    .next-congress-outer .next-congress-top {
        padding-left: 5px;
        padding-right: 5px;
    }

    .next-congress-outer .next-congress-info .fas {
        margin-right: 0;
    }

    /*
     * visual
     */
    .visual-text {
        font-size: 60px;
        line-height: 60px;
    }

    .visual-text .fas {
        font-size: 100px;
        line-height: 100px;
        margin-bottom: 20px;
    }

    .visual-text .logo-icon {
        width: 100%;
        height: auto;
    }


    .visual-text .visual-title {
        display: block;
        font-size: 30px;
        line-height: 36px;
        padding: 0 15px;
    }

    .visual .visual-bg {
        height: 300px;
    }

    .visual-text .home-icons {
        font-size: 50px;
        line-height: 60px;
    }

    .visual-text .home-icons .icon {
        padding: 0 10px !important;
    }

    .visual-text .home-subtitle {
        font-size: 24px;
        line-height: 30px;
        margin-top: 10px;
    }

    .visual-descr-full .visual-descr-inner {
        width: 100%;
        padding-right: 5px;
    }

    /*
     * btn
     */
    .teaser-link-xxl .btn-secondary {
        margin-bottom: 30px;
    }

    /*
     * images
     */
    .sidebar-area .sidebar-img img {
        margin: 0 auto 30px auto;
    }

    /*
     * teaser
     */
    .teaser-row .teaser {
        margin-bottom: 40px;
    }

    .teaser-row .teaser:last-child {
        margin-bottom: 0;
    }

    /*
     * teaser template
     */
    .page-template-teaser-template .logo-icon-in-teaser {
        height: 60px;
    }

    /*
     * congress template
     */
    .congresses .congress-year-box {
        height: 80px;
        margin: 0 0 15px 0;
    }

    .congresses .congress-year {
        font-size: 40px;
    }

    .custom-post-type-sub-navi .menu-item .sub-navi-icon {
        width: 80px;
        height: 80px;
        -webkit-border-radius: 80px;
        -moz-border-radius: 80px;
        border-radius: 80px;
    }

    .custom-post-type-sub-navi .menu-item .sub-navi-icon .fas {
        font-size: 34px;
        line-height: 80px;
    }

    .custom-post-type-sub-navi .menu-item .sub-navi-text {
        font-size: 16px;
    }

    /*
     * news list
     */
    .news-thumbnail-xs {
        width: 160px;
        margin : 15px auto;
    }

    /*
     * member
     */
    .map-container {
        width: 100% !important;
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .member-types .member-type-title {
        margin: 40px 0 20px 0;
    }

    .member-types .member-type-1 .member-type-title {
        margin-top: 0;
    }

    /*
     * contact overview template
     */
    .contact-item .contact-portrait {
        /*padding: 0 130px;*/
        padding: 0 30px;
    }

    .contacts .contact-item {
        margin-bottom: 30px !important;
    }

    /*
     * congress program / items
     */
    .day-program-item dt {
        margin-bottom: 5px;
    }

    /*
     * congress presentations / download list
     */
    .day-file-box-title {
        padding-left: 10px;
    }

    /*
     * sponsor single view template
     */
    .sponsor-sidebar-logo .sponsor-logo {
        width: 220px;
        height: 124px;
    }


    /*
     * footer
     */
    .footer .inner {
        /*margin: 15px 0;*/
    }

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

    .navi-footer li {
        float: none;
        display: inline-block;
        margin: 0 8px !important;
    }

    .navi-top {
        position: absolute;
        margin: 0 auto;
        left: 50%;
        margin-left: -20px;
        margin-top: -20px;
    }

    .navi-top .scroll-top {
        width: 40px;
        height: 40px;
        background-color: #fff;
        display: block;
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        border-radius: 40px;
        line-height: 40px;
        text-align: center;
    }

    .navi-top .scroll-top .fas {
        padding: 0;
        font-size: 18px;
        vertical-align: middle;
    }

    .scroll-top:hover {
        background-color: #000;
        color: #fff;
    }

    .footer-logos-mobile {
        margin-bottom: 33px;
        height: 40px;
    }

    .footer-logos-mobile-left,
    .footer-logos-mobile-right {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .eop-left {
        padding-right: 5px;
    }

    .eop-right {
        padding-left: 5px;
    }

    .eop .footer-logo img {
        margin: 0 auto;
        height: auto;
        max-height: 40px;
        float: none !important;
    }

}