@CHARSET "utf8";

    :root {
        
        --hpsir-btn-bg-color: #CDD0BB;
        --hpsir-btn-color: #6E7259;
        --hpsir-btn-hover-bg-color: #76a946;
        --hpsir-btn-hover-color: #6E7259;
        
        
        
        --main-btn-show_more-bg-color: #008000;
        --main-btn-show_more-bg-hover-color: #009900;
        
        --font-awesome: "Font Awesome 6 Free";
        
        
        --main-btn-gruen-bg-color: #008000;
        --farbe-gruen-matt:#76a946;
        --card-border-radius: 5px; /* Der Radius bei den Cards oben und unten */
        
        --main-hintergundfarbe-1: rgba(218,221,214,1);
        --main-hintergundfarbe-2: rgba(237,234,227,1);
        --main-hintergundfarbe-3: rgba(199,202,182,1);
        --main-hintergundfarbe-default: rgba(245,244,242,1);
        
        
        
    }

    .hintergrund-1 {
        background-color: var(--main-hintergundfarbe-1);
    }
    .hintergrund-2 {
        background-color: var(--main-hintergundfarbe-2);
    }
    .hintergrund-3 {
        background-color: var(--main-hintergundfarbe-3);
    }

    .card-img, .card-img-top, .card {
        border-top-left-radius: var(--card-border-radius);
        border-top-right-radius: var(--card-border-radius);
    }
    .card {
        border-bottom-left-radius: var(--card-border-radius);
        border-bottom-right-radius: var(--card-border-radius);
    }


    .seminar_seite {
        line-height: 1.9
    }

    .btn-success {
        --bs-btn-color: var(--hpsir-btn-color);
        --bs-btn-bg: var(--hpsir-btn-bg-color);
        --bs-btn-border-color: var(--farbe-gruen-matt);
        --bs-btn-hover-color: var(--hpsir-btn-hover-color);
        --bs-btn-hover-bg: var(--hpsir-btn-hover-bg-color);
        --bs-btn-hover-border-color: rgba(0,0,0,.1);
        --bs-btn-focus-shadow-rgb: 60,153,110;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: var(--farbe-gruen-matt);
        --bs-btn-active-border-color: var(--farbe-gruen-matt);
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: var(--farbe-gruen-matt);
        --bs-btn-disabled-border-color: var(--farbe-gruen-matt);
        font-weight: 700 ! important;
    }

    .btn {

        padding: 16px 3px 13px 3px;
        border-radius: 4px ! important;
        text-transform: uppercase;
        font-size: 13px ! important;
        letter-spacing: 0.05em;
        border: 1px solid transparent;
        box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
        transition: all 0.5s;
    }




    .btn:hover {
        box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 3px 0px, rgba(0, 0, 0, 0.06) 0px 2px 2px 0px;
    }

    .btn-no-shadow {
        box-shadow: none;
    }

    .btn_navigation {
        padding:.5rem;
        margin:0.5rem 0 0.5rem 0.5rem;
        text-transform: none;
    }
    .btn_navigation:before {        
        
        
        font-family: var(--font-awesome);
        font-weight: 900;
        content: "\f0e2";
        padding-right:.5rem;       
        
    }
    
    

    .btn-anzeigen:before {
        font-family: var(--font-awesome);
        font-weight: 900;
        content: "\f138";
        padding-right:.5rem;
    }

    /* die kleinen btn */
    .link_btn {
        padding:7px;
    }


    /* padding abstand in den container-flex / einheiten einer Seite */
    .p-container {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    body {
        margin:0 auto;
        padding:6.1rem 0 0 0; /*Wegen der Navigation*/
        width: 100%;
        color: rgba(41, 49, 45, 0.9);

        background-color: var(--main-hintergundfarbe-default);

        font-family: "Roboto","Helvetica Neue","Arial","Noto Sans","Liberation Sans","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    }




    /*  Small devices (landscape phones, 576px and up) */
    @media (min-width: 576px) {
        body {
            font-size:.8rem;
        }
    }

    /* Medium devices (tablets, 768px and up) */
    @media (min-width: 768px) {
        body {
            font-size:.85rem;
        }
    }

    /*  Large devices (desktops, 992px and up) */
    @media (min-width: 992px) {
        body {
            font-size:.9rem;
        }
        .container {
            padding-right:.2rem;
            padding-left:.2rem;
        }
    }

    /* X-Large devices (large desktops, 1200px and up) */
    @media (min-width: 1200px) {
    }

    /* XX-Large devices (larger desktops, 1400px and up) */
    @media (min-width: 1400px) {
    }





    a, a:hover {
        color:green;
    }
    #footer_bar {
        margin-top:10rem;
        background: #6e7259;
        padding-top:3rem;
    }
    #footer_bar a {
        color: rgb(237,234,227);
    }
    #footer_bar {
        color: rgba(218,221,214, 0.6);
        font-weight: bolder;
    }
    #footer_bar ul {
        list-style: none;
        text-align: center;
    }
    #footer_bar ul  a {
        text-decoration: none;
    }
    .breadcrumb {
        font-size:smaller;
    }
    /* Height for devices larger than 992px @media (min-width: 992px) {      .jumbotron {        height: 600px;      }    } */

    /* Heilpraktiker Themenauswahl aktive Bereiche */
    .themenbereich a {
        overflow: hidden;
        position: relative;
    }
    .themenbereich a:hover{
        overflow: visible;
    }
    .themenbereich .card img {
        width: 50%;
        margin: 0 auto;
    }
    .themenbereich a .card {
        transition: transform 0.5s, box-shadow 0.35s;
        margin: 0 auto;
        box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
        padding:.5rem;
    }
    .themenbereich a .card * {
        transition: transform 0.5s;
    }
    .themenbereich a:hover .card img, .themenbereich a:hover .card div {
        transform: scale(0.97);
    }
    .themenbereich a:hover .card {
        box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px, rgba(0, 0, 0, 0.3) 0px 3px 6px -3px, rgba(0, 0, 0, 0.2) 0px -1px 0px inset;
    }
    /* .themenbereich a:hover .card {box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px, rgba(0, 0, 0, 0.3) 0px 2px 14px -3px, rgba(0, 0, 0, 0.2) 0px -3px 10px inset;}*/

    /* Shake der nicht freigeschalteten Themen 
    .themenbereich .card.nicht:hover {animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;transform: translate3d(0, 0, 0);backface-visibility: hidden;perspective: 1000px;}
    @keyframes shake {10%, 90% {transform: translate3d(-1px, 0, 0);} 20%, 80% {transform: translate3d(2px, 0, 0);} 30%, 50%, 70% {transform: translate3d(-4px, 0, 0);} 40%, 60% {transform: translate3d(4px, 0, 0);} } 
    */

    /*
     * Der " + Mehr anzeigen" button
     */
    .show_more .colapse {
    }
    .show_more .collapse:not(.show) {
        height:10rem;
        overflow: hidden;
        display:block;
        position: relative;
    }
    .show_more .card-text.collapsing {
        height:10rem;
    }
    .show_more .card-text {
    }
    .show_more a.link_mehr:not(.collapsed):after {
        content: '- weniger anzeigen';
    }
    .show_more a.link_mehr.collapsed:after {
        content: '+ mehr anzeigen';
    }
    .show_more a.link_mehr {
        background-color: var(--main-btn-show_more-bg-color)!important;
    }
    .show_more a.link_mehr {
        text-decoration: none;
        margin-top:.5rem;
        margin-bottom:1rem;
        box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
        transition: box-shadow 0.25s;
    }
    .show_more a.link_mehr:hover {
        text-decoration: none;
        color:white;
        box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
    }
    /* Ausgrauen der DIVs*/
    .card-text.collapse.show:after {
        content: none;
    }
    .card-text.collapse:after {
        content: " ";
        z-index: 10;
        display: block;
        
        position: absolute;
        height: 1vw;
        bottom: 0;
        left: 0;
        right: 0;
        background: linear-gradient(180deg,rgba(255,255,255,0), rgba(255,255,255,0.50) 30%, rgba(255,255,255,.99) 100%);
        background: linear-gradient(180deg,rgba(255,255,255,0), rgba(0,0,0,0.10) 40%,rgba(0,0,0,0.30) 95%, rgba(0,0,0,.8) 100%);
        background: linear-gradient(180deg,rgba(255,255,255,0), rgba(0,0,0,0.10) 90%,rgba(0,0,0,0.30) 95%, rgba(0,0,0,.8) 100%);
        border-radius: 0 0 5px 5px;
    }
    .link_mehr {
        font-size:1rem;
        font-weight: normal;
        padding: .35rem .75rem;
    }


    
        
    
    .card_seminar:hover, .card_dozenten:hover, .card_rund_um_ausbildung:hover {
        transform: scale(1.02);
    }


    .card-title {
        color: #414548;
        font-weight: 700;
    }

    /* Default CARDS aller Seiten, ganzleichten hoover */
    .card_alt {
        box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
        border:none;
        transition: box-shadow 1s;/*padding:1rem*/
    }
    .card {
        box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px, rgba(0, 0, 0, 0.3) 0px 4px 7px -2px, rgba(0, 0, 0, 0.2) 0px -2px 0px inset;
        border:none;
        transition: all 1s;
        padding:0px;
    }
    .card:hover {
        box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 3px, rgba(0, 0, 0, 0.3) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
    }

    .card_seminar .card-img-top {
        object-fit: cover;
        min-height:7vw;
    }
    .card_block {
    }
    .card_block .card-img-top {
        object-fit: cover;
        height:5rem;
    }
    .card_block .card-title{
        font-weight: bold;
    }
    .card_block .card-body {
        padding:.5rem;
        text-align: center;
    }
    .card_block .btn {
        width:50%;
    }

    .card_rund_um_ausbildung {
        padding:0.0rem;
    }
    .card_rund_um_ausbildung .card-img-top {
        min-height: 9vw;
        object-fit: cover;
    }


    /* Zwischenprüfungen */
    .zwischenpruefungsfrage_fragen_zeile, .frage {
        font-size: larger;
        font-weight: bold;
    }
    .zwischenpruefungsfrage_unterpunkte_ul {
        list-style: decimal !important;
        padding-top: 15px;
        margin-top: 0px;
    }
    .zwischenpruefungsfrage .anmerkungen {
        __background-color:#e0f1bd;
        border: 1px solid #ccc;
        border-radius: 6px;
        margin: 20px 5px;
        padding: 5px;
        overflow: auto;
        width:20%;
        float:right;
        box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
    }

    
    
