@charset "utf-8";

/* Reset default browser CSS */

:root{
--max-size: 12;
--min-size: 10;
--max-width: 100;
--min-width: 80;
--min-height: 200;
--max-height: 100;

--font-family-alex-brush: 'Alex Brush', latin;
--font-family-allura: 'Allura', latin;
--font-family-anta: 'Anta', sans-serif;
--font-family-anton: 'Anton', sans-serif;
--font-family-arial: 'Arial', sans-serif;
--font-family-bad-script: 'Bad Script', latin;
--font-family-berkshire-swash: 'Berkshire Swash', latin;
--font-family-birthstone-bounce: 'Birthstone Bounce', latin;
--font-family-black-ops-one: 'Black Ops One', latin;
--font-family-caprasimo: 'Caprasimo', latin;
--font-family-dancing-script: 'Dancing Script', latin;
--font-family-iceland: 'Iceland', latin;
--font-family-pinyon-script: 'Pinyon Script', latin;
--font-family-meddon: 'Meddon', latin;
--font-family-mr-bedfort: 'Mr Bedfort', latin;
--font-family-new-cycle: 'New Cycle', latin;
--font-family-verdana: 'Verdana', sans-serif;
--font-family-times-new-roman: 'Times', serif;
}

/* alex-brush-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Alex Brush';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/alex-brush/alex-brush-v22-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* allura-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Allura';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/allura/allura-v22-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* anta-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Anta';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/anta/anta-v1-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* anton-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Anton';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/anton/anton-v25-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* bad-script-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bad Script';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/bad-script/bad-script-v16-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* berkshire-swash-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Berkshire Swash';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/berkshire-swash/berkshire-swash-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* birthstone-bounce-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Birthstone Bounce';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/birthtone-bounce/birthstone-bounce-v11-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* black-ops-one-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Black Ops One';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/black-ops-one/black-ops-one-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* caprasimo-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Caprasimo';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/caprasimo/caprasimo-v5-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* dancing-script-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/dancing-script/dancing-script-v25-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* iceland-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Iceland';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/iceland/iceland-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* meddon-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Meddon';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/meddon/meddon-v26-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* mr-bedfort-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mr Bedfort';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/mr-bedfort/mr-bedfort-v22-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* news-cycle-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'News Cycle';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/news-cycle/news-cycle-v23-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* icofont fuer die Icons */
@font-face{
    font-family: 'Icofont';
    font-weight: normal;
    font-style: normal;
    src:url('../../fonts/icofont/icofont.eot') format("eot"),
    url('../../fonts/icofont/icofont.woff2') format("woff2"),
    url('../../fonts/icofont/icofont.woff') format("woff"),
    url('../../fonts/icofont/icofont.ttf') format("true-type"),
    url('../../fonts/icofont/icofont.svg') format("svg");
    }


/* pinyon-script-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Pinyon Script';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/pinyon-script/pinyon-script-v23-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



*{
    padding: 0;
    margin: 0;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -ms-word-wrap: break-word;
     word-wrap: break-word;

     /* Non standard for WebKit */
     word-break: break-word;

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;

         /* Calculation */
    --diff-height: calc(var(--max-height) - var(--min-height));
    --responsive-height: calc((var(--min-height) * 1px) + var(--diff-height) * ((100vh - 600px) / (1500 - 600))); /* Ranges from 801px to 1499px */

         /* Calculation */
    --diff-width: calc(var(--max-width) - var(--min-width));
    --responsive-width: calc((var(--min-width) * 1px) + var(--diff-width) * ((100vw - 400px) / (3000 - 400))); /* Ranges from 401px to 2999px */

        /* Calculation */
    --diff: calc(var(--max-size) - var(--min-size));
    --responsive-size: calc((var(--min-size) * 1px) + var(--diff) * ((100vw - 400px) / (3000 - 400))); /* Ranges from 401px to 2999px */



}



.font-size9{
    font-size: 9px !important;
}
.font-size10{
    font-size: 10px !important;
}
.font-size11{
    font-size: 11px !important;
}
.font-size12{
    font-size: 12px !important;
}

.font-size13{
    font-size: 13px !important;
}
.font-size14{
    font-size: 14px;
}


/*---------------Max-Width--------------------------*/

.max-auto{
max-width: none;
width: auto !IMPORTANT;
}
.max2{
max-width: 2rem !IMPORTANT;

}
.max3{
max-width: 3rem !IMPORTANT;

}
.max4{
max-width: 4rem !IMPORTANT;

}
.maxhalb5{
max-width: 4.5rem !IMPORTANT;

}
.max5{
max-width: 5rem !IMPORTANT;

}
.max6{
max-width: 6rem !IMPORTANT;

}
.max7{
max-width: 7rem !IMPORTANT;

}
.max8{
max-width: 8rem !IMPORTANT;

}
.max9{
max-width: 9rem !IMPORTANT;

}
.max10{
max-width: 10rem !IMPORTANT;

}
.max11{
max-width: 11rem !IMPORTANT;

}
.max12{
max-width: 12rem !IMPORTANT;

}

.max13{
max-width: 13rem !IMPORTANT;

}

.max14{
max-width: 14rem !IMPORTANT;

}

.max15{
max-width: 15rem !IMPORTANT;

}

.max18{
max-width: 18rem !IMPORTANT;

}

.max20{
max-width: 20rem !IMPORTANT;

}

.max25{
max-width: 25rem !IMPORTANT;
width: 100%;
}

.max30{
max-width: 30rem !IMPORTANT;

}
.max35{
max-width: 35rem !IMPORTANT;

}
.max40{
max-width: 40rem !IMPORTANT;
}
.max45{
max-width: 45rem !IMPORTANT;
}

.max50{
max-width: 50rem !IMPORTANT;

}
.max60{
max-width: 60rem !IMPORTANT;

}
.max65{
max-width: 65rem !IMPORTANT;

}
.max70{
max-width: 70rem !IMPORTANT;

}
.max75{
max-width: 75rem !IMPORTANT;

}
.max80{
max-width: 80rem !IMPORTANT;

}
.max-eindrittel{
max-width: 30% !IMPORTANT;

}
.max-zweidrittel{
max-width: 60% !IMPORTANT;

}
.max-halb{
max-width: 45% !IMPORTANT;

}

.max-dreiviertel{
max-width: 70% !IMPORTANT;

}

.max-einviertel{
max-width: 22% !IMPORTANT;

}