html, body { font-size: 16px; height: 100%; margin: 0; padding: 0; }
body {
    font-family: 'Nunito Sans', Arial, sans-serif;
    line-height: 1.6;
    font-weight: 400;
    letter-spacing: .5px;
    background: #0d0d0d;
    color: #000; 
}
@media(max-width: 1199px) {
    html, body { font-size: 15px; }
}
@media(max-width: 767px) {
    html, body { font-size: 14px; }
}
@media(max-width: 575px) {
    html, body { font-size: 14px; }
}
body[data-aos-delay],
body[data-aos-delay] section { overflow-x: hidden; }

/*
bacnetblau: 0070ba / rgba(0,112,186,1) 
alt: bacnetgrün: 92c02a / rgba(146,192,42,1)
neu: bacnetgrün: 96c11f / rgba(149,193,31,1)

Farbverlauf: http://www.colorzilla.com/gradient-editor/#0070ba+0,00a1d4+53,95c11f+100
*/

/* bootstrap anpassungen */
@media(min-width: 1200px) {
    .container { max-width: 1400px; }    
}
.ie .img-fluid {
    width: 100%; max-width: 100%; height: auto;
}


/* ### Standard-Elemente ########################### */

/* Überschriften */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Nunito Sans', Arial, sans-serif;
    font-weight: 400;
    color: #001f47;
    line-height: 1.05;
}
h2 { font-size: 2.3rem }
h3 { font-size: 2rem }
h4 { font-size: 1.75rem }
div h2:first-child,
div h3:first-child,
div h4:first-child,
div h5:first-child,
div h6:first-child { margin-top: 0; }

/* Links */
a,
a:focus, 
a:hover, 
a:active { outline: 0 !important; }

a { color: rgba(0,120,172,1); text-decoration: none; font-weight: 400; -webkit-transition: all .6s; transition: all .6s; }
a:focus,
a:hover,
a:active { color: rgba(145,161,3,1); text-decoration: none; }


