/*//
***
Styles für FIR e.V.
***
// */
/*General CSS*/
html {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    overflow-x: hidden;
}

body {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #333;
    -webkit-font-smoothing: subpixel-antialiased;
    margin: 0 auto;
    width: 100%;
}

a {
    transition: all 0.3s linear;
    color: #4A4A49;
    font-weight: 400;
}

a:hover, a:focus, a:visited {
    color: #969696;
    outline: none;
    text-decoration: underline;
}

h1, .h1 {
    display: block;
    font-size: 2em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
}

h2, .h2 {
    display: block;
    font-size: 1.5em;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
    margin-left: 0;
    margin-right: 0;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
}

h3, .h3 {
    display: block;
    font-size: 1.17em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
}

h4, .h4 {
    display: block;
    margin-top: 1.33em;
    margin-bottom: 1.33em;
    margin-left: 0;
    margin-right: 0;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
}

h5, .h5 {
    display: block;
    font-size: 0.83em;
    margin-top: 1.67em;
    margin-bottom: 1.67em;
    margin-left: 0;
    margin-right: 0;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
}

h6, .h6 {
    display: block;
    font-size: 0.67em;
    margin-top: 2.33em;
    margin-bottom: 2.33em;
    margin-left: 0;
    margin-right: 0;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
}

