/* source-sans-pro-300 - latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: url('/assets/fonts/source-sans-pro-v14-latin-300.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('/assets/fonts/source-sans-pro-v14-latin-300.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('/assets/fonts/source-sans-pro-v14-latin-300.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('/assets/fonts/source-sans-pro-v14-latin-300.woff') format('woff'),
        /* Modern Browsers */
        url('/assets/fonts/source-sans-pro-v14-latin-300.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('/assets/fonts/source-sans-pro-v14-latin-300.svg#SourceSansPro') format('svg');
    /* Legacy iOS */
}

/* source-sans-pro-regular - latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: url('/assets/fonts/source-sans-pro-v14-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('/assets/fonts/source-sans-pro-v14-latin-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('/assets/fonts/source-sans-pro-v14-latin-regular.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('/assets/fonts/source-sans-pro-v14-latin-regular.woff') format('woff'),
        /* Modern Browsers */
        url('/assets/fonts/source-sans-pro-v14-latin-regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('/assets/fonts/source-sans-pro-v14-latin-regular.svg#SourceSansPro') format('svg');
    /* Legacy iOS */
}

/* source-sans-pro-600 - latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    src: url('/assets/fonts/source-sans-pro-v14-latin-600.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('/assets/fonts/source-sans-pro-v14-latin-600.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('/assets/fonts/source-sans-pro-v14-latin-600.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('/assets/fonts/source-sans-pro-v14-latin-600.woff') format('woff'),
        /* Modern Browsers */
        url('/assets/fonts/source-sans-pro-v14-latin-600.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('/assets/fonts/source-sans-pro-v14-latin-600.svg#SourceSansPro') format('svg');
    /* Legacy iOS */
}

/* source-sans-pro-700 - latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    src: url('/assets/fonts/source-sans-pro-v14-latin-700.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('/assets/fonts/source-sans-pro-v14-latin-700.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('/assets/fonts/source-sans-pro-v14-latin-700.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('/assets/fonts/source-sans-pro-v14-latin-700.woff') format('woff'),
        /* Modern Browsers */
        url('/assets/fonts/source-sans-pro-v14-latin-700.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('/assets/fonts/source-sans-pro-v14-latin-700.svg#SourceSansPro') format('svg');
    /* Legacy iOS */
}



/* temp

#62A39F rgba(98,163,159,0.8);

*/

html {
    overflow-y: scroll;
    font-size: 16px;
    color:#3a3a3a;
}

body {
    font-family: Helvetica, 'Source Sans Pro', Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    color:#3a3a3a;
    background-image: url('/assets/img/netzwerk.png');
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    background-attachment: fixed;
}

.transparent-bg {
    background-image: none;
    background-color: transparent;
}

h1 {
    font-weight: 600;
    font-size: 30px;
    margin-top: 2rem;
    margin-bottom: 4rem;
}
h1 i{    
    font-weight: 300;
    font-style: normal;
}
h2 {
    font-weight: 600;
    font-size: 20px;
}
h3 {
    font-weight: 600;
    font-size: 18px;
}
h4 {
    font-weight: 600;
    font-size: 18px;
}
h5 {
    font-weight: 600;
    font-size: 16px;
}
h6 {
    font-weight: 600;
    font-size: 15px;
}

.h-sub {
    font-weight: 400;
    font-size: 18px;
	margin-bottom: -2rem;
}

.w100, .form-inline .w100 {
    width: 100%;
}
.w50, .form-inline .w50 {
    width: 50%;
}


@media (max-width: 767px) { 
    .w50, .form-inline .w50 {
        width:100%;
    }
}

.maincontent {
    min-height: 30vh;
}
a {
    color:rgb(98,163,159);
    transition: all 500ms ease-in-out;
}
a:hover, a:active {
    color:#000;
}



/****** Buttons ******/

.btn-secondary {
    background-color: #0A6B70;
    border-color: #0A6B70;
    color:#FFF;
}
.btn-secondary:active {
    color:#FFF;
}

