:root{
	/*Fontsize*/
	--headline-1: var(--wp--preset--font-size--x-large);
	--headline-2: var(--wp--preset--font-size--large);
	--headline-3: calc(var(--wp--preset--font-size--large) + -5px);
	--headline-4: calc(var(--wp--preset--font-size--large) + -10px);
	--headline-5: var(--wp--preset--font-size--medium);
	--headline-6: var(--wp--preset--font-size--medium);	
	--paragraph: var(--wp--preset--font-size--medium);
	--smallFont: var(--wp--preset--font-size--small);
	--menuItemSize: 20px;
	
}

:root{
	--hauptfarbe:#2c9df1;
	--sekundaerfarbe:#61bbff;
	--linkfarbe:#136caf;

	/*Scrollbarfix*/
	--scrollbarWidth: 0px;
	--scrollbarWidthInner:0px;
	
	/*Container = 1440px */
	--containerMaxWidth: 1200px;
	--headerHeight:70px;
	
	/*Margin/Padding*/
	--abstandUntenContainer: 80px;
	--abstandUntenTxtElement: var(--abstandUntenParagraph);
	--abstandSeiten: 40px;
	--abstandSeitenLoop: 40px;
	--abstandObenUnten: 40px;
	--abstandUntenParagraph: 16px;
	--abstandUntenHeadline: 40px;
	--abstandUntenHeadline-2: 3rem;
	--abstandUntenHeadline-3: 2.5rem;
	--abstandUntenHeadline-4: 2rem;
	--abstandUntenHeadline-5: 1.5rem;
	--abstandUntenHeadline-6: 1rem;
	--abstandMenuItem: 25px;
	--buttonPaddingLR: 30px;
	--buttonPaddingTB: 10px;
	--buttonInner: var(--buttonPaddingTB) var(--buttonPaddingLR);
	--abstandUntenPostContent: var(--abstandUntenContainer);
	--einrueckenListe:var(--abstandSeiten);

	
	/*Lineheight*/	
	--lineHeightHeadline: 100%;
	--lineHeightHeadline-1: 125%;
	--lineHeightHeadline-2: 120%;
	--lineHeightHeadline-3: 120%;
	--lineHeightHeadline-4: 110%;
	--lineHeightParagraph: 125%;
	--lineHeightList: var(--lineHeightParagraph);

		/*Loop*/	
		--lineHeightHeadline-Loop:110%;
		--lineHeightExcerpt-Loop:120%;
		--fontSizeHeadline-Loop:var(--headline-3);
		--fontSizeExcerpt-Loop:var(--paragraph);
	
	/*Colors*/
	--colorBorderTable: #c0c0c0;
	--colorTableHead: #5D6B84;
	--colorTableRow: #ececec;
	--colorFont: black;
	--colorLink: var(--linkfarbe);
	--colorLinkHover: var(--sekundaerfarbe);
	--colorLoopTitle:white;
	--colorMenuItem:white;
	--colorMenuItemHover:white;
	--colorSubMenuItemHover:var(--linkfarbe);
	--colorButton:var(--linkfarbe);
	--colorButtonDarkmode:#0A321E;
	--colorButtonText:white;
	--colorButtonHover:var(--sekundaerfarbe);
	--colorButtonTextHover:white;
	--colorCopyright:white;
	--colorCopyrightLink:var(--hauptfarbe);
    --akzentfarbe: var(--hauptfarbe);
	
	/*Fontfamily*/
	--fontFamily:Arial, sans-serif;
	--fontFamilyHeader:Helvetica, sans-serif;
	--fontFamilyMenu:var(--fontFamilyHeader),Arial, sans-serif;
	--fontBootstrap: "bootstrap-icons";
	
	--borderRadius: 8px;
	--boxShadow: 0 0 25px #00000065;
	
	/*Backgroundcolors*/
	--backgroundFooter:var(--hauptfarbe);
	--backgroundHeader:var(--hauptfarbe);
	--backgroundBody:#ffffff;
	--backgroundMenuItemHover:var(--sekundaerfarbe);
	--backgroundSubmenu:var(--linkfarbe);
	--backgroundSubMenuItemHover:var(--sekundaerfarbe);
	--backgroundMobileMenu:var(--hauptfarbe);
	--loadingScreenBG: #000000db;
	--colorArrowButton:#bfbfbfdb;
	
	/*Dimension*/
	--bildformat169:56.25%;
	--bildformat11:50%;
	
	/*Grid Spalten*/
	--gridColumnDefault: 1fr 1fr 1fr;
	--gridColumnTwo: 1fr 1fr;
	--abstandGridItems: 40px;

	--leseleisteColorFull: var(--backgroundMobileMenu);
	--leseleisteColorEmpty: var(--backgroundSubmenu);
	--leseleisteDicke: 10px;

	/*Input*/
	--inputBackground:white;
	--inputBorder:1px solid var(--colorFont);
}




@media (max-width:1280px) {
	:root{
		--abstandSeitenLoop:20px;
		--fontSizeHeadline-Loop:24px;
	}
}

@media (max-width:1024px) {
	:root{
		--gridColumnDefault: 1fr 1fr;
	}
}

@media (max-width:601px) {
/*
	body{
		/*Fontsize*
		--headline-1: 40px;
		--headline-2: 30px;
		--headline-3: 21px;
		--headline-4: 18px;
		--headline-5: 16px;
		--headline-6: 16px;	
		--paragraph: 16px;
		--smallFont: 11px;
		--menuItemSize: 18px;
	}
*/
	:root{
		--gridColumnDefault: 1fr;
		/*Abstände*/
		--abstandSeiten: 20px;
		--abstandSeitenLoop: 20px;
	}
}

@media (max-width:480px) {
	body{
		/*Fontsize*/
		--headline-1: 36px;
		--headline-2: 24px;
		--headline-3: 20px;
		--headline-4: 18px;
	}
}