p {
    color: #333;
    display: block;
    font-size: 1em;
    -webkit-margin-before: 1em;
    line-height: 1.5em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

ul, ol {
    color: #333;
    display: block;
    font-size: 1em;
    -webkit-margin-before: 1em;
    line-height: 1.5em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    padding: 0 0 0.2em 1.5em;
}

.field--name-field-text-fliesstext ul {
    list-style-type: none;
}

.field--name-field-text-fliesstext li {
    position: relative;
}

.field--name-field-text-fliesstext ul li:before {
    content: ' \f111';
    font-family: FontAwesome;
    font-size: 7px;
    padding: 0 10px 0 0;
    position: absolute;
    top: -2px;
    left: -20px;
}

.main-container .field--name-field-text-fliesstext img {
    border: 2px solid #F2F2F2;
}

figure figcaption {
    color: #999;
    font-size: 10px;
    margin: 5px 0 10px;
}

@media screen and (max-width: 640px) {
    body {
        font-size: 125%;
        margin: 0 auto;
        overflow-x: hidden;
        width: 100%;
    }
}

/*// CSS für Header
*** Logo
*** Menu
*** Mobile Menu
*** Banner  Title
*** Banner Breadcrumb*/
/*Header (Fixed and Headroom)*/
.header {
    position: fixed;
    width: 100%;
    z-index: 99;
    padding: 0 0 10px 0;
    max-height: 125px;
    background: #FFF !important;
}

.header .headroom {
    transition: all 0.3s linear;
    background: transparent;
}

.header .headroom--top {
    background: transparent;
    box-shadow: 0 0 0 0 #A1A1A1;
}

.header .headroom--pinned {
}

.header .headroom--unpinned {
    background: transparent;
    box-shadow: 0 0 5px 1px #A1A1A1;
}

.header.headroom.headroom--top {
    transition: all 0.3s linear;
    background: #FFF !important;
}

.header.headroom.headroom--not-top {
    background: #FFF;
    transition: all 0.3s linear;
    box-shadow: 0 0 5px 1px #333;
}

/*Menu 
Superfish Dropdown Menu*/
/*Header Top Region Main Navigation*/
ul.sf-menu .sf-sub-indicator {
    display: none;
}

.header .header-top .region-primary-menu {
    margin-top: 50px;
    float: right;
    position: absolute;
    right: 0;
}

.sf-menu li.menuparent .menuparent {
    display: block;
    padding: 15px 10px;
    position: relative;
    text-transform: uppercase;
    background: transparent;
}

.sf-menu li a {
    color: #333;
    font-size: 16px;
	/*font-size: 14px; *//* ro 20231129: partner => aussteller passt sonst nicht in 1 zeile */
    background: #FFF;
    text-decoration: none;
    padding: 15px 10px 10px 10px;
    text-transform: uppercase;
}

.sf-menu li a:hover {
    color: #0069B4;
    font-size: 16px;
	/*font-size: 14px; *//* ro 20231129: partner => aussteller passt sonst nicht in 1 zeile */
    background: #FFF;
}

.sf-menu li.sf-depth-2 a.sf-depth-2 {
    margin: 10px 0 0;
    padding: 0 0 5px 20px;
    background: #FFF !important;
}

ul.sf-menu.sf-horizontal.sf-shadow ul, ul.sf-menu.sf-vertical.sf-shadow ul, ul.sf-menu.sf-navbar.sf-shadow ul ul {
    -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
    background: #FFF;
}

ul.sf-menu.sf-style-white {
    float: left;
    margin-bottom: 1em;
    margin-top: 0;
    padding: 0;
}

ul.sf-menu.sf-style-white.sf-navbar {
    width: 100%;
}

ul.sf-menu.sf-style-white ul {
    margin: 0;
    padding: 0;
}

ul.sf-menu.sf-style-white a, ul.sf-menu.sf-style-white a:visited, ul.sf-menu.sf-style-white span.nolink {
    border: 0 none;
    color: #005BB7;
    padding: 0.75em 1em;
}

ul.sf-menu.sf-style-white a.sf-with-ul, ul.sf-menu.sf-style-white span.nolink.sf-with-ul {
    padding-right: 2.25em;
}

ul.sf-menu.sf-style-white.rtl a.sf-with-ul, ul.sf-menu.sf-style-white.rtl span.nolink.sf-with-ul {
    padding-left: 2.25em;
    padding-right: 1em;
}

ul.sf-menu.sf-style-white span.sf-description {
    color: #AAA;
    display: block;
    font-size: smaller;
    line-height: 1.5;
    margin: 0.25em 0 0 0;
    padding: 0;
}

ul.sf-menu.sf-style-white li, ul.sf-menu.sf-style-white.sf-navbar {
    background: #FAFAFA;
}

ul.sf-menu.sf-style-white li li, ul.sf-menu.sf-style-white.sf-navbar > li > ul {
    background: #FFF;
}

ul.sf-menu.sf-style-white li li li {
    background: #F4F4F4;
}

ul.sf-menu.sf-style-white li:hover, ul.sf-menu.sf-style-white li.sfHover, ul.sf-menu.sf-style-white a:focus, ul.sf-menu.sf-style-white a:hover, ul.sf-menu.sf-style-white span.nolink:hover {
    background: #FFF;
    outline: 0;
}

.sf-menu.sf-style-white.sf-navbar li ul {
    background: #F7F7F7;
}

.sf-menu.sf-style-white.sf-navbar li ul li ul {
    background: transparent;
}

div.sf-accordion-toggle.sf-style-white a {
    background: #0069B4;
    border: none;
    color: #FFF;
    display: inline-block;
    font-weight: bold;
    padding: 1em 2.8em 1em 1em;
    position: relative;
}

div.sf-accordion-toggle.sf-style-white > a:after {
    display: none;
}

div.sf-accordion-toggle.sf-style-white a.sf-expanded, ul.sf-menu.sf-style-white.sf-accordion li.sf-expanded {
    background: #0069B4;
}

.sf-menu .menuparent .desktophide {
    display: none !important;
}

@media screen and (max-width: 1199px) {
    .sf-menu li.menuparent .menuparent {
        display: block;
        padding: 15px 10px;
        position: relative;
    }
    
    .sf-menu .sf-expanded ul.sf-has-clone-parent li a.sf-depth-1.menuparent {
        display: none;
    }
    
    .sf-menu li.menuparent .mobilehide {
        display: block;
        padding: 15px;
        position: relative;
        color: #333;
        font-size: 15px !important;
        background: transparent;
        text-decoration: none;
        padding: 10px !important;
        text-transform: uppercase;
    }
    
    .sf-menu li a {
        color: #333;
        font-size: 15px !important;
        background: transparent;
        text-decoration: none;
        padding: 10px 5px !important;
        text-transform: uppercase;
    }
    
    .sf-menu li.menuparent a.desktophide {
        color: #333;
        font-size: 15px !important;
        background: transparent;
        text-decoration: none;
        padding: 10px 5px !important;
        text-transform: uppercase;
    }
    
    .sf-menu li a:hover {
        color: #0069B4;
        font-size: 14px;
        background: transparent;
    }
    
    .header .header-top .region-primary-menu {
        margin-top: 50px;
        float: right;
        position: absolute;
        right: 0;
    }
}

@media screen and (max-width: 991px) {
    .region-mobilemenu {
        margin-top: 50px;
        z-index: 99;
        position: absolute;
    }
    
    .region-mobilemenu .block-superfish .sf-accordion-toggle.sf-style-white a {
        background: url(../images/dreistrich.png) center / 20px 20px no-repeat #0069B4;
        padding: 0;
        height: 35px;
        width: 40px;
    }
    
    .block-superfish span {
        display: none;
    }
    
    .sf-menu li.menuparent .mobilehide {
        display: none;
        padding: 15px;
        position: relative;
        color: #333;
        font-size: 15px !important;
        background: transparent;
        text-decoration: none;
        padding: 10px !important;
        text-transform: uppercase;
    }
    
    .sf-menu li.menuparent .desktophide {
        display: block !important;
        padding: 15px;
        position: relative;
        color: #333;
        font-size: 15px !important;
        background: transparent;
        text-decoration: none;
        padding: 10px !important;
        text-transform: uppercase;
    }
    
    .mobilemenu .sf-menu.sf-expanded {
        margin-left: -70px;
        background: #FFF;
        min-width: 200px;
        box-shadow: 0px 2px 1px 0px #4A4A49;
    }
    
    .mobilemenu .sf-menu.sf-accordion.sf-expanded li a {
        color: #333;
        font-size: 16px;
        background: #FFF;
        text-decoration: none;
        padding: 15px 15px 10px 15px;
        text-transform: uppercase;
    }
    
    .mobilemenu .sf-menu.sf-accordion.sf-expanded li a .desktophide {
        color: #333;
        font-size: 16px;
        background: #FFF;
        text-decoration: none;
        padding: 15px 15px 10px 10px !important;
        text-transform: uppercase;
    }
    
    .mobilemenu .sf-menu .sf-expanded li a.desktophide.sf-depth-2 {
        padding: 15px 15px 10px 5px !important;
    }
    
    .mobilemenu .sf-menu.sf-accordion.sf-expanded ul li a.desktophide.sf-depth-1.menuparent.sf-with-ul {
        display: none !important;
    }
    
    .mobilemenu .sf-menu.sf-accordion.sf-expanded li.sf-depth-2.sf-no-children a.sf-depth-2 {
        margin: 0 0 0 15px;
        background: #FFF;
    }
}

@media screen and (max-width: 960px) {
    .region-mobilemenu {
        margin-top: 50px;
        z-index: 99;
        position: absolute;
    }
    
    .mobilemenu .sf-menu.sf-expanded {
        margin-left: -75px;
        background: #FFF;
        min-width: 170px;
        box-shadow: 0px 2px 1px 0px #4A4A49;
    }
}

@media screen and (max-width: 768px) {
    .region-mobilemenu {
        margin-top: 50px;
        z-index: 99;
        position: absolute;
    }
    
    .mobilemenu .sf-menu.sf-expanded {
        margin-left: -75px;
        background: #FFF;
        min-width: 200px;
        box-shadow: 0px 2px 1px 0px #4A4A49;
    }
}

@media screen and (max-width: 668px) {
    .region-mobilemenu {
        margin-top: 50px;
        z-index: 99;
        position: absolute;
    }
    
    .mobilemenu .sf-menu.sf-expanded {
        margin-left: -75px;
        background: #FFF;
        width: 250px;
        box-shadow: 0px 2px 1px 0px #4A4A49;
    }
    
    .mobilemenu .sf-menu.sf-accordion.sf-expanded li a {
        color: #333;
        font-size: 14px !important;
        background: #FFF;
        text-decoration: none;
        padding: 10px 15px;
        text-transform: uppercase;
    }
}

@media screen and (max-width: 640px) {
    .region-mobilemenu {
        margin-top: 50px;
        z-index: 99;
        position: absolute;
    }
    
    .mobilemenu .sf-menu.sf-expanded {
        margin-left: -75px;
        background: #FFF;
        width: 210px;
        box-shadow: 0px 2px 1px 0px #4A4A49;
    }
}

@media screen and (max-width: 640px) {
    .region-mobilemenu {
        margin-top: 50px;
        z-index: 99;
        position: absolute;
    }
    
    .mobilemenu .sf-menu.sf-expanded {
        margin-left: -75px;
        background: #FFF;
        min-width: 170px;
        box-shadow: 0px 2px 1px 0px #4A4A49;
    }
}

@media screen and (max-width: 515px) {
    .region-mobilemenu {
        margin-top: 40px;
        z-index: 99;
        position: absolute;
    }
    
    .mobilemenu .sf-menu.sf-expanded {
        margin-left: -75px;
        background: #FFF;
        min-width: 170px;
        box-shadow: 0px 2px 1px 0px #4A4A49;
    }
}

@media screen and (max-width: 480px) {
    .region-mobilemenu {
        margin-top: 35px;
        z-index: 99;
        position: absolute;
    }
    
    .mobilemenu .sf-menu.sf-expanded {
        margin-left: -75px;
        background: #FFF;
        min-width: 170px;
        box-shadow: 0px 2px 1px 0px #4A4A49;
    }
}

@media screen and (max-width: 414px) {
    .region-mobilemenu {
        margin-top: 25px;
        z-index: 99;
        position: absolute;
    }
    
    .mobilemenu .sf-menu.sf-expanded {
        margin-left: -75px;
        background: #FFF;
        min-width: 170px;
        box-shadow: 0px 2px 1px 0px #4A4A49;
    }
}

@media screen and (max-width: 360px) {
    .region-mobilemenu {
        margin-top: 20px;
        z-index: 99;
        position: absolute;
    }
    
    .mobilemenu .sf-menu.sf-expanded {
        margin-left: -120px;
        background: #FFF;
        min-width: 170px;
        box-shadow: 0px 2px 1px 0px #4A4A49;
    }
}

/*Region Banner (in Header Region)*/
.banner {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background: #0069B4;
    padding: 25px 0;
}

.header.headroom.headroom--top .banner {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background: #0069B4;
    padding: 25px 0;
}

.header.headroom.headroom--not-top .banner {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background: #0069B4;
    padding: 10px 0;
}

.path-frontpage .header.headroom.headroom--top .banner {
    display: none;
}

.path-frontpage .header.headroom.headroom--not-top .banner {
    display: none;
}

.banner .page-header {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border-bottom: none;
    margin: 0 0 10px 0;
    padding: 0;
    color: #FFF;
}

.header.headroom.headroom--top .banner .page-header {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border-bottom: none;
    margin: 0 0 10px 0;
    padding: 0;
    color: #FFF;
}

.header.headroom.headroom--not-top .banner .page-header {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border-bottom: none;
    margin: 0 0 10px 0;
    color: #FFF;
    text-align: left;
}

@media screen and (max-width: 515px) {
    .header {
        position: fixed;
        width: 100%;
        z-index: 99;
        padding: 0px 0 10px;
        height: 80px !important;
    }
    
    .header.headroom.headroom--top {
        transition: all 0.3s linear;
        background: #FFF;
    }
    
    .header.headroom.headroom--top .banner {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        background: #0069B4;
        padding: 25px 0;
    }
    
    .header.headroom.headroom--not-top .banner {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        background: #0069B4;
        padding: 10px 0;
        margin-top: 0px;
    }
}

/*Header Breadcrumbs*/
.breadcrumb {
    background: none;
    font-size: 1em;
    border-radius: 0px;
    list-style: outside none none;
    margin-bottom: 0;
    padding: 0;
    color: #FFFFFF;
}

.breadcrumb a, .breadcrumb > li + li::before, .breadcrumb > .active {
    color: #FFFFFF;
    font-size: 1em;
}

/*// 
CSS Styling für die Frontpage
//*/
/**** Headerimage (Block)*/
.region-headerimage {
    margin-top: 100px;
}

.region-headerimage .field--name-body .overlay-button {
    position: absolute;
    bottom: 39px;
    margin-left: 39px;
}

.headerimage img {
    border: none;
    padding: 0;
    margin: 0;
    width: 100%;
    height: auto;
}

@media screen and (max-width: 640px) {
    .headerimage img {
        border: none;
        padding: 0;
        margin: 0px 0 0;
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 515px) {
    .headerimage img {
        border: none;
        padding: 0;
        margin: -18px 0 0;
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 480px) {
    .headerimage img {
        border: none;
        padding: 0;
        margin: -20px 0 0;
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 414px) {
    .headerimage img {
        border: none;
        padding: 0;
        margin: -20px 0 0;
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 360px) {
    .headerimage img {
        border: none;
        padding: 0;
        margin: -20px 0 0;
        width: 100%;
        height: auto;
    }
}

/*CSS Classes for P */
.blue {
    color: #0069B4;
}

.bluebutton a {
    background: #0069B4;
    color: #FFF;
    text-decoration: none;
    line-height: 1.5em;
}

p.bluebutton a {
    background: #0069B4;
    color: #FFF;
    text-decoration: none;
}

.bluebutton {
    background: #0069B4;
    color: #FFF;
    padding: 5px 10px;
    text-decoration: none;
    margin-top: 5px;
    display: inline-flex;
}

.bluebutton a:hover {
    text-decoration: underline;
}

p.bluebutton a:hover {
    text-decoration: underline;
}

.bluebutton:hover {
    text-decoration: underline;
}

/*Region Logo and Second Logo*/
a.logo img {
    border: none;
    width: 100%;
    max-width: 150px;
    margin: 20px 0px 5px;
}

.region-secondlogo img {
    width: 100%;
    max-width: 150px;
    display: block;
    padding: 0 0 5px 0;
    margin: 10px 0px 5px;
}

@media screen and (max-width: 1199px) {
}

@media screen and (max-width: 991px) {
}

@media screen and (max-width: 768px) {
}

@media screen and (max-width: 668px) {
}

@media screen and (max-width: 640px) {
}

@media screen and (max-width: 515px) {
}

@media screen and (max-width: 480px) {
}

@media screen and (max-width: 414px) {
}

@media screen and (max-width: 360px) {
}

/*Main Container*/
.path-frontpage .main-container {
    margin: 25px 0 50px;
}

.main-container {
    margin: 250px 0 50px;
}

@media screen and (max-width: 515px) {
    .main-container {
        margin: 250px 0 50px;
    }
}

/*Region CTA*/
.cta {
    background-color: #117DC2;
    color: #FFFFFF;
    padding: 65px 0;
}

/**** Block Typ für CTA welcher in der Region CTA verwendet werden sollte*/
.cta .field--name-body p {
    color: #FFF;
    display: block;
    font-size: 1.5em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
}

.cta #block-newsletter .form-group {
    display: inline;
}

.cta .field--type-webform input.form-text.form-control {
    display: inline;
    width: 80%;
    margin-top: 20%;
}

.cta .field--type-webform .newsletter-button.form-submit.btn-primary.btn {
    background: url(../images/Newsletter-Submit.png) 0px -3px no-repeat;
    cursor: pointer;
    width: 45px;
    height: 40px;
    border: none;
    display: inline;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .cta .field--type-webform input.form-text.form-control {
        display: inline;
        width: 79%;
    }
}

@media screen and (max-width: 360px) {
    .cta .field--type-webform input.form-text.form-control {
        display: inline;
        width: 75%;
        margin-top: 20%;
    }
}

/*Region Announcement*/
.announcement {
    padding: 50px 0;
}

.region-announcement img {
    border: 1px solid #F2F2F2;
}

/**** Block Typ Annoucement welcher in der Redion Announcement verwendet werden sollte*/
.region-announcement .field--name-field-announcementimage img {
    width: 100%;
    max-width: 360px;
    height: auto;
    margin: 10px auto;
}

.region-announcement .panel-display .radix-layouts-sidebar {
    padding: 0 10px 0 0;
}

/*Region Partner*/
.region-partner h2.block-title {
    text-align: center;
	text-align: left; /* ro 20231130: lt. mx/fr */
    margin-bottom: 15px;
    padding-bottom: 50px;
    /*text-transform: uppercase;*/ /* ro 20231127: del */
}

/*Region Footer*/
.footer {
    padding-bottom: 0;
    padding-top: 65px;
    border-top: none;
    background: #363E44;
}

.footer p {
    color: #FFF;
}

.footer a {
    color: #FFF;
    text-decoration: none;
}

.footer a:hover {
    color: #FFF;
    text-decoration: underline;
    outline: none;
}

.footer h2.block-title {
    /*text-transform: uppercase;*//* ro 20231127: del: per hand gross besetzen, wenn gewuenscht */
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 30px;
    color: #FFF;
    border: none;
}

.footer .footer-first {
    margin-bottom: 50px;
}

.footer .footer-second {
    margin-bottom: 50px;
}

.footer .footer-third {
    margin-bottom: 50px;
    color: #FFF;
}

/*//
***
CSS Styles für Better Tabs, User Login, Back To Top etc.

//*/
/*Back to Top*/
#backtotop:hover {
    opacity: 0.8;
}

/*Better Tabs and User Login*/
.nav-tabs {
    border: 1px solid #E8E4E4;
    background: #F9F9F9;
    display: block;
    width: 100%;
}

.nav-tabs li a {
    display: inline-block;
    padding: 15px;
    margin: 0;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #E8E4E4;
    border-left: 1px solid #E8E4E4;
    color: #333;
    text-decoration: none;
}

.nav-tabs li a:hover {
    display: inline-block;
    padding: 15px;
    border-radius: 0;
    background: #FFF;
}

.nav-tabs li.active a.is-active {
    border: none;
}

/*// User Login*/
#toolbar-administration {
    font-size: small;
    line-height: 1;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

.user-login-form, .user-pass {
    margin: 20% auto;
    max-width: 500px;
}

.user-login-form *:-webkit-autofill, .user-login-form *:-webkit-autofill:hover, .user-login-form *:-webkit-autofill:focus, .user-login-form *:-webkit-autofill:active, .user-pass *:-webkit-autofill, .user-pass *:-webkit-autofill:hover, .user-pass *:-webkit-autofill:focus, .user-pass *:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #333333 !important;
}

.user-login-form label, .user-pass label {
    display: block;
}

.user-login-form .js-form-item, .user-pass .js-form-item {
    margin-top: 10px;
}

.user-login-form .js-form-item input, .user-pass .js-form-item input {
    height: 31px;
    padding: 5px 10px;
    border: 1px solid #E8E4E4;
    width: 100%;
}

.user-login-form .description, .user-pass .description {
    color: #333333;
    margin-top: 5px;
}

.user-login-form .button, .user-pass .button {
    margin-top: 10px;
    float: right;
}

/*// User Page*/
#block-tools ul.menu.nav li a {
    background: #00549F;
    color: #FFF;
    margin: 5px 0;
    padding: 15px;
}

#block-tools ul.menu.nav li a:hover {
    background: #57AB27;
    color: #FFF;
    margin: 5px 0;
    padding: 15px;
}