/* Buttons */
.btn { 
    margin-right: 12px;
    margin-bottom: 6px;
    padding: 7px 14px 5px;
    -webkit-transition: all .6s;
            transition: all .6s;
    white-space: inherit;
            border-radius: 0px 0px 0px 0px;
       -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    
}
.btn-primary { background-color: rgba(0,120,172,1); border-color: rgba(0,120,172,1); color:#fff; min-width: 235px; }
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:active { background-color: rgba(149,193,31,1); border-color: rgba(149,193,31,1); }

.btn-secondary { background-color: rgba(149,193,31,1); border-color: rgba(149,193,31,1); color:#fff; min-width: 235px; }
.btn-secondary:focus,
.btn-secondary:hover,
.btn-secondary:active { background-color: rgba(0,120,172,1); border-color: rgba(0,120,172,1); }

b, strong { font-weight: 700; }

/* Listen */
ul { padding: 0; padding-left: 1.2rem; }
#main li { list-style-image: url(images/li7_2_secondary.png); padding-left: 2px; line-height: 1.3; padding-bottom: .5em; }

table {}
th, td { vertical-align: top; }
th { font-size: 90%; font-weight: bold; }

.tablewrap { width: 100%; overflow: auto; }
.tablewrap::-webkit-scrollbar { -webkit-appearance: none; width: 14px; height: 14px; }
.tablewrap::-webkit-scrollbar-thumb{ border-radius: 8px; border: 3px solid #fff; background-color: rgba(0, 0, 0, .3); }


/* align-items */
.items-center {
      -webkit-box-align: center;
         -moz-box-align: center;
         -ms-flex-align: center;
    -webkit-align-items: center;
            align-items: center;
}
/* margin-bottom */
.margin-bottom-5   { margin-bottom:5px;  }
.margin-bottom-15  { margin-bottom:15px; }
.margin-bottom-30  { margin-bottom:30px; }
.margin-bottom-60  { margin-bottom:60px; }

/* Section-Space */
.space-0.bottom-0 { margin-bottom: -1rem; }
.space-1 { padding-top: 1rem; padding-bottom: 0; }
.space-3 { padding-top: 3rem; padding-bottom: 2rem; }
.space-5 { padding-top: 5rem; padding-bottom: 4rem; }

.space-1.space-top { padding-bottom: 0; }
.space-3.space-top { padding-bottom: 0; }
.space-5.space-top { padding-bottom: 0; }

.space-1.space-bottom { padding-top: 0; }
.space-3.space-bottom { padding-top: 0; }
.space-5.space-bottom { padding-top: 0; }


/* Section-Background */
.tc-bright h2, 
.tc-bright h3, 
.tc-bright h4, 
.tc-bright h5, 
.tc-bright h6, 
.tc-bright p, 
.tc-bright li, 
.tc-bright a  { color: #fff !important; }

.bg-primary   { background-color: rgba(0,112,186,1) !important; }
.bg-primary-20   { background-color: rgba(0,112,186,.2) !important; }
.bg-secondary { background-color: rgba(149,193,31,1) !important; }
.bg-secondary-20 { background-color: rgba(149,193,31,.2) !important; }
.bg-white     { background-color: #fff; }
.bg-gray      { background-color: rgba(221, 221, 221, 0.5); }
.bg-darkgray  { background-color: rgba(221, 221, 221, 1); }
.bg-dark      { background-color: #012C3C; }

/* sonstige Hilfsklassen und CKEditor-Klassen */
span.marker { background: rgba(255,200,0,.4); }
span.txt-colored { color: #41838A; }
a.download-pdf {  }
a.download-pdf:before { content: "\f1c1"; font: normal normal normal 14px/1 FontAwesome; padding-right: 5px; font-size: 1.2rem;}
li a.download-pdf:before { font-size: 1rem;}

a.phone:before  { content: "\f095"; font: normal normal normal 14px/1 FontAwesome; padding-right: 5px; font-size: 1.1rem; width: 1.5em;
    text-align: center; display: inline-block; }
a.mobile:before { content: "\f10b"; font: normal normal normal 14px/1 FontAwesome; padding-right: 5px; font-size: 1.1rem; width: 1.5em;
    text-align: center; display: inline-block; }
a.mail:before   { content: "\f0e0"; font: normal normal normal 14px/1 FontAwesome; padding-right: 5px; font-size: 1.1rem; width: 1.5em;
    text-align: center; display: inline-block; } /*\f003*/

.btn-full { display: block; width: 100%; min-width: inherit; text-align: center; margin-right: 0; }

.kleingedrucktes p { font-size: .8rem; font-weight: 300; }

p.intro { font-size: 1.2rem; font-weight: 400; }

/* ### Container-Elemente ########################### */
.noscript_warning {  }
/* wrapper */
.w1 {}
.w2 {}
.w3 {}


.std-content .bacnet-yellow,
.std-content .bacnet-red,
.std-content .bacnet-blue { padding: 3rem 0 2rem; }

.std-content .bacnet-yellow { background: #ffd612; }
.std-content .bacnet-red { background: #e8381a; }
.std-content .bacnet-blue { background: #0071bb; }

.std-content .bacnet-yellow h4,
.std-content .bacnet-red h4,
.std-content .bacnet-blue h4,
.std-content .bacnet-yellow a,
.std-content .bacnet-red a,
.std-content .bacnet-blue a { color: #fff; }

.std-content a.download-pdf:before { font-size: 1.4em; }


/* HEADER ########################### */

#header { background: #fff; }
#header > .container { position: relative; height: 100%; }

#headroom-spacer,
#header.headroom-header { height: 100px; }
#header.headroom-header { 
    -webkit-box-shadow: 0px 0px 15px -4px rgba(0,31,71,1);
       -moz-box-shadow: 0px 0px 15px -4px rgba(0,31,71,1);
            box-shadow: 0px 0px 15px -4px rgba(0,31,71,1);
}

#logo { z-index: 101; width: 220px; display: inline-block; position: absolute; top: 10px; left: 15px; }


/* NAVI ############################# */
#navtog { position: absolute; left: inherit; bottom: inherit; top:24px; right: 15px; z-index: 1900; display: none; }
/* hamburger */
.hamburger { }
#navtog .hamburger.is-active:hover, 
#navtog .hamburger:hover {
    opacity: 1;
}
.hamburger-inner, 
.hamburger-inner:after, 
.hamburger-inner:before {
    height: 3px;
    width: 33px;
    color: #001f47;
}

#mainnav {  
    position: absolute; top: 32px; left: 0; width: 100%; z-index: 100;   
}
#mainnav .nav {  
    margin: 0 50px 0 240px; 
}
#mainnav .nav-item { margin-right: 5px; }
#mainnav .nav-link { border-radius: 0; padding: 7px 1rem 5px; }

#mainnav .langnav { text-transform: uppercase; }
#mainnav .langnav .nav-link { padding-left: 5px; padding-right: 5px; }

#mainnav a { 
    color: #333; 
    font-family: 'Fjalla One', Arial, sans-serif;
    font-weight: 400;
    letter-spacing: .06em;
    font-size: 14px; 
    line-height: 1.5;
}
#mainnav .nav-link:hover,
#mainnav .current .nav-link { color: rgba(51,51,51,.4); }
#mainnav ul.nav > li > a {   }
#mainnav .dropdown-toggle::after { display: none; }
#mainnav .dropdown-menu {
    border-radius: 0;
    padding: 0; margin: 0;
    width: auto;
    background: #333;
    min-width: 12rem;
}
#mainnav .dropdown-item { padding: 10px 1rem; white-space: inherit; font-size: 14px;}
#mainnav .dropdown-menu a {  
    color: #fff; 
    line-height: 1.1;
    position: relative;
}
#mainnav .dropdown-menu a:focus,
#mainnav .dropdown-menu a:hover,
    #mainnav .dropdown-menu a:active { color: rgba(255,255,255,.8); background: rgba(255,255,255,.2); }
#mainnav .dropdown-menu a.active { color: #96c11f; font-weight: 400; background: inherit; }

@media(min-width: 1200px) {
    #mainnav { display: block !important; }
}
@media(max-width: 1199px) { 
    #mainnav { display: none; top: 99px; right: 0; bottom: 0; position: fixed; overflow-y: auto;  }
    #mainnav .nav {
        display: block;
        margin: 0;
        padding: 20px 48px 20px;
        background: #fff;
        -webkit-box-shadow: 0px 7px 7px -2px rgba(0,0,0,0.3);
           -moz-box-shadow: 0px 7px 7px -2px rgba(0,0,0,0.3);
                box-shadow: 0px 7px 7px -2px rgba(0,0,0,0.3);
    }
    #mainnav .nav-item { border-left: 1px solid #facc00; border-bottom: 1px solid #facc00;}
    #mainnav .nav-link { border-bottom: 0px none; }
    #mainnav .nav-link:hover,
    #mainnav .nav-link.active { border-left-color:#facc00;  }
    #mainnav .nav-item { margin-right: 0px; margin-bottom: 15px; }
    
    #mainnav .dropdown-toggle i.fa { display: none; }
    #mainnav .dropdown-item { padding-top: 5px; }
    #mainnav .dropdown-menu {
        display: block !important; 
        position: relative !important;
        transform: none !important; 
        margin-bottom: 5px; 
        float: none; 
        border-color: transparent; 
        padding-left: 20px;
    }
    #navtog { display: block;}
}
@media(max-width: 767px) {
    #header .container { max-width: 100%; }
    #mainnav .container { padding: 0; }
    #mainnav .nav { padding: 20px 26px 20px 63px; }
}
@media(max-width: 575px) {
    #logo { width: 190px; height: 91px; }
    .hamburger--3dx.is-active .hamburger-inner { background-color: #000 !important; }
    #header.headroom-header { height: 91px; }
    #headroom-spacer { height: 91px; }
    #navtog { top: 20px; }
    #mainnav { top: 57px; }
    #mainnav .nav { padding: 20px 26px 20px 42px; }
    #mainnav .container { padding: 0; }
}

/* Auto-Hiding Navbar */
.headroom-header { 
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    z-index: 1030; 
}
.headroom {
    /*will-change: transform;*/
    -webkit-transition: all 250ms linear;
       -moz-transition: all 250ms linear;
         -o-transition: all 250ms linear;
            transition: all 250ms linear;
}
.headroom--pinned {
    -webkit-transform: translateY(0%);
       -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
         -o-transform: translateY(0%);
            transform: translateY(0%);
    
}
.headroom--unpinned {
    -webkit-transform: translateY(-150%);
       -moz-transform: translateY(-150%);
        -ms-transform: translateY(-150%);
         -o-transform: translateY(-150%);
            transform: translateY(-150%);
}   
.headroom--bottom {
    -webkit-transform: translateY(0%);
       -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
         -o-transform: translateY(0%);
            transform: translateY(0%);
}

/* Searchbox im Header */
#searchbox {
    position: absolute;
    top: 27px;
    right: 0;
    display: inline-block;
    height: 60px;
    z-index: 1500;
    background: #fff;
}
#searchbox input[type="text"] {
    font-weight: 300;
    background: none;
    cursor: pointer;
    height: 50px;
    font-size: 1.1rem;
    display: inline-block;
    border: none;
    color: #001f47;
    padding: 0 50px 0 1rem;
    width: 0px;
    position: relative;
    top: 0;
    right: 0;
    z-index: 1503;
    transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
}
#searchbox input[type="text"]:focus:hover {
  border-bottom: 1px solid #BBB;
}
#searchbox input[type="text"]:focus {
  width: 800px;
  z-index: 1501;
  border-bottom: 1px solid #BBB;
  cursor: text;
}
#searchbox button {
    font-size: 1.25rem;
    height: 49px;
    width: 50px;
    display: inline-block;
    color:#001f47;
    background: transparent;
    float: right;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1502;
    cursor: pointer;
    opacity: 1;
    transition: color .4s ease;
}
#searchbox button:hover {
  color:#facc00;
}
#searchbox button:focus {
    /*z-index: 1504;*/
}
#searchbox .form-control:focus,
#searchbox .form-control:hover,
#searchbox .form-control:active,
#searchbox input[type="text"]:focus,
#searchbox input[type="text"]:hover,
#searchbox input[type="text"]:active,
#searchbox button:focus,
#searchbox button:hover,
#searchbox button:active {
    outline: none !important;
}

