:root {
	--gepedugelb:#ffad01;
	--gepedublau:#14498b;
	--gepedublau2:#0a55a1;	
	--gepedugruen:#009933;
	--gepedurot:#C40042;	

	--ajaxverbindung:#ff7575;

	--hintergrund_grau:#F0F0F0;
	--hintergrund_grau_hell:#F9F9F9;	
	
	--grau:#CCCCCC;
	--dunkelgrau:#545454;
	
	--bearbeitet:#747474;	/* die Schriftfarbe der bearbeiteten Items */
	--bearbeitetlikert:#14498b;	/* Die Likert Radio Buttons , wenn bearbeitet */

	--fortschrittgruen:#00CC00;
	--fortschrittgrau:#A4A4A4;
	--fortschrittzahl:#545454;
	
	--footergrau:#545454;
	--buttonblau:#336699;
	--buttonblauhover:#0a55a1;
	--buttonorangehover:#FFCC66;	
	--leistungblau:#99CCFF;	/* Gedächtnisspanne aufleuchten Bild */
	--focusvisible:#336699;
	--focusvisiblefooter:currentColor;	
	--schwarz:#000000;
	--weiss:#ffffff;
	--rot_leistung:#FFCCCC;
	--gruen_leistung:#CCFFCC;
	--adresspruefung-rot:#e4b0b0;
	
	--likert_grau1:#FAFAFA;
	--likert_grau2:#F0F0F0;
	--likert_grau3:#E5E5E5;
	--likert_grau4:#DBDBDB;
	--likert_grau5:#D1D1D1;
	--likert_grau6:#C1CEFE;

}


div.sprachendivparanmeldung  {
	margin:0.5em 0 1em 0;
}

div.sprachendivparanmeldung button {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  padding-bottom: 2px;
  min-width: 100px;
}


.hintergrund_grau{background-color:var(--hintergrund_grau);} /* Infokasten Hintergrund */
.bordergrau{border:1px solid var(--grau);} /* Infokasten Border */
.border_oben{border-top:1px solid var(--grau);}
.hintergrund_dunkelgrau{background-color:var(--grau);}

.hintergrund_lickert_skala{background-color:var(--hintergrund_grau_hell);}

.balkenanzeige .hintergrund_rot_uhr{background-color:var(--gepedurot);width:100%;}



.balkenanzeige .hintergrund_gruen_uhr {background-color:var(--gepedugruen);width:100%;}

.blau {color:var(--gepedublau);}
p.red span {color:var(--gepedurot);}
.red_bold {color:var(--gepedurot);font-weight:bold;}
.red, div.select select.red {color:var(--gepedurot);}

.bearbeitet {color:var(--bearbeitet);}

.grau, .grau .blau {color:var(--grau);}
.gruen {color:var(--gepedugruen);}

.hintergrund_orange{background-color:var(--gepedugelb);}
.hintergrund_blau{background-color:var(--gepedublau);}
.hintergrund_farbe_red_pflicht{background-color:var(--adresspruefung-rot);} /*  Adressprüfung anmeldung_ajax.js */ 

.hintergrund_gruen_leistung{background-color:var(--gruen_leistung)!important;}
.hintergrund_rot_leistung{background-color:var(--rot_leistung)!important;}
.hintergrund_blau_leistung{background-color:var(--leistungblau);}

.hintergrund_weis{background-color:var(--weiss);}
.hintergrund_schwarz{background-color:var(--schwarz);}

.weiss {color:var(--weiss)}
.bold {font-weight: bold;}








div.testfragen tbody tr:hover > td.tditem {background-color:#F0F0F0;}

.wrapper {
  display: contents;
}

.wrapper, .wrapper div, .wrapper p, .wrapper h1, .wrapper h2, .wrapper h3, .wrapper div p {
  color:var(--gepedugruen)!important;
}

.ajaxactiv.eckclick {
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 15px;
  background-color:var(--gepedublau);
  clip-path: polygon(0% 0%, 0% 100%, 100% 50% );  
  cursor:pointer;
}

#overlayloading .bearbeitenspracheausgabe h2.bearbeitensprache{
	font-size:1.1em;
	font-weight:bold;
}

#overlayloading .bearbeitenspracheausgabe .bearbeitensprache{
	width:100%;
	margin:1em 0 1em 0;
	padding:0;
}


#overlayloading .bearbeitenspracheausgabe textarea {
	width:100%;
	margin:0;	
	padding:.2em;
	min-height:6em;
}

#overlayloading input.speichern {
	float:right;
	margin: 1em 0 1em 0em;
}























/* Alles für Barrierefrei Anfang */

/* Mausfokus global deaktivieren */
*:focus:not(:focus-visible) {
   outline: none;
}

/* Alle Elemente mit JS-Klasse keyboard-focus bekommen rote Outline */

.keyboard-focus {
   outline: 3px dashed var(--focusvisible) !important;
   outline-offset: 3px;
}

footer .keyboard-focus {
   outline: 3px dashed var(--focusvisiblefooter) !important;
   outline-offset: 3px;
}


input.keyboard-focus + label.check, input.keyboard-focus + label.radio {
	outline: 3px dashed var(--focusvisible);
	outline-offset: 3px;
}

#leisaufgabealtcontainer input.keyboard-focus + label, .speed input.keyboard-focus + label {
	outline: 5px dashed var(--focusvisible);
	outline-offset: 1px;
}

#bildercontainer .gespannbild.keyboard-focusback {
	background-color:var(--hintergrund_grau);
	outline-offset: 1px;
}

#bildercontainer .quadratebild .keyboard-focusback {
	background-color:var(--hintergrund_grau);
	outline-offset: 1px;
}




.startfocus {
	outline: 3px dashed var(--focusvisible)!important;
	outline-offset: 3px!important;
}

a[href^="http"]:not([href*="deine-domain.de"])::after {
  content: " \2197";
}

/* Alles für Barrierefrei Ende */











#ajaxverbindung {
	background-color:var(--ajaxverbindung);
	width: 100%;
	padding: 0.5em 1em 0.5em 1em;
}

@media only screen and (max-width: 700px) {
	#ajaxverbindung {
		padding: 0.5em;
	}
}


#ajaxverbindung p {
	padding:0;
	margin:0;
	color:var(--font-weis);
}
body {font-size:1em;}
p {hyphens: auto;}
body, input, td, font, div, textarea, p, span, div, a, input, select, form, button   {font-family: Arial, Helvetica, sans serif; color:var(--schwarz);margin:0;padding:0;background-repeat:no-repeat;}
input, td, font, div, textarea, p, span, div, a, input, select, form {font-size:1em;}

* {padding:0;margin:0;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;}

input, select, textarea {padding:0;margin:0;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;}

html, body {height: 100%;}
#headline, main, footer {float:left;width:100%;}
div.hintergrund-breit{width:100%;float:left;padding:0.5em 1em 0.5em 1em;}
div#hintergrund, .logoleiste {width:1200px;margin-left:auto;margin-right:auto;margin-top:0;}
div.hintergrundfloat {float:left;width:100%;margin:0 0 2em 0;}
#hintergrundfloat .oben1 {padding-top: 2em;}

#cookiericht {position:fixed;bottom:0;width:100%;z-index:2500;background-color:var(--gepedugelb);opacity: 0.9; }
#cookiericht div p {padding:0.8em 1em 0.8em 1em;text-align:center;}
#cookiericht div a#cookiea {display:block;margin: 0.5em auto 0.5em auto;padding:0.6em;display:block;background-color:#1033A0;border-radius:0.3em;color:var(--gepedugelb);width: 4em;text-align:center;}
#cookiericht div a#cookiea:hover {color:var(--weiss);}


/* Inhalte ab 08.07.20205 Anfang*/

.leichtesprache::after {
	content: url(../images/button/info.png);
	margin-left: 0.5em;
  float: right;
  cursor: pointer;}

.smilie .leichtesprache::after {
	content: url(../images/button/info-big.png);
	margin-left: 0.5em;
  float: right;
  cursor: pointer;
}

div.overlay {position:fixed;z-index:20;left:0px;top:0px;background:rgba(0,0,0,0.7);width:100%;height:100%;text-align:center;display:none;}
div.overlayloading {width:640px;margin-left:auto;margin-right:auto;margin-top:10%;}
div.overlayloading .inhalt {width:100%;float:left;text-align:left;background-color:var(--weiss);border: 4px solid var(--hintergrund_grau);padding:2em;}
div.overlayloading .inhalt input {margin:1em 1em 1em 0em;}
div.overlayloading .inhalt input.schliessen {margin:1em 1em 1em 0em;}



/* Inhalte ab 08.07.20205 Ende*/



.LTRrichtung {direction:LTR; unicode-bidi:embed;}
.underline {text-decoration:underline;}

div.testfragen label.pflicht::after, div.testfragen p.pflicht::after, div.testfragen legend.pflicht::after {
	content: " *";
	display: inline-block;
	margin-left: .5em;
	position: relative;
	color: #cc1e37;
	font-weight: 700;
}

div.select {
  position: relative;
  top:0;
  left:0;
  float: left;
	width: 100%;
}

div.select select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 40px;
  -moz-padding-start: calc(10px - 3px);
  padding-left:10px;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  color: var(--schwarz);
  cursor: pointer;
}

div.select::before {
  font-family: fontello;
  content: "\2193";
  font-size: 20px;
  position: absolute;
  right: 15px;
  top: 6px;
  color: var(--schwarz);
  pointer-events: none;
} 


.center {text-align:center;width:100%;}
#inhalt p.center {clear:both;} /* Seitenzahlen unterhalb der weiter und zurückfelder */


.logoleiste div {float:left;padding:2em 0 2em 0;width:100%;}
.logoleiste div p {padding:0 0 0.5em 0;}
.logoleiste img {float:left;width:100%;clear:both;}


div#inhalt {width:100%;}
div#inhalt_uber {width:100%;margin:0;}
.inhalt {float:left;width:100%;}

/* items lickert*/

div.testfragen, div.uhrueber {float:left;padding:0;width:100%;}
div.uhrueber {padding:0 0 2em 0;}

/*div.testfragen div.inhalt{padding:1em 0 2em 0;width:100%;}*/

div.testfragen div.inhalt{padding:1em 0 0 0;width:100%;}


div#testinhaltaktiv {min-height:20em;}

div.uhrueber div.uhr{padding:1em 0 2em 0;width:80%;}
div.testfragen div.lickertitems {float:left;padding:0;width:100%;}
div.testfragen div.items, div.testfragen fieldset.items, div.testfragen .itemsueber {width:100%;clear:both;margin:0 0 1em 0;float:left;padding:0 0 0.25em 0;}

