/************************************
 * 
 * 	GENERELL
 * 	  
 */


/*********************************
 * BODY
 ********************************/
	body {
		width: 100%;
		background-color: var(--EDH-Weiss);

		margin: 0px;
		padding: 0px;
		margin-top: 95px;
	}

	textarea:focus, input:focus, select:focus{
	    outline: none;
	}


/*********************************
 * FARBEN & SCHRIFTGRÖSSE
 * 		var(--fontSize_S);
 ********************************/
:root {

	/* FARBEN */
		/* Dunkelblau */
		--main-bg-color: rgb(0,53,78);


	/* SCHRIFTGRÖSSE */
	--fontSize_Seitentitel: clamp(1rem, 10vw, 2rem);

	--fontSize_New: clamp(1.5rem, 15vw, 2.5rem);


	--fontSize_S: clamp(0.7rem, 0.8vw, 1.2rem);
	--fontSize_M: clamp(1rem, 2.5vw, 2rem); 
	--fontSize_L: clamp(1.5rem, 2.5vw, 4rem);
	--fontSize_XL: clamp(1rem, 10vw, 2rem);
}

/*********************************
 * details / summary
 ********************************/
	details {
		border: 1px solid rgb(49, 183, 188, 0);
		border-radius: 5px;
		background-color: #fff;
		margin-bottom: 10px;

		font-size: var(--fontSize_S);
		color: black;
	}
	summary{
		height: 25px;
		padding-left: 25px;
		background-color: rgb(0,53,78, 0.75);
		
		position: relative;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		margin-bottom: 5px;

		display: flex;
		align-items: center;

		font-size: 15px;
		font-weight: bold;
		color: white;

	}

/*********************************
 * SCROLLBAR
 ********************************/
	/* width */
	::-webkit-scrollbar {
		width: 8px;
		height: 5px;
	}

	/* Track */
	::-webkit-scrollbar-track {
		background:  none;
		background:  rgb(0,53,78, 0.25);
		border-radius: 6px;
	}
	 
	/* Handle */
	::-webkit-scrollbar-thumb {
		background: rgb(0,53,78);
		border-radius: 5px;
	}

	/* Handle on hover */
	::-webkit-scrollbar-thumb:hover {
		background: rgb(0,53,78); 
	}