form.ym-form-login {
	margin-top: 5px !important;
}

.breadcrumbHilfe a {
	color: #e4760a;
}

body {
	background: #fff;
	color: #000060;
}


/******************************************************* Smartphone ***************************************************/
@media screen and (max-width: 536px) {

	/* komplette Startseite */
	.startseiteGridcontainer {
		grid-template-areas: ". logo ." ". startseite-informationsmeldung ." ". loginmaske ." ". registerkarteYoutube ." ". breadcrumbs ." ". registerkarten .";
		grid-template-columns: minmax(10px, auto) 300px minmax(10px, auto);
		grid-template-rows: 100px minmax(min-content, max-content) 540px 360px 475px 270px;
		display: grid;
	}

	/* Logineingabemaske */
	.loginGridcontainer {
		grid-template-columns: 100px 100px 100px;
		grid-template-rows: 100px 410px 1fr;
	}

	.loginEingabebereich {
		box-shadow: 3px 3px 8px gainsboro;
	}

	/* Button Logineingabemaske */
	.btnUserloginGridcontainer {
		grid-template-columns: 1fr;
		grid-template-rows: 11px 40px 15px 25px;
		grid-row-gap: 3px;
	}

	/* Eingabebereich Logineingabemaske */
	.eingabebereichGridcontainer {
		grid-template-columns: 1fr;
		grid-template-rows: 50px 170px 145px 50px;
	}

	.eingabebereichUeberschrift {
		font-size: 15px;
		font-weight: bold;
		margin: auto 0;
		text-align: center;
	}

	.eingabebereichInformationstext {
		text-align: center;
		padding: 0 10px;
	}

	.eingabebereichTextfelder {
		padding: 0 10px;
	}

	.eingabebereichButton {
		padding: 0 10px;
	}

	/* Textfelder Logineingabemaske */
	.textfelderGridcontainer {
		grid-template-columns: 130px 1fr;
		grid-template-rows: 1fr;
	}

	.textfeldBeschreibung {
		font-size: 12px;
		margin: auto 0;
	}

	.textfelderGridcontainer {
		padding: 5px 0;
	}

	/* Textfelder Logineingabemaske-Passwort */
	.textfeldPasswortGridcontainer {
		grid-template-columns: 130px 1fr 50px;
		grid-template-rows: 1fr;
	}

	.textfeldPasswortAnzeigen img {
		display: block;
		margin: 0 auto;
		width: 25px;
		padding: 4px 0;
	}

	.textfeldEingabefeld {
		margin: auto 0;
	}

	/* Registerkarten */
	.registerkartenGridcontainerLaptopDesktop {
		display: none;
	}

	.registerkartenGridcontainerTablet {
		display: none;
	}

	.registerkartenGridcontainerSmartphoneTablet {
		grid-template-areas: "linie" "weiterleitungUeberschrift" "weiterleitungInformationstext" "buttonWeiterleitungModule" "buttonWeiterleitungBetriebe";
		display: grid;
	}

	/* Registerkarten Youtube */
	.registerkarteYTGridcontainerLaptopDesktop {
		display: none;
	}

	.registerkarteYTGridcontainerSmartphoneTablet {
		grid-template-areas: "linie" "registerkarteYoutubeUeberschrift" "registerkarteYoutubeText" "registerkarteYoutubeImage";
		grid-row-gap: 15px;
		display: grid;
	}

	.registerkarteYoutubeUeberschrift {
		font-size: 15px;
		text-align: center;
	}

	.registerkarteYoutubeText {
		font-size: 12px;
		text-align: center;
	}

	.registerkarteIconBA {
		padding: 20px;
	}

	.registerkarteIconSchmal {
		padding: 10px;
		font-size: 50px;
		color: #e4760a;
	}

	/* Aufbau Registerkarte */
	.btnregisterkarteGridcontainer {
		grid-template-rows: 35px 110px;
		grid-template-columns: 300px;
	}

	.btnregisterkarteGridcontainerSchmal {
		grid-template-columns: 280px;
		grid-template-rows: 35px 145px;
		box-shadow: 3px 3px 8px gainsboro;
	}

	/* Breadcrumbs*/
	.breadcrumbsGridcontainerLaptopDesktop {
		display: none;
	}

	.breadcrumbsGridcontainerSmartphoneTablet {
		grid-template-areas: "linie linie linie" "breadcrumbsUeberschrift breadcrumbsUeberschrift breadcrumbsUeberschrift" "breadcrumbsInformationstext breadcrumbsInformationstext breadcrumbsInformationstext" "bildungsangebotBox bildungsangebotBox bildungsangebotBox" "breadcrumbsUeberschriftSchmal breadcrumbsUeberschriftSchmal breadcrumbsUeberschriftSchmal" "hilfeBox . handbuchBox";
		grid-template-columns: 145px 10px 145px;
		grid-row-gap: 15px;
		display: grid;
	}

	.breadcrumbstext {
		text-align: center;
	}

	.breadcrumbsInformationstext {
		font-size: 12px;
	}

	/* Allgemeine Elemente */
	.abstand {
		padding: 15px 0;
	}

	.beschreibung {
		font-size: 12px;
		margin: 0 10px;
	}

	.beschreibungstext {
		font-size: 12px;
		text-align: center;
	}

	.logo {
		margin: auto;
	}

	.ueberschriftstext {
		font-size: 15px;
	}

	.weiterleitungstext {
		text-align: center;
	}

	.weiterleitungInformationstext {
		font-size: 12px;
		padding: 15px 0;
	}

	/* Footer */
	.footer {
		margin-top: 5px !important;
		padding: 5px 0 !important;
	}

		.footer a {
			font-size: 15px !important;
		}

		.footer li {
			margin: 0px 10px !important;
		}

	form.ym-form-login input {
		font-size: 11px !important;
	}

	/* Buttons */
	form.ym-form-login .ym-button-login {
		font-size: 15px !important;
	}

	.text {
		font-size: 15px !important;
	}

	.btnGrau {
		height: 30px;
		background-color: #d8d8d8;
		border-radius: 5px;
		line-height: 30px;
	}

	.logolinie {
		display: none;
	}

	.startseite-informationsmeldung {
		padding: 10px 0 20px 0 !important;
	}
}