div.testfragen .itemsueber div.itemshtml {margin:1em;padding:0;}
div.testfragen .itemsueber div.itemshtml .items, div.testfragen .itemsueber div.itemshtml p.ueber {font-weight:bold;}
div.testfragen .itemsueber div.itemshtml .items  {padding:2em 0 0 0;}
div.testfragen .itemsueber div.itemshtml .ueber {padding:0;}
div.testfragen .itemsueber div.itemshtml ol {padding-left:1em;}
div.testfragen .itemsueber div.itemshtml ol li {list-style-position:outside;margin:12px 0;}
div.testfragen .itemsueber div.itemshtml ol li li {list-style-position:outside;margin:6px 0;}


div.testfragen .itemsueber div.itemshtml ol.klammer {
    counter-reset: list;
    margin: 0;
    padding-left: 2em;
}

div.testfragen .itemsueber div.itemshtml ol.klammer > li {
    list-style: none;
    position: relative;
}

div.testfragen .itemsueber div.itemshtml ol.klammer > li:before {
    counter-increment: list;
    content: " (" counter(list) ") ";
    position: absolute;
    left: -2em;
}






div.testfragen .itemsueber p.Skala18 {padding:1em 0 1em 0;}
div.testfragen .itemsueber .items, .items .Skala18 {padding:1em;font-weight:bold;}
div.testfragen .itemsueber p.antworten {padding:1em 1em 0 1em;}



div.testfragen .itemsueber div.items {padding:0 1em 0 1em;float:left;margin:0;width:100%;}
div.testfragen .itemsueber div.items input {clear:both;}
div.testfragen .itemsueber div.items input.AMod9 {clear:none;margin-right:1em;}
div.testfragen .itemsueber .einesausx {padding:1em;}
div.testfragen .itemsueber .leistung_log_sprach {width:100%;display:flex;align-items: center;justify-content:center;}
div.testfragen .itemsueber .leistung_log_sprach p {display:inline-block;padding:1em;font-weight:bold;}
div.testfragen .itemsueber img.class1 {clear:both;padding:1em;}
div.testfragen .lineabstand {line-height:1.5em;}



.radio div.items label, .beispiel .radio label {clear:both;margin-bottom:1em;font-weight:normal;}
.radio div.items label.dunkelblau, .beispiel .radio label.dunkelblau {font-weight:bold;}

.schulnote  p {clear:both;}
.schulnote div.items {padding: 0 1em 0 1em;} 
.schulnote .items p {padding:0 0 0.5em 0;} 


.beispiel .item2 {padding:0;}
#beispiel, #beispiel .beispiel {width:100%;clear:both;}
#beispiel .bordergrau {width:100%;padding:1em;}
#beispiel p.einleitung {padding:1em 0 1em 0;}

div.testfragen .items .marginoben {margin:1em 0 0 0;}
div.testfragen .items .fehleranzeigen {padding:1em 0 0 0;}
div.testfragen .items .fehleranzeigenalter {padding:0 0 1em 0;clear:both;}



div.testfragen .items label.AMod9 {width:auto;margin-right:1em;}
div.testfragen .items textarea {width:90%;}
div.testfragen .items textarea.hoch {min-height:15em;}
div.testfragen .items p.textareafehler {padding:0.2em 0 0.2em 0;}


.borderitems { border: 1px solid #ccc;}


div.testfragen #responsive_breit {display:none;}






div.testfragen div.lickertitems {}
div.testfragen .fragezurueck {display:none;width:100%;}
div.testfragen p.itemtext{width:100%;text-align:right;line-height:1.2em;} 


div.testfragen div.smilie .itemtyp1.ant5 .skalierung, div.testfragen div.smilie .itemtyp1.ant6 .skalierung {
   display: none;
}

div.testfragen div.smilie .itemtyp1 .griddiv.itemlickert {
    grid-template-columns: 1fr;
    border: none;
}
 
div.testfragen div.smilie fieldset.itemlickert div, div.testfragen div.smilie   fieldset.itemlickert legend {
	padding: 10px 0;
}

div.testfragen div.smilie .itemtyp1 .griddiv.itemlickert .fielsetradio input[type="radio"] + label::after {
padding: 0 0 0 45px;
  position: relative;
  top: -6px;
}


.diertl div.testfragen div.smilie .itemtyp1 .griddiv.itemlickert .fielsetradio input[type="radio"] + label::after {
	padding: 0 45px 0;
  float: right;
}



div.testfragen div.smilie .itemtyp1 fieldset div.fielsetradio label::before {
     left: 10px;
     top: -7px;
}

div.testfragen div.smilie fieldset.itemlickert div.fielsetradio {
	background:none;
}

div.testfragen div.smilie fieldset.itemlickert {margin-bottom:2em;} 


div.testfragen div.smilie {margin-bottom:2em;} 
div.testfragen .smilie p.itemtext, div.testfragen .smilie label {text-align:left;}
div.testfragen .smilie label {padding:1em 0 1em 1em;margin:0;width:100%;}

div.testfragen .smilie input[type="radio"]:checked + label::before {content:" ";}
div.testfragen .smilie input[type=radio] + label::after {content:" "attr(title)" ";display:inline-block;padding:0 0 0 15px;margin:0 0 0 1em;font-size:1em;font-weight:normal;}
div.testfragen .smilie input[type=radio]:checked + label::after {color:var(--gepedublau2);font-weight:bold;}

div.testfragen .smilie label::before {border-radius:0;width:40px;height:40px;box-shadow:none;margin:6px 0 0 0;background: url(../images/button/smilie/smile.png) no-repeat; transition:none}

div.testfragen .smilie input[type=radio].bild_1 + label::before {background-position: 0 0;}
div.testfragen .smilie input[type=radio].bild_2 + label::before {background-position: -40px 0;}
div.testfragen .smilie input[type=radio].bild_3 + label::before {background-position: -80px 0;}
div.testfragen .smilie input[type=radio].bild_4 + label::before {background-position: -120px 0;}
div.testfragen .smilie input[type=radio].bild_5 + label::before {background-position: -160px 0;}

div.testfragen .smilie input[type=radio].bild_1:hover + label::before {background-position: 0 -40px;}
div.testfragen .smilie input[type=radio].bild_2:hover + label::before {background-position: -40px -40px;}
div.testfragen .smilie input[type=radio].bild_3:hover + label::before {background-position: -80px -40px;}
div.testfragen .smilie input[type=radio].bild_4:hover + label::before {background-position: -120px -40px;}
div.testfragen .smilie input[type=radio].bild_5:hover + label::before {background-position: -160px -40px;}

div.testfragen .smilie input[type=radio].bild_1:checked + label::before {background-position: 0 -80px;}
div.testfragen .smilie input[type=radio].bild_2:checked + label::before {background-position: -40px -80px;}
div.testfragen .smilie input[type=radio].bild_3:checked + label::before {background-position: -80px -80px;}
div.testfragen .smilie input[type=radio].bild_4:checked + label::before {background-position: -120px -80px;}
div.testfragen .smilie input[type=radio].bild_5:checked + label::before {background-position: -160px -80px;}



.li_per_smilies div.testfragen .smilie label::before {border-radius:0;width:40px;height:40px;box-shadow:none;margin:6px 0 0 0;background: url(../images/button/balken/radio.png) no-repeat; transition:none}
.li_per_smilies .diertl div.testfragen .smilie label::before {border-radius:0;width:40px;height:40px;box-shadow:none;margin:6px 0 0 0;background: url(../images/button/balken/radio-diertl.png) no-repeat; transition:none}

.li_per_smilies div.testfragen .smilie input[type=radio].bild_1 + label::before {background-position: 0 -0px;}
.li_per_smilies div.testfragen .smilie input[type=radio].bild_2 + label::before {background-position: 0 -40px;}
.li_per_smilies div.testfragen .smilie input[type=radio].bild_3 + label::before {background-position: 0 -80px;}
.li_per_smilies div.testfragen .smilie input[type=radio].bild_4 + label::before {background-position: 0 -120px;}
.li_per_smilies div.testfragen .smilie input[type=radio].bild_5 + label::before {background-position: 0 -160px;}

.li_per_smilies div.testfragen .smilie input[type=radio].bild_1:checked + label::before, div.lickert .radio input[type=radio].bild_1:hover + label::before  {background-position: 0 -200px;}
.li_per_smilies div.testfragen .smilie input[type=radio].bild_2:checked + label::before, div.lickert .radio input[type=radio].bild_2:hover + label::before  {background-position: 0 -240px;}
.li_per_smilies div.testfragen .smilie input[type=radio].bild_3:checked + label::before, div.lickert .radio input[type=radio].bild_3:hover + label::before  {background-position: 0 -280px;}
.li_per_smilies div.testfragen .smilie input[type=radio].bild_4:checked + label::before, div.lickert .radio input[type=radio].bild_4:hover + label::before  {background-position: 0 -320px;}
.li_per_smilies div.testfragen .smilie input[type=radio].bild_5:checked + label::before, div.lickert .radio input[type=radio].bild_5:hover + label::before  {background-position: 0 -360px;}



.li_FKK_smilies div.abstand {padding:0 0 1em 0;width:100%;float: left;}
.li_FKK_smilies #inhalt .borderitems {border:0;padding:0 0 0.5em 0;}
.li_FKK_smilies #inhalt div.items {margin:0;padding:0;}
.li_FKK_smilies #inhalt div.items p.Skala18 {margin:0;padding:1em 0 0.5em 0;}
.li_FKK_smilies #inhalt div.items div.checkbox {margin:0;padding:0 0 0.75em 0;}
.li_FKK_smilies #inhalt .itemsueber {margin:0;padding:0;}
.li_FKK_smilies #inhalt div.select label {width:auto;padding: 0.2em 0.5em 0.2em 0;}
.li_FKK_smilies #inhalt div.smilie {margin:0;}
.li_FKK_smilies h2 span, .li_selbst_smilies h2 span {font-size:0.5em;display:block;}


.li_FKK_smilies div.beerf  input[type="checkbox"] + label::before, .li_FKK_smilies div.beerf  input[type="checkbox"]:checked + label::before, .lismilie_uebersicht p.beerf::before  {
  background-color: #990099;
  color: var(--weiss);
}

.li_FKK_smilies div.ausb  input[type="checkbox"] + label::before, .li_FKK_smilies div.ausb  input[type="checkbox"]:checked + label::before, .lismilie_uebersicht p.ausb::before {
  background-color: #33CCFF;
  color: var(--weiss);
}

.li_FKK_smilies div.studi  input[type="checkbox"] + label::before, .li_FKK_smilies div.studi  input[type="checkbox"]:checked + label::before, .lismilie_uebersicht p.studi::before {
  background-color: #0099FF;
  color: var(--weiss);
}

.li_FKK_smilies div.beern  input[type="checkbox"] + label::before, .li_FKK_smilies div.beern  input[type="checkbox"]:checked + label::before, .lismilie_uebersicht p.beern::before {
  background-color: #aaa;
  color: var(--weiss);
}


.lismilie_uebersicht div.legende .legendeunter {float:left;width:100%;padding:0.5em 0 0 0;}
.lismilie_uebersicht div.legende p.legende, .lismilie_uebersicht div.legende p.legendeicon {float:left;margin:0 0.5em 0 0;padding:0;color:var(--schwarz);}
.lismilie_uebersicht div.legende div.legendeicon {float:left;position:relative;top:0;left:0;height:0.8em;margin-top:0.1em;}
.lismilie_uebersicht .jahreberuf {width:70%;float:left;clear:both;}
.lismilie_uebersicht label {font-weight:normal;}
.lismilie_uebersicht .abstand {float:left;padding:0.5em 0 0.5em 0;}

.li_FKK_smilies .lismilie_uebersicht .fragezurueck {display:none;}
.li_FKK_smilies .lismilie_uebersicht .radio input[type=radio] + label::before  {width:65px;height:16px;margin-top:1px;background:none; background-color:var(--weiss); box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8); border-radius:0;}