/*//
***
CSS für Contenttypes
***
// */
.page-node-type-programm h2 {
    font-size: 1.5em;
    border-bottom: 1px solid #E1E1E1;
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-weight: 400;
}

.page-node-type-page h2 {
    font-size: 1.5em;
    border-bottom: 1px solid #E1E1E1;
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-weight: 400;
}

.region-content a {
    text-decoration: underline;
}

.node-15 ul {
    display: inline-block;
}

.node-214 li > * {
    vertical-align: text-top;
}

/**** Webform */
@media screen and (max-width: 459px) {
    .page-node-type-webform .main-container {
        margin-top: 250px;
    }
}

.panel-heading .panel-title {
    border: none;
    background: transparent;
    margin: 0;
    padding: 0;
    color: #0069B4;
    font-size: 1em;
    font-weight: 700;
}

.webform .panel-default .panel-heading {
    background: #FFF;
    border: none;
}

.webform .panel.panel-default {
    border: 2px solid #DEDEDE;
    border-left: 3px solid #0069B4;
    border-radius: 0;
}

.webform .form-item.form-group label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    border: none;
}

	/* ro20180618: hier: Feedback-Formular; Checkboxes other: ankreuzbaren elemente nicht fett anzeigen, wie ansonsten durch hierueber ausgeloest */
	/* ro20180618: hier: Feedback-Formular; Radios other: ankreuzbaren elemente nicht fett anzeigen, wie ansonsten durch hierueber ausgeloest */
	.webform .form-item.form-group .checkbox label,
	.webform .form-item.form-group .radio label {
		/* <label
	         <input type="checkbox"... */
		font-weight: 400;
	}
	/* ro20180618: hier: Feedback-Formular; Likert: links gelisteten woerternicht fett anzeigen, wie sonst Standard waere; Noten 1-6 aber fett beibehalten */
	.webform table.webform-likert-table .form-item.form-group label {
	    /* <table class="webform-likert-table"... 
		     <div class="form-item ... form-group"...
			   <label... */
		font-weight: 400;
	}