/******************************************************* Tablet *******************************************************/
@media screen and (min-width: 536px) and (max-width: 1279px) {

	/* komplette Startseite */
	.startseiteGridcontainer {
		grid-template-areas: ". logo ." ". startseite-informationsmeldung ." ". loginmaske ." ". registerkarteYoutube ." ". breadcrumbs ." ". registerkarten .";
		grid-template-columns: minmax(10px, auto) 700px minmax(10px, auto);
		grid-template-rows: 100px minmax(min-content, max-content) 570px 310px 445px 210px;
		display: grid;
	}

	/* Logineingabemaske */
	.loginGridcontainer {
		grid-template-columns: 150px 150px 150px;
		grid-template-rows: 100px 410px 30px;
	}

	.loginEingabebereich {
		box-shadow: 3px 3px 8px gainsboro;
	}

	.loginmaske {
		margin: 0 auto;
	}

	/* Button Logineingabemaske */
	.btnUserloginGridcontainer {
		grid-template-columns: 1fr;
		grid-template-rows: 11px 40px 15px 25px;
		grid-row-gap: 3px;
	}

	/* Eingabebereich Logineingabemaske */
	.eingabebereichGridcontainer {
		grid-template-columns: 1fr;
		grid-template-rows: 50px 170px 145px 75px;
	}

	.eingabebereichUeberschrift {
		font-size: 15px;
		font-weight: bold;
		margin: auto 0;
		text-align: center;
	}

	.eingabebereichInformationstext {
		text-align: center;
		padding: 0 20px;
	}

	.eingabebereichTextfelder {
		padding: 0 20px;
	}

	.eingabebereichButton {
		padding: 20px 10px;
	}

	/* Textfelder Logineingabemaske */
	.textfelderGridcontainer {
		grid-template-columns: 130px 1fr;
		grid-template-rows: 1fr;
	}

	.textfeldBeschreibung {
		font-size: 12px;
		margin: auto 0;
	}

	.textfelderGridcontainer {
		padding: 5px 0;
	}

	/* Textfelder Logineingabemaske-Passwort */
	.textfeldPasswortGridcontainer {
		grid-template-columns: 130px 1fr 50px;
		grid-template-rows: 1fr;
	}

	.textfeldPasswortAnzeigen img {
		display: block;
		margin: 0 auto;
		width: 25px;
		padding: 4px 0;
	}

	.textfeldEingabefeld {
		margin: auto 0;
	}

	/* Registerkarten */
	.registerkartenGridcontainerLaptopDesktop {
		display: none;
	}

	.registerkartenGridcontainerTablet {
		display: none;
	}

	.registerkartenGridcontainerSmartphoneTablet {
		grid-template-areas: "linie" "weiterleitungUeberschrift" "weiterleitungInformationstext" "buttonWeiterleitungModule" "buttonWeiterleitungBetriebe";
		display: grid;
	}

	/* Registerkarten Youtube */
	.registerkarteYTGridcontainerLaptopDesktop {
		display: none;
	}

	.registerkarteYTGridcontainerSmartphoneTablet {
		grid-template-areas: "linie" "registerkarteYoutubeUeberschrift" "registerkarteYoutubeText" "registerkarteYoutubeImage";
		grid-row-gap: 15px;
		display: grid;
	}

	.registerkarteYoutubeUeberschrift {
		font-size: 15px;
		text-align: center;
	}

	.registerkarteYoutubeText {
		font-size: 12px;
		text-align: center;
	}

	.registerkarteYoutubeImage {
		margin: 0 auto;
	}

	.registerkarteIconBA {
		padding: 20px;
	}

	.registerkarteIconSchmal {
		padding: 10px;
		font-size: 50px;
		color: #e4760a;
	}

	/* Aufbau Registerkarte */
	.btnregisterkarteGridcontainer {
		grid-template-rows: 35px 110px;
		grid-template-columns: 300px;
	}

	.btnregisterkarteGridcontainerSchmal {
		grid-template-columns: 280px;
		grid-template-rows: 35px 145px;
		box-shadow: 3px 3px 8px gainsboro;
	}

	/* Breadcrumbs*/
	.breadcrumbsGridcontainerLaptopDesktop {
		display: none;
	}

	.breadcrumbsGridcontainerSmartphoneTablet {
		grid-template-areas: 
			"linie linie linie linie linie"
			"breadcrumbsUeberschrift breadcrumbsUeberschrift breadcrumbsUeberschrift breadcrumbsUeberschrift breadcrumbsUeberschrift" 
			"breadcrumbsInformationstext breadcrumbsInformationstext breadcrumbsInformationstext breadcrumbsInformationstext breadcrumbsInformationstext" 
			". bildungsangebotBox bildungsangebotBox bildungsangebotBox ."
			". breadcrumbsUeberschriftSchmal breadcrumbsUeberschriftSchmal breadcrumbsUeberschriftSchmal ."
			". hilfeBox . handbuchBox .";
		grid-template-columns: minmax(0px, auto) 145px 10px 145px minmax(0px, auto);
		grid-row-gap: 15px;
		display: grid;
	}

	.breadcrumbstext {
		text-align: center;
	}

	.breadcrumbsInformationstext {
		font-size: 12px;
	}

	/* Allgemeine Elemente */

	.abstand {
		padding: 15px 0;
	}

	.beschreibung {
		font-size: 12px;
		margin: 0 10px;
	}

	.beschreibungstext {
		font-size: 12px;
		text-align: center;
	}

	.logo {
		margin: auto;
	}

	.ueberschriftstext {
		font-size: 15px;
	}

	.weiterleitungstext {
		text-align: center;
	}

	.weiterleitungInformationstext {
		font-size: 12px;
		padding: 15px 0;
	}

	/* Footer */
	.footer {
		margin-top: 5px !important;
		padding: 5px 0 !important;
	}

		.footer a {
			font-size: 15px !important;
		}

		.footer li {
			margin: 0px 10px !important;
		}

	form.ym-form-login input {
		font-size: 11px !important;
	}

	/* Buttons */
	form.ym-form-login .ym-button-login {
		font-size: 15px !important;
	}

	.text {
		font-size: 15px !important;
		color: #000060;
		text-align: center;
		margin-top: 7px;
	}

	.btnGrau {
		height: 30px;
		background-color: #d8d8d8;
		border-radius: 5px;
		line-height: 30px;
	}

	.logolinie {
		display: none;
	}
}