.li_FKK_smilies .lismilie_uebersicht .radio input[type=radio].red + label::before, .lismilie_uebersicht div.red  {background-color:#ff0000;}
.li_FKK_smilies .lismilie_uebersicht .radio input[type=radio].orange + label::before, .lismilie_uebersicht div.orange  {background-color:#FFCC00;}
.li_FKK_smilies .lismilie_uebersicht .radio input[type=radio].gelb + label::before, .lismilie_uebersicht div.gelb   {background-color:#FFFF00;}
.li_FKK_smilies .lismilie_uebersicht .radio input[type=radio].hellgruen + label::before, .lismilie_uebersicht div.hellgruen   {background-color:#00FF00;}
.li_FKK_smilies .lismilie_uebersicht .radio input[type=radio].gruen + label::before, .lismilie_uebersicht div.gruen   {background-color:#009900;}

.lismilie_uebersicht p.legendeicon::before {content:"\00A0\00A0";margin:0 0.25em 0 0;width:18px;display:inline-block;line-height:0.8em;}
.lismilie_uebersicht p.red::before {background-color:#ff0000;}
.lismilie_uebersicht p.orange::before {background-color:#FFCC00;}
.lismilie_uebersicht p.gelb::before {background-color:#FFFF00;}
.lismilie_uebersicht p.hellgruen::before {background-color:#00FF00;}
.lismilie_uebersicht p.gruen::before {background-color:#009900;}


.li_FKK_smilies .lismilie_uebersicht .radio input[type=radio] + label::before {content: "";}
.li_FKK_smilies .lismilie_uebersicht .radio input[type=radio] + label::after {content: "";}

.li_FKK_smilies .lismilie_uebersicht .smilie legend {width:auto;clear:none;}
.li_FKK_smilies .lismilie_uebersicht .smilie .tditem {float:left;width:100%;}
.li_FKK_smilies .lismilie_uebersicht .smilie .tditem .grau {float:left;color:var(--schwarz);}
.li_FKK_smilies .lismilie_uebersicht .smilie .tditem span {float:left;width:100%;font-weight:normal;font-size:0.666em;}

.li_FKK_smilies .lismilie_uebersicht .smilie label {margin:0;padding:0;width:70px;left:0;top:0;} 
.li_FKK_smilies .lismilie_uebersicht div.checkbox {width:auto;padding:0 1em 0 0;}
.li_FKK_smilies .lismilie_uebersicht div.checkbox label.check {margin:0;padding:0;}
.li_FKK_smilies .lismilie_uebersicht div.checkbox label::before {position:relative;}
.li_FKK_smilies .lismilie_uebersicht .abstand .Skala18 {padding:1em 0 0.3em 0;}
.li_FKK_smilies .lismilie_uebersicht .abstand .Skala18 span {font-size:1.5em;padding:0 0 0.3em 0;font-weight:normal;}
.li_FKK_smilies .lismilie_uebersicht .abstand textarea {width:100%;}


.li_FKK_smilies .lismilie_uebersicht div.smilie .itemtyp1 fieldset.griddiv.itemlickert {
  display: grid;
  grid-template-columns: repeat(5, 70px) 1fr;
  gap: 0px;
  padding:0 0 10px 0;
}

.li_FKK_smilies .lismilie_uebersicht fieldset.griddiv.itemlickert .tditem {
  grid-column: 1 / -1; /* geht über ALLE Spalten inkl. der flexiblen */
}

div.testfragen.lismilie_uebersicht div.smilie fieldset.itemlickert {
	margin:0;
}

div.testfragen.lismilie_uebersicht div.smilie fieldset.itemlickert legend
{
  padding: 5px 0 5px 0;
}

div.testfragen.lismilie_uebersicht fieldset div.fielsetradio label {
	height:auto;
}

div.testfragen.lismilie_uebersicht div.smilie .itemtyp1 fieldset div.fielsetradio label::before {
  left: 0;
  top: 0;
}

div.testfragen.smilies.lismilie_uebersicht div.smilie fieldset.itemlickert div.fielsetradio {
	padding:0;
}

div.testfragen.li_FKK_smilies fieldset div.fielsetradio label {
	height: auto;
}


fieldset.itemlickert:has(.fielsetradio:hover) .itemtext {
  background-color:var(--hintergrund_grau_hell);
  transition: background 0.2s ease;
}

/* items lickert ende*/


/* paarvergleiche */

.paarvergleiche {width:100%;}
.paarvergleiche .paarleft {float:left;width:45%;text-align:right;position: relative;}
.paarvergleiche .paarright {float:left;width:45%;text-align:left;position: relative;}
.paarvergleiche .paarmitte {float:left;width:10%;text-align:center;position: relative;}
.paarvergleiche button[type="submit"] {color:var(--gepedublau2);text-decoration:none;font-weight:bold;background:none;border:0;text-align:left;cursor:pointer;outline:0;}
.paarvergleiche button[type="submit"]:hover {text-decoration:underline;}
.paarvergleiche .paarleft button[type="submit"].item {text-align:right;}
.paarvergleiche .paarpadding {text-align:center;padding:2em 0 2em 0;float:left;}
.paarvergleiche button.paarpadding {float:none;}

/* paarvergleiche ende*/


p.abstandtestcenter {padding-top:18em;}

#responsive_schmal, .responsive_schmal {display:none;}

.positionabs {position:absolute;}
.positionrel {position:relative;}
.clearboth {clear:both;}

#beschreibungweg {display:none;}

footer {position:absolute;bottom:0;}
footer div.footer {float:left;width:100%;background-color:var(--footergrau);padding:1em 1em 5em 1em;}
footer p {float:left;padding:0 2em 0 0;line-height:1.3em;color:var(--weiss);}

footer div.logo{clear: both;padding-top: 1em;}


a {color:var(--gepedublau2);}
a:hover {text-decoration:none;}
#sprachen a {float:left;border:0;margin:0 0.5em 0 0;font-size:0.8em;text-decoration:none;}
footer a {color:var(--weiss);}
div#anmeldung {margin:0 0 2em 0;}
div.anmeldung {width:80%;margin:0 0 2em 0;padding:0;}
div.anmeldung .anmeldungeinleitung {margin:.5em 0 .5em 0;}


#inhalt_uber #testinhalt, #inhalt_uber #testinhaltaktiv  {float:left;width:100%;}
.schrift1 {font-size: 2em;font-weight:normal;}
.schrift1b {font-size: 2em;font-weight:bold;}
.schrift2 { font-size:1.4em;}
.schrift3 { font-size:1.2em;}
.schrift4 { font-size:1em;}
.schrift5 { font-size:0.8em;}
p.schrift5 span {font-size:1em;}
.kursiv { font-style:italic; }
a.druckersymbol {padding:1em 0 1em 35px;background: url(../images/button/printer_icon.png) no-repeat left scroll;}
a.socialf {clear:both; height:40px; padding:6px 0px 6px 50px;background: url(../images/button/facebook.png) no-repeat left scroll;}
a.socialg {clear:both; height:40px; padding:6px 0px 6px 50px;background: url(../images/button/googleplus.png) no-repeat left scroll;}
p.pdf_drucken {padding:3px 0 3px 0;}
a.pdf_drucken {padding:3px 0 3px 25px;background: url(../images/button/pdf-text.png) no-repeat left scroll;}




.ballon {background-position:190px 190px;background-repeat:no-repeat;background-attachment:scroll;opacity: 0.9;}
.ballongelb {background-image:url(../images/classen/ballons/gelb.png)}
.ballongruen {background-image: url(../images/classen/ballons/gruen.png)}
.ballonorange {background-image: url(../images/classen/ballons/orange.png)}
.ballonblau {background-image: url(../images/classen/ballons/blau.png)}
.ballonalle {background-image: url(../images/classen/ballons/alle.png)}
.stopschild {background-image: url(../images/classen/stopschild.jpg)}


@media only screen and (max-width:1890px) {
	.ballon {background-position:10px 190px;}
}

@media only screen and (max-width:1400px) {
	.ballon {background-position:center 2px;background-size:15%;}
}

@media only screen and (max-width:600px) {
	.ballon {background-position:center 2px;background-size:15%;}
}

.Testid43 footer div.footer, .Testid45 footer div.footer {background-image:linear-gradient(270deg, var(--gepedublau2) 5%, #C40042 80%);}

ul.ergebnis li {list-style-position:inside;display:table;line-height:1.5em;}
.paddingtopunten {padding:0.5em 0 0.5em 0 !important;}


h2, h3 {width:100%;font-weight:normal;margin:0;}
h2, .gross {font-size:2.5em;padding:0 0 0.5em 0;
  position: relative;
  top:0;
  left:0;
}
h3, .mittel {font-size:1.5em;padding:0 0 0.3em 0;}
.smilies h2.content {padding:1em 0 0 0;font-size:1.5em;font-weight:normal;}

.seiteninhaltaktiv {float:left;width:100%;padding:0 0 0.5em 0;}
.seiteninhaltaktiv h2.content {padding:1em 0 0.5em 0;font-size:1em;font-weight:bold;}

.optgrau{background-color:var(--hintergrund_grau);}
.optblau{background-color:var(--gepedublau2);}


p.content, ul.content {padding:0 0 0.5em 0;}

#anmeldung #anmeldung_div p.content {padding:0 0 0.5em 0;}
#anmeldung p.red, p.anmeldung {padding:0.5em 0 0 0;}
.content2, #anmeldung .abstand, .erklaerung {width:100%;padding:0.5em 0 0.5em 0;float: left;}
.likertaufgaben {padding:0.5em 0 0.5em 0;width:100%;}
p.content, ul.content, .content2, #anmeldung .abstand, .erklaerung, p.leistungeinleitung {line-height:1.4em;}

.hoverspan {display:none;}
.leis, .leis div {float:left;}

#anmeldung .content3 {padding:0 0 1em 0;width:100%;float:left;}
.anmeldung p, .float {float:left;width:100%;position:relative;top:0;right:0;}
a.float {float:left;width:auto;}
div.content {width:100%;}
img.content {float:right;margin:0 0 1em 1em;display:none;}
li.content  {list-style-position:inside;display:table;line-height:1.5em;}
li.content::before {display:table-cell;content:"-";color:black;padding-right:0.5em;}
.deckblatt p {text-align:justify;}
.deckblatt li {list-style-position: inside;line-height:1.4em;}

body .schmal {width:80%;clear:both;}
.teilnehmername {color:var(--fortschrittgrau);font-size:0.8em}
div#sprachen {float:left;margin:0;}
.teilnehmername, div#sprachen {padding:0.2em 0 0.2em 0;}




#headline div#logo {float:right;}
#headline div.weite {width:100% !important;}
#headline div#logo .rechts {float:right !important;}
#headline div#logo .links {float:left !important;}

#headline div#logo img {}

label, .label {width:100%;padding:0.2em 0 0.2em 0;float:left;font-weight:bold;line-height:1.3em;}


input, select, textarea {
  border:2px solid var(--dunkelgrau);
  margin:0;
  border-radius:5px;
  float:left;
  outline:0;
}

input[type="submit"], input[type="button"] {border:1px solid var(--grau);padding:0.5em 1em 0.5em 1em;text-align:center;width:auto;outline:0;cursor:pointer;}
input[type="text"].weiter {width:auto;outline:0;}
input[type="submit"]:hover, input[type="button"]:hover {background-color:var(--buttonorangehover);}

input[type="password"], input[type="email"], input[type="text"], input[type="date"], select, textarea, .input {width:53%;}
input[type="password"], input[type="email"], input[type="text"], input[type="date"], input[type="number"], select, textarea, .input {line-height:1.25em;padding:0.25em;margin:0 0 1em 0;}

input[type="submit"].blau {background-color:var(--buttonblau);color:var(--weiss);}
input[type="submit"].blau:hover {background-color:var(--buttonblauhover);}



input[type="submit"].content {clear:both;float:left;margin:0 0 1em 0;}
input[type="submit"].zurueck {margin:1em 0 1em 0;}
input.weiter {float:right;padding:1em;margin:1em 0 1em 0;}
div.leistungsaufgaben input.weiter {margin:1em 0 1em 0;}
input.testbeenden {padding:1em;margin:1em 0 1em 0;}





#anmeldung input[type="submit"].weiter, .uhr input[type="submit"].weiter {float:left;clear:both;}


input[type="submit"].abbrechen {float:left;}
input[type="submit"].teilweiter {float:right;}

#headline div#logoraus{float:right;padding:0 0 0.25em 0;}
#logobild { display:block;}	
#logoraus { display:none;}	
#logo div.aktivschrift {padding:0;margin:0;}
#logo .aktivschrift a {width: 1.6em;
    line-height: 1.6em;
    overflow: hidden;
    z-index: 999;
    cursor: pointer;
    transform: rotate(270deg);
		float:right;
    background-color:var(--gepedugelb);
    color: #1033A0;
    text-align:center;
    font-size:0.8em;
    text-decoration:none;
    margin:0;
    display:block;
}


@keyframes logoraus {
  0%   {opacity: 1;}
  50%   {opacity: 1; }  
  100% { opacity: 0; }
}


/*div.checkbox*/




div.checkbox, .radio  {
	position: relative;
	float: left;
	left:0;
	top:0;	
	width:100%;
}

div.checkbox label.check, .radio label {
	cursor: pointer;
	position: relative;
	padding: 0 0 0 35px;
	margin-right: 15px;
	padding-top:0;
	width:auto;
	z-index:5;
}

.items div.checkbox {
	margin: 0 0 0.5em 1em;
}
.items div.checkbox label.check{
	font-weight:normal;
}


div.checkbox label::before  {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	position: absolute;
	left:0;
	top:0;
	color: #f3f3f3;
	background-color: #aaa;
	box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, .3), 0 1px 0 0 rgba(255, 255, 255, .8);
	border:1px solid var(--grau);
	border-radius:6px;
	transition:all 0.7s ease;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
	font-size:17px;
	text-align:center;
  font-weight:bold;
}

div.checkbox input[type=checkbox]:checked + label::before {
	content: "\2713";
	color: var(--schwarz);
	border-color:var(--grau);  
}

.radio label::before  {
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	top: 0;
	background-color:var(--grau);
	box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, .3), 0 1px 0 0 rgba(255, 255, 255, .8);
	border-radius: 10px;
	font-size: 40px;
	text-align: center;
	color: #f3f3f3;
	transition:all 0.7s ease;
}

.radio input[type=radio]:checked + label::before {
	content: "\2022";
	color: var(--bearbeitetlikert);
}

div#fortmonitor, div#uhrmonitor {
position:relative;
top:0;
left:0;
width:100%;
box-sizing: border-box;
border-radius: 3px;
box-shadow: 2px  2px 5px 1px rgba(0, 0, 0, 0.1) inset;
overflow:hidden;
/*height:20px !important;*/
}


div#fortmonitor div, div#uhrmonitor.balkenanzeige div {
float:left;
box-sizing: border-box;
border-radius: 3px 0 0 3px ;
box-shadow: 2px  2px 5px 1px rgba(0, 0, 0, 0.1) inset;
/*height:20px !important;*/
}

#restzeit {
	display:inline-block;
	padding-top:1.5px;
}

div#fortmonitor div p, div#uhrmonitor div p {
float:left;
text-align: center;
padding:2px;
width: 100%;
}

div#uhrmonitor ._alt_absolute {
	width:100%;
	text-align: center;
	position: absolute;
	padding: 2px;
}
 
div#uhrmonitor .absolute {
	width:100%;
	text-align: right;
	position: absolute;
	padding: 2px 20px 2px 2px;
}

div#uhrmonitor.balkenanzeige .absolute {
	text-align: center;
	padding: 2px;
}





#fragebogen #deckblattweiter {float:right;padding:0;margin-bottom:1em;}

#inhalt_uber .weitermachen {padding:0.5em;float:right;clear:both;margin:1em 0 1em 0;}


/* Testübersicht*/
.uebersicht, .pagenavistruktur {padding-bottom:1em;}
.uebersicht  input.unter {text-decoration:underline;}
.uebersicht ul, .pagenavistruktur ul {list-style:none; width:100%;}
.uebersicht ul li {float:left;margin:0 0.5em 0 0;padding:0.25em 0 0.25em 0;}
.uebersicht ul li input[type="submit"] {float:none;padding: 0.5em 1em 0.5em 1em;margin:0;}




.inhalt ul.pagenavistruktur li {clear:both;margin:0 0 0.75em 0;padding:0.25em 0 0.25em 0;grid-template-columns:1fr 1fr;display:grid;grid-gap: 1em 1em;
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
}
.inhalt ul.pagenavistruktur li p {padding:0.25em;color:var(--dunkelgrau);}


/* Testübersicht*/

#inhalt_uber .abmelden {cursor:pointer;}
#divaktiv {float:left;}

div#inhalt_uber	{position:relative;}
div.inhalt_bild	{position:absolute;height:530px;background-repeat:no-repeat;background-position:left top;margin:0;width:100%;}																		
div.inhalt_bild	p.inhalt_bild		{position:relative;float:left;margin:10px;}																		






.hintergrund_rot_uhr{width:100%;}
.hintergrund_gruen_uhr, .hintergrund_rot_uhr{width:100%;}





p, a {line-height:1.20em;}

div.teilnahmebedingung{width:100%;height:16em;padding:1em;margin:0 0 0.5em 0;overflow:auto;}
div.teilnahmebedingung p {margin:0 0 1em 0;}
.display_none {display:none;}
.visibilityhidden {visibility: hidden;}
.cursorpointer{cursor:pointer;}
.dunkelblau {color:var(--gepedublau2);}


.radio input[type="radio"].practice-rot + label::after {content: "";padding:1em;background:url(../images/button/falsch.png) no-repeat right;}
.radio input[type="radio"].practice-gruen + label::after {content: "";padding:1em;background:url(../images/button/richtig.png) no-repeat right;}



.leistung_logik #leisaufgabe #leisaufgabealtcontainer .practice-rot input[type=radio]:checked + label {background-color:var(--rot_leistung);}
.leistung_logik #leisaufgabe #leisaufgabealtcontainer .practice-gruen input[type=radio]:checked + label {background-color:var(--gruen_leistung);}
.leistung_spiegel #leisaufgabe #leisaufgabealtcontainer .practice-rot input[type=radio]:checked + label {background-color:var(--rot_leistung);}
.leistung_spiegel #leisaufgabe #leisaufgabealtcontainer .practice-gruen input[type=radio]:checked + label {background-color:var(--gruen_leistung);}



#leisaufgabe .borderauf {border:1px solid var(--dunkelgrau);}
#leisaufgabe .borderalt {border:1px solid var(--grau);}
.leisaufgabe {margin:1em auto 1em auto;width:700px;}
#leisaufgabe .leisaufgabevorlage {float:left;padding:0 0 1em 0;}
.leistung_vorstellung #leisaufgabe p {text-align:center;}

#leisaufgabealt p, .leisaufgabevorlage p  {padding:0 0 0.5em 0;}

#leisaufgabe .leisaufgabevorlagebild {float:left;padding:0;}
.falten .leisaufgabevorlagebild {width:250px;height:340px;overflow:hidden;}

#leisaufgabe #leisaufgabealt {float:left;margin-left:18px;width:412px;}
.leistung_spiegel .leisaufgabe {width:710px;}
.leistung_spiegel #leisaufgabe #leisaufgabealt {width:100%;margin:0;border:0;}
.leistung_spiegel #leisaufgabe #leisaufgabealt .divradio {margin:0;}

@media only screen and (max-width:780px) {
	.leistung_spiegel .leisaufgabe {width:auto;}
}


#leisaufgabe #leisaufgabealtcontainer {float:left;}
#leisaufgabe #leisaufgabealtcontainer .divradio {float:left;position:relative;left:0;top:0;margin:0 5px 5px 0px;}

#leisaufgabe #leisaufgabealtcontainer .divradio label {float:left;left:0;display:block;cursor:pointer;line-height:0;padding:0;margin:0;}
#leisaufgabe #leisaufgabealtcontainer .divradio label:hover, #leisaufgabe #leisaufgabealtcontainer .divradio input[type="radio"]:focus + label {background-color:var(--hintergrund_grau);}



#leisaufgabe #leisaufgabealtcontainer .divradio input[type=radio]:checked + label {background-color:var(--grau);}

#leisaufgabe #leisaufgabealtcontainer .matrizen label  {width:80px;height:80px;}
#leisaufgabe #leisaufgabealtcontainer .spiegel label  {width:140px;height:140px;}

.matrizen #leisaufgabe {margin:10px;width:100%;}
#leisaufgabe .leisaufgabevorlage .matrizen {width:244px;height:244px;background-color:var(--dunkelgrau);padding: 0 0 1px 0;}
#leisaufgabe .leisaufgabevorlage .matrizen .matrizeaufgabe {float:left;margin: 1px 0 0 1px;padding:0;background-color:var(--weiss);overflow:hidden;height:80px;width:80px;}





#leisaufgabe #leisaufgabealtcontainer input {position: absolute;opacity:0;}
#leisaufgabe .itemweiss {padding:1em 0 1em 0;}
#leisaufgabe .itemweiss label {font-weight:normal;}

#leisaufgabe #leisaufgabealtcontainer .falten label {width:120px;height:120px;margin:5px;}

.falten .Bild_1 {background-position:-279px 0px;}
.falten .Bild_2 {background-position:-279px -120px;}
.falten .Bild_3 {background-position:-279px -240px;}
.falten .Bild_4 {background-position:-279px -360px;}
.falten .Bild_5 {background-position:-279px -480px;}



.spiegel .Bild_1 {background-position:0 0;}
.spiegel .Bild_2 {background-position:-140px 0;}
.spiegel .Bild_3 {background-position:-280px 0;}
.spiegel .Bild_4 {background-position:-420px 0;}
.spiegel .Bild_5 {background-position:-560px 0;}


.matrizen .Bild_1 {background-position:-10px  -10px;}
.matrizen .Bild_2 {background-position:-110px -10px;}
.matrizen .Bild_3 {background-position:-210px -10px;}
.matrizen .Bild_4 {background-position:-310px -10px;}
.matrizen .Bild_5 {background-position:-410px -10px;}
.matrizen .Bild_6 {background-position:-510px -10px;}
.matrizen .Bild_7 {background-position:-610px -10px;}
.matrizen .Bild_8 {background-position:-710px -10px;}
.matrizen .Bild_9 {background-position:-810px -10px;}

#leisaufgabealtcontainer .matrizen .Bild_1 {background-position:-10px  -110px;}
#leisaufgabealtcontainer .matrizen .Bild_2 {background-position:-110px -110px;}
#leisaufgabealtcontainer .matrizen .Bild_3 {background-position:-210px -110px;}
#leisaufgabealtcontainer .matrizen .Bild_4 {background-position:-310px -110px;}
#leisaufgabealtcontainer .matrizen .Bild_5 {background-position:-410px -110px;}
#leisaufgabealtcontainer .matrizen .Bild_6 {background-position:-510px -110px;}
#leisaufgabealtcontainer .matrizen .Bild_7 {background-position:-610px -110px;}
#leisaufgabealtcontainer .matrizen .Bild_8 {background-position:-710px -110px;}
#leisaufgabealtcontainer .matrizen .Bild_9 {background-position:-810px -110px;}
#leisaufgabealtcontainer .matrizen .Bild_10{background-position:-910px -110px;}

#beispiel #leisaufgabe {width:100%;}
#beispiel #leisaufgabe .leisaufgabevorlage p {width:100%;}
#beispiel .falten .leisaufgabevorlagebild {width:100%;text-align: center;}
#beispiel .beispiel p.beispiel {padding:0.25em 0 0.25em 0;}
#beispiel .beispiel legend.beispiel {padding:.5em 0 1em 0;}
#beispiel #leisaufgabealtcontainer .divradio {margin:0;padding:0;}

.einleitung_bild {float:left;width:100%;}
.einleitung_bild .bild {float:right;margin:0 0 1em 1em;}
.einleitung_bild .itemcontainereinleitung {width:330px;}



@media only screen and (max-width:600px) {
	.einleitung_bild .bild {width:50%;}
	.einleitung_bild .bild img {width:100%;}	
}

@media only screen and (max-width:450px) {
	.einleitung_bild .bild {width:100%;display:flex;align-items: center;justify-content:center;}
	.einleitung_bild .bild img {width:300px;}
}

@media only screen and (max-width:350px) {
	.einleitung_bild .bild img {width:100%;}
}





.speedaufgabe div#speedinfo, .speedaufgabe .items {min-height:600px;}

@media only screen and (max-width:1000px) {
	.speedaufgabe div#speedinfo, .speedaufgabe .items {min-height:900px;}
}
@media only screen and (max-width:700px) {
	.speedaufgabe div#speedinfo, .speedaufgabe .items {min-height:1200px;}
}
@media only screen and (max-width:500px) {
	.speedaufgabe div#speedinfo, .speedaufgabe .items {min-height:1600px;}
}

.speedaufgabe .speed input {
	position:absolute;
	opacity:0;
	left:0;
	top:0;
  width: 1px;
  height: 1px;
}




.speedaufgabe .speed {float:left;margin:3px;position:relative;top:0;left:0;}
.speedaufgabe div#speedinfo {position:absolute;width:100%;background-color:var(--weiss);z-index:30;float:left;}
.speedaufgabe div#speedinfo div.start {display:flex;align-items: center;justify-content:center;padding-top:2em;}

.speedaufgabe div.practice-rot {background:url(../images/button/falsch2.png) no-repeat 3px 8px;}
.speedaufgabe div.practice-gruen {background:url(../images/button/richtig2.png) no-repeat 3px 8px;}
div > .practice-rot {background-color:var(--rot_leistung);}
div > .practice-gruen {background-color:var(--gruen_leistung);}


.leistung_speed_schwer .speed label {width:30px;height:40px;padding:0;margin:0;}
.leistung_speed_schwer .speed label {background:url(../images/inhalte/leistung/speed/265/speed.png) no-repeat;}
.leistung_speed_schwer .speed .Bild_1 {background-position:0 0;}
.leistung_speed_schwer div.speed input[type="checkbox"]:checked + label.Bild_1 {background-position:-30px 0;}
.leistung_speed_schwer .speed .Bild_2 {background-position:-60px 0 }
.leistung_speed_schwer div.speed input[type="checkbox"]:checked + label.Bild_2 {background-position:-90px 0;}
.leistung_speed_schwer .speed .Bild_3 {background-position:-120px 0 }
.leistung_speed_schwer div.speed input[type="checkbox"]:checked + label.Bild_3 {background-position:-150px 0;}
.leistung_speed_schwer .speed .Bild_4 {background-position:-180px  0;}
.leistung_speed_schwer div.speed input[type="checkbox"]:checked + label.Bild_4 {background-position:-210px  0;}
.leistung_speed_schwer .speed .Bild_5 {background-position:-240px  0;}
.leistung_speed_schwer div.speed input[type="checkbox"]:checked + label.Bild_5 {background-position:-270px  0;}
.leistung_speed_schwer .speed .Bild_6 {background-position:-300px  0 }
.leistung_speed_schwer div.speed input[type="checkbox"]:checked + label.Bild_6 {background-position:-330px  0;}
.leistung_speed_schwer .speed .Bild_7 {background-position:-360px  0;}
.leistung_speed_schwer div.speed input[type="checkbox"]:checked + label.Bild_7 {background-position:-390px  0;}
.leistung_speed_schwer .speed .Bild_8 {background-position:-420px  0;}
.leistung_speed_schwer div.speed input[type="checkbox"]:checked + label.Bild_8 {background-position:-450px  0;}
.leistung_speed_schwer .speed .Bild_9 {background-position:-480px  0;}
.leistung_speed_schwer div.speed input[type="checkbox"]:checked + label.Bild_9 {background-position:-510px  0;}
.leistung_speed_schwer .speed .Bild_10 {background-position:-540px  0;}
.leistung_speed_schwer div.speed input[type="checkbox"]:checked + label.Bild_10 {background-position:-570px  0;}
.leistung_speed_schwer .speed .Bild_11 {background-position:-600px  0;}
.leistung_speed_schwer div.speed input[type="checkbox"]:checked + label.Bild_11 {background-position:-630px  0;}
.leistung_speed_schwer .speed .Bild_12 {background-position:-660px  0;}
.leistung_speed_schwer div.speed input[type="checkbox"]:checked + label.Bild_12 {background-position:-690px  0;}
.leistung_speed_schwer .speed .Bild_13 {background-position:-720px  0;}
.leistung_speed_schwer div.speed input[type="checkbox"]:checked + label.Bild_13 {background-position:-750px  0;}
.leistung_speed_schwer .speed .Bild_14 {background-position:-780px  0;}
.leistung_speed_schwer div.speed input[type="checkbox"]:checked + label.Bild_14 {background-position:-810px  0;}
.leistung_speed_schwer .speed .Bild_15 {background-position:-840px  0;}
.leistung_speed_schwer div.speed input[type="checkbox"]:checked + label.Bild_15 {background-position:-870px  0;}
.leistung_speed_schwer .speed .Bild_16 {background-position:-900px  0;}
.leistung_speed_schwer div.speed input[type="checkbox"]:checked + label.Bild_16 {background-position:-930px  0;}
.leistung_speed_schwer .speed .Bild_17 {background-position:-960px 0;}
.leistung_speed_schwer div.speed input[type="checkbox"]:checked + label.Bild_17 {background-position:-990px 0;}
.leistung_speed_schwer .speed .Bild_18 {background-position:-1020px 0 }
.leistung_speed_schwer div.speed input[type="checkbox"]:checked + label.Bild_18 {background-position:-1050px 0;}
.leistung_speed_schwer .speed .Bild_19 {background-position:-1080px 0 }
.leistung_speed_schwer div.speed input[type="checkbox"]:checked + label.Bild_19 {background-position:-1110px 0;}
.leistung_speed_schwer .speed .Bild_20 {background-position:-1140px  0;}
.leistung_speed_schwer div.speed input[type="checkbox"]:checked + label.Bild_20 {background-position:-1170px  0;}
.leistung_speed_schwer .speed .Bild_21 {background-position:-1200px  0;}
.leistung_speed_schwer div.speed input[type="checkbox"]:checked + label.Bild_21 {background-position:-1230px  0;}
.leistung_speed_schwer .speed .Bild_22 {background-position:-1260px  0 }
.leistung_speed_schwer div.speed input[type="checkbox"]:checked + label.Bild_22 {background-position:-1290px  0;}
.leistung_speed_schwer .speed .Bild_23 {background-position:-1320px  0;}
.leistung_speed_schwer div.speed input[type="checkbox"]:checked + label.Bild_23 {background-position:-1350px  0;}
.leistung_speed_schwer .speed .Bild_24 {background-position:-1380px  0;}
.leistung_speed_schwer div.speed input[type="checkbox"]:checked + label.Bild_24 {background-position:-1410px  0;}
.leistung_speed_schwer .speed .Bild_25 {background-position:-1440px  0;}
.leistung_speed_schwer div.speed input[type="checkbox"]:checked + label.Bild_25 {background-position:-1470px  0;}
.leistung_speed_schwer .speed .Bild_26 {background-position:-1500px  0;}
.leistung_speed_schwer div.speed input[type="checkbox"]:checked + label.Bild_26 {background-position:-1530px  0;}
.leistung_speed_schwer .speed .Bild_27 {background-position:-1560px  0;}
.leistung_speed_schwer div.speed input[type="checkbox"]:checked + label.Bild_27 {background-position:-1590px  0;}
.leistung_speed_schwer .speed .Bild_28 {background-position:-1620px  0;}
.leistung_speed_schwer div.speed input[type="checkbox"]:checked + label.Bild_28 {background-position:-1650px  0;}
.leistung_speed_schwer .speed .Bild_29 {background-position:-1680px  0;}
.leistung_speed_schwer div.speed input[type="checkbox"]:checked + label.Bild_29 {background-position:-1710px  0;}
.leistung_speed_schwer .speed .Bild_30 {background-position:-1740px  0;}
.leistung_speed_schwer div.speed input[type="checkbox"]:checked + label.Bild_30 {background-position:-1770px  0;}
.leistung_speed_schwer .speed .Bild_31 {background-position:-1800px  0;}
.leistung_speed_schwer div.speed input[type="checkbox"]:checked + label.Bild_31 {background-position:-1830px  0;}
.leistung_speed_schwer .speed .Bild_32 {background-position:-1860px  0;}
.leistung_speed_schwer div.speed input[type="checkbox"]:checked + label.Bild_32 {background-position:-1890px  0;}
.leistung_speed_schwer div#abso {position:absolute;top:0;left:0;width:36px;height:48px;}





.leistung_speed_i .speed label {width:30px;height:40px;padding:0;margin:0;}
.leistung_speed_i .speed label {background:url(../images/inhalte/leistung/speed/268/speed.png) no-repeat;}
.leistung_speed_i .speed .Bild_1 {background-position:0 0;}
.leistung_speed_i div.speed input[type="checkbox"]:checked + label.Bild_1 {background-position:-30px 0;}
.leistung_speed_i .speed .Bild_2 {background-position:-60px 0 }
.leistung_speed_i div.speed input[type="checkbox"]:checked + label.Bild_2 {background-position:-90px 0;}
.leistung_speed_i .speed .Bild_3 {background-position:-120px 0 }
.leistung_speed_i div.speed input[type="checkbox"]:checked + label.Bild_3 {background-position:-150px 0;}
.leistung_speed_i .speed .Bild_4 {background-position:-180px  0;}
.leistung_speed_i div.speed input[type="checkbox"]:checked + label.Bild_4 {background-position:-210px  0;}
.leistung_speed_i .speed .Bild_5 {background-position:-240px  0;}
.leistung_speed_i div.speed input[type="checkbox"]:checked + label.Bild_5 {background-position:-270px  0;}
.leistung_speed_i .speed .Bild_6 {background-position:-300px  0 }
.leistung_speed_i div.speed input[type="checkbox"]:checked + label.Bild_6 {background-position:-330px  0;}
.leistung_speed_i .speed .Bild_7 {background-position:-360px  0;}
.leistung_speed_i div.speed input[type="checkbox"]:checked + label.Bild_7 {background-position:-390px  0;}
.leistung_speed_i .speed .Bild_8 {background-position:-420px  0;}
.leistung_speed_i div.speed input[type="checkbox"]:checked + label.Bild_8 {background-position:-450px  0;}
.leistung_speed_i .speed .Bild_9 {background-position:-480px  0;}
.leistung_speed_i div.speed input[type="checkbox"]:checked + label.Bild_9 {background-position:-510px  0;}
.leistung_speed_i .speed .Bild_10 {background-position:-540px  0;}
.leistung_speed_i div.speed input[type="checkbox"]:checked + label.Bild_10 {background-position:-570px  0;}
.leistung_speed_i .speed .Bild_11 {background-position:-600px  0;}
.leistung_speed_i div.speed input[type="checkbox"]:checked + label.Bild_11 {background-position:-630px  0;}
.leistung_speed_i .speed .Bild_12 {background-position:-660px  0;}
.leistung_speed_i div.speed input[type="checkbox"]:checked + label.Bild_12 {background-position:-690px  0;}
.leistung_speed_i .speed .Bild_13 {background-position:-720px  0;}
.leistung_speed_i div.speed input[type="checkbox"]:checked + label.Bild_13 {background-position:-750px  0;}
.leistung_speed_i .speed .Bild_14 {background-position:-780px  0;}
.leistung_speed_i div.speed input[type="checkbox"]:checked + label.Bild_14 {background-position:-810px  0;}
.leistung_speed_i .speed .Bild_15 {background-position:-840px  0;}
.leistung_speed_i div.speed input[type="checkbox"]:checked + label.Bild_15 {background-position:-870px  0;}
.leistung_speed_i .speed .Bild_16 {background-position:-900px  0;}
.leistung_speed_i div.speed input[type="checkbox"]:checked + label.Bild_16 {background-position:-930px  0;}
.leistung_speed_i div#abso {position:absolute;top:0;left:0;width:31px;height:41px;}
#fragebogen .leistung_speed_i .itemcontainereinleitung div.practice-rot {background:url(../images/button/falsch2.png) no-repeat 0px 4px;}
#fragebogen .leistung_speed_i .itemcontainereinleitung div.practice-gruen {background:url(../images/button/richtig2.png) no-repeat 0px 4px;}




.leistung_speed_r .speed label {width:35px;height:47px;padding:0;margin:0;}
.leistung_speed_r .speed label {background:url(../images/inhalte/leistung/speed/476/speed.png) no-repeat;}
.leistung_speed_r .speed .Bild_1 {background-position:0 0;}
.leistung_speed_r div.speed input[type="checkbox"]:checked + label.Bild_1 {background-position:-36px 0;}
.leistung_speed_r .speed .Bild_2 {background-position:-72px 0 }
.leistung_speed_r div.speed input[type="checkbox"]:checked + label.Bild_2 {background-position:-108px 0;}
.leistung_speed_r .speed .Bild_3 {background-position:-144px 0 }
.leistung_speed_r div.speed input[type="checkbox"]:checked + label.Bild_3 {background-position:-180px 0;}
.leistung_speed_r .speed .Bild_4 {background-position:-216px  0;}
.leistung_speed_r div.speed input[type="checkbox"]:checked + label.Bild_4 {background-position:-252px  0;}
.leistung_speed_r .speed .Bild_5 {background-position:-288px  0;}
.leistung_speed_r div.speed input[type="checkbox"]:checked + label.Bild_5 {background-position:-324px  0;}
.leistung_speed_r .speed .Bild_6 {background-position:-360px  0 }
.leistung_speed_r div.speed input[type="checkbox"]:checked + label.Bild_6 {background-position:-396px  0;}
.leistung_speed_r .speed .Bild_7 {background-position:-432px  0;}
.leistung_speed_r div.speed input[type="checkbox"]:checked + label.Bild_7 {background-position:-468px  0;}
.leistung_speed_r .speed .Bild_8 {background-position:-504px  0;}
.leistung_speed_r div.speed input[type="checkbox"]:checked + label.Bild_8 {background-position:-540px  0;}
.leistung_speed_r .speed .Bild_9 {background-position:-576px  0;}
.leistung_speed_r div.speed input[type="checkbox"]:checked + label.Bild_9 {background-position:-612px  0;}
.leistung_speed_r .speed .Bild_10 {background-position:-648px  0;}
.leistung_speed_r div.speed input[type="checkbox"]:checked + label.Bild_10 {background-position:-684px  0;}
.leistung_speed_r .speed .Bild_11 {background-position:-720px  0;}
.leistung_speed_r div.speed input[type="checkbox"]:checked + label.Bild_11 {background-position:-756px  0;}
.leistung_speed_r .speed .Bild_12 {background-position:-792px  0;}
.leistung_speed_r div.speed input[type="checkbox"]:checked + label.Bild_12 {background-position:-828px  0;}
.leistung_speed_r .speed .Bild_13 {background-position:-864px  0;}
.leistung_speed_r div.speed input[type="checkbox"]:checked + label.Bild_13 {background-position:-900px  0;}
.leistung_speed_r .speed .Bild_14 {background-position:-936px  0;}
.leistung_speed_r div.speed input[type="checkbox"]:checked + label.Bild_14 {background-position:-972px  0;}
.leistung_speed_r .speed .Bild_15 {background-position:-1008px  0;}
.leistung_speed_r div.speed input[type="checkbox"]:checked + label.Bild_15 {background-position:-1044px  0;}
.leistung_speed_r .speed .Bild_16 {background-position:-1080px  0;}
.leistung_speed_r div.speed input[type="checkbox"]:checked + label.Bild_16 {background-position:-1116px  0;}
.leistung_speed_r div#abso {position:absolute;top:0;left:0;width:36px;height:48px;}




.gespanne {width:100%;}
.gespanne .container,.gespanne .anweisung {float:left;width:50%;}
@media only screen and (max-width:700px) {
	.gespanne .container, .gespanne .container2 {width:100%;}
	.gespanne #anweisung {margin:1em 0 2em 0;}
}

.gespanne .containerunter {width:320px;margin:0 auto 0 auto;}
.gespanne .gespanneeinleitung {min-height:100px;margin-bottom:1em;}
.gespanne .gespannestart {float:none;margin-top:1em;}
.gespanne .container p {width:100%;text-align:center;}
.gespanne div.bildercontainer {width:320px;height:320px;margin:0;padding:0;}
.gespanne div.bildercontainer .gespannbild {float:left;width:78px;height:78px;margin:1px;padding:0;background-image:url("../images/inhalte/leistung/gedaechtnisspanne/gespann2.png");background-repeat:no-repeat;}

.gespanne div.bildercontainer .gespannbild:hover {background-color:var(--hintergrund_grau);}

.gespanne div.bildercontainer .Bild_1 {background-position: 0 0;}
.gespanne div.bildercontainer .Bild_2 {background-position: 0 -78px;}
.gespanne div.bildercontainer .Bild_3 {background-position: 0 -156px;}
.gespanne div.bildercontainer .Bild_4 {background-position: 0 -234px;}
.gespanne div.bildercontainer .Bild_5 {background-position: -78px 0;}
.gespanne div.bildercontainer .Bild_6 {background-position: -78px -78px;}
.gespanne div.bildercontainer .Bild_7 {background-position: -78px -156px;}
.gespanne div.bildercontainer .Bild_8 {background-position: -78px -234px;}
.gespanne div.bildercontainer .Bild_9 {background-position: -156px 0;}
.gespanne div.bildercontainer .Bild_10 {background-position: -156px -78px;}
.gespanne div.bildercontainer .Bild_11 {background-position: -156px -156px;}
.gespanne div.bildercontainer .Bild_12 {background-position: -156px -234px;}
.gespanne div.bildercontainer .Bild_13 {background-position: -234px 0;}
.gespanne div.bildercontainer .Bild_14 {background-position: -234px -78px;}
.gespanne div.bildercontainer .Bild_15 {background-position: -234px -156px;}
.gespanne div.bildercontainer .Bild_16 {background-position: -234px -234px;}

.quadrate .container, .quadrate .container2 {float:left;width:50%;display:flex;align-items:center;justify-content:center;}

.quadrate input[type="submit"].quadratemalen {margin-bottom:0.5em;}
.quadrate .aufgabenbeschreibung, .quadrate .aufgabenbeschreibung p {width:100%}
.quadrate div.anweisungueber {width:320px;}
.quadrate .info {width:100%;text-align:center;padding:0.5em 0 0.5em 0;}
.quadrate input {float:none;}
.quadrate div.absolute {position:relative;top:0;left:0;}
.quadrate div.anweisung {position:absolute;top:0;left:0;float:left;width:320px;height:320px;}
.quadrate div.bildercontainer {width:318px;height:318px;margin:1px;}
div.leistungsaufgaben .quadrate p.info, div.leistungsaufgaben .quadrate p.info2 {float:left;width:320px;margin:0;padding:0.5em 0 0.5em 0;text-align:center;margin:0;}
div.leistungsaufgaben .quadrate p.info2 {padding:2em 0 0 0;}
#inhalt .quadrate p.submit, #inhalt .quadrate p.korrektinfo {float:left;width:320px;text-align:center;padding:1em 0.5em 0.5em 0.5em;}
#inhalt .quadrate p.korrektinfo {height:7em;text-align:center;}
#inhalt .quadrate p.anleitung {float:left;text-align:justify;padding:1em 0.5em 0.5em 0.5em;}
.quadrate div.bildercontainer .quadratebild {float:left;width:104px;height:104px;margin:1px;padding:0;background-repeat: no-repeat;}

.leistungkon {float:left;width:100%;margin:0 0 2em 0;}
.leistungkon .container, .leistungkon .container2 {float:left;width:50%;display:flex;align-items:center;justify-content:center;}
.leistungkon .bedienung {margin:4em 0 4em 0;}
.leistungkon .konuebenung {float:left;width:50%;}
.leistungkon p.zahluebung {width:100%;font-size:10em;font-weight:bold;text-align:center;}


.leistungkon .bedienung .konklick {box-shadow: inset 0px 4px 6px 0px rgba(0, 0, 0, .6), 0px 2px 0px 0px rgba(55, 55, 55, .8);}
.leistungkon .bedienung .konklick {cursor:pointer;width:160px;height:160px;background-color:var(--gepedugruen);border: 1px solid var(--gepedublau);border-radius:80px;}
.leistungkon .bedienung .konklick:hover, .leistungkon .bedienung .konklick.klick {box-shadow: inset 0px 4px 6px 0px rgba(0, 0, 0, .1), 0px 2px 0px 0px rgba(55, 55, 55, .1);}

.leistungkon .fortschritt {float:left;width:100%;background-color:var(--fortschrittgrau);margin-top:4em;}
.leistungkon .fortschritt #fortschritt_anzeigen {float:left;background-color:var(--fortschrittgruen);height:10px;}


.leistung_sprache_gedaechtnis #divaktiv {width:100%;}
.sprache_gedaechtnis p {width:100%;text-align:center;}
.sprache_gedaechtnis p.item {padding:4em 0 0 0;}
.sprache_gedaechtnis p.padding {padding:2em 0 0 0;}

@media only screen and (max-width:810px) {
	.quadrate .container, .quadrate .container2 {width:100%;}
	.uebersicht ul li  {width:48%;margin:0;}
	.uebersicht ul li input {width:100%;text-align:center}	
	.uebersicht ul li:nth-child(even) { float:right; }
}

@media only screen and (max-width:400px) {
	.leistung_speed_r .einleitung_bild .bild {width:100%;}
	.leistung_speed_r .einleitung_bild .bild img {margin:auto;}
	.deckblatt .uebersicht ul li {width:100%;}
	div.testfragen .itemsueber img.class1 {width:100%;;}
}

@media only screen and (max-width:810px) {
	.leisaufgabe {width:auto;}
	#leisaufgabe #leisaufgabealt {width:280px;}
}

@media only screen and (max-width:570px) {
	.uebersicht ul li {width:100%;}
	.deckblatt .uebersicht ul li {width:48%;}	
	.uebersicht ul li input[type="submit"], input[type="submit"], input[type="bottom"] {width:100%;}
	
	input[type="submit"].zurueck {margin:0;}
	
	#fragebogen #deckblattweiter {width:100%;}
	#leisaufgabe.matrizen #leisaufgabealt {width:180px;}
	#leisaufgabe.falten #leisaufgabealt {width:136px;}
	.inhalt ul.pagenavistruktur li {grid-template-columns:5fr 2fr;}
}

@media only screen and (max-width:470px) {
	#leisaufgabe.matrizen .leisaufgabevorlage {width:100%;}
	#leisaufgabe.matrizen #leisaufgabealt {width:100%;margin:1em 0 0 0;}
	.deckblatt .uebersicht ul li {width:100%;}		
}

@media only screen and (max-width:430px) {
	#leisaufgabe.falten .leisaufgabevorlage, #leisaufgabe.falten #leisaufgabealt {width:100%;margin:0;}
	#leisaufgabe .leisaufgabevorlagebild {float:none;margin: 0 auto 0 auto;}
	#leisaufgabe.falten #leisaufgabealtcontainer {float:none;margin: 0 auto 0 auto;width: 280px;}
	#hintergrund .matrizen #leisaufgabealtcontainer {float:none;}
	.matrizen #leisaufgabealtcontainer .matrizen {width:264px;margin:auto;}
}

@media only screen and (max-width:1222px) {
	div#hintergrund, .logoleiste {width:100%;}
	body p.schmal {width:100%;}
	.logoleiste div {padding:2em 1em 2em 1em;}	
}

@media only screen and (max-width:1000px) {
	div.testfragen div.items, div.testfragen fieldset.items, div.uhrueber div.uhr {width:100%}
}

@media only screen and (max-width:810px) {
#hintergrundfloat .oben1 {padding-top: 1em;}
.paarvergleiche .paarleft, .paarvergleiche .paarright, .paarvergleiche .paarmitte {width:100%;text-align:center;}
.paarvergleiche .paarleft button[type="submit"].item {float:none;text-align:center;}
.paarvergleiche button[type="submit"].item {text-align:center;}
.paarvergleiche .paarpadding {padding:1em 0 1em 0;}
.paarvergleiche .schrift1 {font-size:1.3em;}
}

@media only screen and (max-width:810px) {
	#headline div#logo img {
		max-width: 100%;
		max-height: 40px;
	}
	
	#headline div#logo .rechts {max-width:45%;}
	#headline div#logo .links {max-width:45%;}		
	
	#headline div#logo .rechts img {max-width:90%;width:90%;max-height:none;float:right;padding: 0 0 0.5em 0;}
	#headline div#logo .links img {max-width:90%;width:90%;max-height:none;padding: 0 0 0.5em 0;}	
	
	
	footer p {clear:both;padding:1em 0 0 0;}
	div.anmeldung {width:100%;}
	h2.content, h2 {font-size:1.5em;font-weight:normal;}
	h2 span {font-size:1em;font-weight:normal;padding-top:0.25em;display:block;}
	
}


@media only screen and (max-width:700px) {
	#hintergrundfloat .oben1 {padding-top: 0.5em;}
	div.testfragen div.inhalt{padding:1em 0 0 0;}
	div.testfragen div.lickertitems {float:left;padding:0;width:100%;}
	div.testfragen div.smilie {margin:0;}
	.lismilie_uebersicht .jahreberuf {width:100%;float:left;}
	.li_FKK_smilies .lismilie_uebersicht .smilie label {width:55px;}
	.li_FKK_smilies .lismilie_uebersicht .radio input[type="radio"] + label::before {width:60px;}
	div.smilies div.inhalt {padding: 0 0 1em 0;}
	body .lismilie_uebersicht div.inhalt {padding-top:1em;}
	div.testfragen p.itemtext {text-align:left;font-weight:bold;}
	div.hintergrund-breit {padding: 0.5em;}
	footer div.footer {padding:1em 0.5em 5em 0.5em;}
	div.testfragen .fragezurueck {display:block;}
	h2, h3 {padding:0 0 0.2em 0;}
	h2.content {font-size:1.3em;font-weight:normal;}
	.pv_int h2.content, .testfragen h2.content {font-size:1em;font-weight:bold;}
	.seiteninhalt h2.content {padding:0.5em 0 0.5em 0;font-size:1.3em;font-weight:normal;}
	.smilies h2.content {padding:1em 0 0 0;font-size:1.3em;font-weight:normal;}
	#beispiel .bordergrau {padding:0.2em;line-height: 1.1em;}
	div.overlayloading {width:90%;margin:5%;}
	#fortmonitor .hintergrund_orange p {font-size:.8em;}
	
	div.testfragen div.smilie .itemtyp1 fieldset div.fielsetradio label::before {
		left: 0px;
	}
	div.testfragen div.smilie .itemtyp1 .griddiv.itemlickert .fielsetradio input[type="radio"] + label::after {
		padding: 0 0 0 35px;
	}
}


@media only screen and (max-width:610px) {
	div.testfragen div.inhalt{padding:.5em 0 0 0;}
	#cookiericht div p {padding:0.4em 1em 0.4em 1em;text-align:justify;}
	div.testfragen tbody tr:hover > td.tditem {background-color:transparent;}
	.items div.checkbox{margin: 0.5em 0 0.5em 0;}
	div.testfragen .itemsueber .items, div.items .Skala18{padding:1em 0 1em 0;}
	div.testfragen .itemsueber div.items {padding: 0;}
	div.testfragen .items textarea {width: 100%;}
	input[type="submit"] {margin-bottom:1em;}
	div#testcenter select, div#testcenter input, input[type="password"], input[type="date"], input[type="email"], select, textarea, div#anmeldung input[type="submit"], input[type="text"], div#anmeldung input[type="submit"].schmal {width:100%;}
	#logobild {display: none;}
	#logoraus { display: block;}
	#logo:hover #logoraus {animation: logoraus 1s forwards;}
	#logo:hover #logobild {display: block;animation: logobildf 2s forwards;}
	h3.content, .schrift1 {font-size:1em;}
	h3 {font-size:1em;font-weight:bold;}
	.borderitems {border-width:0 0 1px 0;}
	div.testfragen .items p.items {padding:0 0 0.5em 0;}
	div.testfragen .items div.items {padding:0 0 0.5em 0;}
	div.testfragen .items .marginoben {margin: 0}
	.center {padding:2em 0 0.5em 0;}
	div.testfragen input[type="submit"].weiter {margin:0 0 1.5em 0;}


	div.select{padding:0 1% 0 1%;}
	div.testfragen .itemsueber img.class1 {clear:both;padding:.25em;}
}


@media only screen and (max-width:430px) {
	.inhalt ul.pagenavistruktur li p {font-size:0.8em;}
}

.diertl div.teilnahme p:dir(ltr) {text-align:left;}
.diertl div, .diertl p, .diertl a, .diertl span, .diertl li, .diertl ul  {text-align: right;} 
.diertl input, .diertl select, .diertl textarea {float:right;}
.diertl div#hintergrund {float:none;}
.diertl h2, .diertl h3 {text-align:right;}
.diertl .uebersicht ul li {float:right;margin:0 0 0 0.5em;}
#fragebogen .diertl #deckblattweiter {float:left;}
.diertl #headline div, .diertl #headline div.teilnehmername p, .diertl #headline h1 {text-align:left;}
.diertl .weiter {float:left;}
.diertl #headline div.teilnehmername, .diertl #headline div.teilnehmername p {float:none;}

.diertl label, .diertl .label {float:right;}
.diertl .radio label::before {right:0;}
.diertl div.checkbox label.check, .diertl .radio label {padding: 0 35px 0 0;margin-right: 0;margin-left: 15px;}


.diertl .items div.checkbox {margin: 0 1em 0.5em 0;padding-right:0;}


.diertl #anmeldung .items div.checkbox {padding-right:1em;}

.diertl .center {text-align: center;}
.diertl #SeiteAktuell, .diertl #restzeit {float:none;}
.diertl div#fortmonitor div, .diertl div#uhrmonitor div {float:right;}

.diertl #leisaufgabe #leisaufgabealtcontainer, .diertl2 #leisaufgabe div, .diertl2 #leisaufgabe div#leisaufgabealt, .diertl2 #leisaufgabe #leisaufgabealtcontainer .divradio {float:right;}

.diertl .radio input[type="radio"] + label::after {float:left;margin-right:1em;}
.diertl .falten .leisaufgabevorlagebild img {float:left;}
.diertl #leisaufgabe .leisaufgabevorlage, .diertl #leisaufgabe #leisaufgabealt, .diertl #leisaufgabe #leisaufgabealtcontainer .divradio {float:right;}
.diertl #leisaufgabe #leisaufgabealt {margin-left:0;margin-right:18px;}
.diertl #inhalt_uber .weitermachen {float:left;}

.diertl div.checkbox label::before {right:0;}

.diertl .lismilie_uebersicht div.legende p.legende, .diertl .lismilie_uebersicht div.legende p.legendeicon {float:right;margin: 0 0 0 0.5em;}
.diertl div.checkbox, .diertl .radio {float:right;}
.li_FKK_smilies .diertl .lismilie_uebersicht div.checkbox {padding: 0 0 0 1em;}
.diertl div.testfragen .smilie input[type="radio"] + label::after {padding: 0 15px 0 0;margin: 0 2em 0 0;}
.diertl div.paarleft, .diertl div.paarright {text-align:center;}
.diertl a.float {float:right;}
.diertl a.druckersymbol {padding: 1em 45px 1em 0; background-position:right;}
.diertl input[type="submit"].teilweiter {float:left;}
.diertl input[type="submit"].abbrechen {float:right;}

.diertl .radio input[type="radio"].practice-rot + label::after {padding:0 2em 1.2em 0;background-position:left 0;}
.diertl .radio input[type="radio"].practice-gruen + label::after {padding:0 2em 1.2em 0;background-position:left 0;}

.diertl .leis, .diertl .leis div {float:right;}

.diertl div.select::before {left: 15px;text-align:left;}
.diertl .lismilie_uebersicht .jahreberuf {float:right;}
.diertl .lismilie_uebersicht p.legendeicon::before {margin: 0 0 0 0.25em;}


@media only screen and (max-width:610px) {
.diertl .items div.checkbox {margin: 0.5em 0 0.5em 0;}
}


















div.planung div.planunggrid {
	display: grid;
  grid-template-columns: 2fr 2fr;
  grid-column-gap: 2em;
  padding:0;
  width:100%;
}

div.planung  button, ol.sortliste .sortdiv {
  border:1px solid var(--grau);
  margin:0;
  border-radius:5px;
  float:left;
  outline:0; 
  padding:0.3em;
  margin:0 0 0.3em 0;
  width:100%;
  font-size:1em;
}


ol.sortliste .sortdiv textarea, ol.sortliste .sortdiv p.itemantwort {
	width:100%;
	float:none;	
}

div.planung  button, ol.sortliste .sortdiv {
	list-style-position: inside;
	float:none;
}


ol.sortliste .sortdiv {
	list-style-position: inside;
	float:none;
}

div.planung  button.check {
  background-color:var(--gruen_leistung);
}

div.planung  div#meldung {
  margin:1em 0 1em 0;
  padding:0.5em;
  border: 1px solid var(--grau);
}