.webform .fieldgroup legend {
    font-size: 1em;
    font-weight: 700;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    border: none;
}

.webform .js-webform-radios-fieldset {
    margin-bottom: 15px;
}

.webform .description p {
    color: #777;
    font-size: 12px;
    margin: 5px 0 10px;
    padding: 0;
}

.webform .description {
    color: #777;
    font-size: 12px;
    margin: 5px 0 10px;
    padding: 0;
}

.radio, .checkbox {
    position: relative;
    display: block;
    margin-top: 0;
    margin-bottom: 10px;
}

.webform-options-display-two-columns {
    display: inline-block;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    margin: 0;
}

.webform .form-item.form-type-textarea {
    margin: 0 0 15px 0;
}

.form-required:after {
    background-image: none;
    content: " * ";
    font-size: 1.5em;
    color: #117DC2;
}

/*//
***
CSS für Paragraphs Itenms
Diese werden / können in Contenttypes verwendet werden
***
//*/
/*Paragraphs Item Datum / Tagesüberschrift*/
.field--type-entity-reference-revisions .field--name-field-tagesueberschrift {
    font-size: 2em;
    color: #0069B4;
    margin: 30px 0 15px;
}

/*Paragraphs Item Datum / Tagesüberschrift Untertitel*/
.field--type-entity-reference-revisions .field--name-field-tagesueberschrift-untertit {
    font-size: 1.6em;
    color: #0069B4;
    margin: 15px 0;
}

/*Paragraphs Item - Fließtext*/
.field--type-entity-reference-revisions .paragraph--type--image-text {
    margin: 20px 0;
}

/*Paragraphs Item - 3 Block*/
.field--type-entity-reference-revisions .panel-display.mccoppin .container-fluid {
    padding: 0 0px 0 10px;
}

