/*! pxlr_cocoon v2.0.0 | (c) 2026 Pierre Brost | MIT License | http://github.com/cferdinandi/build-tools-boilerplate */
@charset "UTF-8";
/*
Theme Name: pxlr-cocoon
Theme URI: https://pxlr-cocoon.px
Author: Pierre Brost
Author URI: http://www.pixelizer.de
Version: 1.0.0
File: fonts.scss
Text Domain: pxlr-cocoon
Desc: get typeface fonts and icons fonts
*/
/* Global*/
/*
Theme Name: pxlr-cocoon
Theme URI: https://pxlr-cocoon.px
Author: Pierre Brost
Author URI: http://www.pixelizer.de
Version: 1.0.0
Text Domain: pxlr-cocoon
File: typography.scss
Desc: Typografie
*/
/*
Global Font
In case of safari etc we need wof as well. But on the google page you get only ttf for Libre Franklin.
So use @link https://fonts.google.com/specimen/Libre+Franklin#standard-styles
to get all font types from Libre Franklin we convert ttf also as eot, woff, woff2, svg over https://transfonter.org/
ttf -> fonts/LibreFranklin/static
eot, woff, woff2, svg ->fonts/LibreFranklin/static/coverted-webfonts

Variable font - It is not in use here but can
Libre Franklin is also avalable as variable font. 
fonts/LibreFranklin/LibreFranklin-Italic-VariableFont_wght.ttf
fonts/LibreFranklin/LibreFranklin-VariableFont_wght.ttf
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide
https://developer.microsoft.com/en-us/microsoft-edge/testdrive/demos/variable-fonts
*/
/*
Get Google Font as Webfonts
When we download a font from fonts.google.com we get only .ttf format. 
But we need wof, off etc. Use this page to get these files.
New: https://gwfh.mranftl.com/fonts
*/
/*
https://gwfh.mranftl.com/fonts/playwrite-de-grund?subsets=latin
*/
/* playwrite-de-grund-100 - 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: "Playwrite DE Grund";
	font-style: normal;
	font-weight: 100;
	src: url("../fonts/playwrite-de-grund-v10-latin/playwrite-de-grund-v10-latin-100.eot");
	/* IE9 Compat Modes */
	src: url("../fonts/playwrite-de-grund-v10-latin/playwrite-de-grund-v10-latin-100.eot?#iefix") format("embedded-opentype"), url("../fonts/playwrite-de-grund-v10-latin/playwrite-de-grund-v10-latin-100.woff2") format("woff2"), url("../fonts/playwrite-de-grund-v10-latin/playwrite-de-grund-v10-latin-100.woff") format("woff"), url("../fonts/playwrite-de-grund-v10-latin/playwrite-de-grund-v10-latin-100.ttf") format("truetype"), url("../fonts/playwrite-de-grund-v10-latin/playwrite-de-grund-v10-latin-100.svg#PlaywriteDEGrund") format("svg");
	/* Legacy iOS */
}
/* playwrite-de-grund-200 - 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: "Playwrite DE Grund";
	font-style: normal;
	font-weight: 200;
	src: url("../fonts/playwrite-de-grund-v10-latin/playwrite-de-grund-v10-latin-200.eot");
	/* IE9 Compat Modes */
	src: url("../fonts/playwrite-de-grund-v10-latin/playwrite-de-grund-v10-latin-200.eot?#iefix") format("embedded-opentype"), url("../fonts/playwrite-de-grund-v10-latin/playwrite-de-grund-v10-latin-200.woff2") format("woff2"), url("../fonts/playwrite-de-grund-v10-latin/playwrite-de-grund-v10-latin-200.woff") format("woff"), url("../fonts/playwrite-de-grund-v10-latin/playwrite-de-grund-v10-latin-200.ttf") format("truetype"), url("../fonts/playwrite-de-grund-v10-latin/playwrite-de-grund-v10-latin-200.svg#PlaywriteDEGrund") format("svg");
	/* Legacy iOS */
}
/* playwrite-de-grund-300 - 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: "Playwrite DE Grund";
	font-style: normal;
	font-weight: 300;
	src: url("../fonts/playwrite-de-grund-v10-latin/playwrite-de-grund-v10-latin-300.eot");
	/* IE9 Compat Modes */
	src: url("../fonts/playwrite-de-grund-v10-latin/playwrite-de-grund-v10-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/playwrite-de-grund-v10-latin/playwrite-de-grund-v10-latin-300.woff2") format("woff2"), url("../fonts/playwrite-de-grund-v10-latin/playwrite-de-grund-v10-latin-300.woff") format("woff"), url("../fonts/playwrite-de-grund-v10-latin/playwrite-de-grund-v10-latin-300.ttf") format("truetype"), url("../fonts/playwrite-de-grund-v10-latin/playwrite-de-grund-v10-latin-300.svg#PlaywriteDEGrund") format("svg");
	/* Legacy iOS */
}
/* playwrite-de-grund-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: "Playwrite DE Grund";
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/playwrite-de-grund-v10-latin/playwrite-de-grund-v10-latin-regular.eot");
	/* IE9 Compat Modes */
	src: url("../fonts/playwrite-de-grund-v10-latin/playwrite-de-grund-v10-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/playwrite-de-grund-v10-latin/playwrite-de-grund-v10-latin-regular.woff2") format("woff2"), url("../fonts/playwrite-de-grund-v10-latin/playwrite-de-grund-v10-latin-regular.woff") format("woff"), url("../fonts/playwrite-de-grund-v10-latin/playwrite-de-grund-v10-latin-regular.ttf") format("truetype"), url("../fonts/playwrite-de-grund-v10-latin/playwrite-de-grund-v10-latin-regular.svg#PlaywriteDEGrund") format("svg");
	/* Legacy iOS */
}
/* Generated Iconfont by npm fantasticon */
@font-face {
	font-family: "icons";
	src: url("../fonts/icons.eot?a744c61f3a92bd570e03e80ba65d8449#iefix") format("embedded-opentype"), url("../fonts/icons.woff2?a744c61f3a92bd570e03e80ba65d8449") format("woff2"), url("../fonts/icons.woff?a744c61f3a92bd570e03e80ba65d8449") format("woff"), url("../fonts/icons.ttf?a744c61f3a92bd570e03e80ba65d8449") format("truetype");
}
/*
Theme Name: pxlr-cocoon
Theme URI: https://pxlr-cocoon.px
Author: Pierre Brost
Author URI: http://www.pixelizer.de
Version: 1.0.0
Text Domain: pxlr-cocoon
File: icons.scss
Desc: General definition of iconfont usage
*/
/*
@font-face {
  font-family: 'icons';
    src: url("../fonts/icons.eot?a744c61f3a92bd570e03e80ba65d8449#iefix") format("embedded-opentype"),
    url("../fonts/icons.woff2?a744c61f3a92bd570e03e80ba65d8449") format("woff2"),
    url("../fonts/icons.woff?a744c61f3a92bd570e03e80ba65d8449") format("woff"),
    url('../fonts/icons.ttf?a744c61f3a92bd570e03e80ba65d8449') format('truetype'),
}
*/
/*
Usage example in scss classes .icon.this-icon-name:before

.icon:before {
    font-family: $icon-font !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon.icon-arrow-circle-down:before {
    content: "\f102"; // For correct generated code, take a look in src/copy/fonts/icons.css or src/copy/fonts/icons.html
}
*/
/*
Usage example in other scss classes

.some-class-name {
    &:before {
        content: '';
        position: relative;
        font-family: $icon-font;
        font-size:1.5rem;
        content: "\f127";
    }
}

*/
.icon:before {
	font-family: icons !important;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon.icon-add:before {
	content: "";
}

.icon.icon-arrow-circle-down:before {
	content: "";
}

.icon.icon-arrow-circle-left:before {
	content: "";
}

.icon.icon-arrow-circle-right:before {
	content: "";
}

.icon.icon-arrow-circle-up:before {
	content: "";
}

.icon.icon-arrow-filled-down:before {
	content: "";
}

.icon.icon-arrow-filled-left:before {
	content: "";
}

.icon.icon-arrow-filled-right:before {
	content: "";
}

.icon.icon-arrow-filled-up:before {
	content: "";
}

.icon.icon-arrow-sharp-down:before {
	content: "";
}

.icon.icon-arrow-sharp-left:before {
	content: "";
}

.icon.icon-arrow-sharp-right:before {
	content: "";
}

.icon.icon-arrow-sharp-up:before {
	content: "";
}

.icon.icon-arrow-stroke-down:before {
	content: "";
}

.icon.icon-arrow-stroke-left:before {
	content: "";
}

.icon.icon-arrow-stroke-right:before {
	content: "";
}

.icon.icon-arrow-stroke-up:before {
	content: "";
}

.icon.icon-client-signet:before {
	content: "";
}

.icon.icon-clock:before {
	content: "";
}

.icon.icon-document:before {
	content: "";
}

.icon.icon-download:before {
	content: "";
}

.icon.icon-email:before {
	content: "";
}

.icon.icon-error:before {
	content: "";
}

.icon.icon-file-pdf:before {
	content: "";
}

.icon.icon-globe:before {
	content: "";
}

.icon.icon-grid:before {
	content: "";
}

.icon.icon-home:before {
	content: "";
}

.icon.icon-info:before {
	content: "";
}

.icon.icon-list:before {
	content: "";
}

.icon.icon-location:before {
	content: "";
}

.icon.icon-love:before {
	content: "";
}

.icon.icon-magnify:before {
	content: "";
}

.icon.icon-menu-closer:before {
	content: "";
}

.icon.icon-menu-opener:before {
	content: "";
}

.icon.icon-minus:before {
	content: "";
}

.icon.icon-os-apple:before {
	content: "";
}

.icon.icon-os-win:before {
	content: "";
}

.icon.icon-phone-classic:before {
	content: "";
}

.icon.icon-phone-modern:before {
	content: "";
}

.icon.icon-pxlr-signet:before {
	content: "";
}

.icon.icon-rate:before {
	content: "";
}

.icon.icon-remove:before {
	content: "";
}

.icon.icon-rotate:before {
	content: "";
}

.icon.icon-share:before {
	content: "";
}

.icon.icon-shopify:before {
	content: "";
}

.icon.icon-shopping-cart:before {
	content: "";
}

.icon.icon-social-facebook:before {
	content: "";
}

.icon.icon-social-instagram:before {
	content: "";
}

.icon.icon-social-linkedin:before {
	content: "";
}

.icon.icon-social-twitter:before {
	content: "";
}

.icon.icon-social-xing:before {
	content: "";
}

.icon.icon-success:before {
	content: "";
}

.icon.icon-ulli:before {
	content: "";
}

.icon.icon-warning:before {
	content: "";
}

.icon.icon-wifi:before {
	content: "";
}

/*# sourceMappingURL=fonts.css.map */