/******************************************************* Laptop *******************************************************/
@media screen and (min-width: 1280px) and (max-width: 1800px) {

	/* komplette Startseite */
	.startseiteGridcontainer {
		grid-template-areas: ". logo breadcrumbs ." ". . . ." ". startseite-informationsmeldung startseite-informationsmeldung ." ". loginmaske registerkarten ." ". loginmaske logolinie ." ". loginmaske registerkarteYoutube .";
		grid-template-columns: minmax(0px, auto) 449px 870px minmax(0px, auto);
		grid-template-rows: 70px 25px minmax(min-content, max-content) 365px 30px 210px;
		grid-column-gap: 15px;
		display: grid;
	}

	.logo {
		margin: 10px 0 0 0;
	}

	/* Logineingabemaske */
	.loginGridcontainer {
		grid-template-columns: 150px 150px 150px;
		grid-template-rows: 100px 410px 1fr;
	}

	/* Button Logineingabemaske */
	.btnUserloginGridcontainer {
		grid-template-columns: 1fr;
		grid-template-rows: 11px 40px 15px 25px;
		grid-row-gap: 3px;
	}

	/* Eingabebereich Logineingabemaske */
	.eingabebereichGridcontainer {
		grid-template-columns: 1fr;
		grid-template-rows: 60px 130px 180px 115px;
	}

	/* Textfelder Logineingabemaske */
	.textfelderGridcontainer {
		grid-template-columns: 130px 1fr;
		grid-template-rows: 1fr;
	}

	/* Textfelder Logineingabemaske-Passwort */
	.textfeldPasswortGridcontainer {
		grid-template-columns: 130px 1fr 50px;
		grid-template-rows: 1fr;
	}

	.beschreibung {
		font-size: 12px;
	}

	.eingabebereichButton {
		padding: 30px 75px;
	}

	.eingabebereichInformationstext {
		text-align: center;
		padding: 0 30px 20px 30px;
	}

	.eingabebereichUeberschrift {
		font-size: 20px;
		font-weight: bold;
		margin: auto 0;
		text-align: center;
	}

	.eingabebereichTextfelder {
		padding: 20px 30px;
	}

	.loginEingabebereich {
		box-shadow: 3px 3px 8px gainsboro;
	}

	.textfeldPasswortAnzeigen img {
		display: block;
		margin: 0 auto;
		width: 25px;
		padding: 4px 0;
	}

	.textfelderGridcontainer {
		padding: 5px 0;
	}

	.textfeldPasswortGridcontainer {
		padding-top: 5px;
	}

	.registerkarteTextformatierung {
		padding: 15px 30px;
	}

	.textfeldBeschreibung {
		font-size: 12px;
		margin: auto 0;
	}

	/* Registerkarten */
	.registerkartenGridcontainerLaptopDesktop {
		grid-template-areas: "registerkarteBA . registerkarteBetriebe . registerkarteModule" ". . . . ." "registerkarteBAText . registerkarteBetriebeText . registerkarteModuleText";
		grid-template-columns: 280px 15px 280px 15px 280px;
		grid-template-rows: 180px 10px 190px;
		display: grid;
	}

	.registerkartenGridcontainerTablet {
		display: none;
	}

	.registerkartenGridcontainerSmartphoneTablet {
		display: none;
	}

	.registerkarteIcon {
		padding: 30px;
	}

	/* Registerkarten Youtube */
	.registerkarteYTGridcontainerLaptopDesktop {
		grid-template-areas: "registerkarteYoutubeImage . registerkarteYoutubeText";
		grid-template-columns: 280px 45px auto;
		grid-template-rows: 210px;
		display: grid;
	}

	.registerkarteYTGridcontainerSmartphoneTablet {
		display: none;
	}

	.registerkarteYoutubeText {
		margin: auto 0;
	}

	.registerkarteYTGridcontainerLaptopDesktop a {
		margin: auto 0;
	}

	/* Aufbau Registerkarte */
	.btnregisterkarteGridcontainer {
		grid-template-rows: 35px 145px;
		grid-template-columns: 280px;
	}

	.registerkarteBA:hover {
		background: url(../../../img/registerkarteBAHover.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}

		.registerkarteBA:hover img {
			display: none;
		}

		.registerkarteBA:hover .registerkarteUeberschrift {
			display: none;
		}

	.registerkarteBetriebe:hover {
		background: url(../../../img/registerkarteBetriebeHover.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}

		.registerkarteBetriebe:hover img {
			display: none;
		}

		.registerkarteBetriebe:hover .registerkarteUeberschrift {
			display: none;
		}

	.registerkarteModule:hover {
		background: url(../../../img/registerkarteModuleHover.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}

		.registerkarteModule:hover img {
			display: none;
		}

		.registerkarteModule:hover .registerkarteUeberschrift {
			display: none;
		}

	/* Breadcrumbleiste */
	.breadcrumbsGridcontainerLaptopDesktop {
		grid-template-areas: ". . breadcrumbStartseite breadcrumbHilfe breadcrumbHandbuch";
		grid-template-columns: 600px auto auto auto;
		grid-template-rows: 70px;
		margin-left: -125px;
		text-align: right;
		display: grid;
	}

	.breadcrumbsGridcontainerSmartphoneTablet {
		display: none;
	}

	.breadcrumbsTextformatierung {
		padding-top: 40px;
		font-size: 15px;
	}

		.breadcrumbsTextformatierung strong {
			font-size: 15px;
		}

		.breadcrumbsTextformatierung a {
			font-size: 15px !important;
		}

		.breadcrumbsTextformatierung p {
			font-size: 15px;
		}

	/* Allgemeine Elemente */
	/* Footer */
	.footer {
		margin-top: 5px !important;
		padding: 5px 0 !important;
	}

		.footer a {
			font-size: 15px !important;
		}

		.footer li {
			margin: 0px 60px !important;
		}

	/* Texte */
	.informationstext {
		font-size: 12px;
		color: #000060;
	}

	.beschreibungstext {
		font-size: 12px;
	}

	.ueberschriftstext {
		font-size: 17px;
	}

	form.ym-form-login input {
		font-size: 15px !important;
	}

	.startseite-informationsmeldung {
		padding: 10px 0 20px 0 !important;
	}
}

/******************************************************* Desktop ******************************************************/
@media screen and (min-width: 1801px) {

	/* komplette Startseite */
	.startseiteGridcontainer {
		grid-template-areas: ". logo breadcrumbs ." ". . . ." ". startseite-informationsmeldung startseite-informationsmeldung ." ". loginmaske registerkarten ." ". loginmaske logolinie ." ". loginmaske registerkarteYoutube .";
		grid-template-columns: minmax(10px, auto) 449px 870px minmax(10px, auto);
		grid-template-rows: 70px 25px minmax(min-content, max-content) 365px 30px 210px;
		grid-column-gap: 70px;
		display: grid;
	}

	.logo {
		margin: 10px 0 0 0;
	}

	/* Logineingabemaske */
	.loginGridcontainer {
		grid-template-columns: 150px 150px 150px;
		grid-template-rows: 100px 410px 70px;
	}

	/* Button Logineingabemaske */
	.btnUserloginGridcontainer {
		grid-template-columns: 1fr;
		grid-template-rows: 11px 40px 15px 25px;
		grid-row-gap: 3px;
	}

	/* Eingabebereich Logineingabemaske */
	.eingabebereichGridcontainer {
		grid-template-columns: 1fr;
		grid-template-rows: 60px 130px 180px 115px;
	}

	/* Textfelder Logineingabemaske */
	.textfelderGridcontainer {
		grid-template-columns: 130px 1fr;
		grid-template-rows: 1fr;
	}

	/* Textfelder Logineingabemaske-Passwort */
	.textfeldPasswortGridcontainer {
		grid-template-columns: 130px 1fr 50px;
		grid-template-rows: 1fr;
	}

	.beschreibung {
		font-size: 12px;
	}

	.eingabebereichButton {
		padding: 30px 75px;
	}

	.eingabebereichInformationstext {
		text-align: center;
		padding: 0 30px 20px 30px;
	}

	.eingabebereichUeberschrift {
		font-size: 20px;
		font-weight: bold;
		margin: auto 0;
		text-align: center;
	}

	.eingabebereichTextfelder {
		padding: 20px 30px;
	}

	.loginEingabebereich {
		box-shadow: 3px 3px 8px gainsboro;
	}

	.textfeldPasswortAnzeigen img {
		display: block;
		margin: 0 auto;
		width: 25px;
		padding: 4px 0;
	}

	.textfelderGridcontainer {
		padding: 5px 0;
	}

	.textfeldPasswortGridcontainer {
		padding-top: 5px;
	}

	.registerkarteTextformatierung {
		padding: 15px 30px;
	}

	.textfeldBeschreibung {
		font-size: 12px;
		margin: auto 0;
	}

	/* Registerkarten */
	.registerkartenGridcontainerLaptopDesktop {
		grid-template-areas: "registerkarteBA . registerkarteBetriebe . registerkarteModule" ". . . . ." "registerkarteBAText . registerkarteBetriebeText . registerkarteModuleText";
		grid-template-columns: 280px 15px 280px 15px 280px;
		grid-template-rows: 180px 10px 190px;
		display: grid;
	}

	.registerkartenGridcontainerSmartphoneTablet {
		display: none;
	}

	.registerkarteIcon {
		padding: 30px;
	}

	/* Registerkarten Youtube */
	.registerkarteYTGridcontainerLaptopDesktop {
		grid-template-areas: "registerkarteYoutubeImage . registerkarteYoutubeText";
		grid-template-columns: 280px 45px auto;
		grid-template-rows: 210px;
		display: grid;
	}

	.registerkarteYTGridcontainerSmartphoneTablet {
		display: none;
	}

	.registerkarteYoutubeText {
		margin: auto 0;
	}

	.registerkarteYTGridcontainerLaptopDesktop a {
		margin: auto 0;
	}

	/* Aufbau Registerkarte */
	.btnregisterkarteGridcontainer {
		grid-template-rows: 35px 145px;
		grid-template-columns: 280px;
	}

	.registerkarteBA:hover {
		background: url(../../../img/registerkarteBAHover.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}

		.registerkarteBA:hover img {
			display: none;
		}

		.registerkarteBA:hover .registerkarteUeberschrift {
			display: none;
		}

	.registerkarteBetriebe:hover {
		background: url(../../../img/registerkarteBetriebeHover.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}

		.registerkarteBetriebe:hover img {
			display: none;
		}

		.registerkarteBetriebe:hover .registerkarteUeberschrift {
			display: none;
		}

	.registerkarteModule:hover {
		background: url(../../../img/registerkarteModuleHover.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}

		.registerkarteModule:hover img {
			display: none;
		}

		.registerkarteModule:hover .registerkarteUeberschrift {
			display: none;
		}

	/* Breadcrumbleiste */
	.breadcrumbsGridcontainerLaptopDesktop {
		grid-template-areas: ". breadcrumbStartseite breadcrumbHilfe breadcrumbHandbuch";
		grid-template-columns: 600px auto auto auto;
		grid-template-rows: 70px;
		margin-left: -125px;
		text-align: right;
		display: grid;
	}

	.breadcrumbsGridcontainerSmartphoneTablet {
		display: none;
	}

	.breadcrumbsTextformatierung {
		padding-top: 40px;
		font-size: 15px;
	}

		.breadcrumbsTextformatierung strong {
			font-size: 15px;
		}

		.breadcrumbsTextformatierung a {
			font-size: 15px !important;
		}

		.breadcrumbsTextformatierung p {
			font-size: 15px;
		}

	/* Allgemeine Elemente */
	/* Footer */
	.footer {
		margin-top: 5px !important;
		padding: 5px 0 !important;
	}

		.footer a {
			font-size: 15px !important;
		}

		.footer li {
			margin: 0px 60px !important;
		}

	/* Texte */
	.informationstext {
		font-size: 12px;
		color: #000060;
	}

	.beschreibungstext {
		font-size: 12px;
	}

	.ueberschriftstext {
		font-size: 17px;
	}

	form.ym-form-login input {
		font-size: 15px !important;
	}

	.startseite-informationsmeldung {
		padding: 10px 0 20px 0 !important;
	}
}

@media screen and (max-width: 1092px) and (min-width: 996px) {

	.text {
		display: block;
	}
}

/************************************************ Allgemeine Elemente *************************************************/
a {
	text-decoration: none;
}

.beschreibung {
	color: black;
	text-align: center;
}

.beschreibungstext {
	color: #000060;
}

.image {
	text-align: center;
}

.fehlermeldungstext {
	color: #c0392b;
	font-size: 12px;
}

/* Aufbau Registerkarte */
.btnregisterkarteGridcontainer {
	box-shadow: 3px 3px 8px gainsboro;
}

.registerkarteUeberschrift {
	background-color: #e4760a;
	color: white;
	padding: 6px 0;
	text-align: center;
	font-size: 15px;
}

.registerkarteIcon {
	text-align: center;
}

.btnUserlogin {
	box-shadow: 3px 3px 8px gainsboro;
}

	.btnUserlogin:hover {
		border: solid 2px #e4760a;
	}

.btnRegistrierung {
	box-shadow: 3px 3px 8px gainsboro;
}

	.btnRegistrierung:hover {
		border: solid 2px #e4760a;
	}

.btnNeuesPasswort {
	box-shadow: 3px 3px 8px gainsboro;
}

	.btnNeuesPasswort:hover {
		border: solid 2px #e4760a;
	}

.ueberschriftstext {
	color: #000060;
}

.umrandung {
	border: solid 2px #e4760a;
}

.keineumrandung {
	box-shadow: 3px 3px 8px gainsboro;
}

form.ym-form-login {
	margin: 0 !important;
	padding: 0 !important;
}

/*************************************************** Gridcontainer ****************************************************/
/* Logineingabemaske */
.loginGridcontainer {
	grid-template-areas: "loginUserlogin loginRegistrierung loginNeuesPasswort" "loginEingabebereich loginEingabebereich loginEingabebereich" "loginEingabebereich loginEingabebereich loginEingabebereich";
	display: grid;
}

/* Button Logineingabemaske */
.btnUserloginGridcontainer {
	grid-template-areas: "." "btnLoginbereichImage" "btnLoginbereichText" ".";
	display: grid;
}

/* Eingabebereich Logineingabemaske */
.eingabebereichGridcontainer {
	grid-template-areas: "eingabebereichUeberschrift" "eingabebereichInformationstext" "eingabebereichTextfelder" "eingabebereichButton";
	display: grid;
}

/* Textfelder Logineingabemaske */
.textfelderGridcontainer {
	grid-template-areas: "textfeldBeschreibung textfeldEingabefeld";
	display: grid;
}

/* Textfelder Logineingabemaske-Passwort */
.textfeldPasswortGridcontainer {
	grid-template-areas: "textfeldBeschreibung textfeldEingabefeld textfeldPasswortAnzeigen";
	display: grid;
}

/* Aufbau Registerkarte */
.btnregisterkarteGridcontainer {
	grid-template-areas: "registerkarteUeberschrift" "registerkarteIcon";
	display: grid;
}

/***************************************************** Grid-Areas *****************************************************/
/* komplette Startseite */
.logo {
	grid-area: logo;
}

.breadcrumbs {
	grid-area: breadcrumbs;
}

.loginmaske {
	grid-area: loginmaske;
}

.logolinie {
	grid-area: logolinie;
}

.linie {
	grid-area: linie;
}

.startseite-informationsmeldung {
	grid-area: startseite-informationsmeldung !important;
}

.trennlinie {
	grid-area: trennlinie;
}

.registerkarten {
	grid-area: registerkarten;
}

.registerkarteYoutube {
	grid-area: registerkarteYoutube;
}

/* Logineingabemaske */
.loginEingabebereich {
	grid-area: loginEingabebereich;
}

.loginUserlogin {
	grid-area: loginUserlogin;
}

.loginRegistrierung {
	grid-area: loginRegistrierung;
}

.loginNeuesPasswort {
	grid-area: loginNeuesPasswort;
}

/* Button Logineingabemaske */
.btnLoginbereichImage {
	grid-area: btnLoginbereichImage;
}

.btnLoginbereichText {
	grid-area: btnLoginbereichText;
}

/* Eingabebereich Logineingabemaske */
.eingabebereichUeberschrift {
	grid-area: eingabebereichUeberschrift;
}

.eingabebereichInformationstext {
	grid-area: eingabebereichInformationstext;
}

.eingabebereichTextfelder {
	grid-area: eingabebereichTextfelder;
}

.eingabebereichButton {
	grid-area: eingabebereichButton;
}

/* Textfelder Logineingabemaske-Passwort */
.textfeldBeschreibung {
	grid-area: textfeldBeschreibung;
}

.textfeldEingabefeld {
	grid-area: textfeldEingabefeld;
}

.textfeldPasswortAnzeigen {
	grid-area: textfeldPasswortAnzeigen;
}

/* Registerkarten */
.registerkarteBA {
	grid-area: registerkarteBA;
}

.registerkarteBetriebe {
	grid-area: registerkarteBetriebe;
}

.registerkarteModule {
	grid-area: registerkarteModule;
}

.registerkarteBAText {
	grid-area: registerkarteBAText;
}

.registerkarteBetriebeText {
	grid-area: registerkarteBetriebeText;
}

.registerkarteModuleText {
	grid-area: registerkarteModuleText;
}

.buttonWeiterleitungModule {
	grid-area: buttonWeiterleitungModule;
}

.buttonWeiterleitungBetriebe {
	grid-area: buttonWeiterleitungBetriebe;
}

/* Registerkarten Youtube */
.registerkarteYoutubeImage {
	grid-area: registerkarteYoutubeImage;
}

.registerkarteYoutubeText {
	grid-area: registerkarteYoutubeText;
}

.registerkarteYoutubeUeberschrift {
	grid-area: registerkarteYoutubeUeberschrift;
}

/* Aufbau Registerkarte */
.registerkarteUeberschrift {
	grid-area: registerkarteUeberschrift;
}

.registerkarteIcon {
	grid-area: registerkarteIcon;
}

.weiterleitungUeberschrift {
	grid-area: weiterleitungUeberschrift;
}

.weiterleistungInformationstext {
	grid-area: weiterleistungInformationstext;
}

/* Breadcrumbleiste */
.breadcrumbStartseite {
	grid-area: breadcrumbStartseite;
}

.breadcrumbHilfe {
	grid-area: breadcrumbHilfe;
}

.breadcrumbHandbuch {
	grid-area: breadcrumbHandbuch;
}

.bildungsangebotBox {
	grid-area: bildungsangebotBox;
}

.hilfeBox {
	grid-area: hilfeBox;
}

.handbuchBox {
	grid-area: handbuchBox;
}

.breadcrumbsUeberschrift {
	grid-area: breadcrumbsUeberschrift;
}

.breadcrumbsUeberschriftSchmal {
	grid-area: breadcrumbsUeberschriftSchmal;
}

.breadcrumbsInformationstext {
	grid-area: breadcrumbsInformationstext;
}