div.planung  div#meldung p {
  margin:0;
}

div.testfragen .planunggrid p.lineabstand, div.planung p.listeerklaerung, div.planung p.vergleicherklaerung {
	padding-bottom:0.5em;
	line-height:1.5em;
}

div.planung button.liesteausgeben {
	margin:1em 0 1em 0;
}

div.planung button.padding {
	padding:0.75em;
}

div.planung p.textueber {
	padding:0.5em 0 0.5em 0;
	display:inline-block;
}

div.planung div {
	word-wrap:break-word;
	overflow:hidden;
}

div.planung p {
	word-wrap:break-word;
}

div.planung p.vergleicherklaerung {
	padding: 0 0 1em 0;
}

div.planung button.buttonaufgabeende  {
	margin-top: 1em;
}






.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.griddiv {
  display: grid;
  grid-column-gap: 0;
  row-gap: 0;
  padding: 0;
  margin: 0;
  width: 100%;
}

div.itemtyp1 {
	width:85%;
}

.itemtyp1.ant5 .griddiv {
	grid-template-columns: 1fr 60px 60px 60px 60px 60px;
}

.itemtyp1.ant6 .griddiv {
	grid-template-columns: 1fr 60px 60px 60px 60px 60px 60px;
}

fieldset.itemlickert {
	border: 0;	
	border-top: 1px solid var(--grau);
	border-bottom: 1px solid var(--grau);	
}