.btn-backtowww {
    background:rgb(98,163,159);
    border-color:rgb(98,163,159);
    color:#FFF;
}

.btn-backtowww:hover {
    background-color: #0A6B70;
    border-color: #0A6B70;
    color:#FFF;
}

.custom-control-input:checked ~ .custom-control-label::before {
    background:rgb(98,163,159);
    border-color:rgb(98,163,159);
}


.nav-pills .nav-link {
    background-color:rgba(98,163,159,0.1);
    border: 1px solid rgba(98,163,159,0.2);
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #0A6B70;
}

.page-item.active .page-link {
    background-color: #0A6B70;
    border-color: #0A6B70;
}

.page-item .page-link {
    color: #0A6B70;
}


/****** Kopf-Bereich / Navigation ******/

.outerheader {
    background-color: rgba(255,255,255,0.8);
    backdrop-filter: blur(3px);
    border-radius: 0;
}

.logo, .logofooter {
    max-width: 140px;
    height: auto;
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:active, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
    color:rgb(98,163,159);
}

.nav-item, .dropdown-menu {
    font-size: 14px;
}

.navbar-light .navbar-nav .nav-link {
    color:#3a3a3a;
}

.navbar-light .navbar-nav .nav-link:hover {
    color:rgb(98,163,159);
}

.navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 1rem;
}

.dropdown-menu {
    background-color: #FFF;
    border-radius: 0;
    border: 0px;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    padding: 0px;

}
.dropdown-item {
    transition: all 500ms ease-in-out;
    background-color:  rgba(98,163,159,0);
    color: #3a3a3a;
    padding: .5rem 1.5rem;
}
.dropdown-item:focus, .dropdown-item:hover {
    background-color:  rgba(98,163,159,1);
    color: #FFF;
}
.dropdown-menu .dropdown .dropdown-menu {
    top: 49px !important;
    left: 2px !important;
}



/****** Bannerbild ******/

.headerimage {
    transform:	skew(0,-2deg);
    -moz-transform:	skew(0,-2deg);
    -ms-transform: skew(0,-2deg);
    -o-transform: skew(0,-2deg);
    -webkit-transform: skew(0,-2deg);
    overflow: hidden;
    height: 350px;
    margin-top: -50px;
    
}

.headerimageInner {
    transform:	skew(0,2deg);
    -moz-transform:	skew(0,2deg);
    -ms-transform: skew(0,2deg);
    -o-transform: skew(0,2deg);
    -webkit-transform: skew(0,2deg);
}

/****** Breadcrumb ******/

.breadcrumb {
    color:#3a3a3a;
    border-radius: 0;
    padding:1rem 0;
    background:none;
}
.breadcrumb a {
    color:#3a3a3a;
}

.breadcrumb-item.active {
   color:#000; 
}

.breadcrumb-item i {
    font-style: normal;
}
.breadcrumb-item + .breadcrumb-item::before {
    content: "»";
}

