/*
************************************************************
*
*                        FONT
*
************************************************************
*/



    @font-face {
        font-family: 'Patron-Bold';
        src:
            url('./fonts/PatronWEB-Bold.woff2') format('woff2'),
            url('./fonts/PatronWEB-Bold.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }

    .patron-bold {
        font-family: 'Patron-Bold';
    }

    @font-face {
        font-family: 'Patron-Italic';
        src:
            url('./fonts/PatronWEB-Italic.woff2') format('woff2'),
            url('./fonts/PatronWEB-Italic.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }

    .patron-italic {
        font-family: 'Patron-Italic';
    }


    @font-face {
        font-family: 'Patron-Light';
        src:
            url('./fonts/PatronWEB-Light.woff2') format('woff2'),
            url('./fonts/PatronWEB-Light.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }

    .patron-light {
        font-family: 'Patron-Light';
    }

    @font-face {
        font-family: 'Patron-LightItalic';
        src:
            url('./fonts/PatronWEB-LightItalic.woff2') format('woff2'),
            url('./fonts/PatronWEB-LightItalic.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }

    .patron-light-italic {
        font-family: 'Patron-LightItalic';
    }    

    @font-face {
        font-family: 'Patron-Medium';
        src:
            url('./fonts/PatronWEB-Medium.woff2') format('woff2'),
            url('./fonts/PatronWEB-Medium.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }

    .patron-medium {
        font-family: 'Patron-Medium';
    }

    @font-face {
        font-family: 'Patron-Regular';
        src:
            url('./fonts/PatronWEB-Regular.woff2') format('woff2'),
            url('./fonts/PatronWEB-Regular.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }

    .patron-regular {
        font-family: 'Patron-Regular';
    }

/*
************************************************************
*
*                        ICONS
*
************************************************************
*/


    @font-face {
      font-family: 'li-be';
      src:  url('./fonts/li-be.eot?l6z2c6');
      src:  url('./fonts/li-be.eot?l6z2c6#iefix') format('embedded-opentype'),
        url('./fonts/li-be.ttf?l6z2c6') format('truetype'),
        url('./fonts/li-be.woff?l6z2c6') format('woff'),
        url('./fonts/li-be.svg?l6z2c6#li-be') format('svg');
      font-weight: normal;
      font-style: normal;
    }

    [class^="icon-"], [class*=" icon-"] {
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: 'li-be' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;

      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

    .icon-cross:after {
      content: "\e900";
    }
    .icon-search:after {
      content: "\e901";
    }
    .icon-mail:after {
      content: "\e902";
    }

    .icon-Pfeile_Li-Be:after {
      content: "\e903";
    }

/*
************************************************************
*
*                        SHARIFF
*
************************************************************
*/



    @font-face {
      font-family: 'Font Awesome 5 Brands';
      font-style: normal;
      font-weight: normal;
      src: url("./fonts/fa-brands-400.eot");
      src: url("./fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("./fonts/fa-brands-400.woff2") format("woff2"), url("./fonts/fa-brands-400.woff") format("woff"), url("./fonts/fa-brands-400.ttf") format("truetype"), url("./fonts/fa-brands-400.svg#fontawesome") format("svg"); }

    .fab {
      font-family: 'Font Awesome 5 Brands'; 
    }

    .fa-facebook:before {
        content: "\f09a"; 
    }
    .fa-facebook-f:before {
      content: "\f39e"; 
    }


    .fa-twitter:before {
      content: "\f099"; 
    }

    .share_text {
        display: none;
    }

    .shariff ul{
        list-style-type: none;
        padding: 0;
        margin: 0;
        display: flex;
    }
    
    .shariff li {
        margin-right: 1vw;
    }

/*
************************************************************
*
*                        BASIC
*
************************************************************
*/

    html {
        scroll-behavior: smooth;
    }
    
    body {
        font-family: 'Patron-Regular';
        font-size: 20px;
        line-height: 1.4;
        color: black;
        margin:0;
    }

    * {
        outline: none !important;
        /*outline: 1px solid red;*/
    }

    a {
        color: black;
        text-decoration: none;
    }

    a:hover, a:focus, a:active {
        color: black;
    }

    a[href^="mailto:"]:after {
        font-family: 'li-be' !important;
        content:" \e902" !important;
    }

    a img{
        border: 0px;
    }

    p, h1, h2, h3, h4, h5 {
        margin-top: 0;
        font-weight: 400;
    }

    button:focus {
        outline:0;
    }

    input:focus {
        outline: none;
    }

    input {
        border-radius: 0;
    }

    strong, b {
        font-family: 'Patron-Bold';
        font-weight: normal !important;
    }

    em, i {
        font-family: 'Patron-Italic';
        font-style: normal !important;
    }