/* ------------------------------------------------ *
 * -------------------- Inhalt -------------------- *
 * ------------------------------------------------ */
/**
 *
 * Deklaration globaler Variablen 
 * Plugin und main Basis Design
 * Section
 *** Sidebar
 *** Right
 * Items
 *** Button 
 *** Radiobutton
 *
 *
 * Responsives Design in den einzelnen media-sytlesheets
 * Werte in em, % und vh / vw angeben
 * 
 */

@media (min-width: 1025px) {

	/* ------------------------------------------------- *
	* -------------------- Section -------------------- *
	* ------------------------------------------------- */

	/* -------------------- Sidebar -------------------- */
	.kalkulator-wrapper section.sidebar {
		overflow-y: var(--overflow-auto);
		overflow-x: var(--overflow-hide);
	}

	.kalkulator-wrapper .sidebar {
		flex-direction: column;
		right: 72%;
		bottom: 2em;
	}

	.kalkulator-wrapper .circle_element {
		height: 3em;
		width: 3em;
	}

	/* h3 copy_bottom */
	.kalkulator-wrapper h3 {
		font-size: 1em;
		margin: 0.2em 0 1em 0;
	}

	/* h4 copy_top */
	.kalkulator-wrapper h4 {
		font-size: 0.8em;
		margin: 0;
	}

	/* -------------------- Right -------------------- */
	.kalkulator-wrapper .step_card {
		top: 4em;
		left: 30%;
	}

	/* ----------------------------------------------- *
	* -------------------- Items -------------------- *
	* ----------------------------------------------- */

	/* -------------------- Introslide --------------------*/
	.kalkulator-wrapper .introText,
	.kalkulator-wrapper .outroText {
		padding-left: 1em;
	}
	
	/* -------------------- Button -------------------- */
	.kalkulator-wrapper .button-nav {
		left: 30%;
	} 
	
	.kalkulator-wrapper .button-nav .div_nav_button {
		padding: 0 2em;
	}

	/* -------------------- Radiobutton -------------------- */
	.kalkulator-wrapper .card_row {
		gap: 0.625em;
	}

	.kalkulator-wrapper .plan_card_label {
		height: 3em;
	}

}