/****** Categories ******/
.categoryblock {
    background: rgba(98,163,159,0.3);    
    min-height: 200px;
    /*
    background-image:url('/assets/img/category-background.png');
    */
    background-image:url('/assets/img/freilacke-service-banner-25.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}

.category-sdb {
    background: rgb(98,163,159);
    background: -moz-linear-gradient(90deg, rgba(98,163,159,0.2) 0%, rgba(98,163,159,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(98,163,159,0.2) 0%, rgba(98,163,159,0) 100%);
    background: linear-gradient(90deg, rgba(98,163,159,0.2) 0%, rgba(98,163,159,0) 100%);
}
.category-lagerliste {
    background: rgb(98,163,159);
    background: -moz-linear-gradient(90deg, rgba(98,163,159,0.3) 0%, rgba(98,163,159,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(98,163,159,0.3) 0%, rgba(98,163,159,0) 100%);
    background: linear-gradient(90deg, rgba(98,163,159,0.3) 0%, rgba(98,163,159,0) 100%);
}
.category-zertifikate {
    background: rgb(98,163,159);
    background: -moz-linear-gradient(90deg, rgba(98,163,159,0.4) 0%, rgba(98,163,159,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(98,163,159,0.4) 0%, rgba(98,163,159,0) 100%);
    background: linear-gradient(90deg, rgba(98,163,159,0.4) 0%, rgba(98,163,159,0) 100%);
}
.category-calculator {
    background: rgb(98,163,159);
    background: -moz-linear-gradient(90deg, rgba(98,163,159,0.5) 0%, rgba(98,163,159,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(98,163,159,0.5) 0%, rgba(98,163,159,0) 100%);
    background: linear-gradient(90deg, rgba(98,163,159,0.5) 0%, rgba(98,163,159,0) 100%);
}

.category-specials {
    background: rgb(98,163,159);
    background: -moz-linear-gradient(90deg, rgba(98,163,159,0.6) 0%, rgba(98,163,159,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(98,163,159,0.6) 0%, rgba(98,163,159,0) 100%);
    background: linear-gradient(90deg, rgba(98,163,159,0.6) 0%, rgba(98,163,159,0) 100%);
}


.categoryimage {
    text-align: right;  
    display: flex;
    flex-direction: row;
    justify-content: end;
}

.categoryimage img{
    width: calc(100% - 15px);
    margin-right: 0;
    height: 100%;
    min-height: 200px;
    object-fit: cover;
    position: relative;
    
}

.categorytext {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}
.categorytext ul {
    list-style-type: none;
    padding-left: 0;
}
.categorytext li::before {
    content: "» ";
    margin-right: 5px;
    font-size: 18px;
}

.categorytext a{
    color:#000;
}

.col-md-6.categorytext {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}

@media (max-width: 767px) { 
    .col-md-6.categorytext {
        margin-top: 0rem;
        margin-bottom: 0rem;
    }

    .categoryblock .col-md-6.categorytext:first-child  {
        margin-top: 1.5rem;
    }
 }

.categoryblock .btn-light {
    background-color: transparent;
    border:none;
}
.categoryblock .btn-light:focus, .categoryblock .btn-light:active, .categoryblock .btn-light:hover, .categoryblock .btn-light:visited {
    background-color: transparent !important;
    border:none !important;
}

.categoryicon {
    height: 15px;
    width:auto;
    margin-right:5px;
}

/****** Message ******/

#message {
    position: fixed;
    top: 0;
    z-index: 2000;
    width: 100%;
}

/****** Alert ******/
.alert-freilacke {
    background: rgb(98,163,159);
    background: -moz-linear-gradient(90deg, rgba(98,163,159,0.3) 0%, rgba(98,163,159,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(98,163,159,0.3) 0%, rgba(98,163,159,0) 100%);
    background: linear-gradient(90deg, rgba(98,163,159,0.3) 0%, rgba(98,163,159,0) 100%);
    color:#000;
    border-radius: 0;
    border:0px;
    /*
    border-color: rgba(98,163,159,0.5);
    */
    
}

/****** Tabs ******/
.tab-content {
    margin: 1.5rem 0;
}

/****** Tabs ******/
.tab-content {
    margin: 1.5rem 0;
}

/****** Vorschaubilder ******/

.filecard .card-body .card-img {
   width: unset;
   max-width: 100%;
}

.filecard .card-text {
    font-size: 14px;
}


/****** Contact-Teaser ******/

.contactteaser {
    background-color: #5DA39F;
    color:#FFF;
    margin-top: 6rem;
}
.contactteasertext {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}


@media (min-width: 768px) {  
    .contactteaser {
        background-image: url('/assets/img/contact-teaser-image-gradient-light.png');
        
        background-position: 0;
        background-repeat: no-repeat;
        background-size: contain;
    }
}

/****** Footer ******/

.footer {
    background-color:#CAE0DF;
    min-height: 20px;
}

.footernav {
    list-style-type: none;
    padding-left:0;
}

.footernav a {
    color:#3a3a3a;
}