.itemtyp1 .skalierung {
  height: 170px;
}

fieldset.itemlickert p.itemtext {padding: 0 5px 0 5px;}

fieldset.itemlickert > div.fielsetradio:nth-of-type(1){
  background-color:var(--likert_grau1);
}
fieldset.itemlickert > div.fielsetradio:nth-of-type(2){
  background-color:var(--likert_grau2);
}
fieldset.itemlickert > div.fielsetradio:nth-of-type(3){
  background-color:var(--likert_grau3);
}
fieldset.itemlickert > div.fielsetradio:nth-of-type(4){
  background-color:var(--likert_grau4);
}
fieldset.itemlickert > div.fielsetradio:nth-of-type(5){
  background-color:var(--likert_grau5);
}
fieldset.itemlickert > div.fielsetradio:nth-of-type(6){
  background-color:var(--likert_grau6);
}


legend {
  float: left;           /* Verhindert oft das automatische "Einsinken" in den Rahmen */
  width: 100%;           /* Nimmt die volle Breite wie ein div ein */
  margin: 0;             /* Entfernt Standard-Abstände */
  box-sizing: border-box; 
}

fieldset.itemlickert legend {
  padding: 10px 0 10px 0;
}




fieldset div.fielsetradio {
  display: grid;
  place-items: normal; /* Zentriert horizontal UND vertikal */
}

