@font-face {
    font-family: 'source_sans_probold';
    src: url('sourcesanspro-bold-webfont.woff2') format('woff2'),
         url('sourcesanspro-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_proregular';
    src: url('sourcesanspro-regular-webfont.woff2') format('woff2'),
         url('sourcesanspro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_prosemibold';
    src: url('sourcesanspro-semibold-webfont.woff2') format('woff2'),
         url('sourcesanspro-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_proitalic';
    src: url('sourcesanspro-it-webfont.woff2') format('woff2'),
         url('sourcesanspro-it-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


body {
   font-family:'source_sans_proregular', sans-serif !important;
   letter-spacing:1px;
   color:#252525;
}

p {    
    font-family:'source_sans_proregular', sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
   font-family:'source_sans_proregular', sans-serif !important;
   letter-spacing:1px;
   font-weight:normal;
}

#content h1 {
   text-align:center;
   color:#bf0616;
   display:none;
}

h2 {
   clear:left;
   color:#bf0616;
   font-weight:normal;
   border-bottom:1px solid #c3c3c3;
   font-size:220%;
   margin:0 auto 20px;
   padding-top:60px;
   padding-bottom:10px;
   max-width:60%;
}

h2.headline {
   text-align:center;
}

h3 {
   color:#bf0616;
   font-size:160%;
   margin-bottom:20px;
}

h4 {
   font-size:140%;
   margin-bottom:10px;
   color:#4a5161;
}

img {
    min-width: 50px;
}

.portaltype-document #content a {
   color: #bf0616;
   text-decoration: none;
}

#section-text a {
   color: #bf0616;
   text-decoration: none;
}

#portal-searchbox, #portal-colophon, #portal-siteactions, #portal-breadcrumbs, #global_statusmessage, #portal-anontools, header .lead {
   display:none;
}

/*Logo*/
#logo {
   /*margin-left:10%;
   max-width:70%;*/
   display: flex;
   flex-direction: row;
   margin-top: 33px;
}

#portal-logo {
   margin-top:80px;
   margin-bottom:10px;
   float:left;
   /*max-width:50%;*/
}

#portal-logo img {
   /*max-width:400px;*/
   height:auto;
   width:1000px;
}

.logo-text {
   color:#bf0616;
   /*margin-left:28px;*/
   margin-top:80px;
   max-width:40%;
   width:auto;
   float:left;
}

/*Header*/
/*#header-links a {
   color:#242424;
   text-transform:uppercase;
   font-size:90%;
   margin-top:20px;
   margin-right:20px;
   float:left;
}*/

/*#header-links a:hover {
   color:#bf0616;
}*/

#header-links {
   float:right;
   margin-right:10%;
   margin-top:10px;
   position:absolute;
   right:0;
   max-width:20%;
   z-index: 0;

}

#header-links img {
   vertical-align:top;
   max-width:100%;
   width:auto;
}

#mainnavigation-wrapper {
   background-image:url("bg-top.png");
   width:100%;
   height:20px;
   padding:0;
   z-index:0;
   top: 0;
   position: absolute;
   
   .navbar .offcanvas {
       background-color: white;
       
       .btn-close {
           filter: unset !important;
       }
   }
}

.facebook_icon {
   margin-left: 28px;
   margin-top: auto;
   /*max-width: 50%;
   width: auto;
   float: right;*/
}

.facebook_icon img {
   width: 51%;
}


/*Navigation*/

#portal-globalnav-wrapper {
   background-color:#ffffff;
   font-size:100%;
   line-height:10px;
   float:right;
   margin-right:calc(10% + 196px);
   margin-right:-moz-calc(10% + 196px);
   margin-right:-webkit-calc(10% + 196px);
   position: absolute;
   top: 0;
   right: 0;
   margin-top: 22px;
}

.userrole-authenticated #portal-globalnav-wrapper {
   margin-right:calc(10% + 396px);
}


#portal-globalnav li {
   display:table;
   float:left;
}

#portal-globalnav li a, #portal-globalnav .selected a, #portal-globalnav a:hover, #portal-globalnav .selected a:hover {
   background-color:#ffffff;
   border:none;
   text-transform:uppercase;
}

#portal-globalnav li a {
   display:table-cell;
   padding:17px 10px 10px;
   min-width:0;
   color:#000000;
   font-size: 14px;
}

#portal-globalnav .selected a, #portal-globalnav a:hover, #portal-globalnav .selected a:hover {
   color:#bf0616;
}

