:root{
	    --cream-dark: #d3d3c8;
	    --cream-clear: #f2f1ec;
	    --white: #ffffff;
	    --darkgray: #4d4d4d;
	}
::selection {
    color: white;
    background: #b10b21;
}
html, input, textarea {font-size:100%;color:var(--darkgray)}
html, body {height: 100%}
body {font-size:84%;background-color:var(--cream-clear);color:var(--darkgray);font-family: myriad-pr,sans-serif}
.clear {clear: both;height: 1px}
a {color: #376f9b; text-decoration: none}
dt {font-weight: normal;font-size: 100%}

.container {max-width: 1025px}

header {margin-bottom: 36px}
header h1 {margin-top: 36px}
header h1 span {display: none}
header .navegation {background-color: var(--cream-dark);border-radius: 0 0 10px 10px;padding: 89px 15px 12px 15px}
header .content ul {font-size: 1.2em;font-weight: 600}
header .content a {display:inline-block;color: var(--darkgray);padding: 0 1em}
header .content a.on {color: #000}
header .content a:focus,
header .content a:active,
header .content a:hover {text-decoration: none;color: #000;background-color: transparent}
header .navbar-nav .nav-item {border-left:2px solid var(--darkgray);padding: 0 1em;height:16px}
header .navbar-nav .nav-item:first-child {border: 0;padding-left: 0}
header .navbar-nav .nav-item:last-child {padding-right:0}
header .navbar-nav .nav-link {padding: 0 !important;margin: 0 !important;position: relative;top:-4px}
header .content .dropdown-menu {background-color: var(--cream-dark);border: 0 none;min-width: 60%}
header .content .dropdown-item {font-size: .9em;padding-left: 1em;width:100%;min-width: auto}
header .navbar-expand-md {padding: 0}
header .navbar-toggler-icon {
	text-transform: uppercase;color: var(--darkgray);border: 1px solid var(--darkgray);
	 padding: 4px; width: auto; margin: 0 0 0 12em ; border-radius: 4px; font-size: .9em
}

header #formulaire_recherche {text-align: right;position: absolute;width: 100%;margin-top: -97px}
#formulaire_recherche input {border: 1px solid #fff;padding: 2px 4px 1px 25px;background: var(--cream-clear) url(search.png) no-repeat center left;border-radius: 5px}
#formulaire_recherche label {display: none}
#formulaire_recherche .text {width: 18em}
#formulaire_recherche .submit {display: none}


aside.aktualles h2 {color: #b10b21;font-weight: bolder;font-size: 140%;margin-bottom: 1.2em}
aside.aktualles ul {
	margin: 1.1em 1.1em 2em .9em;padding: 0 0 28px 0;font-size: 110%;
	}
aside.aktualles li {margin-bottom: 1.4em}

aside.katalog {padding-bottom: 15px}
aside.katalog h3 {font-size: 116%;padding: .2em 0 .1em 6.5em;font-weight: bold;margin-bottom: 18px}
aside.katalog .kat7 h3 {background: url(politik.png) no-repeat center left}
aside.katalog .kat8 h3 {background: url(film.png) no-repeat center left}
aside.katalog .kat9 h3 {background: url(audio.png) no-repeat center left}
aside.katalog ul {list-style-type: none;padding: 0}
aside.katalog ul.show {display: none}
aside.katalog a {color: var(--darkgray)}
aside.katalog .kat7 .on {font-weight: bold;color:#b00a20}
aside.katalog .kat8 .on {font-weight: bold;color:#377985}
aside.katalog .kat9 .on {font-weight: bold;color:#d29000}
aside.katalog .mot34 a,
aside.katalog .mot36 a {font-style: italic}

aside.service h3 {background: url(all.png) no-repeat center left}
aside.service .on {font-weight: bold}

aside.buscarautor h3 {font-size: 1em; margin-top: 1em;font-weight: bold;color: #b10b21}
aside.buscarautor  #formulaire_recherche input {border: 1px solid #fff;background: var(--white) url(search.png) no-repeat center left;width:100%}
aside.buscarautor ul {margin-top: 2em}

aside.prokla ul { font-weight: bold;padding: 0 0 0 1em}
aside.prokla ul li {margin: 1em 1em 0 0;list-style-type: none}
aside.prokla ul img {position: absolute;margin-top:1px}
aside.prokla ul a {padding-left:12px;display: block;color: var(--darkgray)}


article {background-color: var(--white);margin-bottom: 30px;border-radius: 10px;padding: 18px 20px 0 25px}
article.article {min-height: 40em}
#frontpage article h3 {font-size: 120%;padding: .2em 0 .2em 5.6em;font-weight: bold;margin-bottom: 18px}
article.politik h3 {background: url(politik.png) no-repeat center left}
article.film h3 {background: url(film.png) no-repeat center left}
article .slick-slider {padding-left: 3em}
article .slick-slider .slick-next {right: -5px}
article .bitem {float: left;width: 125px;margin-right: 40px;/* height: 230px*/}
article .bitem img {height: 152px;width: auto}
article .bitem p {font-family: myriad-pro-condensed,sans-serif;width: 125px;line-height: 120%;margin-top: .6em;overflow: hidden;height: 5em}
article .bitem p a {color: var(--darkgray)}

.content h5 {font-size: 80%;margin-bottom: 2em}
.content h2 {font-weight: bold;font-size: 160%;margin-bottom: .2em}
#rubrique .content h2 {margin-bottom: 1em;font-size: 121%}
.content h3 {font-size: 130%;margin-bottom: .2em;line-height: 1.4em}
#article .content h4 {font-weight: normal;font-size: 115%}
#article .content h4.subsecc,
#rubrique .content h4.secc {font-size: 1em}
#article .content .cover {float: left;width: 129px}
#article .bestell {float: right;width: 90px}
#article .bestell a {
	display: inline-block;width:100%;padding: .3em .1em;
	text-align:center;background-color: var(--cream-clear);font-size: 1em;
	color:var(--darkgray);border-radius: 6px
	}
#article .bestell a:hover {text-decoration: none;background-color:var(--cream-dark) }
#article .content a .spip_logo {margin-bottom: 1em;width:100%;height: auto}
#article .content header.logo {margin-left: 11.5em;margin-right: 4em }
#article .content .texto {padding-bottom: 2em;margin: 0 4em 0 11.5em}
#article .content h3.spip {font-size: 105%;font-weight: bold}
#article .content ul.spip {padding-left: 1em}
#article .content .spip_documents_center img {max-width: 100%; height: auto}
#article .content .modal-dialog {max-width: 434px}
#rubrique .content .pagination {padding-bottom: 1em;clear: both}
#rubrique .content .paginacion {padding:.6em .3em;border-top: 3px solid var(--cream-clear)}

#rubrique .content .result {margin: 0 4em 0 11.5em;padding-bottom: 1em}
#rubrique .content .result h2 {margin-bottom: 0em}

.autor {border-bottom: 2px solid var(--cream-dark);padding-bottom: .8em; margin-bottom: 1.8em}
.autor:last-child {border-bottom: 0 ;padding-bottom: 0}

.formulaire_login {margin:3em 2em 3em 11.5em;font-size: 120%}
.formulaire_login legend {display:none}
.formulaire_login label {display: block}
.formulaire_login input.text {border: 0;padding: 6px 2px 1px 4px;background-color: var(--cream-clear);border-radius: 4px}
.formulaire_login .editer {margin-bottom: 1em}
.formulaire_login .submit {padding:.2em 1em  .1em 1em;border:0;text-transform: uppercase;color:var(--white);background-color:var(--darkgray);border-radius: 4px}
.formulaire_login .submit:hover {background-color: #000}
.formulaire_login .checkbox {float: left;margin: 5px 7px 0 0}

.formulaire_formidable legend {font-size: 105%; font-weight:bold;margin-bottom: 1em}
.formulaire_formidable_newsletter .saisie_email {margin-bottom: 1.5em}
.formulaire_formidable_newsletter .saisie_email label {width: 4.5em}
.formulaire_formidable textarea,
.formulaire_formidable .text,
.formulaire_formidable .email  {border: 0;padding: 6px 2px 1px 4px;background-color: var(--cream-clear);border-radius: 4px}
.formulaire_formidable .editer_case_1>label {display:none}
.formulaire_formidable_newsletter .choix {margin-left:5em}
.formulaire_formidable .boutons {margin: 1em 0;text-align: center}
.formulaire_formidable .submit {padding:.3em 1em .2em 1em;border:0;text-transform: uppercase;color:var(--white);background-color:var(--darkgray);border-radius: 4px}
.formulaire_formidable .submit:hover {background-color: #000}
.formulaire_formidable span.obligatoire {display: none}
.formulaire_formidable fieldset {margin: 1.4em 0}
.reponse_formulaire_ok {border: 3px solid var(--cream-clear);padding: 1em 1em 0 1em;margin:1em 0;font-size:1.05em;border-radius:12px }
.proklaform label {width: 8.2em}
.proklaform .ausgabe label {width:12em}
.proklaform .ausgabe .editer_input_7 {position: relative;top:-1em;left:1.1em}
.proklaform .ausgabe .editer_input_7 label {width: 10em}
.proklaform .editer_case_2 label {width: auto}
.proklaform .editer_case_1 label {width: 14em}
.proklaform .zahle label:first-child {width: 10em;font-weight: bold;font-size: 1.05em;margin-bottom: 1em}
.proklaform .agb {border:3px dotted var(--cream-clear);padding:.8em .4em 0 .8em}
.proklaform .agb .checkbox {float:left;width:1em}
.proklaform .agb .choix label {width: 90%;margin-left:.8em}
.proklaform .pramie label {width:90%}
.proklaform .pramie label:first-child {width: 10em;font-weight: bold;font-size: 1.05em;margin-bottom: 1em}
.proklaform textarea {width: 100%; height: 6em}
.proklaform .Bemerkungen label {display: none}
.reponse_formulaire_ok p {font-weight: bold}

/* prokla digital umfrage */
.umfrage .saisie_radio > div {display: flex;gap: 10px;align-items: baseline}
.umfrage .text_email {width: 100%}
.umfrage textarea {width: 100%; height: 6em}
.umfrage .preise {margin-left:1.5em}


footer {background-color: var(--cream-dark);padding: 20px 0 31px 0}
footer ul {padding: 0;margin:0;list-style-type: none}
footer .social {display: flex}
footer .social a {color: var(--cream-clear);padding-right: 1.6em}
footer .social a:hover {color:var(--white)}

footer .content .menu_footer {
	display: flex; flex-flow: row wrap;justify-content: space-between; 
	width: 443px;margin: 0 auto 1em auto;font-size: 100%;
	}
footer .content .menu_footer li {width: 6.7em;margin: 0 2em .3em 2em}
footer .content .menu_footer li.col2 {width: 5.2em}
footer .content .menu_footer li.col3 {width: 5.1em}
footer .content .footer_text {text-align: center;font-weight: bold}
footer .content a {color:var(--darkgray)}
footer .content .on a {text-decoration: underline}
footer .extraside {position: absolute;margin-top: -10em}
footer .extraside a {color:var(--darkgray)} 
footer .prokla strong {font-size: 1.6em; text-transform: uppercase}
footer .prokla {line-height: 1.1em}
footer .newsletter {line-height: 1.1em}
footer .newsletter strong {font-size: 1.2em}

.modal-header {padding: .6em 1.2em}
.modal-header h3 {margin-bottom: 0}
.modal-backdrop {background-color: var(--cream-clear)}


@media (max-width: 1013px) {
	header h1 img {width: 90%; height: auto;margin-left: 10px}
	header .navbar-nav .nav-item {padding: 0 0.45em}
 	#frontpage aside ul {margin-right: .8em}

}

@media (max-width: 767.98px) {
	header h1 {position: absolute;z-index: 1000;margin-top: 10px}
	header .navegation {padding-top: 60px}
	header .navbar-nav .nav-item {border-left:0;padding: 0;height:auto}
	header button.navbar-toggler {width: 100%;text-align: right}
	header .navbar-toggler-icon {margin-top: -55px}
  	header .content .dropdown-menu {background-color: var(--cream-dark);border: 0 none;min-width: 60%;padding:0;margin:0}
	header .content .dropdown-item {font-size: .9em;padding: 0 1em}
	aside.katalog {padding-bottom: 0}
	aside.prokla ul {margin-top: 0; font-weight: normal;margin-bottom: 2.4em;padding: 0 1em}
  	aside.prokla ul li {margin: .3em 0 0 0}
  	aside.prokla ul img {margin-top:2px}
	footer .content ul {width: 100%}
	footer .extraside {margin: 4em 0 0 10px}
	footer .social {font-size: 80%}
	footer .social a {padding-right: 1em}
	footer .newsletter {display: none}
	footer .content .menu_footer {width:390px}
	header #formulaire_recherche {position: static;margin-top: 0; text-align: left;margin-bottom: 1em}
	#formulaire_recherche .text {width: 15.2em}
 }

@media (max-width: 575px) {
	header h1 img {width: 85%; height: auto}
	header .navegation {padding-top: 42px}
	header .navbar-toggler-icon {margin-top: -38px}
	header .navbar-collapse {padding-top: 20px}
	#formulaire_recherche .text {width: 12em}
	#frontpage aside ul {background: none;padding:0}
	.buscarautor {margin-bottom: 2em}
	article {padding: 15px}
	article .slick-slider {padding-left: 1.5em}
	article .bitem {width: 135px;margin-right:15px;height:215px}
	article .bitem img {height: 141px}
	article.article {min-height: 30em}
	.content h2 {font-size: 135%}
	.content h3  {font-size: 126%}
	#article .content h5 {display: none}
	#article .content header.logo {margin: 0}
	#article .content .texto {margin: 0}
	#article .content .cover {float: right;width: 82px;margin-left: .5em}
	#article .bestell {float: none;width: 80px;margin: 1em 0}
	#article #bestell .modal-body .item {height: auto; width: 95%}
	#article .content a .spip_logo {width: 100%}
	#article .content .modal-dialog img {width: 100%;height: auto}
	.formulaire_formidable textarea, .formulaire_formidable .text, .formulaire_formidable .email {width: 100%}
	.formulaire_formidable .boutons {margin: 2em 0}
	.proklaform label {margin-bottom: .3em}
	.proklaform .text, .proklaform .email {width:360px;margin-bottom: 1em}
	footer .extraside {margin: .6em 0 0 0}
	footer .social {align-items: center;justify-content: center;margin-bottom: 2em}
	footer .social {font-size: 75%; text-align: center}
	footer .content .menu_footer li {font-size: 110%;margin: 0 0 .3em 0}
	.formulaire_login {margin-left:0;font-size: 100%}
}
@media (max-width: 375px) {
	.proklaform .text, .proklaform .email,
	footer .content .menu_footer {width:100%}
}

@media (min-width: 1600px) {
	body {font-size: 94%}
	.container {max-width: 1212px}
}

/* neue form abbo */
.umfrage .saisie_radio > div {display: flex;gap: 10px;align-items: baseline} .umfrage .text_email {width: 100%} .umfrage textarea {width: 100%; height: 6em} .umfrage .preise {margin-left:1.5em}
.art325 article {padding-right: 60px}
.formulaire_formidable .choix {display: flex;align-items:flex-start}
.formulaire_formidable .choix input {margin: .2em .6em 0 1.2em}
.formulaire_formidable textarea {width:100%;height:7em}
.editer_radio_5 {padding-bottom: 1em}
.choix-groupe .label {padding-bottom: .6em !important}
.choix-groupe {padding-bottom:1em !important}
.saisie_email label,
.saisie_input label {width:8.2em}

.formulaire_formidable-5 .text, formulaire_formidable-5 .email {width: 75%}
@media (max-width: 600px) {
	.formulaire_formidable-5 .text, formulaire_formidable-5 .email {width: 100%}
}