/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 26.05.2020, 09:03:38
    Author     : matthiasgraf
*/


@font-face {
    font-family: 'ITC Avant Garde Std Bk';
    src: url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-BkObl.eot');
    src: local('ITC Avant Garde Gothic Std Book Oblique'), local('ITCAvantGardeStd-BkObl'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-BkObl.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-BkObl.woff2') format('woff2'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-BkObl.woff') format('woff'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-BkObl.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'ITC Avant Garde Gothic Std';
    src: url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-XLtCnObl.eot');
    src: local('ITC Avant Garde Gothic Std Extra Light Condensed Oblique'), local('ITCAvantGardeStd-XLtCnObl'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-XLtCnObl.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-XLtCnObl.woff2') format('woff2'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-XLtCnObl.woff') format('woff'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-XLtCnObl.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'ITC Avant Garde Gothic Std Bold Condensed';
    src: url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-BoldCn.eot');
    src: local('ITC Avant Garde Gothic Std Bold Condensed'), local('ITCAvantGardeStd-BoldCn'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-BoldCn.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-BoldCn.woff2') format('woff2'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-BoldCn.woff') format('woff'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-BoldCn.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'ITC Avant Garde Std Bk';
    src: url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-DemiObl.eot');
    src: local('ITC Avant Garde Gothic Std Demi Oblique'), local('ITCAvantGardeStd-DemiObl'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-DemiObl.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-DemiObl.woff2') format('woff2'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-DemiObl.woff') format('woff'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-DemiObl.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'ITC Avant Garde Std XLt';
    src: url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-XLtObl.eot');
    src: local('ITC Avant Garde Gothic Std Extra Light Oblique'), local('ITCAvantGardeStd-XLtObl'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-XLtObl.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-XLtObl.woff2') format('woff2'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-XLtObl.woff') format('woff'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-XLtObl.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'ITC Avant Garde Std XLt';
    src: url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-XLt.eot');
    src: local('ITC Avant Garde Gothic Std Extra Light'), local('ITCAvantGardeStd-XLt'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-XLt.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-XLt.woff2') format('woff2'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-XLt.woff') format('woff'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-XLt.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'ITC Avant Garde Std Md';
    src: url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-BoldObl.eot');
    src: local('ITC Avant Garde Gothic Std Bold Oblique'), local('ITCAvantGardeStd-BoldObl'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-BoldObl.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-BoldObl.woff2') format('woff2'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-BoldObl.woff') format('woff'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-BoldObl.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'ITC Avant Garde Gothic Std Medium Condensed';
    src: url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-MdCn.eot');
    src: local('ITC Avant Garde Gothic Std Medium Condensed'), local('ITCAvantGardeStd-MdCn'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-MdCn.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-MdCn.woff2') format('woff2'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-MdCn.woff') format('woff'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-MdCn.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'ITC Avant Garde Gothic Std Extra Light Condensed';
    src: url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-XLtCn.eot');
    src: local('ITC Avant Garde Gothic Std Extra Light Condensed'), local('ITCAvantGardeStd-XLtCn'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-XLtCn.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-XLtCn.woff2') format('woff2'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-XLtCn.woff') format('woff'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-XLtCn.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'ITC Avant Garde Gothic Std Demi Condensed';
    src: url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-DemiCn.eot');
    src: local('ITC Avant Garde Gothic Std Demi Condensed'), local('ITCAvantGardeStd-DemiCn'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-DemiCn.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-DemiCn.woff2') format('woff2'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-DemiCn.woff') format('woff'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-DemiCn.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ITC Avant Garde Gothic Std';
    src: url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-BkCnObl.eot');
    src: local('ITC Avant Garde Gothic Std Book Condensed Oblique'), local('ITCAvantGardeStd-BkCnObl'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-BkCnObl.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-BkCnObl.woff2') format('woff2'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-BkCnObl.woff') format('woff'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-BkCnObl.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'ITC Avant Garde Gothic Std';
    src: url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-BoldCnObl.eot');
    src: local('ITC Avant Garde Gothic Std Bold Condensed Oblique'), local('ITCAvantGardeStd-BoldCnObl'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-BoldCnObl.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-BoldCnObl.woff2') format('woff2'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-BoldCnObl.woff') format('woff'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-BoldCnObl.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'ITC Avant Garde Std Md';
    src: url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-Md.eot');
    src: local('ITC Avant Garde Gothic Std Medium'), local('ITCAvantGardeStd-Md'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-Md.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-Md.woff2') format('woff2'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-Md.woff') format('woff'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-Md.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'ITC Avant Garde Std Bk';
    src: url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-Demi.eot');
    src: local('ITC Avant Garde Gothic Std Demi'), local('ITCAvantGardeStd-Demi'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-Demi.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-Demi.woff2') format('woff2'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-Demi.woff') format('woff'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-Demi.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'ITC Avant Garde Gothic Std Book Condensed';
    src: url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-BkCn.eot');
    src: local('ITC Avant Garde Gothic Std Book Condensed'), local('ITCAvantGardeStd-BkCn'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-BkCn.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-BkCn.woff2') format('woff2'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-BkCn.woff') format('woff'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-BkCn.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ITC Avant Garde Gothic Std';
    src: url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-DemiCnObl.eot');
    src: local('ITC Avant Garde Gothic Std Demi Condensed Oblique'), local('ITCAvantGardeStd-DemiCnObl'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-DemiCnObl.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-DemiCnObl.woff2') format('woff2'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-DemiCnObl.woff') format('woff'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-DemiCnObl.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'ITC Avant Garde Gothic Std';
    src: url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-MdCnObl.eot');
    src: local('ITC Avant Garde Gothic Std Medium Condensed Oblique'), local('ITCAvantGardeStd-MdCnObl'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-MdCnObl.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-MdCnObl.woff2') format('woff2'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-MdCnObl.woff') format('woff'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-MdCnObl.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'ITC Avant Garde Std Md';
    src: url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-MdObl.eot');
    src: local('ITC Avant Garde Gothic Std Medium Oblique'), local('ITCAvantGardeStd-MdObl'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-MdObl.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-MdObl.woff2') format('woff2'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-MdObl.woff') format('woff'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-MdObl.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'ITC Avant Garde Std Bk';
    src: url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-Bk.eot');
    src: local('ITC Avant Garde Gothic Std Book'), local('ITCAvantGardeStd-Bk'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-Bk.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-Bk.woff2') format('woff2'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-Bk.woff') format('woff'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-Bk.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'ITC Avant Garde Std Md';
    src: url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-Bold.eot');
    src: local('ITC Avant Garde Gothic Std Bold'), local('ITCAvantGardeStd-Bold'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-Bold.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-Bold.woff2') format('woff2'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-Bold.woff') format('woff'),
        url('/css/fonts/ITCAvantGarde/ITCAvantGardeStd-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}



@font-face {
    font-family: 'SabonIt';
    src: url('/css/fonts/SabonIt/sabonltstd-italic-webfont.eot');
    src: local('SabonIt'), local('SabonIt'),
        url('/css/fonts/SabonIt/sabonltstd-italic-webfont.eot') format('embedded-opentype'),
        url('/css/fonts/SabonIt/sabonltstd-italic-webfont.woff') format('woff'),
        url('/css/fonts/SabonIt/sabonltstd-italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*
@font-face{
    font-family:ITCAvantGarde-RegBook;
    src:url(/css/fonts/ITCAvantGardeStd-Bk.eot);
    src:url(/css/fonts/ITCAvantGarde/ITCAvantGardeStd-Bk.woff),url(/css/fonts/ITCAvantGarde/ITCAvantGardeStd-Bk.woff2),url(/css/fonts/ITCAvantGardeStd-Bk.ttf) format("truetype")
}*/


/*@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i');


@font-face{
    font-family:ITCAvantGarde-XLtBook;
    src:url(/css/fonts/ITCAvantGardeStd-XLt.49dc232f.woff)
}
@font-face{
    font-family:ITCAvantGarde-RegBook;
    src:url(/css/fonts/ITCAvantGardeStd-Bk.679960ed.eot);
    src:url(/css/fonts/ITCAvantGardeStd-Bk.ae29d873.woff),url(/css/fonts/ITCAvantGardeStd-Bk.01dbf87c.woff2),url(/css/fonts/ITCAvantGardeStd-Bk.340c5ba2.ttf) format("truetype")
}
@font-face{
    font-family:ITCAvantGarde-MdBook;
    src:url(/css/fonts/ITCAvantGardeStd-Md.303a5b83.eot);
    src:url(/css/fonts/ITCAvantGardeStd-Md.74f36880.woff),url(/css/fonts/ITCAvantGardeStd-Md.a611985f.woff2),url(/css/fonts/ITCAvantGardeStd-Md.8fd217d2.ttf) format("truetype")
}
@font-face{
    font-family:ITCAvantGarde-BoldBook;
    src:url(/css/fonts/ITCAvantGardeStd-Bold.35fa0c6b.eot);
    src:url(/css/fonts/ITCAvantGardeStd-Bold.944450ce.woff),url(/css/fonts/ITCAvantGardeStd-Bold.0df77d0e.woff2),url(/css/fonts/ITCAvantGardeStd-Bold.4c843bcc.ttf) format("truetype")
}
@font-face{
    font-family:ITCAvantGarde-XLtOblique;
    src:url(/css/fonts/ITCAvantGardeStd-XLtObl.580dda4e.woff)
}
@font-face{
    font-family:ITCAvantGarde-Oblique;
    src:url(/css/fonts/ITCAvantGardeStd-BkObl.242fc025.woff)
}
@font-face{
    font-family:ITCAvantGarde-MdOblique;
    src:url(/css/fonts/ITCAvantGardeStd-MdObl.08162765.woff)
}
@font-face{
    font-family:ITCAvantGarde-BoldOblique;
    src:url(/css/fonts/ITCAvantGardeStd-BoldObl.05a77cfc.woff)
}
@font-face{
    font-family:ITCAvantGarde-Demi;
    src:url(/css/fonts/ITCAvantGardeStd-Demi.29247e8c.woff)
}
@font-face{
    font-family:ITCAvantGarde-DemiOblique;
    src:url(/css/fonts/ITCAvantGardeStd-DemiObl.1be32060.woff)
}
@font-face{
    font-family:SabonIt;
    src:url(/css/fonts/sabonltstd-italic-webfont.c9334310.woff)
}
*/
html {
    /*font-family: 'ITC Avant Garde Std Bk';*/
    /*-webkit-font-smoothing: antialiased;*/
    font-family: 'SabonIt';
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    color: #636363;
    font-weight: 400;
    font-style: italic;
}

body {
    font-family: 'SabonIt';
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    color: #636363;
    font-weight: 400;
    font-style: italic;
}

footer {
    font-family: 'ITC Avant Garde Std Bk';
}

h1 {
    text-transform: none;
    font-family: 'ITC Avant Garde Std Bk';
    font-weight: bold;
}

h2, h3, h4, h5, h6 {
    text-transform: uppercase;
    font-family: 'ITC Avant Garde Std Bk';
    font-weight: bold;
}


#cookieSOFRI_vintage { 
    padding-top:42px; 
}

#cookieSOFRI a {color:#000; text-decoration:none;}
#cookieSOFRI a:hover {text-decoration:underline;}
#cookieSOFRI #cookieinhalt {
    padding:10px;
    padding-top:5px; 
    padding-right:40px; 
    padding-bottom:25px;
    background: rgba(255, 255, 255, 0.8);
}

#cookieSOFRI {
    text-align:center;
    position:fixed;
    bottom:0px;
    z-index:10000;
    width:100%; 
    font-size:12px; 
    line-height:28px;
}

#cookieSOFRICloser {
    color: #777;
    font: 14px/100% 'ITC Avant Garde Std Bk';
    position: absolute;
    right: 5px;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    top: 50px;
    cursor:pointer;
    padding:4px;
}

#cookieSOFRICloser:hover {
    font: 18px/100% 'ITC Avant Garde Std Bk' ;
    right:3px; 
    top:48px;
    position: absolute;
}




.box
{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 rgba(0, 0, 0, 0.19);
    border-radius: 10px;
}
.card
{
    margin-top: 80px;
    height: 275px;
    transition: 0.5s;
    max-width: 165px;
    margin-left: 25px;
    line-height: 1.2;
}
.card:hover
{
    border: 1px solid #455C2C;
    border-radius: 30px;
}
.card .cardImg
{
    height: 150px;
    width: 90%;
    position: relative;
    top: -15px;
    left: 5%;
}
.card .cardImg img
{
    width: 100%;
    height: 100%;
}

.card .info
{
    text-align: center;
}
.card .info h3
{
    color: rgb(70, 66, 66);
}
.card .info p
{
    color: rgb(41, 201, 49);
}

.ligne
{
    display: flex;
}

.btn-primary
{
    background-color: #455C2C;
    font-family: 'ITC Avant Garde Std Bk';
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus
{
    background-color: #fff;
    color: #636363;
    font-family: 'ITC Avant Garde Std Bk';
}

.btn-primary:not(:disabled):not(.disabled):active
{
    background-color: #45762b;
    font-family: 'ITC Avant Garde Std Bk';
}

.textparts {
    font-size: 40px;
}

.productButton {
    text-transform: uppercase;
}


@media (max-width: 575.98px) {


}

@media (min-width: 576px) and (max-width: 767.98px) {


}

@media (min-width: 768px) and (max-width: 991.98px) {  


}

@media (min-width: 992px) and (max-width: 1199.98px) { 


}

@media (min-width: 1200px) { 

    .card
    {
        margin-left: 0px;
    }

}


.background-grey {
    background-color: #fafafa; 
    padding: 15px 20px 10px 20px;
}

.anwendung-header {
    font-weight: bold;
    margin-top: 15px;
}

.ueberschrift {
    display:block;
    font-size:32px;
    font-weight:500;
    line-height:48px;
    font-family: 'ITC Avant Garde Std Bk';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    text-transform: uppercase;
}

a {
    color: #000000;
}

a:hover{
    color: #636363;
    text-decoration: none;
}


.btn-violett
{
    background-color: #a51890; 
    font-size: 18px; 
    font-family: 'ITC Avant Garde Std Bk';
}

.btn-violett:hover, .btn-violett:active, .btn-violett:focus
{
    background-color: #fff;
    color: #636363;
    font-family: 'ITC Avant Garde Std Bk';
}

.btn-violett:not(:disabled):not(.disabled):active
{
    background-color: #a51890;
}

.btn-gruen
{
    background-color: #009639; 
    font-size: 18px; 
    font-family: 'ITC Avant Garde Std Bk';
}

.btn-gruen:hover, .btn-gruen:active, .btn-gruen:focus
{
    background-color: #fff;
    color: #636363;
    font-family: 'ITC Avant Garde Std Bk';
}