#portal-globalnav .index_html {
   display:none !important;
}


/*Footer*/

#portal-footer-wrapper {
   background-color:#ffffff;
   border-top:5px solid #bf0616;
}

#portal-footer {
   background-color:#ffffff;
   display:flex;
   padding:0 10%;
   width:100%;
   position: relative;
   justify-content: space-between;
}

#logo_bildungsberatung-ooe {
   float:left;
   margin-right:40px;
}

#logo_bildungsberatung-ooe a {
   display:block;
}

#logo_bildungsberatung-ooe a img {
   width:auto;
}

#logos_foerderung {
   float:right;
   background:rgba(0,0,0,0) url("/logos_foerderung.png") no-repeat scroll 0 0;
   display:block;
   height:130px;
   max-width:390px;
   max-height:130px;
   position:relative;
   width:390px;
   background-size:100% auto;
}

#logos_foerderung a {
   display:block;
   height:70px;
   width:85px;
}

#logos_foerderung img {
   max-width:400px;
   width:100%;
}

#copyright-AK {
   position:absolute;
   bottom:-40px;
}

#copyright-AK a {
   color:#bf0616;
}



/*Startseite*/

.section-home.portaltype-document #content-core .beratungsangebote {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.section-home.portaltype-document #content-core h2 {
    margin-bottom: 50px;
}

.section-home.portaltype-document #content-core .beratungsangebote a {
    background: linear-gradient(to bottom, #C5C8D2 0%,#667499 100%);
    min-width: 218px;
    text-align: center;
    display: flex;
    justify-content: center;
    margin: 20px;
    padding: 53px;
    align-items: center;
}

.section-home.portaltype-document #content-core .beratungsangebote a:hover {
    background: linear-gradient(to bottom, #627097 0%,#314e7a 100%);  
}

.section-home.portaltype-document #content-core .row {
    justify-content: start;
}

.section-home.portaltype-document #content-core .row .col:first-child {
    /*display: none;*/
}

.section-home.portaltype-document #content-core .row .col {
    flex: none;
    width: 30%;
    margin-right: 21px;
    margin-left: 21px;
}

/*.section-home.portaltype-document #content-core .row .col:last-child .card-title {
    display: none !important;
}*/

.section-home.portaltype-document #content-core .row .col .card {
    border: 0;
}

.section-home.portaltype-document #content-core .row .col .card:hover {
    
    .card-body .card-title {
        top: 30px;
        position: absolute;
    }   
    
    .card-body .card-text {
        display: block;
        top: 80px;
        position: absolute;
        margin-left: 20px;
        color: white;
    }
    
    .card-body .card-link {
        z-index:1000;
        color: white;
        display: block;
    }
    
    .card-image img {
       filter: brightness(50%);
    }
}

.section-home.portaltype-document #content-core .row .col .card .card-body {
    padding: 0;
    margin-top: -45px;
}

.section-home.portaltype-document #content-core .row .col .card .card-image img {
    width: 100%;
}

.section-home.portaltype-document #content-core .row .col .card .card-body .card-link {
    color: white;
}

.section-home.portaltype-document #content-core .row .col .card .card-body .card-text {
    display: none;
}

.section-home.portaltype-document #content-core .row .col .card .card-body .card-title {
    background-color: #bf0616;
    padding: 10px;
    margin-left: 20px;
    float: left;
    width: 100%;
    text-align: left;
    color: white;
}

/*Banner auf Startseite*/

.section-home.portaltype-document .banner {
    position: relative;
    
    picture img {
        width: 100%;
    }
    
    p {
        position: absolute;
        bottom: 20%;
        color: #000000 !important;
        text-shadow: none !important;
        margin-left: 20%;
        background-color: #f4f5f9 !important;
        padding: 15px 40px 15px 10px !important;
        box-shadow: -6px 4px 12px -4px #000000;
    }
}

/* Netzwerkpartner */
.netzwerkpartner a {
    color:#bf0616;
    text-decoration: none;
}

.netzwerkpartner picture .leitbild{
    float: right;
    width: 63%;
}

.netzwerkpartner table tbody {
    font-size: 14px;
}

.netzwerkpartner table tbody tr td {
    background-color: #eee;
    border-right: 1px solid #ddd;
}

.netzwerkpartner table tbody tr:nth-child(even) td {
    background-color: white;
    border-right: 1px solid #ddd;
}

.strategische-partner tbody tr:nth-child(odd) td {
    background-color: #eee;
    border-right: 1px solid #ddd;
}