@media screen and (max-width: 991px) {
    .field--type-entity-reference-revisions .field--type-field-collection .container-fluid {
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .field--type-entity-reference-revisions .field--type-field-collection .panel-display.bryant .container-fluid .row {
        border-bottom: 1px solid #DEDEDE;
        margin: 0;
        padding: 0 0 20px 0;
    }
}

/*// 
*** Paragraphs 
//*/
/*4er Block - Blau*/
.field--name-field-paragraphs .panel-display.rolph {
    padding: 0;
    margin: 30px 0 50px;
    background: ;
}

.field--name-field-paragraphs .panel-display.rolph .radix-layouts-quarter1 {
    min-height: 300px !important;
    background: #117DC2;
    color: #FFFFFF;
    text-align: center;
    padding: 20px 10px;
}

.field--name-field-paragraphs .panel-display.rolph .radix-layouts-quarter2 {
    min-height: 300px !important;
    background: #1491E1;
    color: #FFFFFF;
    text-align: center;
    padding: 20px 10px;
}

.field--name-field-paragraphs .panel-display.rolph .radix-layouts-quarter3 {
    min-height: 300px !important;
    background: #2BA1EC;
    color: #FFFFFF;
    text-align: center;
    padding: 20px 10px;
}

.field--name-field-paragraphs .panel-display.rolph .radix-layouts-quarter4 {
    min-height: 300px !important;
    background: #4AAFEF;
    color: #FFFFFF;
    text-align: center;
    padding: 20px 10px;
}

.field--name-field-paragraphs .panel-display.rolph a {
    border: none;
    text-decoration: none;
}

.field--name-field-paragraphs .panel-display.rolph a img {
    border: none;
    text-decoration: none;
}

.field--name-field-paragraphs .panel-display.rolph h2 a {
    color: #FFF;
    text-decoration: none;
}

.field--name-field-paragraphs .panel-display.rolph p a {
    color: #FFF;
    text-decoration: none;
}

/**** Flip Animation*/
/* entire container, keeps perspective */
.flip-container {
    perspective: 1000px;
}

/* flip the pane when hovered */
.flip-container:hover .flipper, .flip-container.hover .flipper {
    transform: rotateY(180deg);
}

.flip-container, .front, .back {
    width: 100%;
    height: 90px;
}

/* flip speed goes here */
.flipper {
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
}

/* hide back of pane during swap */
.front, .back {
    backface-visibility: hidden;
    position: absolute;
    top: -20px;
    left: 0;
}

/* front pane, placed above back */
.front {
    z-index: 2;
    /* for firefox 31 */
    transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
    transform: rotateY(180deg);
}

/*3-er Block für Flyer, Broschüre und Aktuelles*/
/*1. Block und 2. Block werden über Contentreferenz erstellt*/
.field--name-field-paragraphs .panel-display.mccoppin .radix-layouts-sidebar.panel-panel {
    padding: 0;
}

.field--name-field-paragraphs .panel-display.mccoppin a img {
    margin-top: 1.4em;
    transition: all linear 0.3s;
    border: 2px solid #F2F2F2;
}

.field--name-field-paragraphs .panel-display.mccoppin a img:hover {
    margin-top: 0;
    transition: all linear 0.3s;
}

.field--name-field-spalte-1 .panel-display {
    margin: 15px 0;
}

.field--name-field-spalte-2 .panel-display {
    margin: 15px 0;
}

.field--name-field-spalte-1 .radix-layouts-sidebar {
    padding: 0;
}

.field--name-field-spalte-2 .radix-layouts-sidebar {
    padding: 0;
}

.field--name-field-spalte-1 img {
}

.field--name-field-spalte-2 img {
}

.view-aktuelles.view-id-aktuelles h3 {
    margin: 30px 0 20px;
}

@media screen and (max-width: 991px) {
    .field--name-field-paragraphs .field--name-field-1-block .panel-display {
        border-bottom: 1px solid #DEDEDE;
        padding: 0 0 25px 0;
    }
    
    .field--name-field-paragraphs .field--name-field-2-block .panel-display {
        border-bottom: 1px solid #DEDEDE;
        padding: 0 0 25px 0;
    }
    
    .field--name-field-paragraphs .panel-display.mccoppin a img {
        margin-top: 0;
        transition: all linear 0.3s;
        border: 2px solid #F2F2F2;
        max-width: 100px;
        height: auto;
    }
}

/*3. Block wird über eine View erstellt*/
.view-aktuelles.view-id-aktuelles .views-field .col-md-3 {
    padding: 0;
}

.view-aktuelles.view-id-aktuelles .field-content .col-md-3 img {
    margin-top: 1.4em;
    transition: all linear 0.3s;
    margin: 30px 0 0px;
}

.view-aktuelles.view-id-aktuelles .field-content .col-md-3 img:hover {
    margin: 10px 0 0px;
    transition: all linear 0.3s;
}

.view-aktuelles.view-id-aktuelles a:before {
    content: " >> ";
}

@media screen and (max-width: 991px) {
    .view-aktuelles.view-id-aktuelles .field-content .col-md-3 img {
        margin-top: 1.4em;
        transition: all linear 0.3s;
        margin: 0;
    }
    
    .view-aktuelles.view-id-aktuelles .field-content .col-md-3 img:hover {
        margin: 0;
        transition: all linear 0.3s;
    }
}

/*//
***
 Paragraphs Items für die Programmelemente
***
//*/
/*General Elements*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative !important;
    min-height: 1px !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.field--name-field-paragraphs .panel-display.bryant .radix-layouts-sidebar {
    padding: 0 !important;
}

.field--name-field-paragraphs .panel-display.brenham .radix-layouts-header {
    padding: 0 !important;
}

.field--name-field-paragraphs .panel-display.brenham .radix-layouts-sidebar {
    padding: 0 15px 0 0 !important;
}

.field--name-field-paragraphs .paragraph--type--programm-block-zweispaltig .field--name-field-vortragsblock .col-md-6.panel-panel {
    padding: 0 !important;
}

.field--name-field-paragraphs .paragraph--type--programm-strang-zweispaltig .field--name-field-strang-uebertitel .panel-panel {
    padding: 0 !important;
}

.field--name-field-paragraphs .paragraph--type--programm-strang-zweispaltig .field--name-field-strang-moderatoren .panel-panel {
    padding: 0 !important;
}

.field--name-field-paragraphs .paragraph--type--programm-strang-zweispaltig .field--name-field-strang-blocktitel .panel-panel {
    padding: 0 !important;
}

.field--name-field-paragraphs .paragraph--type--programm-strang-zweispaltig .field--name-field-strang-vortrag .col-md-6.panel-panel {
    padding: 0 !important;
}

@media screen and (max-width: 991px) {
    .field--name-field-paragraphs .panel-display.bryant .radix-layouts-sidebar {
        padding: 0 !important;
    }
    
    .field--name-field-paragraphs .panel-display.bryant .radix-layouts-content.panel-panel {
        padding: 0 !important;
    }
    
    .field--name-field-paragraphs .panel-display.brenham .radix-layouts-sidebar {
        padding: 0 15px 0 0 !important;
    }
    
    .field--name-field-paragraphs .paragraph--type--programm-block-einspaltig .field--type-field-collection .radix-layouts-header {
        padding: 0 0 0 15px !important;
    }
    
    .field--name-field-paragraphs .paragraph--type--programm-block-zweispaltig .field--type-field-collection .radix-layouts-header {
        padding: 0 0 0 15px !important;
    }
    
    .field--name-field-paragraphs .paragraph--type--programm-strang-zweispaltig .field--type-field-collection .radix-layouts-header {
        padding: 0 0 0 15px !important;
    }
    
    .field--name-field-paragraphs .paragraph--type--programm-block-zweispaltig .field--name-field-vortragsblock .col-md-6.panel-panel {
        padding: 0 0 0 15px !important;
    }
    
    .field--name-field-paragraphs .panel-display.brenham .col-md-10.radix-layouts-content.panel-panel {
        padding: 0 !important;
    }
    
    .field--name-field-paragraphs .paragraph--type--programm-block-einspaltig .field--type-field-collection .panel-display.brenham .col-md-10.radix-layouts-content.panel-panel {
        padding: 0 0 0 15px !important;
    }
    
    .field--name-field-paragraphs .paragraph--type--programm-block-zweispaltig .field--type-field-collection .panel-display.brenham .col-md-10.radix-layouts-content.panel-panel {
        padding: 0 0 0 15px !important;
    }
    
    .field--name-field-paragraphs .paragraph--type--programm-strang-zweispaltig .field--type-field-collection .panel-display.brenham .col-md-10.radix-layouts-content.panel-panel {
        padding: 0 0 0 15px !important;
    }
    
    .field--name-field-paragraphs .paragraph--type--programm-block-einspaltig .field--type-field-collection .panel-display.brenham .col-md-1.radix-layouts-sidebar.panel-panel {
        padding: 0 0 0 15px !important;
    }
    
    .field--name-field-paragraphs .paragraph--type--programm-block-zweispaltig .field--type-field-collection .panel-display.brenham .col-md-1.radix-layouts-sidebar.panel-panel {
        padding: 0 0 0 15px !important;
    }
    
    .field--name-field-paragraphs .paragraph--type--programm-strang-zweispaltig .field--type-field-collection .panel-display.brenham .col-md-1.radix-layouts-sidebar.panel-panel {
        padding: 0 0 0 15px !important;
    }
    
    .field--name-field-paragraphs .paragraph--type--programm-strang-zweispaltig .field--name-field-strang-uebertitel .panel-panel {
        padding: 0 0 0 15px !important;
    }
    
    .field--name-field-paragraphs .paragraph--type--programm-strang-zweispaltig .field--name-field-strang-moderatoren .panel-panel {
        padding: 0 0 0 15px !important;
    }
    
    .field--name-field-paragraphs .paragraph--type--programm-strang-zweispaltig .field--name-field-strang-blocktitel .panel-panel {
        padding: 0 0 0 15px !important;
    }
    
    .field--name-field-paragraphs .paragraph--type--programm-strang-zweispaltig .field--name-field-strang-vortrag .col-md-6.panel-panel {
        padding: 0 0 0 15px !important;
    }
}

/*Paragraphs Item - Pause*/
.field--name-field-uhrzeit {
    color: #0069B4;
    font-size: 1em;
    font-weight: 400;
}

.field--name-field-pausentitel {
    color: #646363;
    font-size: 1em;
    font-weight: 400;
}

.field--name-field-pausenuntertitel {
    color: #646363;
    font-size: 1em;
    font-weight: 400;
}

.field--name-field-paragraphs .panel-display {
    margin: 10px 0;
}

.field--name-field-paragraphs .col-md-1 {
    padding: 0;
}

/*Paragraphs Item - Gliederung */
.field--name-field-gliederung {
    font-weight: 500;
    margin: 20px 0;
    font-size: 1em;
    color: #4A4A49;
}

/*Paragraphs Item - Vortrag*/
.field--name-field-vortragstitel {
    margin: 0;
    font-weight: 700;
    font-size: 1em;
    color: #4A4A49;
}

.field--name-field-vortragsuntertitel {
    margin: 0;
    margin: 0;
    font-weight: 500;
    font-size: 1em;
    color: #4A4A49;
}

.field--name-field-vortragsunteruntertitel {
    margin: 0;
    margin: 0;
    font-weight: 500;
    font-size: 1em;
    color: #4A4A49;
}

.field--name-field-referent {
}

/*Paragraphs Item - Moderation*/
.field--name-field-paragraphs .field--name-field-moderation {
    padding: 10px 0;
}

.field--name-field-paragraphs .field--name-field-moderation a {
    padding: 10px 0 10px 15px;
    color: #4A4A49;
    font-size: 1em;
    font-weight: 400;
}

.field--name-field-paragraphs .field--name-field-moderation .field--label {
    font-weight: normal;
    color: #4A4A49;
    font-size: 1em;
    font-weight: 400;
}

@media screen and (max-width: 991px) {
    .field--name-field-paragraphs .field--name-field-moderation .field--label {
        display: inline-block;
        width: 100%;
    }
    
    .field--name-field-paragraphs .field--name-field-moderation a {
        padding: 10px 0;
        color: #4A4A49;
        font-size: 1em;
        font-weight: 400;
    }
}

/*Paragraphs Item - Vortragsblock (einspaltig)*/
.field--name-field-blocktitel {
    color: #0069B4;
    text-transform: uppercase;
    font-size: 1.65em;
    font-weight: 500;
    margin-top: 0;
    padding-top: 25px;
    position: relative;
}

.field--name-field-blockuntertitel {
    color: #646363;
    font-size: 1em;
    font-weight: 400;
}

.field--name-field-vortragsuebertitel {
    color: #117DC2;
    font-size: 1.25em;
    font-weight: 500;
}

.field--name-field-paragraphs .paragraph--type--programm-block-einspaltig {
    border-top: none;
    border-bottom: none;
    position: relative;
    padding: 0px 0 20px;
    margin: 25px 0px;
}

.field--name-field-paragraphs .paragraph--type--programm-block-einspaltig:before {
    background: #FFF;
    content: "";
    position: absolute;
    top: 0px;
    left: 50%;
    background: #DEDEDE;
    height: 1px;
    width: 100%;
    transform: translate(-50%, -50%);
}

.field--name-field-paragraphs .paragraph--type--programm-block-einspaltig:after {
    background: #FFF;
    content: "";
    position: absolute;
    bottom: 0px;
    left: 50%;
    background: #DEDEDE;
    height: 1px;
    width: 100%;
    transform: translate(-50%, -50%);
}

/*Paragraphs Item - Vortragsblock (zweispaltig)*/
.field--name-field-vortragsuebertitel-rechts {
    color: #117DC2;
    font-size: 1.25em;
    font-weight: 500;
}

.field--name-field-vortragsuebertitel-links {
    color: #117DC2;
    font-size: 1.25em;
    font-weight: 500;
}

.field--name-field-paragraphs .paragraph--type--programm-block-zweispaltig {
    border-top: none;
    border-bottom: none;
    position: relative;
    padding: 0 0 20px 0;
    margin: 25px 0px;
}

.field--name-field-paragraphs .paragraph--type--programm-block-zweispaltig:before {
    background: #FFF;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    background: #DEDEDE;
    height: 1px;
    width: 100%;
    transform: translate(-50%, -50%);
}

.field--name-field-paragraphs .paragraph--type--programm-block-zweispaltig:after {
    background: #FFF;
    content: "";
    position: absolute;
    bottom: 0px;
    left: 50%;
    background: #DEDEDE;
    height: 1px;
    width: 100%;
    transform: translate(-50%, -50%);
}

/*Paragraphs Item - Strang (zweispaltig)*/
.field--name-field-paragraphs .field--name-field-strang-uebertitel .field--name-field-vortragsuebertitel-links {
    color: #4A4A49;
    font-size: 1.25em;
    font-weight: 500;
}

.field--name-field-paragraphs .field--name-field-strang-uebertitel .field--name-field-vortragsuebertitel-rechts {
    color: #4A4A49;
    font-size: 1.25em;
    font-weight: 500;
}

.field--name-field-paragraphs .paragraph--type--programm-strang-zweispaltig {
    border-top: none;
    border-bottom: none;
    position: relative;
    padding: 0px 0 20px;
    margin: 50px 0px 25px;
}

.field--name-field-paragraphs .paragraph--type--programm-strang-zweispaltig:before {
    background: #FFF;
    content: "";
    position: absolute;
    top: -30px;
    left: 50%;
    background: #DEDEDE;
    height: 1px;
    width: 100%;
    transform: translate(-50%, -50%);
}

.field--name-field-paragraphs .paragraph--type--programm-strang-zweispaltig:after {
    background: #FFF;
    content: "";
    position: absolute;
    bottom: 0px;
    left: 50%;
    background: #DEDEDE;
    height: 1px;
    width: 100%;
    transform: translate(-50%, -50%);
}

/*Border-Right in allen Doppelspaltigen Elementen*/
.field--name-field-paragraphs .paragraph--type--programm-block-zweispaltig .field--name-field-vortragsblock.field--type-field-collection .panel-display.phelan .radix-layouts-column1:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 95%;
    border-left: 1px solid #DEDEDE;
    transform: translate(-50%);
}

