@charset "UTF-8";

/*
Theme Name: Theme (2024)
Theme URI: https://www.brandgrad.com
Author: brandgrad° GmbH
Author URI: https://www.brandgrad.com
Description: Das offizielle Theme 
Tested up to: 8.x
Requires PHP: 8.x
Version: 0.0.1
Text Domain: theme2024
Tags:

*/

:root{
	--color-black : rgb(  25,  49,  66 );
	--color-white : rgb(227,227,227);
	--color-red   : rgb( 249,  89, 89 );
}

html {
	scroll-behavior : smooth;
}


/* =================================== *\

	T Y P O   &   F O N T S

\* =================================== */

body{
	font-family      : "Barlow", "Arial Narrow","Arial",sans-serif;
	font-size        : 16px;
	line-height      : 24px;
	font-weight      : 400;
	color            : var( --color-black );
	background-color : var( --color-white );
}


h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
	margin         : 0px 0px 24px 0px;
	padding        : 0px 0px 0px 0px;
	font-family    : "Barlow", "Arial Narrow","Arial",sans-serif;
	color          : var( --color-black );
	text-transform : uppercase;
}

h1,
.h1{
	font-size   : 64px;
	line-height : 64px;
	font-weight : 600;
}


h2,
.h2{
	font-size   : 32px;
	line-height : 32px;
	font-weight : 600;
}

p,
.p{
	margin         : 0px 0px 24px 0px;
	padding        : 0px 0px 0px 0px;
}


/* =================================== *\

	H E L P E R

\* =================================== */

/* Ankerpunkt für Scrollen, unsichtbar */
.scroll_anchor{
	position : relative;
	top      : -48px;
	left     : 0px;
	width    : 100%;
	height   : 0px;
	opacity  : 0;
}

/* Styling der Debug-Ausgabe für Programmierung */
.debug{
	display          : block;
	margin           : 22px;
	padding          : 11px;
	max-width        : calc( 100% - 44px );
	background-color : rgb(255 245 225);
	border-left      : 11px solid rgb(255,200,0);
}
.debug__title{
	margin      : 0px 0px 22px 0px;
	font-family : -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;
	font-weight : 600;
	font-size   : 18px;
	line-height : 22px;
	color       : rgb(255,200,0);
	text-shadow : 1px 1px 2px rgba(125,100,0,0.3);
}
.debug__print{
	margin      : 0px;
	padding     : 0px;
	font-family : Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
	color       : rgb(90,90,90);
	font-size   : 12px;
	line-height : 22px;
}