fieldset .itemtext{
  display: grid;
  align-items: normal; /* center; */
  position: relative;
  top:0;
  left:0;
}


fieldset div.fielsetradio label {
	margin: 0;
	padding: 0;
	position: relative;
	left: 0;
	top: 0;
	width: 60px;
	height: 38px;
}


fieldset div.fielsetradio label:before {
  top:9px;
  left:20px;
}




div.rotate > div.rotiert {
	transform: translate(32px, 45px) rotate(315deg);
  width: 250px;
  height: 60px;
  position: relative;
  top: -13px;
  left: -32px;
  border-bottom: 1px solid var(--grau);
}

div.rotate .rotiert div, div.rotate .rotiert p {
  padding: 11px;
  position: relative;
  top: 20px;
}


.radio .fielsetradio input[type="radio"],.radio input[type=radio], div.checkbox input[type=checkbox]  {
  position: static ;
  top: 0;
  left: 0;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding:0;
  z-index:1;
  transform: scale(0);
}























@media only screen and (max-width: 700px) {
	
	body {font-size:1.1em;}
	
	div.itemtyp1 {width:100%;margin: 0;}
	
	.itemtyp1.ant5 .skalierung, .itemtyp1.ant6 .skalierung  {display:none;}

 .itemtyp1 .griddiv.itemlickert {
    grid-template-columns:1fr;
    border: none;	
	}

 .itemtyp1 .griddiv.itemlickert {
  	margin-bottom: 2em;	
	}

 div.fragezurueck {
  	margin-bottom: 0;	
	}


 .itemtyp1 .griddiv.itemlickert legend, div.fielsetradio {
    border: 1px solid var(--grau);	
	}

 div.testfragen div.smilie .itemtyp1 .griddiv.itemlickert legend, div.testfragen div.smilie div.fielsetradio {
    border:0;
	}

div.testfragen div.smilie .itemtyp1 .griddiv.itemlickert .fielsetradio input[type="radio"] + label::after {
  top: 4px;
}

 
 fieldset div.fielsetradio label::before {
    left: 10px;
    top:8px;
	}

 
.itemtyp1 .griddiv.itemlickert .fielsetradio input[type=radio] + label::after {
	position: relative;
	top:2px;
	left:0;
	content: " " attr(title) " " attr(value);
	display: inline-block;
	padding: 0 0 0 25px;
	margin: 0 0 0 1em;
	font-size: 1em;
	font-weight: normal;
 }
 
.itemtyp1 .griddiv.itemlickert .fielsetradio input[type=radio] + label {
			margin: 0;
			padding: 5px 0 5px 0;
			width: 100%;
	}

 fieldset.itemlickert div, fieldset.itemlickert legend {
   padding: 10px 0;
	}
	
	
	.itemtyp1 .griddiv.itemlickert .fielsetradio input[type=radio] + label::after {
		position: relative;
		top:2px;
		left:0;
		content: " " attr(title) " " attr(value);
		display: inline-block;
		padding: 0 0 0 25px;
		margin: 0 0 0 1em;
		font-size: 1em;
		font-weight: normal;
	 }	
	
	
	.lismilie_uebersicht .itemtyp1 .griddiv.itemlickert .fielsetradio input[type="radio"] + label {
		margin:0;
		padding:0;
	}
	
	
	div.testfragen.lismilie_uebersicht div.smilie .itemtyp1 .griddiv.itemlickert .fielsetradio input[type="radio"] + label::after {
		padding: 0;
	}	
	
	.li_FKK_smilies .lismilie_uebersicht div.smilie .itemtyp1 fieldset.griddiv.itemlickert {
	  padding:0 0 5px 0;
	}
	
	.positionabs {position:relative;}
	
	
	
}

@media only screen and (max-width: 500px) {
 
	fieldset.itemlickert div, fieldset.itemlickert legend {
		padding: 7px 0;
	}
	
	div.testfragen {
		padding: 0;
	}	

	div.teilnahmebedingung {
		padding: 0.2em;
		height: 26em;
	}

	div.teilnahmebedingung p b {
		text-align: right;
	}

	footer a {
		display:block;
		clear:both;
	}


}