.field--name-field-paragraphs .paragraph--type--programm-strang-zweispaltig .field--name-field-strang-vortrag.field--type-field-collection .panel-display.phelan .radix-layouts-column1:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 95%;
    border-left: 1px solid #DEDEDE;
    transform: translate(-50%);
}

@media screen and (max-width: 991px) {
    .field--name-field-paragraphs .paragraph--type--programm-block-zweispaltig .field--name-field-vortragsblock.field--type-field-collection .panel-display.phelan .radix-layouts-column1:after {
        display: none;
    }
    
    .field--name-field-paragraphs .paragraph--type--programm-strang-zweispaltig .field--name-field-strang-vortrag.field--type-field-collection .panel-display.phelan .radix-layouts-column1:after {
        display: none;
    }
    
    .field--name-field-paragraphs .paragraph--type--programm-block-zweispaltig .field--name-field-vortragsblock.field--type-field-collection .panel-display.phelan .radix-layouts-column2 {
        margin-left: 5%;
    }
    
    .field--name-field-paragraphs .paragraph--type--programm-strang-zweispaltig .field--name-field-strang-vortrag.field--type-field-collection .panel-display.phelan .radix-layouts-column2 {
        margin-left: 5%;
    }
}

/*// Downloads*/
.file {
    display: table;
    font-size: 90%;
    margin: 5px 0;
}