@media(max-width: 1199px) { 
    #searchbox { right: 90px; }
    #searchbox input[type="text"]:focus { width: 580px; }
}
@media(max-width: 991px) {
    #searchbox input[type="text"]:focus { width: 355px; }
}
@media(max-width: 991px) {
    #searchbox { display: none; }
}


/* MAIN ###########################*/
#main { min-height: 300px; background: #fff; padding: 0;}
#A1 #main {  }


/* FOOTER ###########################*/
#footer,
#footer a {
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
}
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
    font-family: 'Fjalla One', Arial, sans-serif;
    letter-spacing: .06em;
    color: #a6a6a6;
    font-size: 14px;
    font-weight: 400;
}

#footer-content { 
    background: #0d0d0d; 
}
#footer-content .footer-content { 
    padding-top: 1.6rem;
    padding-bottom: .5rem; 
}
#copyright {
    background: #0d0d0d;  
}
#copyright .copyright-content { 
    padding-top: 1.6rem;
    padding-bottom: .5rem; 
}
#footer a { color: #fff; display: inline-block; position: relative;}
#footer a:last-child { margin-right: 0; }
#footer a.top-link {
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
         -o-transform: rotate(90deg);
            transform: rotate(90deg);
} 
#footer .footer-content a:focus,
#footer .footer-content a:hover,
#footer .footer-content a:active { color: #a6a6a6; }

#footer .btn-secondary { background-color: #a6a6a6; border-color: #a6a6a6; color:#fff; min-width: 235px; }
#footer .fr .btn-secondary { min-width: 270px; }
#footer .btn-secondary:focus,
#footer .btn-secondary:hover,
#footer .btn-secondary:active { background-color: rgba(149,193,31,1); border-color: rgba(149,193,31,1); color: #fff !important; }
#A44 #footer .btn-secondary,
#A57 #footer .btn-secondary { min-width: 260px; }

#footer .copyright-content { color: #fff; font-size: .8rem; }
#footer .copyright-content a:focus,
#footer .copyright-content a:hover,
#footer .copyright-content a:active { color: #a6a6a6; }

@media (min-width: 992px) and (max-width: 1199px) {
	#footer .btn-secondary { min-width: 210px; }
}



/* SPECIAL ELEMENTS ###########################*/
label.control-label { font-size: 14px; margin-bottom: 1px; }
.forminfo {
    margin: 25px 0 15px; font-size: 80%;
}
.formcheckbox label input{
    margin-top: -5px;
}
.form-group { margin-bottom: 10px; }



