@charset 'utf-8';

/* Reset based on http://meyerweb.com/eric/tools/css/reset/ */
*{box-sizing:border-box;box-decoration-break:clone}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,button,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,input,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,select,small,span,strike,strong,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}html{overflow-y:scroll}body{background-color:white}b,strong{font-weight:700}em,i{font-style:italic}h1,h2,h3,h4,h5,h6{font-weight:400}button,input[type=button],input[type=submit],label{cursor:pointer}q:lang(de){quotes:'»' '«' '›' '‹'}q:lang(en){quotes:'»' '«' '›' '‹'}abbr[title]{border-bottom:1px dotted #eee;cursor:help}a abbr{cursor:pointer!important}.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}
/* Reset Ende */

/* Orange 220,130,0 */
/* Grün 100,160,0 */
/* Rot 160,0,0 */

@font-face {
font-family: 'Raleway';
src: url("../fonts/Raleway-Bold.woff2") format("woff2"),
		 url("../fonts/Raleway-Bold.woff") format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Raleway';
src: url("../fonts/Raleway-Regular.woff2") format("woff2"),
     url("../fonts/Raleway-Regular.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Raleway';
src: url("../fonts/Raleway-Italic.woff2") format("woff2"),
     url("../fonts/Raleway-Italic.woff") format("woff");
font-weight: normal;
font-style: italic;
font-display: swap;
}

@font-face {
font-family: 'Raleway';
src: url("../fonts/Raleway-BoldItalic.woff2") format("woff2"),
     url("../fonts/Raleway-BoldItalic.woff") format("woff");
font-weight: bold;
font-style: italic;
font-display: swap;
}



a,
ul.buecher li img,
ul.buecher li svg,
p.zahl,
a.swipebox img,
input[type="submit"],
header,
header nav ul.sub li a {
-webkit-transition: all 250ms ease-in;
-moz-transition: all 250ms ease-in;
transition: all 250ms ease-in;
}

::selection {
background: black;
color: white;
}

::-moz-selection {
background: black;
color: white;
}

input[type='number'] {
-moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}

img {
-moz-user-select: text;
-webkit-user-select: text;
user-select: text;
-moz-user-drag: none;
-webkit-user-drag: none;
user-drag: none;
}

.klar {
clear: both;
}

body {
font-family: 'Raleway', 'Arial', sans-serif;
font-size: 16px;
line-height: 24px;
color: rgb(0,20,40);
background: rgba(0,20,40,.2);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: none;
-webkit-hyphenate-limit-before: 4;
-webkit-hyphenate-limit-after: 4;
-ms-hyphenate-limit-chars: 8 4 4;
hyphenate-limit-chars: 8 4 4;
-webkit-hyphenate-limit-lines: 4;
-ms-hyphenate-limit-lines: 4;
hyphenate-limit-lines: 4;
}

section {
position: relative;
box-sizing: border-box;
width: 1184px;
margin: 0 auto;
background: white;
}

header {
position: absolute;
top: 0;
background: rgba(240,240,240,.95);
color: white;
padding: 24px 32px 20px 32px;
z-index: 100;
box-sizing: border-box;
height: 122px;
overflow: hidden;
box-shadow: 0 0 16px rgba(0,0,0,.05);
}

header:target,
header:hover {
background: rgba(240,240,240,.99);
}

header h1 {
padding: 0;
margin: 0;
}

header h1 a {
display: inline-block;
font-size: 24px;
line-height: 24px;
text-transform: uppercase;
letter-spacing: .05em;
font-weight: bold;
color: rgb(160,0,0);
}

header h1 a:hover {
color: rgb(160,0,0);
}

header a.toggle {
display: none;
position: absolute;
color: rgb(0,20,40);
top: 15px;
right: 0;
width: auto;
}

header a.toggle#close,
header a.toggle:hover {
color: black;
}

header a.toggle b {
display: inline-block;
font-size: 22px;
float: left;
margin: -3px 4px 0 0;
transform: translateY(2px);
}

header nav a {
color: black;
line-height: 20px;
}

header nav li.aktiv > a,
header nav a:hover {
color: rgb(160,0,0);
}

header {
width: 100%;
}

header > * {
display: block;
}

header nav ul.main {
display: flex;
flex-flow: row nowrap;
}

header nav ul.main > li {
padding: 0 16px 0 0;
flex: 1 1 auto;
}

header nav ul.main > li:last-child {
padding: 0;
}

header nav ul.main > li > a,
header nav ul.main > li > span {
font-size: 16px;
line-height: 22px;
font-weight: bold;
display: inline-block;
vertical-align: top;
width: 100%;
padding: 0 0 8px 0;
margin: 0 0 8px 0;
border-bottom: 1px solid rgba(240,240,240,.3);
}

header nav ul.main > li > a {
cursor: default;
display: flex;
height: 66px;
align-items: flex-end;
}

header nav ul.main > li > a:hover {
color: black;
}

header nav ul.main > li.aktiv > a:hover {
color: black;
}

header nav ul.sub li {
/* font-style: italic; */
margin: 0 0 4px 0;
}

header nav ul.sub {
opacity: 0;
}

header:target nav ul.sub,
header:hover nav ul.sub {
opacity: 1;
}

header:target,
header:hover {
height: 400px;
}

main ul.kopfbild,
main div.kopfbild {
z-index: 10;
}

main ul.kopfbild {
position: relative; 
width: 100%;
}

main ul.kopfbild li img,
main div.kopfbild img {
display: block;
width: 100%;
}

main ul.kopfbild li {
position: absolute; 
top: 0; 
left: 0; 
right: 0;
}

main ul.kopfbild li:first-child {
position: static;
}

main div.kopfbild {
background: rgba(0,20,40,0.4);
}

.kopfbild .flickity-page-dots {
bottom: -24px;
}

.kopfbild .flickity-page-dots .dot {
height: 8px;
width: 8px;
margin: 0 4px;
background: rgba(160,0,0,0.1);
filter: none;
opacity: 1;
}

.kopfbild .flickity-page-dots .dot.is-selected {
background: rgb(0,20,40);
filter: none;
opacity: 1;
}

main article {
width: 784px;
margin: 0 auto;
padding: 0;
box-sizing: border-box;
}

main article.artikel,
main article.vortraege,
main article.blog {
width: 584px;
}

article.artikel,
article.buecher,
article.vortraege,
article.blog,
article.beitreten {
padding: 48px 0;
}

main article.artikel.id266 {
width: 784px;
}

article.start h3 {
position: relative;
font-size: 18px;
line-height: 24px;
width: 100%;
padding: 0 0 16px 0;
}

article.start h3 span {
position: relative;
color: rgb(0,20,40);
padding: 0 8px 0 0;
background: white;
z-index: 100;
}

article.start h3:after {
content: '';
position: relative;
top: -12px;
display: block;
width: 100%;
height: 1px;
background: rgb(160,0,0);
z-index: 50;
}

ul.themen {
padding: 0 0 48px 0;
display: flex;
}

ul.themen li {
display: inline-block;
display: inline-flex;
vertical-align: top;
}

ul.themen li a {
display: block;
color: rgb(0,20,40);
width: 184px;
box-sizing: border-box;
}

ul.themen li a:hover {
color: rgb(160,0,0);
}

ul.themen li + li {
margin-left: 16px;
}

ul.themen div.platzhalter,
ul.themen img {
display: block;
width: 184px;
height: 144px;
background: rgb(160,0,0);
opacity: 1;
}

ul.themen li a:hover div.platzhalter,
ul.themen li a:hover img {
opacity: 0.5;
}

ul.themen div.platzhalter {
/* 
background-image: url(../img/gaab.png);
background-size: 80px 80px;
background-position: center center;
background-repeat: no-repeat;
 */
}

ul.themen li h4 {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
padding: 6px 0 8px 0;
}

ul.buecher {
margin: 16px 0 32px 0;
width: 100%;
box-sizing: border-box;
}

ul.buecher > li {
position: relative;
display: inline-block;
vertical-align: top;
width: 50%;
box-sizing: border-box;
/* background: magenta; */
}

ul.buecher > li:nth-child(odd) {
padding: 0 16px 40px 0;
}

ul.buecher > li:nth-child(even) {
padding: 0 0 40px 16px;
}

ul.buecher li h4 {
font-style: italic;
line-height: 22px;
color: rgb(160,0,0);
border-bottom: 1px solid rgb(0,20,40);
padding: 0 0 8px 0;
margin: 0 0 8px 0;
}

ul.buecher li h4.downloads {
font-size: 14px;
line-height: 20px;
border-bottom: none;
padding: 0;
margin: 12px 0 4px 0;
font-style: normal;
font-weight: bold;
}

ul.buecher li > * {
display: inline-block;
vertical-align: top;
}

ul.buecher li img,
ul.buecher li span.img {
box-shadow: 0 0 4px rgba(0,0,0,0.3);
margin: 4px 0 8px 0;
width: 160px;
}

ul.buecher li span.img {
background: rgba(0,0,0,0.02);
height: 200px;
}

ul.buecher li > div {
width: calc(100% - 160px);
padding: 0 0 0 12px;
box-sizing: border-box;
}

ul.buecher li a:hover img {
box-shadow: 0 0 12px rgba(0,0,0,0.3);
}

ul.buecher li p,
ul.buecher li li {
font-size: 14px;
line-height: 20px;
margin: 0 0 4px 0;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}

ul.buecher li svg {
position: absolute;
top: 176px;
right: 12px;
stroke: #C3AF6E;
fill: none;
stroke-width: 1.275;
stroke-linecap: round;
}

ul.buecher li a:hover svg {
stroke: rgb(0,20,40);
stroke-width: 1.5;
}

ul.buecher a:after,
p.faz:after {
content: ' ›';
color: rgb(160,0,0);
}

ul.vortraege li + li {
margin: 16px 0 0 0;
padding: 16px 0 0 0;
border-top: 1px solid rgba(160,0,0,0.2);
}

ul.vortraege li.vorbei {
/* opacity: .5; */
filter: grayscale(.8);
}

p.datum {
font-style: italic;
}

p.ort {
color: rgb(160,0,0);
}

ul.vortraege li h3,
article.buecher h3 {
font-weight: bold;
text-transform: uppercase;
letter-spacing: .05em;
color: rgb(0,20,40);
margin: 0 0 8px 0;
}

article.buecher h3 {
border-bottom: 1px solid rgb(160,0,0);
padding: 0 0 4px 0;
margin: 0 0 16px 0;
}

ul.vortraege li p.person {
font-style: italic;
}

ul.vortraege li p.person + p {
margin: 8px 0 0 0;
}

ul.blog {
margin: 24px 0 0 0;
}

ul.blog > li {
padding: 0 0 48px 0;
}

p.autor {
position: relative;
font-style: italic;
color: rgba(160,0,0,0.5);
text-align: center;
}

p.autor span {
position: relative;
background: white;
padding: 0 8px;
z-index: 100;
}

p.autor:after {
content: '';
position: relative;
top: -10px;
display: block;
width: 100%;
height: 1px;
background: rgba(160,0,0,0.5);
z-index: 50;
}

span.dok {
display: inline-block;
font-weight: bold;
margin: 0 6px 0 0;
color: rgb(0,20,40);
text-transform: uppercase;
letter-spacing: .05em;
}


a:hover span.dok {
color: rgb(160,0,0);
}

ul.pagination {
margin: 32px 0 0 0;
}

ul.pagination li {
display: inline-block;
vertical-align: top;
}

ul.pagination li a {
background: rgba(160,0,0,0.1);
padding: 1px 9px 3px 9px;
display: inline-block;
font-weight: bold;
color: rgb(160,0,0);
-moz-font-feature-settings: "c2sc", "smcp";
-ms-font-feature-settings: "c2sc", "smcp";
-webkit-font-feature-settings: "c2sc", "smcp";
font-feature-settings: "c2sc", "smcp";
letter-spacing: 1px;
}

ul.pagination li a.selected {
background: rgb(160,0,0);
color: white;
}

ul.pagination li a:hover {
background: rgb(0,20,40);
color: white;
}

ul.pagination li a.disabled {
color: rgba(160,0,0,0.2);
}

article h2 {
font-size: 24px;
line-height: 28px;
color: rgb(160,0,0);
font-weight: bold;
font-style: normal;
margin: 0 0 16px -2px;
}

.text {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}

.text h3 {
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
color: rgb(160,0,0);
border-bottom: 1px solid rgb(160,0,0);
padding: 0 0 8px 0;
margin: 24px 0 10px 0;
}

.texte .text:last-child h3 {
border-bottom: none;
}

.blog .text h3 {
margin-top: 8px;
text-transform: none;
letter-spacing: 0;
}

.blog ul.blogindex .text h3 {
padding: 0 0 5px 0;
margin: 4px 0 0 0;
}

ul.blog li .text h3 {
border-bottom: none;
padding: 0;
margin-left: -2px;
}

ul.blog li .text h3 span.titel {
font-size: 32px;
line-height: 40px;
font-weight: normal;
font-style: italic;
}

.blogindex li:last-of-type .text h3 {
border-bottom: none;
}

ul.blogindex.neu {
font-size: 14px;
line-height: 20px;
margin: 24px 0 32px 0;
}

.text + ul.blogindex.neu {
margin-top: 0;
}

ul.blogindex li.link {
margin-top: 8px;
}

ul.blogindex li.link a {
color: rgb(160,0,0);
border-bottom-color: transparent;
}

ul.blogindex li.link a:hover {
color: black;
border-bottom-color: rgb(160,0,0);
}

.text h3 a {
color: rgb(160,0,0);
border-bottom: none;
}

.text h3 a:hover {
color: rgb(0,20,40);
}

ul.blogindex li h3 a {
display: flex;
flex-flow: row nowrap;
}

ul.blogindex li h3 a span {
flex: 1 1 calc(100% - 9em);
align-self: flex-start;
}

.text h3 a span.datum,
.text h3 span.datum {
flex: 1 0 9em;
font-weight: normal;
text-transform: none;
letter-spacing: 0;
color: rgb(0,20,40);
padding: 0 12px 0 0;
}

.text h4 {
font-weight: bold;
font-style: italic;
color: rgb(160,0,0);
margin: 16px 0 12px 0;
}

.text h5 {
font-style: italic;
color: rgb(0,20,40);
margin: 16px 0 12px 0;
}

.text h4 + h5 {
margin-top: -8px;
}

.text p,
.text ul,
.text ol {
margin: 0 0 12px 0;
}

.text hr {
border: none;
height: 1px;
background: rgba(160,0,0,.5);
margin: 16px 0;
}

.text blockquote {
font-size: 20px;
line-height: 24px;
text-align: center;
padding: 48px 0;
width: 100%;
}

.text blockquote * {
font-weight: bold;
font-style: normal;
color: rgb(0,20,40);
}

.text blockquote cite {
font-weight: normal;
font-style: italic;
color: rgb(160,0,0);
}

.text > ul:not(.imgdownload):not(.imgliste):not(.downloads):not(.videos) > li {
margin: 0 0 4px 0;
padding-left: 12px;
text-indent: -12px;
}

.text ul.imgdownload li {
margin: 0 0 24px 0;
}

.text ul.imgliste {
margin: 0 -8px 24px 0;
}

.text ul.imgliste li {
display: inline-block;
vertical-align: top;
margin: 0 8px 8px 0;
}

.text ul.imgliste img {
height: 160px;
width: auto;
margin: 0;
}

.text > ul.downloads {
margin-bottom: 24px;
}

.text > ul.downloads > li {
padding-left: 0;
text-indent: 0;
margin: 0;
font-style: italic;
}

.text > ul.downloads > li a {
/* border: 1px solid rgb(0,20,40); */
border: none;
background: rgba(160,0,0,0.1);
padding: 3px 8px 3px 8px;
display: inline-block;
}

.text > ul.downloads > li a:hover {
background: rgb(0,20,40);
color: white;
}

.text > ul:not(.imgdownload):not(.imgliste):not(.downloads):not(.videos) > li:before {
content: '› ';
display: block;
float: left;
width: 12px;
color: rgb(0,20,40);
}

.text > ul.downloads > li:before {
content: '';
display: none;
}

.text a,
ul.vortraege li a,
ul.buecher li a {
color: rgb(0,20,40);
border-bottom: 1px solid rgb(160,0,0);
display: inline;
}

.text a:hover,
ul.vortraege li a:hover,
ul.buecher li a:hover {
color: rgb(160,0,0);
border-bottom-color: transparent;
}

.text a:active,
ul.vortraege li a:active,
ul.buecher li a:active {
border-bottom-color: rgb(0,20,40);
}

.text a:target {
color: white;
background: rgb(160,0,0);
padding: 2px 4px;
margin: -2px -4px;
border-color: transparent;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}

.text a:target:hover {
color: rgb(160,0,0);
background-color: rgba(160,0,0,.2);
}

.text a:target:active {
color: white;
background-color: black;
}

.text a.swipebox {
position: relative;
display: block;
border: none;
margin: 0 0 24px 0;
}

.text img {
max-width: 100%;
max-height: 480px;
height: auto;
margin: 0 0 8px 0;
display: block;
}

ul.buecher li img {
display: inline-block;
}

p.faz {
display: inline-block;;
padding: .5em .75em;
background: rgb(240,240,240);
}

p.faz a {
border-bottom: 0;
}

.embed-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
width: 100%;
margin: 0 0 8px 0;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

iframe.matomo {
height: 256px;
width: 100%;
border: 8px solid rgba(0,20,40,.1);
}

.text p.zahl {
position: absolute;
bottom: 16px;
left: 16px;
display: inline-block;
color: rgb(160,0,0);
background: rgba(255,255,255,0.8);
padding: 4px 8px;
margin: 0;
}

a:hover p.zahl {
color: white;
background: rgb(0,20,40);
}

a.swipebox:hover img {
opacity: 0.8;
}

iframe.vimeo {
margin: 0 0 48px 0;
}

a.knopf {
font-style: normal;
font-size: 16px;
line-height: 21px;
color: white;
background: rgb(0,20,40);
border: none;
margin: 16px 0 8px 0;
padding: 4px 8px;
-webkit-appearance: none;
border-radius: 0;
}

a.knopf.zurueck {
margin: 0 0 24px 0;
display: inline-block;
}

.text a.knopf {
color: white;
border-bottom: none;
}

.text .spenden a.knopf {
display: inline-block;
margin: 8px 0;
padding: 8px 12px;
border-radius: 4px;
box-shadow: 0 2px 0 rgb(0,20,40);
}

article.beitreten form input[type="submit"]:hover,
a.knopf:hover {
background: rgb(160,0,0);
}

.text a.knopf:hover {
color: white;
}

.text .spenden a.knopf:hover {
box-shadow: 0 0 0 rgb(0,20,40);
}

article.beitreten form input[type="submit"]:active,
a.knopf:active {
background: rgb(0,20,40);
}

article.beitreten form input[disabled="disabled"],
article.beitreten form .disabled {
opacity: 0.25;
pointer-events: none;
}

footer {
background: rgba(160,0,0,0.9);
color: white;
padding: 14px 200px 8px 200px;
display: flex;
flex-flow: row nowrap;
}

footer > ul {
flex: 1 1 auto;
}

footer ul.links {
text-align: right;
}

footer ul.social {
margin-top: -6px;
}

footer ul li {
display: inline-block;
}

footer ul.links li + li:before {
content: ' · ';
}

footer a {
color: white;
}

footer a:hover {
color: rgb(0,20,40);
}

footer ul.links li {
margin: 3px 0 8px 0;
}

footer .social li {
margin: 0 20px 0 0;
}

footer .social a:before {
content: '';
display: inline-block;
width: 24px;
height: 24px;
margin: 0 8px 0 0;
transform: translateY(5px);
}

a.fb:before {
background: url('data:image/svg+xml;charset=UTF-8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24px" height="24px" viewBox="0 0 24 24"><g fill="white"><path d="M24,21.429c0,0.714-0.25,1.321-0.75,1.821S22.143,24,21.429,24h-4.554v-9.482h3.214l0.482-3.643h-3.696V8.571 c0-0.571,0.107-1,0.321-1.286c0.286-0.321,0.768-0.482,1.446-0.482h1.929V3.589c-0.75-0.107-1.679-0.161-2.785-0.161 c-1.429,0-2.562,0.419-3.402,1.259c-0.839,0.839-1.259,2.009-1.259,3.509v2.679H9.857v3.643h3.268V24H2.571 c-0.714,0-1.321-0.25-1.821-0.75S0,22.143,0,21.429V2.571C0,1.857,0.25,1.25,0.75,0.75S1.857,0,2.571,0h18.857 c0.714,0,1.321,0.25,1.821,0.75S24,1.857,24,2.571V21.429z"/></g></svg>');
}

a.tw:before {
background: url('data:image/svg+xml;charset=UTF-8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24px" height="24px" viewBox="0 0 24 24"><g><path fill="white" d="M21.429,0c0.714,0,1.321,0.25,1.821,0.75S24,1.857,24,2.571v18.857c0,0.714-0.25,1.321-0.75,1.821 S22.143,24,21.429,24H2.571c-0.714,0-1.321-0.25-1.821-0.75S0,22.143,0,21.429V2.571C0,1.857,0.25,1.25,0.75,0.75S1.857,0,2.571,0 H21.429z M18.804,8.518c0.679-0.5,1.268-1.107,1.768-1.822c-0.679,0.286-1.357,0.464-2.035,0.536 c0.75-0.464,1.268-1.107,1.553-1.928c-0.714,0.428-1.464,0.714-2.25,0.857c-0.678-0.75-1.518-1.125-2.518-1.125 c-0.714,0-1.366,0.196-1.955,0.589c-0.59,0.393-1.027,0.919-1.312,1.581c-0.286,0.661-0.339,1.384-0.161,2.169 c-1.464-0.071-2.822-0.438-4.072-1.098S5.5,6.75,4.607,5.679C4.286,6.214,4.125,6.794,4.125,7.419s0.143,1.197,0.429,1.714 c0.286,0.518,0.678,0.938,1.178,1.259c-0.571-0.036-1.107-0.197-1.607-0.482v0.054c0,0.857,0.268,1.607,0.804,2.25 s1.214,1.053,2.036,1.232c-0.5,0.107-1.036,0.125-1.607,0.054c0.214,0.714,0.625,1.295,1.232,1.741 c0.607,0.446,1.286,0.67,2.036,0.67c-1.286,1-2.732,1.5-4.339,1.5H3.429c1.643,1.035,3.446,1.553,5.411,1.553 c2.036,0,3.857-0.518,5.464-1.553c1.429-0.929,2.554-2.197,3.375-3.804c0.75-1.5,1.125-3.054,1.125-4.661V8.518z"/></g></svg>');
}


/* ############# Screens bis 1184px ############# */
@media only screen and (max-width: 1184px) {

  section {
  width: 100%;
  }
  
  header {
  width: 100%;
  }
  
  header:target,
  header:hover {
  height: 33.75vw;
  }
  
/* 
  header > * {
  width: 784px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  }
 */
  
  main ul.kopfbild li img,
  main div.kopfbild img {
  width: 100%;
  height: auto;
  }
  
  footer {
  padding: 12px 32px 8px 32px;
  }

}



/* ############# Screens bis 848px ############# */
@media only screen and (max-width: 848px) {

  header {
  position: static;
  padding: 16px 16px 20px 16px;
  height: 88px;
  }

  header:target,
  header:hover {
  height: auto;
  }
  
  header > * {
  width: 100%;
  padding: 0 32px;
  }

  header nav {
  padding: 0;
  }
    
  header nav ul.main > li > a, 
  header nav ul.main > li > span {
  font-size: 16px;
  }
  
  header nav ul.main > li > a {
  height: auto;
  padding-top: 8px;
  margin: 0;
  }
  
  main ul.kopfbild, main div.kopfbild {
  min-height: auto;
  }

  main article {
  width: 100%;
  padding: 0 32px;
  margin: 0;
  }
  
  .text blockquote {
  padding: 32px 0;
  }
  
  ul.themen {
  display: block;
  margin-right: -16px;
  width: 100%;
  }
  
  ul.themen li {
  display: inline-block;
  box-sizing: border-box;
  width: calc(50% - 8px);
  margin-bottom: 12px;
  }
  
  ul.themen li + li {
  margin-left: 0;
  }

  ul.themen li:nth-child(odd) {
  margin-right: 16px;
  }
  
  ul.themen li a {
  width: 100%;
  }
  
  ul.themen div.platzhalter, 
  ul.themen img {
  width: 50%;
  max-width: 184px;
  height: auto;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  }
  
  ul.themen li h4 {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  margin-top: -12px;
	padding-left: 12px;
  }
  
  iframe.vimeo {
  width: calc(100vw - 64px);
  height: calc((100vw - 64px) / 16 * 9);
  }
  
  main article.artikel, 
  main article.vortraege, 
  main article.blog,
  main article.buecher,
  main article.artikel.id266 {
  margin: 0 auto;
  }
  
  main article.buecher,
  main article.artikel.id266 {
  padding: 48px 32px;
  }
  
  ul.buecher li img, ul.buecher li span.img {
	width: 120px;
	}
	
	ul.buecher li > div {
	width: calc(100% - 120px);
	}
  
}


/* ############# Screens bis 640px ############# */
@media only screen and (max-width: 640px) {
  
  body {
	font-size: 14px;
	line-height: 20px;
	}
  
  header {
  height: auto;
  }
  
  header > * {
  padding: 4px 16px;
  }
  
  header nav {
  padding: 0;
  }
  
  header nav ul.main {
  display: none;
  flex-flow: row wrap;
  }
  
	header:target nav ul.main {
  display: flex;
  }
  
  header:target nav ul.main {
  padding: 0;
  }
  
  header a.toggle#close,
  header:target a.toggle#open {
  display: none;
  }
  
  header a.toggle#open,
  header:target a.toggle#close {
  display: inline-block;
  }
    
  header nav ul.main > li {
  width: 50%;
  }
  
  header nav ul.main > li:nth-child(even) {
	padding: 0;
	}

  header nav ul.sub {
  padding: 4px 0 12px 0;
  }
  
  header nav ul.main li ul li {
  margin: 0;
  }
  
  header nav ul.main > li > a,
  header nav ul.main > li > span {
  display: inline-block;
  height: auto;
  padding: 0 0 4px 0;
  margin: 0;
  }
  
  header nav ul.sub li {
  margin: 4px 0 0 0;
  }
  
  main article {
  padding: 0 16px;
  }
  
  main article.artikel,
  main article.vortraege,
  main article.blog,
  main article.beitreten,
  main article.buecher {
  width: auto;
  margin: 0 16px;
  padding: 24px 0;
  }
  
  main article {
  padding: 0 16px;
  }
  
  main article.buecher,
  main article.artikel.id266 {
	padding: 32px 16px;
	}
  
  ul.themen li {
  width: 100%;
  }
  
  ul.themen div.platzhalter, 
  ul.themen img {
  max-width: 128px;
  }
  
  ul.themen li h4 {
  width: calc(100% - 128px);
  }

  iframe.vimeo {
  width: calc(100vw - 32px);
  height: calc((100vw - 32px) / 16 * 9);
  }
  
  article.beitreten form fieldset.typ, 
  article.beitreten form fieldset.daten {
  width: 100%;
  display: block;
  }
  
  article.beitreten form fieldset.daten {
  padding: 16px 0 0 0;
  }
  
  ul.buecher > li {
  width: 100%;
  }

	ul.buecher > li:nth-child(odd),
	ul.buecher > li:nth-child(even) {
	padding: 0 0 32px 0;
	}

  footer {
  padding: 16px 16px 10px 16px;
  }
  
  footer h3,
  footer ul.links {
  float: none;
  }

}


/* ############# Screens bis 440px ############# */
@media only screen and (max-width: 440px) {

	header nav ul.main > li {
	display: block;
  width: 100%;
  margin: 0;
  }

  ul.buecher,
  ul.buecher li {
  width: 100%;
  }
  
  .text ul.imgliste img {
	height: auto;
	max-width: 100%;
	margin: 0;
	}

}


/* ############# Screens bis 340px ############# */
@media only screen and (max-width: 340px) {
  
  header h1 a {
  padding-left: 0;
  }

}