/*Beratungsangebote*/ 

.section-bildungsangebote.portaltype-document #content-core .beratungsangebote {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.section-bildungsangebote.portaltype-document #content-core h2 {
    margin-bottom: 50px;
}

.section-bildungsangebote.portaltype-document #content-core .beratungsangebote a {
    background: linear-gradient(to bottom, #C5C8D2 0%,#667499 100%);
    min-width: 267px;
    text-align: center;
    display: flex;
    justify-content: center;
    margin: 20px;
    padding: 80px;
    align-items: center;
}

.section-bildungsangebote.portaltype-document #content-core .beratungsangebote a:hover {
    background: linear-gradient(to bottom, #627097 0%,#314e7a 100%);  
}

.section-bildungsangebote.portaltype-document #content-core h2 {
    margin-bottom: 50px;
}

.section-bildungsangebote #viewlet-above-content-title {
    float: right;
    margin: 0 1em 0.5em 4em;
}

.section-bildungsangebote #section-leadimage {
    margin-top: 40px;
}

.section-bildungsangebote #viewlet-above-content-title img {
    width: 200px;
}

.section-bildungsangebote blockquote {
    background-color:rgba(255, 255, 255, 0);
}

.section-bildungsangebote blockquote p:before {
    content:url("quotation_start.png");
    opacity:0.3;
    filter: alpha(opacity=30);
    float:left;
    margin-bottom:100px;
    margin-right:10px;
}

.section-bildungsangebote blockquote p:after {
    content:url("quotation_end.png");
    opacity:0.3;
    filter: alpha(opacity=30);
    float:right;
}

.section-bildungsangebote.portaltype-document #content-core .row {
    justify-content: center;
}

.section-bildungsangebote.portaltype-document #content-core .row .col {
    flex: none;
    width: 30%;
    margin-right: 21px;
    margin-left: 21px;
}



.section-bildungsangebote.portaltype-document #content-core .row .col .card {
    border: 0;
}

.section-bildungsangebote.portaltype-document #content-core .row .col .card:hover {
    
    .card-body .card-title {
        top: 30px;
        position: absolute;
    }   
    
    .card-body .card-text {
        display: block;
        top: 80px;
        position: absolute;
        margin-left: 20px;
        color: white;
    }
    
    .card-image img {
       filter: brightness(50%);
    }
}

.section-bildungsangebote.portaltype-document #content-core .row .col .card .card-body {
    padding: 0;
    margin-top: -45px;
}
.section-bildungsangebote.portaltype-document #content-core .row .col .card .card-image img {
    width: 100%;
}

.section-bildungsangebote.portaltype-document #content-core .row .col .card .card-body .card-link {
    /*display: none;*/
    color: white;
}
.section-bildungsangebote.portaltype-document #content-core .row .col .card .card-body .card-text {
    display: none;
}

.section-bildungsangebote.portaltype-document #content-core .row .col .card .card-body .card-title {
    background-color: #bf0616;
    padding: 10px;
    margin-left: 20px;
    float: left;
    width: 100%;
    text-align: left;
    color: white;
}


/* NEWS */

/* Impressum */

.section-impressum {
    #piwik {
        background-color: #bf0616;
        border-radius: 25px;
        padding: 10px;
        
        #textOptOut {
            color: white !important;
        }
        
        #labelOptOut {
            color: white !important;
        }
    }
}

/*Responsive, mobile*/

@media only screen and (max-width : 1545px) {  
    #header-links {
        margin-right: 50px; 
    }
}

@media only screen and (max-width : 1460px) {  
    .netzwerkpartner picture .leitbild {
       float: unset;
       width: 100%;
    }   
}

@media only screen and (max-width : 998px) {
    .section-bildungsangebote #viewlet-above-content-title {
       float: unset;
       margin: 0;
    }
    
    .section-home.portaltype-document #content-core .row .col {
        flex: 1 0 0%;
        width: 100%;
    }
}


@media only screen and (max-width : 883px) {  
    .section-home.portaltype-document #content-core .row .col {
        flex: 1 0 0%;
        width: unset;
    }
    
    .section-home.portaltype-document #content-core .row .col .card .card-image img {
        width: unset;
    }
    
    #header-links {
        margin-right: 16px; 
    }
    
    h2 {
        max-width: 100%;
        font-size: 30px;
    }
    
    .section-home.portaltype-document .banner p {
        margin-left: 10% !important;
        font-size: 12px !important;
                
   }

}