.file-icon, .file-link, .file-size, .file > .tabledrag-changed {
    display: table-cell;
    vertical-align: middle;
}

.file > span {
    background: transparent;
    color: #4A4A49;
    border-bottom: none;
    border-top: none;
}

.file > span:first-child {
    border-left: none;
    padding: 0 5px 0 0;
    margin: 0;
}

.file > span:last-child {
    border-right: none;
    display: none;
}

/*//
***
CSS für Views
***
//*/
/*View Aktuelles befindet sich oben unter Paragraphsitems*/
/*View Kooperationspartern (Front)*/
.view-kontaktunternehmen-logos.view-id-kontaktunternehmen_logos img {
    margin: auto;
}

/*Views Aussteller Verzeichnis*/
.view-aussteller-verzeichnis.view-id-aussteller_verzeichnis .view-header {
    margin: 15px 0;
}

.view-aussteller-verzeichnis.view-id-aussteller_verzeichnis a {
    text-decoration: underline;
}

.view-aussteller-verzeichnis.view-id-aussteller_verzeichnis .view-display-id-block_1 .view-header {
    margin: 15px 0;
}

.view-aussteller-verzeichnis.view-id-aussteller_verzeichnis.view-display-id-block_2 .view-header {
    margin: 15px 0;
}

.view-aussteller-verzeichnis.view-id-aussteller_verzeichnis li {
    border: 1px solid #E4E4E4;
    margin: 10px 0;
    padding: 10px;
}

.view-aussteller-verzeichnis.view-id-aussteller_verzeichnis img {
    height: auto;
    border: none;
    margin: auto;
}

.view-aussteller-verzeichnis.view-id-aussteller_verzeichnis span .col-md-8.col-sm-8.col-xs-12 {
    margin-top: 10px;
}

.view-aussteller-verzeichnis.view-id-aussteller_verzeichnis .views-field-field-kontaktunt-logo .field-content img {
    margin: 10px auto;
}

.view-aussteller-verzeichnis.view-id-aussteller_verzeichnis .views-field-nothing .standnr {
    color: #0069B4;
    font-size: 1em;
    font-weight: 400;
}

@media screen and (max-width: 991px) {
    .view-aussteller-verzeichnis.view-id-aussteller_verzeichnis .views-field .standnr {
        margin: 5px 0;
    }
    
    .view-aussteller-verzeichnis.view-id-aussteller_verzeichnis .views-field.views-field-nothing .field-content .col-md-3 {
        margin: 5px 0;
    }
    
    .view-aussteller-verzeichnis.view-id-aussteller_verzeichnis img {
        height: auto;
        border: none;
        margin: 0;
    }
}

/*Views Kooperationspartner / kontaktunternehmen listenmitlogos*/
.view-kontaktunternehmen-listemitlogos {
}

.view-kontaktunternehmen-listemitlogos.view-id-kontaktunternehmen_listemitlogos.view-header {
    margin: 15px 0;
}

.view-kontaktunternehmen-listemitlogos.view-id-kontaktunternehmen_listemitlogos a {
    text-decoration: underline;
}

.view-kontaktunternehmen-listemitlogos.view-id-kontaktunternehmen_listemitlogos .view-display-id-block_1 .view-header {
    margin: 15px 0;
}

.view-kontaktunternehmen-listemitlogos.view-id-kontaktunternehmen_listemitlogos.view-display-id-block_2 .view-header {
    margin: 15px 0;
}

.view-kontaktunternehmen-listemitlogos.view-id-kontaktunternehmen_listemitlogos li {
    border: 1px solid #E4E4E4;
    margin: 10px 0;
    padding: 10px;
}

.view-kontaktunternehmen-listemitlogos.view-id-kontaktunternehmen_listemitlogos img {
    height: auto;
    border: none;
    margin: auto;
}

.view-kontaktunternehmen-listemitlogos.view-id-kontaktunternehmen_listemitlogos span .col-md-8.col-sm-8.col-xs-12 {
    margin-top: 10px;
}

.view-kontaktunternehmen-listemitlogos.view-id-kontaktunternehmen_listemitlogos .views-field-field-kontaktunt-logo .field-content img {
    margin: 10px auto;
}

.view-kontaktunternehmen-listemitlogos.view-id-kontaktunternehmen_listemitlogos .views-field-nothing .standnr {
    color: #0069B4;
    font-size: 1em;
    font-weight: 400;
}

