/* Globale Angaben */
html {
}
body {
margin: 0 auto;
background-color: #a2b3c7;
background-image: url(medien/grafik/hintergrund.jpg);
background-attachment: fixed;
font-size:100%;
font-family: calibri;
line-height: 150%;
}
a {
text-decoration:none;
color: #1852b1;
}
a:hover {
text-decoration:none;
}
@media only screen and (max-width: 50em) {
kopf, navlinks, inhalt, inhalt1, inhaltgl, inhalt2kl, inhalt2gr, navrechts, fuss {
display: block;
flex: 1 100%; height:1%;
}
kopf {
height: 3em;
}
navlinks {
font-family: verdana;
}
ul.navli {
margin: 0.3em;
padding-left: 0em;
border: 0.05em solid #7B7B7B;
}
#navli li {
list-style: none;
}
#navli a, p {
display: block;
height: 100%;
text-decoration: none;
}
p.navli_kopf {
padding: 0.5em;
margin: 0px;
color: #000000;
text-align:center;
background: #FFFFFF;
}
a.navli_kat_aktiv {
padding: 0.5em;
color: #FFFFFF;
background: #3d6db1;
}
p.navli_kat_ende {
margin: 0em;
height: 0.4em;
background: #3d6db1;
}
a.navli_kat_inaktiv {
padding: 0.5em;
color: #666666;
background: #d5d5d5;
}
a.navli_modul {
padding: 0.6em;
color: #000000;
background: #bbd4f6;
border-bottom: 0.05em solid #3d6db1
}
a.navli_kat_trenn {
padding: 0.4em;
color: #EEEEEE;
background: #d5d5d5;
}
p.navli_fuss {
margin: 0em;
color: #000000;
background: #d5d5d5;
}
inhaltszeile {
display: flex;
flex-flow: row wrap;
}
a.navli_kat_trenn { display: none; }
inhalt1, inhaltgl, inhalt2kl, inhalt2gr {
padding: 1em;
margin: 0.3em;
margin-bottom:2em;
border: 0.05em solid #7B7B7B;
background-color: #FFFFFF;
}
inhaltprofil {
padding: 0.1em;
margin: 0.1em;
margin-bottom:0.3em;
border: 0.05em solid #7B7B7B;
background-color: #FFFFFF;
font-size: 50%;
line-height: 150%;
text-align:center;
}
div.profilposition {
position:absolute;
left:1%;
top:1%;
width: 98%;
}
img.profilbild {
width: 50%;
}
profil_zeile_1_block_links {
display: none;
}
profil_zeile_1_block_rechts {
}
profil_zeile_2_block_links {
background-color: #FFFFFF;
display:block;
margin: 0em;
border-style:solid;
border-width:0.1em;
border-color:#888888;
}
profil_zeile_2_block_rechts {
background-color: #FFFFFF;
margin-top: 0.2em;
border-style:solid;
border-width:0.1em;
border-color:#888888;
padding: 0.2em;
}
i.profil-oben {
padding: 0.1em;
font-size: 170%;
color: #5f9050;
text-shadow: 0.05em 0.07em #e9e9e9;
}
div.profil-o {
background-color: #FFFFFF;
width: 2em;
height: 2em;
display: block;
float: left;
margin-right: 0.3em;
margin-bottom: 0.2em;
border-style:solid;
border-width:0.1em;
border-color:#888888;
}
div.profil-datum {
background-color: #FFFFFF;
width: 5.5em;
height: 1.15em;
display: block;
float: right;
margin-right: 0.3em;
margin-bottom: 0.2em;
padding: 0.2em;
border-style:solid;
border-width:0.08em;
border-color:#888888;
font-size: 130%;
}
div.profil-exit {
display: block;
font-size: 200%;
font-weight: bold;
margin: 0.1em;
padding-top: 0.1em;
font-family: arial;
}
div.profilueberschrift {
display: block;
font-size: 80%;
padding: 0em;
}
div.profilhauptbild {
width: 20%;
display: block;
float: left;
padding: 1em;
}
img.profilhauptbild {
width: 100%;
}
td.profil-bew-tab {
font-size: 60%;
}
navrechts {
color: #7f7f7f;
width:100%;
height: 2.5em;
position: fixed;
left: 0em;
top: 0em;
border: 1px solid #686868;
background: #d5d5d5;
}
i.navrechts {
font-size: 150%;
}
img.logoschrift {
display: none;
}
img.logo {
width: 3.5em;
padding-top: 0.1em;
padding-left: 0.3em;
padding-right: 0.2em;
float: left;
}
div.conkal {
padding: 0.3em;
float: left;
}
div.conprofil {
padding: 0.3em;
float: left;
}
div.consystem {
float: left;
padding: 0.1em;
}
div.conlogout {
color: #FF0000;
padding: 0.3em;
float: left;
}
fuss {
margin-top: 1em;
}
div.confuss {
margin: 0 auto;
padding: 1em;
background-color:#d5d5d5;
color:#7f7f7f;
border: 1px solid #5d5d5d;
}
}
@media only screen and (min-width: 50.01em) and (max-width: 80.01em) {
kopf {
height: 5em;
}
ul.navli {
padding: 0em;
margin-left: -0.5em;
margin-top:0.5em;
margin-right:0em;
}
navrechts {
color: #7f7f7f;
margin-top: 0em;
position: absolute;
}
img.logoschrift {
display: none;
}
img.logo {
width: 5em;
padding-top: 0.8em;
padding-right: 2em;
padding-left: 2em;
float: left;
}
div.conkal {
font-size: 130%;
padding: 0.5em;
padding-top:0.8em;
float: left;
}
div.conprofil {
font-size: 130%;
padding: 0.5em;
padding-top:0.8em;
float: left;
}
div.consystem {
font-size: 130%;
padding: 0.5em;
padding-top:0.5em;
float: left;
}
div.conlogout {
color: #FF0000;
font-size: 130%;
padding: 0.5em;
padding-top:0.8em;
float: right;
}
i.navrechts {
font-size: 170%;
}
}
@media only screen and (min-width: 50.01em) {
body {
display: flex;
flex-flow: row wrap;
}
kopf {
flex: 1 100%;
}
navlinks {
flex-basis: 16em;
font-family: verdana;
}
#navli li {
list-style: none;
}
#navli a, p {
display: block;
height: 100%;
text-decoration: none;
}
p.navli_kopf {
width: 12em;
margin: 0em;
margin-left: 0.3em;
padding: 1em;
color: #000000;
text-align:center;
border-radius: 0.4em 0.4em 0em 0em;
-moz-border-radius: 0.4em 0.4em 0em 0em;
-webkit-border-radius: 0.4em 0.4em 0em 0em;
border: 0.05em solid #686868;
border-bottom: 0em;
-webkit-box-shadow: inset 0px 0px 14px 3px rgba(213,213,213,1);
-moz-box-shadow: inset 0px 0px 14px 3px rgba(213,213,213,1);
box-shadow: inset 0px 0px 14px 3px rgba(213,213,213,1);
background: #FFFFFF;
}
a.navli_kat_aktiv {
width: 13.1em;
padding: 0.8em;
color: #FFFFFF;
border-radius: 0.4em 0.4em 0em 0em;
-moz-border-radius: 0.4em 0.4em 0em 0em;
-webkit-border-radius: 0.4em 0.4em 0em 0em;
border: 0.05em solid #153b75;
background: rgba(164,203,254,1);
background: -moz-linear-gradient(top, rgba(164,203,254,1) 0%, rgba(61,109,177,1) 35%, rgba(28,85,164,1) 78%, rgba(21,63,121,1) 97%, rgba(21,63,121,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(164,203,254,1)), color-stop(35%, rgba(61,109,177,1)), color-stop(78%, rgba(28,85,164,1)), color-stop(97%, rgba(21,63,121,1)), color-stop(100%, rgba(21,63,121,1)));
background: -webkit-linear-gradient(top, rgba(164,203,254,1) 0%, rgba(61,109,177,1) 35%, rgba(28,85,164,1) 78%, rgba(21,63,121,1) 97%, rgba(21,63,121,1) 100%);
background: -o-linear-gradient(top, rgba(164,203,254,1) 0%, rgba(61,109,177,1) 35%, rgba(28,85,164,1) 78%, rgba(21,63,121,1) 97%, rgba(21,63,121,1) 100%);
background: -ms-linear-gradient(top, rgba(164,203,254,1) 0%, rgba(61,109,177,1) 35%, rgba(28,85,164,1) 78%, rgba(21,63,121,1) 97%, rgba(21,63,121,1) 100%);
background: linear-gradient(to bottom, rgba(164,203,254,1) 0%, rgba(61,109,177,1) 35%, rgba(28,85,164,1) 78%, rgba(21,63,121,1) 97%, rgba(21,63,121,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4cbfe', endColorstr='#153f79', GradientType=0 );
}
p.navli_kat_ende {
width: 14.7em;
margin:0px;
height: 0.6em;
border-radius: 0em 0em 0.4em 0.4em;
-moz-border-radius: 0em 0em 0.4em 0.4em;
-webkit-border-radius: 0em 0em 0.4em 0.4em;
border: 0.05em solid #153b75;
background: rgba(61,109,177,1);
background: -moz-linear-gradient(top, rgba(61,109,177,1) 0%, rgba(28,85,164,1) 60%, rgba(21,63,121,1) 97%, rgba(21,63,121,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(61,109,177,1)), color-stop(60%, rgba(28,85,164,1)), color-stop(97%, rgba(21,63,121,1)), color-stop(100%, rgba(21,63,121,1)));
background: -webkit-linear-gradient(top, rgba(61,109,177,1) 0%, rgba(28,85,164,1) 60%, rgba(21,63,121,1) 97%, rgba(21,63,121,1) 100%);
background: -o-linear-gradient(top, rgba(61,109,177,1) 0%, rgba(28,85,164,1) 60%, rgba(21,63,121,1) 97%, rgba(21,63,121,1) 100%);
background: -ms-linear-gradient(top, rgba(61,109,177,1) 0%, rgba(28,85,164,1) 60%, rgba(21,63,121,1) 97%, rgba(21,63,121,1) 100%);
background: linear-gradient(to bottom, rgba(61,109,177,1) 0%, rgba(28,85,164,1) 60%, rgba(21,63,121,1) 97%, rgba(21,63,121,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d6db1', endColorstr='#153f79', GradientType=0 );
}
a.navli_kat_inaktiv {
width: 13.01em;
margin: 0em;
margin-left: 0.3em;
padding: 0.5em;
color: #666666;
background: #d5d5d5;
border-left: 0.05em solid #686868;
border-right: 0.05em solid #686868;
}
a.navli_modul {
width: 13.3em;
padding: 0.6em;
padding-left: 0.8em;
color: #000000;
line-height:90%;
border-left: 0.05em solid #153b75;
border-right: 0.05em solid #153b75;
background: rgba(187,212,246,1);
background: -moz-linear-gradient(top, rgba(187,212,246,1) 0%, rgba(160,194,239,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(187,212,246,1)), color-stop(100%, rgba(160,194,239,1)));
background: -webkit-linear-gradient(top, rgba(187,212,246,1) 0%, rgba(160,194,239,1) 100%);
background: -o-linear-gradient(top, rgba(187,212,246,1) 0%, rgba(160,194,239,1) 100%);
background: -ms-linear-gradient(top, rgba(187,212,246,1) 0%, rgba(160,194,239,1) 100%);
background: linear-gradient(to bottom, rgba(187,212,246,1) 0%, rgba(160,194,239,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbd4f6', endColorstr='#a0c2ef', GradientType=0 );
}
a.navli_kat_trenn {
width: 13.2em;
margin: 0em;
padding: 0.4em;
padding-bottom: 0em;
margin-left: 0.3em;
color: #EEEEEE;
border-left: 0.05em solid #686868;
border-right: 0.05em solid #686868;
background: #d5d5d5;
}
p.navli_fuss {
width: 14.02em;
height: 0.4em;
margin: 0em;
margin-left: 0.3em;
color: #000000;
border-radius: 0em 0em 0.4em 0.4em;
-moz-border-radius: 0em 0em 0.4em 0.4em;
-webkit-border-radius: 0em 0em 0.4em 0.4em;
border: 0.05em solid #686868;
border-top: 0em;
background: #d5d5d5;
}
inhalt {
width:30em;
flex: 1 0%; height:1%;
margin-right: 1.5em;
}
inhaltszeile {
display: flex;
flex-flow: row wrap;
}
inhalt1, inhaltgl, inhalt2kl, inhalt2gr {
font-size:114%;
line-height:162%;
padding:1em;
margin:0.5em;
margin-bottom: 2.0em;
border-radius: 0.4em 0.4em 0.4em 0.4em;
-moz-border-radius: 0.4em 0.4em 0.4em 0.4em;
-webkit-border-radius: 0.4em 0.4em 0.4em 0.4em;
border: 0.05em solid #7B7B7B;
-webkit-box-shadow: inset 0em 0em 0.8em 0em #AAAAAA;
-moz-box-shadow: inset 0em 0em 0.8em 0em #AAAAAA;
box-shadow: inset 0em 0em 0.8em 0em #AAAAAA;
background-color:#FFFFFF;
}
inhalt1, fuss { flex: 1 100%; height:1%; }
inhalt2kl { flex:2 0%; height:1%; }
inhalt2gr { flex:4 0%; height:1%; }
inhaltgl { flex: 1 0%; height:1%; }
inhaltprofil {
flex: 1 0%;
height:1%;
padding:0.3em;
padding-bottom:0.2em;
margin:0.15em;
margin-bottom:0.3em;
border: 0.05em solid #7B7B7B;
background-color: #FFFFFF;
font-size: 90%;
text-align:center;
}
div.profilposition {
position:absolute;
left: 7%;
top: 7%;
width: 85%;
}
div.profilueberschrift {
font-size: 150%;
padding: 1em;
}
div.profilhauptbild {
text-align: center;
}
img.profilhauptbild {
width: 70%;
}
img.profilbild {
width: 100%;
}
profil_zeile_1_block_links {
flex: 2;
}
profil_zeile_1_block_rechts {
flex: 5;
}
profil_zeile_2_block_links {
flex: 2;
background-color: #FFFFFF;
display:block;
margin: 0.3em;
border-style:solid;
border-width:0.2em;
border-color:#888888;
}
profil_zeile_2_block_rechts {
display: block;
flex: 5;
padding: 1em;
background-color: #FFFFFF;
margin: 0.3em;
border-style:solid;
border-width:0.2em;
border-color:#888888;
}
i.profil-oben {
padding: 0.15em;
font-size: 250%;
color: #5f9050;
text-shadow: 0.05em 0.07em #e9e9e9;
}
div.profil-o {
background-color: #FFFFFF;
width: 3.3em;
height: 3.3em;
display: block;
float: left;
margin-right: 0.5em;
margin-bottom: 0.3em;
border-style:solid;
border-width:0.2em;
border-color:#888888;
}
div.profil-datum {
background-color: #FFFFFF;
width: 5em; height: 0.8em;
display: block;
float: right;
margin-right: 0.3em;
margin-bottom: 0.2em;
padding: 0.4em;
border-style:solid;
border-width:0.1em;
border-color:#888888;
font-size: 200%;
}
div.profil-exit {
display: block;
font-size: 300%;
font-weight: bold;
margin: 0.1em;
padding-top: 0.25em;
font-family: arial;
}
i.navrechts {
font-size: 200%;
}
fuss {
margin-top: 12em;
}
div.confuss {
margin: 0 auto;
width: 33em;
padding: 1em;
background-color:#d5d5d5;
color:#7f7f7f;
border-radius: 17px 17px 0px 0px;
-moz-border-radius: 17px 17px 0px 0px;
-webkit-border-radius: 17px 17px 0px 0px;
border: 1px solid #5d5d5d;
}
}
@media only screen and (min-width: 80.01em) {
kopf { height: 2em; }
navrechts { width: 13em;
text-align:center;
flex-basis: 14em;
}
ul.navli {
padding: 0em;
margin: 1em;
margin-top:0.5em;
margin-right:2em;
}
img.logoschrift {
width: 7em;
margin-right:1em;
}
img.logo {
width: 12em;
margin-bottom: 2.5em;
}
i.navrechts {
font-size: 250%;
}
div.conkal {
width: 4em;
height: 3.5em;
margin-left: 1.3em;
margin-top: -0.5em;
padding-top: 0.7em;
display: block;
float: left;
border-radius: 1.7em 1.7em 1.7em 1.7em;
-moz-border-radius: 1.7em 1.7em 1.7em 1.7em;
-webkit-border-radius: 1.7em 1.7em 1.7em 1.7em;
border: 1px solid #686868;
color:#7f7f7f;
background: #d5d5d5;
}
div.conprofil {
width: 4em;
height: 3.5em;
margin-right: 2em;
margin-top: -0.5em;
padding-top: 0.8em;
display: block;
float: right;
border-radius: 1.7em 1.7em 1.7em 1.7em;
-moz-border-radius: 1.7em 1.7em 1.7em 1.7em;
-webkit-border-radius: 1.7em 1.7em 1.7em 1.7em;
border: 1px solid #686868;
color:#DD0000;
background: #d5d5d5;
}
div.consystem {
display: block;
width:13em;
margin-top: 3em;
padding-top: 2em;
padding-bottom:1.5em;
text-align:center;
color:#7f7f7f;
border-radius: 3em 3em 3em 3em;
-moz-border-radius: 3em 3em 3em 3em;
-webkit-border-radius: 3em 3em 3em 3em;
border: 1px solid #686868;
background: #d5d5d5;
}
div.conlogout {
width: 4em;
height: 3.5em;
margin-top: -0.5em;
margin-right: 5.1em;
padding-top: 0.8em;
display: block;
float: right;
border-radius: 1.7em 1.7em 1.7em 1.7em;
-moz-border-radius: 1.7em 1.7em 1.7em 1.7em;
-webkit-border-radius: 1.7em 1.7em 1.7em 1.7em;
border: 1px solid #686868;
color:#DD0000;
background: #d5d5d5;
}
div.confuss {
margin: 0 auto;
}
}
/* Bannerfarben */
p.banner_1 {
display: inline-block;
padding: 0.3em;
padding-left: 1em;
padding-right: 1em;
color: #000000;
border-radius: 0.4em 0.4em 0.4em 0.4em;
-moz-border-radius: 0.4em 0.4em 0.4em 0.4em;
-webkit-border-radius: 0.4em 0.4em 0.4em 0.4em;
border: 0.05em solid #7B7B7B;
background: rgba(244,142,141,1);
background: -moz-linear-gradient(top, rgba(244,142,141,1) 0%, rgba(217,113,100,1) 50%, rgba(199,66,48,1) 95%, rgba(199,66,48,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(244,142,141,1)), color-stop(50%, rgba(217,113,100,1)), color-stop(95%, rgba(199,66,48,1)), color-stop(100%, rgba(199,66,48,1)));
background: -webkit-linear-gradient(top, rgba(244,142,141,1) 0%, rgba(217,113,100,1) 50%, rgba(199,66,48,1) 95%, rgba(199,66,48,1) 100%);
background: -o-linear-gradient(top, rgba(244,142,141,1) 0%, rgba(217,113,100,1) 50%, rgba(199,66,48,1) 95%, rgba(199,66,48,1) 100%);
background: -ms-linear-gradient(top, rgba(244,142,141,1) 0%, rgba(217,113,100,1) 50%, rgba(199,66,48,1) 95%, rgba(199,66,48,1) 100%);
background: linear-gradient(to bottom, rgba(244,142,141,1) 0%, rgba(217,113,100,1) 50%, rgba(199,66,48,1) 95%, rgba(199,66,48,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f48e8d', endColorstr='#c74230', GradientType=0 );
}
p.banner_2 {
display: inline-block;
padding: 0.3em;
padding-left: 1em;
padding-right: 1em;
color: #000000;
border-radius: 0.4em 0.4em 0.4em 0.4em;
-moz-border-radius: 0.4em 0.4em 0.4em 0.4em;
-webkit-border-radius: 0.4em 0.4em 0.4em 0.4em;
border: 0.05em solid #7B7B7B;
background: rgba(210,229,198,1);
background: -moz-linear-gradient(top, rgba(210,229,198,1) 0%, rgba(178,215,156,1) 50%, rgba(115,171,78,1) 95%, rgba(115,171,78,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(210,229,198,1)), color-stop(50%, rgba(178,215,156,1)), color-stop(95%, rgba(115,171,78,1)), color-stop(100%, rgba(115,171,78,1)));
background: -webkit-linear-gradient(top, rgba(210,229,198,1) 0%, rgba(178,215,156,1) 50%, rgba(115,171,78,1) 95%, rgba(115,171,78,1) 100%);
background: -o-linear-gradient(top, rgba(210,229,198,1) 0%, rgba(178,215,156,1) 50%, rgba(115,171,78,1) 95%, rgba(115,171,78,1) 100%);
background: -ms-linear-gradient(top, rgba(210,229,198,1) 0%, rgba(178,215,156,1) 50%, rgba(115,171,78,1) 95%, rgba(115,171,78,1) 100%);
background: linear-gradient(to bottom, rgba(210,229,198,1) 0%, rgba(178,215,156,1) 50%, rgba(115,171,78,1) 95%, rgba(115,171,78,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2e5c6', endColorstr='#73ab4e', GradientType=0 );
}
p.banner_3 {
display: inline-block;
padding: 0.3em;
padding-left: 1em;
padding-right: 1em;
color: #000000;
border-radius: 0.4em 0.4em 0.4em 0.4em;
-moz-border-radius: 0.4em 0.4em 0.4em 0.4em;
-webkit-border-radius: 0.4em 0.4em 0.4em 0.4em;
border: 0.05em solid #7B7B7B;
background: rgba(249,228,180,1);
background: -moz-linear-gradient(top, rgba(249,228,180,1) 0%, rgba(255,217,146,1) 50%, rgba(235,195,114,1) 95%, rgba(235,195,114,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(249,228,180,1)), color-stop(50%, rgba(255,217,146,1)), color-stop(95%, rgba(235,195,114,1)), color-stop(100%, rgba(235,195,114,1)));
background: -webkit-linear-gradient(top, rgba(249,228,180,1) 0%, rgba(255,217,146,1) 50%, rgba(235,195,114,1) 95%, rgba(235,195,114,1) 100%);
background: -o-linear-gradient(top, rgba(249,228,180,1) 0%, rgba(255,217,146,1) 50%, rgba(235,195,114,1) 95%, rgba(235,195,114,1) 100%);
background: -ms-linear-gradient(top, rgba(249,228,180,1) 0%, rgba(255,217,146,1) 50%, rgba(235,195,114,1) 95%, rgba(235,195,114,1) 100%);
background: linear-gradient(to bottom, rgba(249,228,180,1) 0%, rgba(255,217,146,1) 50%, rgba(235,195,114,1) 95%, rgba(235,195,114,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9e4b4', endColorstr='#ebc372', GradientType=0 );
}
p.banner_4 {
display: inline-block;
padding: 0.3em;
padding-left: 1em;
padding-right: 1em;
color: #000000;
border-radius: 0.4em 0.4em 0.4em 0.4em;
-moz-border-radius: 0.4em 0.4em 0.4em 0.4em;
-webkit-border-radius: 0.4em 0.4em 0.4em 0.4em;
border: 0.05em solid #7B7B7B;
background: rgba(205,222,236,1);
background: -moz-linear-gradient(top, rgba(205,222,236,1) 0%, rgba(160,197,231,1) 50%, rgba(100,157,209,1) 95%, rgba(100,157,209,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(205,222,236,1)), color-stop(50%, rgba(160,197,231,1)), color-stop(95%, rgba(100,157,209,1)), color-stop(100%, rgba(100,157,209,1)));
background: -webkit-linear-gradient(top, rgba(205,222,236,1) 0%, rgba(160,197,231,1) 50%, rgba(100,157,209,1) 95%, rgba(100,157,209,1) 100%);
background: -o-linear-gradient(top, rgba(205,222,236,1) 0%, rgba(160,197,231,1) 50%, rgba(100,157,209,1) 95%, rgba(100,157,209,1) 100%);
background: -ms-linear-gradient(top, rgba(205,222,236,1) 0%, rgba(160,197,231,1) 50%, rgba(100,157,209,1) 95%, rgba(100,157,209,1) 100%);
background: linear-gradient(to bottom, rgba(205,222,236,1) 0%, rgba(160,197,231,1) 50%, rgba(100,157,209,1) 95%, rgba(100,157,209,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cddeec', endColorstr='#649dd1', GradientType=0 );
}
p.banner_5 {
display: inline-block;
padding: 0.3em;
padding-left: 1em;
padding-right: 1em;
color: #000000;
border-radius: 0.4em 0.4em 0.4em 0.4em;
-moz-border-radius: 0.4em 0.4em 0.4em 0.4em;
-webkit-border-radius: 0.4em 0.4em 0.4em 0.4em;
border: 0.05em solid #7B7B7B;
background: rgba(217,198,229,1);
background: -moz-linear-gradient(top, rgba(217,198,229,1) 0%, rgba(191,156,214,1) 50%, rgba(134,78,171,1) 95%, rgba(134,78,171,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(217,198,229,1)), color-stop(50%, rgba(191,156,214,1)), color-stop(95%, rgba(134,78,171,1)), color-stop(100%, rgba(134,78,171,1)));
background: -webkit-linear-gradient(top, rgba(217,198,229,1) 0%, rgba(191,156,214,1) 50%, rgba(134,78,171,1) 95%, rgba(134,78,171,1) 100%);
background: -o-linear-gradient(top, rgba(217,198,229,1) 0%, rgba(191,156,214,1) 50%, rgba(134,78,171,1) 95%, rgba(134,78,171,1) 100%);
background: -ms-linear-gradient(top, rgba(217,198,229,1) 0%, rgba(191,156,214,1) 50%, rgba(134,78,171,1) 95%, rgba(134,78,171,1) 100%);
background: linear-gradient(to bottom, rgba(217,198,229,1) 0%, rgba(191,156,214,1) 50%, rgba(134,78,171,1) 95%, rgba(134,78,171,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9c6e5', endColorstr='#864eab', GradientType=0 );
}
/* Multiple-Choice-Angaben */
.toggle-buttons input[type="checkbox"] {
visibility: hidden;
}
.toggle-buttons label {
background: #fff;
border: 1px solid #333;
border-radius: 0.5em 0 0 0.5em;
padding: 0.1em 1em;
}
.toggle-buttons input:checked + label {
background: #90b979;
color: #5a9900;
box-shadow: none;
}