/* Back to Top */
a.back-to-top {
    display: none;
    position: absolute;
    top:-1px;
    right:8px;
    font-size: 1.5em; 
    line-height: 35px;
    width: 35px;
    text-align: center;
    color: #2a7cc0;
    background: #fff;
    opacity: .5;
    -webkit-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.35);
       -moz-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.35);
            box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.35);
            border-radius: 4px 4px 4px 4px;
       -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border: 1px solid #ddd;
}
a.back-to-top:focus,
a.back-to-top:hover,
a.back-to-top:active { color: #000; opacity: 1; }



.mfp-title span.copyright { display: block; font-size: 85%; opacity: .8; }

/* pagination */
.rex-nav-pagination { text-align: center; margin-bottom: 20px; }
.rex-nav-pagination .pagination { margin-bottom: 5px; }

/* 
    ##############################################
    ##############################################
*/

/* MODULE */

/********** MODUL Einzelne Ueberschrift **********/
/* Headline*/
.headline h1,
.headline h2,
.headline h3,
.headline h4,
.headline h5,
.headline h6 {
    position: relative;
    display: inline-block;
    /*border-bottom: 2px solid #338dc9;*/
    /*padding-bottom: 10px;*/
    padding: 0 5px 10px;
    margin-bottom: 0px;  
}
.headline h1::after, .headline h2::after, .headline h3::after, .headline h4::after, .headline h5::after, .headline h6::after {
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    height: 3px;
    background: #0070ba;
    background: -moz-linear-gradient(left, #0070ba 0%, #00a3d4 54%, #96c11f 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #0070ba), color-stop(54%, #00a3d4), color-stop(100%, #96c11f));
    background: -webkit-linear-gradient(left, #0070ba 0%, #00a3d4 54%, #96c11f 100%);
    background: -o-linear-gradient(left, #0070ba 0%, #00a3d4 54%, #96c11f 100%);
    background: -ms-linear-gradient(left, #0070ba 0%, #00a3d4 54%, #96c11f 100%);
    background: linear-gradient(to right, #0070ba 0%, #00a3d4 54%, #96c11f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0070ba', endColorstr='#96c11f', GradientType=1 );
}

.headline {
    margin: 2em 0px 0;
}
.headline .headline-inner {
    border-bottom: 1px dotted #58585a;
}
.headline .text-left .headline-inner { margin-left: -5px; }
.headline .text-right .headline-inner { margin-right: -5px; }
.headline:first-child{ margin-top: 0; }

.hl-small { font-weight: 300; font-size: 16px; color: #58585a; } 

/* Headline v2*/
.headline2 h1,
.headline2 h2,
.headline2 h3,
.headline2 h4,
.headline2 h5,
.headline2 h6 {
    position: relative;
    display: inline-block;
    /*border-bottom: 2px solid #338dc9;*/
    /*padding-bottom: 10px;*/
    padding: 0 5px 10px;
    margin-bottom: 0px;  
}
.headline2 {
    margin: 2em 0px 0;
}
.headline2:first-child{ margin-top: 0; }

/* Headline v3*/
.headline3 h1,
.headline3 h2,
.headline3 h3,
.headline3 h4,
.headline3 h5,
.headline3 h6 {
    position: relative;
    display: inline-block;
    /*border-bottom: 2px solid #338dc9;*/
    /*padding-bottom: 10px;*/
    padding: 0 5px 10px;
    margin-bottom: 0px;  
}
.headline2 {
    margin: 2em 0px 0;
}
.headline2:first-child{ margin-top: 0; }
/********** MODUL Einzelne Ueberschrift **********/



/********** MODUL Text/Bild **********/
/*
.img-holder { margin-top: 6px; margin-bottom:10px ; }
.img-holder .img-circle { 
    border: 2px solid #b1b3b4;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35);
       -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35);
            box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35);
}
.center-block img { margin: 0 auto; }
.img-left { float: left; margin-right: 1em; }
.img-right { float: right; margin-left: 1em; }
.img-caption { 
    display: block; 
    font-size: 90%; 
    background: rgba(0,0,0,.1); 
    padding: 1px 5px; 
    line-height: 1.5em; 
}
.img-copyright { 
    display: block; 
    font-size: 11px; 
    padding: 0; 
    line-height: 13px; 
}
.txt-holder ul { overflow: hidden; }
.img-thumbnail {
    border-radius: 0;
    background: #EFEFEF;
}

@media(max-width: 768px) {
    .img-holder { margin-top: 0; }
    .img-left, .img-right { float: none; margin-left: 0; margin-right: 0; }
}
*/
/********** MODUL Text/Bild **********/



/********** MODUL Standardinhalt **********/
.img-zoom { position: relative; overflow: hidden; }
.img-zoom img { 
       -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
            transition: all 0.3s;
}
.img-zoom:hover img {
       -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
}
.img-shadow {  
    -webkit-box-shadow: 7px 7px 30px -15px rgba(0,0,0,0.85);
       -moz-box-shadow: 7px 7px 30px -15px rgba(0,0,0,0.85);
            box-shadow: 7px 7px 30px -15px rgba(0,0,0,0.85);
}
/* figure-holder */
.img-intxt,
.img-txttop,
.img-txtbottom { padding-left: 0; padding-right: 0; }

.img-intxt {display: inline-block; margin-bottom: .3rem}
.img-intxt.img-left { float: left; margin-right: 1rem;}
.img-intxt.img-right { float: right; margin-left: 1rem;}
.img-intxt + p { margin-top: -5px; }
.img-intxt figure, 
.img-txtbottom figure { margin-bottom: 0; margin-left: -15px; margin-right: -15px; }

.img-txttop.img-center,
.img-txtbottom.img-center { text-align: center; } 
.img-txttop.img-right,
.img-txtbottom.img-right { text-align: right; } 
.img-txttop.img-left, 
.img-txttop.img-right,
.img-txtbottom.img-left, 
.img-txtbottom.img-right { float: none; margin-left: -15px; margin-right: -15px; }

figcaption { padding: 0 4px; background: #ddd; font-size: .8rem; }
figcaption span { display: block; }
figcaption span.img-copyright { display: block; font-size: .9em; line-height: inherit; }

.twocols { 
    -webkit-column-count: 2; /* Old Chrome, Safari and Opera */
       -moz-column-count: 2; /* Old Firefox */
            column-count: 2;
    -webkit-column-gap: 2.5rem;
       -moz-column-gap: 2.5rem;
            column-gap: 2.5rem;
}

@media(max-width: 767px) {
    .img-large.img-left,
    .img-large.img-right { float: none; margin-left: 0; margin-right: 0; }
    .twocols { 
        -webkit-column-count: inherit;
           -moz-column-count: inherit;
                column-count: inherit;
    }
}
@media(max-width: 575px) {
    .img-medium.img-left,
    .img-medium.img-right { float: none; margin-left: 0; margin-right: 0; }
}

/* Video-Plyr default-color #1aafff / rgb(26,175,255) */ 
.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
    background: rgba(26,175,255,1);
    color: #fff;
}
.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
    background: rgba(26,175,255,1);
    color: #fff
}
.plyr__control--overlaid {
    background: rgba(26,175,255,.8);
    box-shadow: 0 1px 1px rgba(0,0,0,.15);
    color: #fff;
}
.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
    background: rgba(26,175,255,1);
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
    background: rgba(26,175,255,1);
}
.plyr--full-ui input[type=range] {
    color: rgba(26,175,255,1);
}
.plyr__control.plyr__tab-focus,
.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track,
.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track,
.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
    box-shadow: 0 0 0 5px rgba(26,175,255,.5);
}
/********** MODUL Standardinhalt **********/



/********** MODUL Abstand/Trennlinie **********/
.divider hr { 
    border-top: 1px solid rgba(188,207,0,1); 
}
/********** MODUL Abstand/Trennlinie **********/



/********** MODUL Bilder-Navigation **********/
.img-nav > div > div { padding-top: 25px; }
.img-link { margin-bottom: 1rem; }
.img-link img {  
    /*
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35);
       -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35);
            box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35);
    */
}
.img-link a { display: block; overflow: hidden; position: relative; }
.img-link a h4 { color: #96c11f; }

.smaler .row { margin-left: -35px; margin-right: -35px; }
.smaler .img-links .col-content { padding: 0 20px; }

.img-link-v1 {}
.img-link-v1 a { display: block; overflow: hidden; position: relative; }
.img-link-v1 a h4 { color: #000111; }
.img-link-v1 figure { margin-bottom: 0; }
.img-link-v1 img {
    -webkit-transition: all 0.6s;
       -moz-transition: all 0.6s;
            transition: all 0.6s;
}
.img-link-v1:hover img {
       -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
}
.img-link-v1 .img-link-info {
    position: absolute; bottom: 0; left: 0; width: 100%;
    padding-top: .5rem;
    background: rgba(255,255,255,.8);
}
.img-link-v1 .img-link-info,
.img-link-v1 a .img-link-info h4,
.img-link-v1 a .img-link-info p {
    -webkit-transition: all ease-out 0.4s;
       -moz-transition: all ease-out 0.4s;
            transition: all ease-out 0.4s;
}
.img-link-v1:hover .img-link-info {
    padding-bottom: 1rem;
    background: rgba(255,255,255,.9);
}
.img-link-v1:hover a h4 { color: rgba(0,153,184,1); }
/********** MODUL Bilder-Navigation **********/



/********** MODUL Masterslider **********/
.ms-view { background: transparent; }

@media(max-width: 991px) {
    .ms-caption h2 { margin-top: 12% !important; }
}
@media(max-width: 767px) {
    .startslider h2 { font-size: 5rem; }
    .ms-caption h2 { margin-top: 100px !important; }
}
@media(max-width: 575px) {
    .startslider h2 { font-size: 4rem; }
    .ms-caption h2 { margin-top: 150px !important; }
}
@media(max-width: 374px) {
    .startslider h2 { font-size: 3rem; }
}
/********** MODUL Masterslider **********/



/********** MODUL Linkliste **********/
ul.linklist { margin-bottom: 0; }
ul.linklist li { 
    padding-bottom: 6px; 
    list-style-image: none !important; 
} 
ul.linklist li a { 
    line-height: 1.3em; 
    display: block; 
    padding-top: 4px;
}
ul.linklist .fa-li { font-size: 1.2em; }
.toggle-linklist { 
    cursor: pointer; 
    -webkit-transition: all .6s; 
    transition: all .6s; 
}
.toggle-linklist i { 
    font-size: 75%; 
    margin-left: 4px; 
}
.toggle-linklist:hover { color: rgba(188,207,0,1); }
/********** MODUL linkliste **********/


/********** MODUL Linkicons **********/
.linkicons { padding-left: 15px; padding-right: 15px; }
.linkicons a { font-size: 1.75em !important; margin-right: 10px; }
/********** MODUL Linkicons **********/


/********** MODUL TIMETABLE **********/
.timetable { display: table; width: 100%; line-height: 1.3em; /*border-bottom: 1px solid #96c11f;*/ }
.timetable .timetable-row { display: table-row; }
.timetable .timetable-cell { display: table-cell; padding: 8px 0; }
.timetable .new-day .timetable-cell { border-top: 1px solid #96c11f;  }
.timetable .timetable-cell i { color: #96c11f; }

.timetable .timetable-day { width: 140px; font-weight: 400; }

.timetable .timetable-time { width: 125px; padding-left: 5px; padding-right: 5px; color: #0070ba; font-weight: 400; }
.timetable .timetable-time span { padding-left: 5px; }

.timetable .timetable-desc p:last-child { margin-bottom: 0; }

.timetable-bg1 .timetable-time,
.timetable-bg1 .timetable-desc { background: rgba(110, 110, 110, 0.1); }
.timetable-bg2 .timetable-time,
.timetable-bg2 .timetable-desc { background: rgba(12, 114, 181, 0.2); }

@media(max-width: 767px) {
    .timetable .timetable-row,
    .timetable .timetable-cell { display: block; width: 100%; }
    .timetable .timetable-cell { padding: 0 0 8px; }
    .timetable .new-day { border-top: 1px solid #96c11f; }
    .timetable .new-day .timetable-cell { border-top: 0px none; }
    .timetable .timetable-day { padding-top: 8px; }
    .timetable .timetable-time { padding-left: 5px; }
    .timetable .timetable-desc { padding-left: 28px; }
}
/********** ENDE MODUL TIMETABLE **********/



/* Sitemap */
.sitemap { padding: 0 48px; margin-top: -15px; margin-bottom: 3em; }
.sitemap ul {padding: 0; list-style-type: none; }
.sitemap li { 
    position: relative; 
    margin:0px; 
    padding: 16px 0px 16px 10px; 
    border-left: 2px solid #0e327a; 
}
.sitemap li:last-child { padding-bottom: 0; }
.sitemap li:before {
  content: '';
  position: absolute;
  top: 30px;
  left: 0;
  border-top: 2px solid #0e327a;
  background: #0e327a;
  width: 100%;
}
.sitemap li:after {
    content: '';
    position: absolute;
    top: 26px;
    left: -6px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #0e327a;
}
.sitemap li li:after {
    background: #96c11f;
}
.sitemap li li li:after {
    background: #fff;
    border: 3px solid #96c11f;
}
.sitemap > ul > li:first-child { padding-top: 30px; }
.sitemap > ul > li:first-child:before { top:45px; }
.sitemap > ul > li:first-child:after { top:41px; }
.sitemap a {
    position: relative;
    z-index: 10; 
    display: block; 
    margin-left: 15px;
    padding: 5px 15px; 
    border-left: 2px solid #0e327a; 
    background: #f4f4f4;
    color: #0e327a;
}
.sitemap li ul li { margin-left: 15px; padding-bottom: 0; }
.sitemap li ul li a { background: #f9f9f9; }
.sitemap li ul li ul { padding-bottom: 15px; }
@media(max-width: 575px) { 
    .sitemap { padding: 0; } 
}

/* ======================================================== */
/* Suchergebnisse */
.search_it-info { margin-top: 1rem; font-size: 1.2rem; }
.search_it-info em { 
    display: inline-block;
    padding: 0 .5em;
    font-weight: 400; 
    font-style: normal;
    background: rgba(255,200,0,.2);
}
.search_it-title a { display: block; }
.search_it-url { display: block; color: gray; font-weight: 300; font-size: 85%; margin-top: -2px; line-height: 1.3em; }
.hit { background: rgba(255,200,0,.2); }
.search_it-teaser .hit { font-weight: 400; }
.search_it-title { margin-bottom: .5em; }
.search_it-teaser { margin-bottom: 1.5em; }


/* ======================================================== */
/* Facts-Counter */
.facts {}
.facts-hl { margin-bottom: 2.4rem }
.counter-holder {border: 1px solid transparent; border-left-color:#909696 }
.facts [class*=col-]:last-child .counter-holder { border-right-color: #909696 }
.counter { padding: 1.5rem 1.5rem 1.5rem; text-align: center; }
.counter i.fa {
    border: 1px solid #facc00;
    border-radius: 50%;
    width: 100px;
    font-size: 44px;
    font-weight: 300;
    line-height: 95px;
    background-color: #facc00;
    color: #001f47;
}
.counter .num-counter { font-size: 4rem; font-weight: 700; color: #001f47; margin-bottom: 0.5rem;}
.counter .info { font-weight: 400; margin-bottom: 0;}
@media (max-width: 767px) {
    .counter { padding: 1.5rem 0 0;  }
    .counter .info { margin-bottom: 1.5rem;}
    .counter-holder { border-color: transparent; border-top-color: #909696 }
    .facts [class*=col-]:last-child .counter-holder { border-right-color: transparent;  border-bottom-color: #909696 }
}

/* ======================================================== */
/* SM-Sharing */
.sm-sharing { position: relative; }
.sm-sharing > span { 
    position: absolute; 
    top: 0; left: 30px;
    line-height: 72px;
    font-size: .8rem;
    font-weight: 700;
    opacity: .5
}
@media (max-width: 475px) {
    .sm-sharing > span {
        left:15px;
        line-height: 58px;
    }
    .shariff li .fab, 
    .shariff li .far, 
    .shariff li .fas {
        width: 40px;
        line-height: 40px;
        font-size: 25px !important;
    }
    .shariff li, 
    .shariff li a {
        height: 40px;
    }
    .shariff .orientation-horizontal li {
        width: 40px;
    }
}

/* ======================================================== */
/* BACnet Journale */
.journal { margin: 0 0 3rem; }
.journal h4 { font-size: 1.5rem }


/********** MODUL SPONSORENLOGOS **********/
.sponsorlogos { padding-left: 15px; padding-right: 15px; margin: 0 auto; max-width: 1100px; }
.sponsorlogos img { max-width: 100%; height: auto; }
.sponsorlogos a:focus { outline: 0 none; }

.sponsorlogos .sponsorlogo {
    box-sizing: border-box; 
    display: inline-block; 
    padding: 5px; 
}

.sponsorlogo > a.logo-link,.sponsorlogo > span {
    display: block; padding: 10px; 
    background-color: #fff;
    border: 1px solid #efefef;
            border-radius: 6px 6px 6px 6px;
       -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    transition: 0.5s ease;
    text-align: center;
}
.sponsorlogo > a.logo-link:hover {
    -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
       -moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
            box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
}
.logos-only .sponsorlogo > a.logo-link:hover,
.logos-with-desc-overlay .sponsorlogo > a.logo-link:hover { border-color: #666; }

.sponsortypeinfo { font-size: 65%; }

/* ======================================================== */
/* logos mit beschreibung */
.logos-with-desc { margin-left: 0; margin-right: 0; }
.logos-with-desc { display: table; }
.logos-with-desc img {
    max-width: inherit; 
}
.logos-with-desc .sponsorimg {
    display: table-cell; padding: 0 2em 1em 0;
}
.logos-with-desc .sponsorinfo {
    display: table-cell; vertical-align: top;
}
.sponsorinfo a.logo-link {
    display: block; padding: .5em 0;
}
@media (max-width: 767px) {
    .logos-with-desc { display: block; }
    .sponsorlogos.logos-with-desc img { max-width: 100%; }
    .logos-with-desc .sponsorimg {
        display: block; width: 100%; padding: 0 0 1em 0;
    }
    .logos-with-desc .sponsorinfo {
        display: block; width: 100%;
    }
}

/* logos mit beschreibung matchmaking */
.logos-with-desc-mm { margin-left: 0; margin-right: 0; }
.logos-with-desc-mm { display: table; width: 100%; }
.logos-with-desc-mm img {
    max-width: inherit; 
}
.sponsorlogos.logos-with-desc-mm .sponsorlogo { padding: 0; border-bottom: 1px dotted #ccc; }
.sponsorlogos.logos-with-desc-mm .sponsorlogo.no-desc { display: none; }
.sponsorlogos.logos-with-desc-mm .sponsorlogo.first_class { font-size: 18px; }
.sponsorlogos.logos-with-desc-mm .sponsorlogo.premium_business,
.sponsorlogos.logos-with-desc-mm .sponsorlogo.business_class { font-size: 16.5px; }
.sponsorlogos.logos-with-desc-mm .sponsorlogo.economy_class { font-size: 15px; }
.logos-with-desc-mm .sponsorimg {
    display: table-cell; padding: 0 0 1em; min-width: 202px; text-align: right;
}
.logos-with-desc-mm .sponsorinfo {
    display: table-cell; vertical-align: middle; padding-left: 2em;
}
.logos-with-desc-mm .sponsorinfo a.logo-link {
    display: block; padding: .5em 0;
}
@media (max-width: 767px) {
    .logos-with-desc-mm { display: block; }
    .sponsorlogos.logos-with-desc-mm img { max-width: 100%; }
    .logos-with-desc-mm .sponsorimg {
        display: block; width: 100%; padding: 0; text-align: left;
    }
    .logos-with-desc-mm .sponsorinfo {
        display: block; width: 100%; padding: 0 0 1em 0;
    }
}

/* ======================================================== */
/* bootstrap modal-overlys */
.sponsorlogos .modal .sponsor-modal { display: table; width: 100%; }
.sponsorlogos .modal .sponsorimg {
    display: inline-block;
    padding: 0 0 1em 2em;
    float: right;
}
.sponsorlogos .modal .sponsordesc {
    padding: 0 0 .5em;
}
.sponsorlogos .modal h4.modal-title {
    font-weight: 600;
}
.sponsorlogos .modal h6.companyUrl {
    font-size: 16px; font-weight: 600;
    margin-bottom: 0;
}

/* #s84 .sponsorlogos { margin-top: -20px; } */

/*===============================================================*/
/*sponsor box*/
.sponsorlogos .sponsorlogo.sponsorlogo_120x90_box{
	vertical-align: top;
}

.logos-only-box .sponsorlogoholder{
	display: block; padding: 4px; 
    border: 1px solid #efefef;
            border-radius: 0px 0px 6px 6px;
       -moz-border-radius: 0px 0px 6px 6px;
    -webkit-border-radius: 0px 0px 6px 6px;
    transition: 0.5s ease;
    text-align: center;
	display:table-cell;
	vertical-align:middle;
	border-top: 3px solid #efefef;
}

.logos-only-box .first_class .sponsorlogoholder{
	border-color:#d29545;
}
.logos-only-box .premium_business .sponsorlogoholder,
.logos-only-box .business_class .sponsorlogoholder{
	border-color:#89898f;
}
.logos-only-box .economy_class .sponsorlogoholder{
	border-color:#ce6f50;
}
.logos-only-box .firstEl {
	margin-left:15px;
}
.logos-only-box .first_class.firstEl {
	margin-left:0px;
}


.logos-only-box .sponsorlogoholder:hover {
    -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
       -moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
            box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
}
.logos-only-box .sponsorlogo_70_52 .sponsorlogoholder:hover {
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    border-color: #0070ba;
}
.logos-only-box .sponsorlogo.sponsorlogo_70_52 > a.logo-link:hover {
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

.sponsorlogos .sponsorlogo.first_class_sponsor .sponsorlogoholder img{
	width:100%;
	max-width:120px;
}

.sponsorlogos.logos-only-box .sponsorlogo_70_52 .sponsorlogoholder  {
    width: 80px; height: 64px;
} 

/*.sponsorlogos .sponsorlogo.business_class_sponsor .sponsorlogoholder img{
	width:66%;
}

.sponsorlogos .sponsorlogo.economy_class_sponsor .sponsorlogoholder img{
	width:50%;
}*/

@media (max-width: 767px) {
    .logos-only-box .firstEl {margin-left:0px;}
}


/* ======================================================== */
/* Logos pro Zeile */
/* xs => < 544px */
@media (max-width: 543px) {
    .lpr-xs-1 .sponsorlogo { width: 100%; }
    .lpr-xs-2 .sponsorlogo { width: 50%; }
    .lpr-xs-3 .sponsorlogo { width: 33.3%; }
    .lpr-xs-4 .sponsorlogo { width: 25%; }
}

/* sm => >= 544px */
@media (min-width: 544px) {
    .lpr-sm-1 .sponsorlogo { width: 100%; }
    .lpr-sm-2 .sponsorlogo { width: 50%; }
    .lpr-sm-3 .sponsorlogo { width: 33.3%; }
    .lpr-sm-4 .sponsorlogo { width: 25%; }
    .lpr-sm-5 .sponsorlogo { width: 20%; }
    .lpr-sm-6 .sponsorlogo { width: 16.6%; }
}

/* md => >= 768px */
@media (min-width: 768px) {
    .lpr-md-1 .sponsorlogo { width: 100%; }
    .lpr-md-2 .sponsorlogo { width: 50%; }
    .lpr-md-3 .sponsorlogo { width: 33.3%; }
    .lpr-md-4 .sponsorlogo { width: 25%; }
    .lpr-md-5 .sponsorlogo { width: 20%; }
    .lpr-md-6 .sponsorlogo { width: 16.6%; }    
}

/* lg => >= 992px */
@media (min-width: 992px) {
    .lpr-lg-1 .sponsorlogo { width: 100%; }
    .lpr-lg-2 .sponsorlogo { width: 50%; }
    .lpr-lg-3 .sponsorlogo { width: 33.3%; }
    .lpr-lg-4 .sponsorlogo { width: 25%; }
    .lpr-lg-5 .sponsorlogo { width: 20%; }
    .lpr-lg-6 .sponsorlogo { width: 16.6%; }     
}

/* xl => >= 1200px */
@media (min-width: 1200px) {
    .lpr-xl-1 .sponsorlogo { width: 100%; }
    .lpr-xl-2 .sponsorlogo { width: 50%; }
    .lpr-xl-3 .sponsorlogo { width: 33.3%; }
    .lpr-xl-4 .sponsorlogo { width: 25%; }
    .lpr-xl-5 .sponsorlogo { width: 20%; }
    .lpr-xl-6 .sponsorlogo { width: 16.6%; }     
}
/********** ENDE MODUL SPONSORENLOGOS **********/
.logos-with-desc-overlay .sponsorlogo > a.logo-link:hover { border-color: #96c11f; }


/* ======================================================== */
/* bootstrap carousel */
.carousel-caption { bottom: inherit; top: 50px; }
.carousel-caption h3 { color: #fff; font-size: 250%; }
.carousel-caption p { line-height: 1em; font-size: 110% }
.carousel-caption p span.desc { display: inline-block; padding: 5px 15px; font-weight: 400; background: rgba(33, 36, 97,.65); }
.carousel-caption p span.b2 {  }
@media (max-width: 992px) {
    .carousel-caption { top: 20px; }
    .carousel-caption h3 { font-size: 200%; }
    .carousel-caption p span.b2 { display: block; }
}
@media (max-width: 767px) {
    .carousel-caption { top: 0px; }
    .carousel-caption h3 { font-size: 95%; margin-bottom: 10px; }
    .carousel-caption p  { font-size: 80%; margin-bottom: 0; margin-left: -15%; margin-right: -15%; }
}
@media (max-width: 350px) {
    .carousel-caption { padding-top: 13px; }
    .carousel-caption p  { font-size: 75%; }
}

/* Standard-Content für alle Seiten */
.std-content {}





/* PROGRAMM */
.psect-time { color:#0070ba; }
.psect-time:before { content: "\f072"; font: normal normal normal 14px/1 FontAwesome; padding-right: 5px;}
p.psect-time { margin-bottom: 0px; }
table.psect {
    width: 100%; border-collapse: collapse;
    border-left:1px solid #58585A;
    background: rgba(127, 127, 127, 0.04);
    position: relative;
}
table.psect::before {
    content: '';
    width: 30%;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 1px;
    background: #58585A;
    
    background: -moz-linear-gradient(left, rgba(88,88,90,1) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(left, rgba(88,88,90,1) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to right, rgba(88,88,90,1) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58585a', endColorstr='#00000000',GradientType=1 );
}
table.psect::after {
    content: '';
    width: 20%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 1px;
    background: #58585A;
    
    background: -moz-linear-gradient(left, rgba(88,88,90,1) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(left, rgba(88,88,90,1) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to right, rgba(88,88,90,1) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58585a', endColorstr='#00000000',GradientType=1 );
}
table.psect.psect-break::before {
    width: 30%;
}
table.psect.psect-break::after {
    width: 100%;
}

table.psect td { vertical-align: top; padding: 10px; }

table.psect { background: rgba(127, 127, 127, 0.04) }
table.psect.psect-break { background: transparent; }

table.psect h2,
table.psect h3 { margin-top: 0; }
table.psect.psect-break h3 { margin-bottom: 0; }

/*2 cols*/
table.psect.psect-2-col td {
    width: 50%; 
}
.table.psect.psect-2-col td:first-child{ padding-right: 15px; }
.table.psect.psect-2-col td:last-child{ padding-left: 15px; }

@media (max-width: 575px) {
    table.psect.psect-2-col.psect-xs-1-col td {
        display: block;
        width: 100%; 
        position: relative;
        padding: 10px;
    }
    table.psect.psect-2-col.psect-xs-1-col td:last-child:before{
        content: '';
        width: 50px;
        position: absolute;
        left: 0px;
        top: 0px;
        height: 1px;
        background: #58585A;
        
        background: -moz-linear-gradient(left, rgba(88,88,90,1) 0%, rgba(0,0,0,0) 100%);
        background: -webkit-linear-gradient(left, rgba(88,88,90,1) 0%,rgba(0,0,0,0) 100%);
        background: linear-gradient(to right, rgba(88,88,90,1) 0%,rgba(0,0,0,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58585a', endColorstr='#00000000',GradientType=1 );
    }
    table.psect.psect-2-col.psect-xs-1-col td:last-child:after{
        content: 'parallel';
        position: absolute;
        left: 55px;
        top: -13px;
        font-size: 12px;
    }
    
}

/* yForm Formulare */
.yform { margin-bottom: 1rem; }

/* Login-Formular */
.loginform .input-group-addon {
    padding:6px 12px;
    font-size:1rem;
    font-weight:400;
    line-height:1;
    color:#324050;
    text-align:center;
    background-color:#eee;
    border:1px solid #ced4da;
    border-radius:0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    white-space: nowrap;
}
.loginform .input-group-addon .fa { align-self: center; }
.loginform .btn { margin-top: 1rem; }


#s177 .align-self-end,
#s192 .align-self-end { margin-bottom: 12px; }


.embed-container { position: relative; padding-bottom:56.25%; height:0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.cert-products table.section td.subline,
.cert-products table.section td.text { padding: 0 !important; }