@media screen and (max-width: 991px) {
    .view-kontaktunternehmen-listemitlogos.view-id-kontaktunternehmen_listemitlogos .views-field .standnr {
        margin: 5px 0;
    }
    
    .view-kontaktunternehmen-listemitlogos.view-id-kontaktunternehmen_listemitlogos .views-field.views-field-nothing .field-content .col-md-3 {
        margin: 5px 0;
    }
    
    .view-kontaktunternehmen-listemitlogos.view-id-kontaktunternehmen_listemitlogos img {
        height: auto;
        border: none;
        margin: 0;
    }
}

/*Views Referenten*/
.view-kontaktperson.view-id-kontaktperson h2 {
    font-size: 30px;
    border-bottom: 1px solid #E1E1E1;
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-weight: 400;
}

.view-kontaktperson.view-id-kontaktperson .view-header {
    margin-bottom: 50px;
}

.view-kontaktperson.view-id-kontaktperson h3 {
    display: block;
    font-size: 1.17em;
    margin-top: 1em;
    margin-bottom: 0em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

.view-kontaktperson.view-id-kontaktperson li {
    position: relative;
    padding: 10px 0 15px;
    min-height: 210px;
	/* border: 1px solid #DEDEDE; *//* ro 20231127: neu - waere art visitenkarten bzw. raster, aber nicht ueberall gleichhoch... */
}

.view-kontaktperson.view-id-kontaktperson li:before {
    position: absolute;
    content: "";
    position: absolute;
    left: 10px;
    bottom: 0;
    height: 1px;
    width: 90%;
    /* or 100px */
    /*border-bottom: 1px solid #DEDEDE;*/ /* ro 20231127: del die linie unter jedem element, die je an anderer stelle erscheint*/
}

.view-kontaktperson.view-id-kontaktperson li .row {
    margin: 10px 0;
}

.view-kontaktperson.view-id-kontaktperson .views-field img {
    width: 100%;
    max-width: 200px;
    height: auto;
    margin: 10px 0;
}

.view-kontaktperson.view-id-kontaktperson .referentenname {
    margin: 0;
    font-weight: 700;
    font-size: 1em;
    color: #4A4A49;
}

.view-kontaktperson.view-id-kontaktperson .views-field.views-field-nothing {
    margin: 10px 0;
}

.view-kontaktperson.view-id-kontaktperson .referentencontent {
    margin: 50px 0 0;
	margin: 0; /* ro 20231127: neu */
}

.view-kontaktperson.view-id-kontaktperson .referentencontent a {
    text-decoration: underline;
}

@media screen and (max-width: 1199px) {
    .view-kontaktperson.view-id-kontaktperson .referentencontent {
        margin: 30px 0 0;
		margin: 0; /* ro 20231127: neu */
    }
}

@media screen and (max-width: 991px) {
    .view-kontaktperson.view-id-kontaktperson .referentencontent {
        margin: 10px 0 0;
    }
    
    .view-kontaktperson.view-id-kontaktperson li {
        position: relative;
        padding: 10px 0 15px;
        min-height: 415px;
    }
}

@media screen and (max-width: 640px) {
    .view-kontaktperson.view-id-kontaktperson li {
        position: relative;
        padding: 10px 0 15px;
        min-height: 375px;
    }
}

/*View Referenten / Fachtagungsbeirat*/
.view-kontaktperson.view-id-kontaktperson.view-display-id-block_3 li,
.view-kontaktperson.view-id-kontaktperson.view-display-id-block_8 li {
    border: 1px solid #E4E4E4;
    margin: 10px 0;
    padding: 10px;
    min-height: 0;
}

.view-kontaktperson.view-id-kontaktperson.view-display-id-block_3 li:before,
.view-kontaktperson.view-id-kontaktperson.view-display-id-block_8 li:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    width: 0;
}

.view-kontaktperson.view-id-kontaktperson.view-display-id-block_3 img,
.view-kontaktperson.view-id-kontaktperson.view-display-id-block_8 img {
    height: auto;
    border: none;
    margin: auto;
    width: auto;
    height: auto;
}

/*// Image Galeriy Icons*/
.media__icon--litebox:hover::before, .media__icon--litebox:hover::after {
    background-color: #0069B4;
}

.slick-arrow::before {
    color: #0069B4;
    font-size: 36px;
    font-size: 2.25rem;
}

#colorbox #cboxCurrent {
    display: none !important;
}

/* Vorläufiger Fix für: Per Link angesprungene Elemente werden vom fixierten Header verdeckt */

p[id]::before,
h3[id]::before,
.static-header-fix::before {
	display: block;
	content: "";
	height: 176px;
	margin-top: -176px;
}

@media screen and (min-width: 641px) {
	p[id]::before,
	h3[id]::before,
	.static-header-fix::before {
		height: 196px;
		margin-top: -196px;
	}
}

@media screen and (min-width: 768px) {
	p[id]::before,
	h3[id]::before,
	.static-header-fix::before {
		height: 211px;
		margin-top: -211px;
	}
}

@media screen and (min-width: 992px) {
	p[id]::before,
	h3[id]::before,
	.static-header-fix::before {
		height: 202px;
		margin-top: -202px;
	}
}

@media screen and (min-width: 1200px) {
	p[id]::before,
	h3[id]::before,
	.static-header-fix::before {
		height: 211px;
		margin-top: -211px;
	}
}
/* 20190115ro: AUSSTELLER-LISTE
               ausgabe der untbeschreibung unterhalb der eckdaten des ausstellers:
               float eliminieren, farbe, raender
			   (verwendet in der view aussteller_verzeichnis, aussteller-mit-untbeschreibg */
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.ausstellerbeschreibung p {
  color: #969696;
  margin-left:15px;margin-top:15px;
}

/* blazy.grid.css: www2: /srv/www/drupal8/docs/modules/blazy/css/components/blazy.grid.css ueberschreiben */
div.view-kontaktunternehmen-logos [class*="block-grid-"] > .grid {
	padding: 15px 15px 15px 15px; /* abstand zwischen den logos */
  /*vertical-align: middle;*/
   /*align-items: center;
   justify-content:center;*/
	place-self: center;
}
/* https://cba-aachen.de/unternehmen/gus-erp-gmbh: logo wieder auf ursprungsgroesse */
/* weiter: https://www.mediaevent.de/css/grid-align.html */
/* gucken: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout */

.view.view-kontaktunternehmen-logos.view-display-id-block_8 div ul li div div img {
  /*vertical-align: middle;*/
  
  /*border: 1px solid gray;*/
}

/* greift:
.view.view-kontaktunternehmen-logos.view-display-id-block_8 div ul li div div img {
	border: 1px solid gray;
}
*/

/*
blazy blazy--grid block-grid block-count-2 small-block-grid-2 medium-block-grid-4 large-block-grid-2
blazy blazy--grid block-grid block-count-7 small-block-grid-4 medium-block-grid-4 large-block-grid-4
*/

/* ro, 20231213: partnerlisten, logo und unt-name ausrichten vertikal in der mitte, greift (eingebaut fuer view auf https://dienstleistungsforum.de/dl-forum/partner), aber nicht diese ausrichtung */
div.clearfix.kontaktunternehmenlistemitlogos div {
    vertical-align: middle;
	}