/*
Lernfragen / HPP Amtsarztfragen
*/
    .lernfrage {border-bottom:solid 1px rgba(0,0,0,.02); padding:.5rem }
    .lernfrage .frage {color: rgb(38,60,41);  }
    .lernfrage ul { list-style-type: none; }


    
    
    
    .fehler {
        color:red;
    }
    .richtig {
        color:green;
    }

    /* Tabellen header rotieren */
    th.rotate { /* Something you can count on */
        white-space: nowrap;
        font-size:large;
    }
    th.rotate > div {
        transform-origin: 0 100%;
        transform: translate(45px, 0) rotate(-15deg);
        width:80px;
    }

    .termin_schoen.termin_markiert  {
        background-color: rgba(34,139,34 ,.5 );
    }
    .termin_schoen {
        width: 100%;
        float: left;
        padding: 5px 0px 8px 0px;
        position: relative;
        border-bottom: 1px dotted #ccc;
        border:none;
    }
    .termin_schoen .date {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        vertical-align: baseline;
        width: 86px;
        height: 90px;
        padding: .8rem 0px 0px 0px;
        float: left;
        text-align: center;
        color: #333;
        left: 0px;
        top: 20px;
        background: #ffc400;
        text-transform: uppercase;
        text-align: center;
        font-family: 'Oswald', sans-serif;
        line-height: 18px;
        border-radius: 3px;
    }
    .date .monat {
        margin: 0;
        padding: 0;
        border: 0;
        color: #333;
        padding-bottom: 5px;
        font-size: 11px;
        text-transform: uppercase;
        font-weight: normal;
    }
    .date .tag {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 32px;
        font-weight: bold;
        color: #fff;
        padding-bottom: 8px;
    }
    .date .jahr {
        margin: 0;
        padding: 0;
        border: 0;
        color: #333;
        padding-bottom: 5px;
        font-size: 11px;
    }
    .termin_schoen .beschreibung {
        width: auto;
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0px 0px 0px 101px;
        margin: 0;
        border: 0;
        font-size: 90%;
        vertical-align: baseline;
    }
    .termin_schoen .beschreibung .thema {
        ;
        font-weight: 500;
        line-height: 1.2;
    }
    .termin_schoen .beschreibung p {
        width: 100%;
        margin:0;
    }
    /* Termine neu */

    .termin_neu_zukunft{
    }
    .termin_neu_vergangen{
        color:rgba(0,0,0,0.3);
    }
    .termin_neu_heute{
        border: 2px solid grey;
        border-radius: 3px;
    }
    .termin_neu_fehler{
        background-color: red;
    }
    .termin_neu_heute{
        border: 2px solid green;
    }
    .termin_neu_fehler{
        background-color: red;
    }
    .termin_neu_zukunft{
    }
    .termin_neu_vergangen{
        color:rgba(0,0,0,0.3);
    }


    .termin_neu_schoen.termin_neu_vergangen .date{
        background: rgba(255,196,0,0.29);
    }
    .termin_neu_schoen.termin_neu_markiert  {
        background-color: rgba(34,139,34 ,.5 );
    }
    .termin_neu_schoen {
        width: 100%;
        float: left;
        padding: 5px 0px 8px 0px;
        position: relative;
        font-size:16px;
        line-height:1.4;
    }
    .termin_neu_schoen .date {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 1em;
        vertical-align: baseline;
        width: 4em;
        height: 4.3em;
        padding: .3em 0px 0px 0px;
        float: left;
        text-align: center;
        color: #333;
        left: 0px;
        top: 20px;
        background: #ffc400;
        text-transform: uppercase;
        text-align: center;
        font-family: 'Oswald', sans-serif;
        line-height: 1.0rem;
        border-radius: 3px;
    }
    .termin_neu_schoen .date .monat {
        margin: 0;
        padding: 0;
        border: 0;
        color: #333;
        padding-bottom: 5px;
        font-size: .6em;
        text-transform: uppercase;
        font-weight: normal;
    }
    .termin_neu_schoen .date .tag {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 1.8em;
        font-weight: bold;
        color: #fff;
        padding-bottom: 8px;
    }
    .termin_neu_schoen .date .jahr {
        margin: 0;
        padding: 0;
        border: 0;
        color: #333;
        padding-bottom: 5px;
        font-size: .7em;
    }
    .termin_neu_schoen .beschreibung {
        width: auto;
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0px 0px 0px 4.5rem;
        margin: 0;
        border: 0;
        hyphens: auto;
        font-size: .8rem;
        vertical-align: baseline;
    }
    .termin_neu_schoen .beschreibung .thema {
        font-weight: 500;
        line-height: 1.2;
    }
    .termin_neu_schoen .beschreibung p {
        width: 100%;
        margin:0;
    }


    .jumbotron {
        height:400px;
        margin-bottom: 3%;
        color: #444444;
        background: #FFFFFF;
        box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
    }
    .jumbotron_text_in {
        color:white;
        text-shadow: 0px 0px 2px rgba(0,0,0,0.92), 3px 3px 8px rgba(0,0,0,0.62);
        background: rgba(5,5,5,.2);
    }
    .jumbotron_text_out {
    }



    .nowrap {
        white-space: nowrap;
        overflow: hidden;
    }







    .accordion a:hover, .accordion a:focus{
        text-decoration: none;
        outline: none;
    }
    .accordion .panel{
        border: none;
        border-radius: 0;
        box-shadow: none;
        margin: 0 0 20px;/* overflow: hidden; */
        position: relative;
    }
    .accordion .panel-heading{
        padding: 0;
        border: none;
        border-radius: 0;
        margin-bottom: 10px;
        z-index: 1;
        position: relative;
    }
    .accordion .panel-heading:before,
    .accordion .panel-heading:after{
        content: "";
        width: 50%;
        height: 50%;
        box-shadow: 0 15px 5px rgba(0, 0, 0, 0.4);
        position: absolute;
        bottom: 15px;
        left: 10px;
        transform: rotate(-3deg);
        z-index: -1;
    }
    .accordion .panel-heading:after{
        left: auto;
        right: 10px;
        transform: rotate(3deg);
    }
    .accordion .panel-title {
        margin-bottom:0.9rem;
    }
    .accordion .panel-title a{
        display: block;
        padding: 15px 70px 15px 70px;
        margin: 0;
        background: #fff;
        font-size: 18px;
        font-weight: 700;
        letter-spacing: 1px;
        color: #d11149;
        color: var(--farbe-gruen-matt);
        border-radius: 0;/*box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0.1) inset;*/
        position: relative;
    }
    .accordion .panel-title a:before,
    .accordion .panel-title a.collapsed:before{
        content: "\f106";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        width: 55px;
        height: 100%;
        text-align: center;
        line-height: 50px;
        border-left: 2px solid var(--farbe-gruen-matt);
        position: absolute;
        top: 0;
        right: 0;
    }
    .accordion .panel-title a.collapsed:before{
        content: "\f107";
    }
    .accordion .panel-title a .icon{
        display: inline-block;
        width: 55px;
        height: 100%;
        border-right: 2px solid var(--farbe-gruen-matt);
        font-size: 20px;
        color: rgba(0,0,0,0.7);
        line-height: 50px;
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
    }
    .accordion .panel-body {
        padding: 10px 20px;
        margin: 0 0 20px;
        border-bottom: 3px solid var(--farbe-gruen-matt);
        border-top: none;
        background: #fff;
        font-size: 15px;
        color: #333;
        line-height: 27px;
    }



    /* ------------------------------------------------------------------------------------------------------------- */






    /* roboto-regular - latin */
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        font-display:swap;
        src: url('https://www.Elearning-richter.de/public/fonts/google_roboto/roboto-v27-latin-regular.eot'); /* IE9 Compat Modes */
        src: local(''),url('https://www.Elearning-richter.de/public/fonts/google_roboto/roboto-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.Elearning-richter.de/public/fonts/google_roboto/roboto-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('https://www.Elearning-richter.de/public/fonts/google_roboto/roboto-v27-latin-regular.woff') format('woff'), /* Modern Browsers */ url('https://www.Elearning-richter.de/public/fonts/google_roboto/roboto-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://www.Elearning-richter.de/public/fonts/google_roboto/roboto-v27-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
    }

    /* roboto-300 - latin */
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 300;
        font-display:swap;
        src: url('https://www.Elearning-richter.de/public/fonts/google_roboto/roboto-v27-latin-300.eot'); /* IE9 Compat Modes */
        src: local(''), url('https://www.Elearning-richter.de/public/fonts/google_roboto/roboto-v27-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.Elearning-richter.de/public/fonts/google_roboto/roboto-v27-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('https://www.Elearning-richter.de/public/fonts/google_roboto/roboto-v27-latin-300.woff') format('woff'), /* Modern Browsers */ url('https://www.Elearning-richter.de/public/fonts/google_roboto/roboto-v27-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://www.Elearning-richter.de/public/fonts/google_roboto/roboto-v27-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
    }

    /* roboto-500 - latin */
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 500;
        font-display:swap;
        src: url('https://www.Elearning-richter.de/public/fonts/google_roboto/roboto-v27-latin-500.eot'); /* IE9 Compat Modes */
        src: local(''),url('https://www.Elearning-richter.de/public/fonts/google_roboto/roboto-v27-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.Elearning-richter.de/public/fonts/google_roboto/roboto-v27-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('https://www.Elearning-richter.de/public/fonts/google_roboto/roboto-v27-latin-500.woff') format('woff'), /* Modern Browsers */ url('https://www.Elearning-richter.de/public/fonts/google_roboto/roboto-v27-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://www.Elearning-richter.de/public/fonts/google_roboto/roboto-v27-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
    }
    /* roboto-700 - latin */
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 700;
        font-display:swap;
        src: url('https://www.Elearning-richter.de/public/fonts/google_roboto/roboto-v27-latin-700.eot'); /* IE9 Compat Modes */
        src: local(''),url('https://www.Elearning-richter.de/public/fonts/google_roboto/roboto-v27-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */url('https://www.Elearning-richter.de/public/fonts/google_roboto/roboto-v27-latin-700.woff2') format('woff2'), /* Super Modern Browsers */url('https://www.Elearning-richter.de/public/fonts/google_roboto/roboto-v27-latin-700.woff') format('woff'), /* Modern Browsers */url('https://www.Elearning-richter.de/public/fonts/google_roboto/roboto-v27-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */url('https://www.Elearning-richter.de/public/fonts/google_roboto/roboto-v27-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
    }







    /*
        * Bilderzoom für CARDs
        */
    /*
.bilderzoom a {  overflow: hidden;  position: relative;}
.bilderzoom a:hover{  overflow: visible;}
.bilderzoom a img {  transition: transform 0.5s;  width: 50%; margin: 0 auto; }
.bilderzoom a:hover img {  transform: scale(1.4);transform: scale(.90);} 
    */