:root{
	--color:#2c9df1;
	--brightColor:#61bbff;
	--darkColor:#136caf;

	/*Scrollbarfix*/
	--scrollbarWidth: 0px;
	--scrollbarWidthInner:0px;
	
	/*Container = 1440px */
	--containerMaxWidth: 1520px;
	--headerHeight:100px;
	
	/*Margin/Padding*/
	--abstandUntenContainer: 80px;
	--abstandUntenTxtElement: 40px;
	--abstandSeiten: 40px;
	--abstandSeitenLoop: 40px;
	--abstandObenUnten: 40px;
	--abstandUntenParagraph: 16px;
	--abstandUntenHeadline: 40px;
	--abstandUntenHeadline-2: var(--abstandUntenTxtElement);
	--abstandUntenHeadline-3: 16px;
	--abstandMenuItem: 25px;
	--buttonInner: 10px 30px;
	--abstandUntenPostContent: 80px;
	--einrueckenListe:var(--abstandSeiten);

	/*Fontsize*/
	--headline-1: 46px;
	--headline-2: 30px;
	--headline-3: 24px;
	--headline-4: 20px;
	--headline-5: 18px;
	--headline-6: 16px;	
	--paragraph: 16px;
	--smallFont: 12px;
	--menuItemSize: 20px;
	
	/*Lineheight*/	
	--lineHeightHeadline: 100%;
	--lineHeightHeadline-1: 120%;
	--lineHeightHeadline-2: 110%;
	--lineHeightHeadline-3: 100%;
	--lineHeightHeadline-4: 100%;
	--lineHeightParagraph: 125%;
	--lineHeightList: var(--lineHeightParagraph);

		/*Loop*/	
		--lineHeightHeadline-Loop:110%;
		--lineHeightExcerpt-Loop:120%;
		--fontSizeHeadline-Loop:32px;
		--fontSizeExcerpt-Loop:21px;
	
	/*Colors*/
	--colorBorderTable: #0A321E;
	--colorTableHead: #5D6B84;
	--colorTableRow: #9CAAC3;
	--colorFont: black;
	--colorLink: var(--darkColor);
	--colorLinkHover: var(--brightColor);
	--colorLoopTitle:white;
	--colorMenuItem:white;
	--colorMenuItemHover:var(--brightColor);
	--colorSubMenuItemHover:white;
	--colorButton:var(--darkColor);
	--colorButtonDarkmode:#0A321E;
	--colorButtonText:white;
	--colorButtonHover:var(--brightColor);
	--colorButtonTextHover:white;
	--colorCopyright:white;
	--colorCopyrightLink:var(--color);
    --akzentfarbe: var(--color);
	
	/*Fontfamily*/
	--fontFamily:Arial, sans-serif;
	--fontFamilyHeader:Helvetica, sans-serif;
	--fontBootstrap: "bootstrap-icons";
	
	--borderRadius: 8px;
	--boxShadow: 0 0 25px #00000065;
	
	/*Backgroundcolors*/
	--backgroundFooter:#0A321E;
	--backgroundHeader:#0A321E;
	--backgroundBody:#ffffff;
	--backgroundMenuItemHover:var(--brightColor);
	--backgroundSubmenu:var(--darkColor);
	--backgroundSubMenuItemHover:var(--brightColor);
	--backgroundMobileMenu:var(--color);
	--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) {
	:root{
		/*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;

		/*Abstände*/
		--abstandSeiten: 20px;
		--abstandSeitenLoop: 20px;
	}
}

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