/* @gula-code */

:root {

	--fontsize:            calc(14px + (20 - 14) * ((100vw - 300px) / (2000 - 300)));
	--lineheight:          calc( var( --fontsize ) * 1.6 );
	--font-family-sans:    "Roboto", "Helvetica Neue", Helvetica, Arial, "sans-serif";
	--font-family-serif:   "Playfair Display", "Times", "serif";
	--body-font:           var(--font-family-sans);
	--bodyweight:          300;
	--title-font:          var(--font-family-sans);
	--title-font-serif:    var(--font-family-serif);
	--titleweight:         500;
	--strongweight:        var( --weight-700 );
	--sprungmarke-versatz: calc( 0.5 * var( --size-10 ) );
	--font-normal:         normal;
	--font-italic:         italic;
	--weight-100:          100;
	--weight-200:          200;
	--weight-300:          300;
	--weight-400:          400;
	--weight-500:          500;
	--weight-600:          600;
	--weight-700:          700;
	--weight-800:          800;
	--weight-900:          900;

	--size-0:              calc( var( --fontsize ) * 0 );
	--size-0125:           calc( var( --fontsize ) * 0.125 );
	--size-025:            calc( var( --fontsize ) * 0.25 );
	--size-05:             calc( var( --fontsize ) * 0.5 );
	--size-075:            calc( var( --fontsize ) * 0.75 );
	--size-1:              calc( var( --fontsize ) * 1 );
	--size-125:            calc( var( --fontsize ) * 1.25 );
	--size-15:             calc( var( --fontsize ) * 1.5 );
	--size-175:            calc( var( --fontsize ) * 1.75 );
	--size-2:              calc( var( --fontsize ) * 2 );
	--size-225:            calc( var( --fontsize ) * 2.25 );
	--size-25:             calc( var( --fontsize ) * 2.5 );
	--size-275:            calc( var( --fontsize ) * 2.75 );
	--size-3:              calc( var( --fontsize ) * 3 );
	--size-35:             calc( var( --fontsize ) * 3.5 );
	--size-4:              calc( var( --fontsize ) * 4 );
	--size-45:             calc( var( --fontsize ) * 4.5 );
	--size-5:              calc( var( --fontsize ) * 5 );
	--size-55:             calc( var( --fontsize ) * 5.5 );
	--size-6:              calc( var( --fontsize ) * 6 );
	--size-65:             calc( var( --fontsize ) * 6.5 );
	--size-7:              calc( var( --fontsize ) * 7 );
	--size-75:             calc( var( --fontsize ) * 7.5 );
	--size-8:              calc( var( --fontsize ) * 8 );
	--size-85:             calc( var( --fontsize ) * 8.5 );
	--size-9:              calc( var( --fontsize ) * 9 );
	--size-95:             calc( var( --fontsize ) * 9.5 );
	--size-10:             calc( var( --fontsize ) * 10 );
	--size-20:             calc( var( --fontsize ) * 20 );
	--size-30:             calc( var( --fontsize ) * 30 );
	--size-40:             calc( var( --fontsize ) * 40 );
	--size-50:             calc( var( --fontsize ) * 50 );
	--size-60:             calc( var( --fontsize ) * 60 );
	--size-70:             calc( var( --fontsize ) * 70 );
	--size-80:             calc( var( --fontsize ) * 80 );
	--size-90:             calc( var( --fontsize ) * 90 );
	--size-100:            calc( var( --fontsize ) * 100 );

	--theme_sitefgcolor:   rgba(var(--sitecolor), 1.0);
	--theme_sitebgcolor:   rgba(var(--sitebgcolor), 1.0);
}