﻿/*
Theme Name: INDES2016
Theme URI: 
Author: Dr. Robert Lorenz
Author URI: http://www.splendid-combination.de
Version: 2.0
*/

/*
CI-Farbe: #860524 rgb:134,5,36
Textfarbe:black;
Marginalie: #8A8888
Marginal-Fläche: #E4E3E3
Basischriftgroesse: 16px
CI-Abstufungen: #a54b49, #c16863
*/

/*============FORMAT============*/

* {
/*css-reset*/
  margin:0;
  padding:0;
}

*:focus {
  border:0;
  outline:.125em solid currentColor;
}

abbr {
  cursor:help;
}

[hidden] {
  display:none;
}

.clearfix {
  content:'.';
  display:block;
  height:0;
  line-height:0;
  clear:both;
  visibility:hidden;
}

.btn-shape {
  font-size:2em;/*32px*/
  font-family:'LigatureSymbols';
  color:#860524;
  cursor:pointer;
  background:transparent;
  border:0;
  outline:.125em solid transparent;
  transition:all .3s ease-in-out;
}
.btn-shape:focus {
  outline-color:#860524;
}

.btn-transform:hover,.btn-transform:active {
  transform:scale(1.2);
}

.close {
font-size:2em;/*32px*/
position:absolute;
top:.640em;
right:.500em;
color:#860524;
transition:all .3s ease-in-out;
cursor:pointer;
}

.close {
  background-color:rgba(255,255,255,.6);
  float:right;
  padding-left:.250em;
  margin-bottom:.250em;
}

.close:focus, .close:hover {
color:#DE0F41;
}

li {
list-style-type:none;
}

abbr,blockquote,cite,mark,q,small {
  font-size:inherit;
  font-style:inherit;
  font-weight:inherit;
  color:inherit;
}

b,strong {
  font-weight:normal;
}
.bold {
  font-weight:bold;
}

mark {
  color:inherit;
  background-color:inherit;
  font-weight:inherit;
}

q::before,q::after {
  content:'';  
}

table {
border:none;
}

td {
vertical-align:top;
transition:opacity .4s ease-in-out;
}

.uppercase {
  text-transform:uppercase;
}

@font-face {
    font-family:'LigatureSymbols';
    src: url('../../akten/LigatureSymbols-2.11.eot');
    src: url('../../akten/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
         url('../../akten/LigatureSymbols-2.11.woff') format('woff'),
         url('../../akten/LigatureSymbols-2.11.ttf') format('truetype'),
         url('../../akten/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
    src: url('../../akten/LigatureSymbols-2.11.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.lsf, .lsf-icon:before, .icon-print, .icon-pdf, .icon-order, .icon-website:before, .author-marg2:before, .autoren-prev:after, .autoren-next:after, .fader-txt:before, .fader-txt2:before, input[type='submit'],#autoren-showall:before,#autoren-hideall:before,.close,.search-sr:before {
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.lsf-icon::before {  
  content:attr(title);
  font-size:130%;
  margin-right:.3em;  
}

img {
font-family:'Roboto',sans-serif;/*fuer alt-darstellung*/
}

input[type='submit'] {
background-color:#fff;
border:none;
cursor:pointer;
width:1.750em;
}

.padding-big {
padding-right:4em;
padding-left:4em;
}

.paddingbottom-small {
padding-bottom:.500em;
}

.paddingbottom-normal {
padding-bottom:1em;
}

.paddingbottom-middle {
padding-bottom:2em;
}

.paddingbottom-middle2 {
padding-bottom:1.750em;/*28px*/
}

.paddingbottom-big {
padding-bottom:4em;
}

.paddingtop-small {
padding-top:.500em;
}

.paddingtop-normal {
padding-top:1em;
}

.paddingtop-middle {
padding-top:1.750em;/*28px*/
}

.paddingtop-big {
padding-top:4em;
}

.margin-big {
margin-right:4em;
margin-left:4em;
}

.marginbottom-small {
margin-bottom:.500em;
}

.marginbottom-normal {
margin-bottom:1em;
}

.marginbottom-big {
margin-bottom:4em;
}

.margintop-normal {
margin-top:1em;
}

.margintop-middle {
margin-top:2em;
}

.margintop-big {
margin-top:4em;
}

.marginbottom-middle {
margin-bottom:2em;
}

h1,h2,h3,h4,h5,h6,th,caption {
color:#860524;
font-family:'Oswald', sans-serif;
font-weight:normal;
/*text-transform:uppercase;*/
}

h1 {
font-size:2em;/*32px*/
line-height:1.25;
letter-spacing:.025em;
margin-bottom:1em;
}

h2 {
font-size:1.500em;/*24px*/
line-height:1.166666666666667;
}

h2.aside, #sidebar header h2, #sidebar h2 {
font-size:1.250em;/*20px*/
line-height:1.3;
}

caption {
caption-side:top;
text-align:left;
font-size:1.750em;/*28px*/
line-height:1.142857142857143;
letter-spacing:.0285714285714286em;
padding-bottom:.2857142857142857em;
padding-left:.3392857142857143em;/*gekoppelt an table border-spacing*/
}

th {
padding-bottom:.500em;
}

.brotschrift {
font:1em/1.375 'Rokkitt', serif;
color:#000;
-ms-hyphens:auto;
-moz-hyphens:auto;
-webkit-hyphens:auto;
-o-hyphens:auto;
hyphens:auto;
}

.marginalie {
font:.875em/1.214285714285714 'Rokkitt', serif;/*14px*/
color:#000;
-ms-hyphens:auto;
-moz-hyphens:auto;
-webkit-hyphens:auto;
-o-hyphens:auto;
hyphens:auto;
}

#button-scrolltop-link {
transition:all .4s ease-out;
position:fixed;
right:1em;
bottom:1em;
z-index:100;
}
#button-scrolltop-link.hide-soft {
  top:auto !important;
}

#button-scrolltop-link-a {
  display:block;
  border:.0625rem solid #fff;
  outline:.25em solid transparent;
}
#button-scrolltop-link-a:focus {  
  outline-color:#c16863;
  opacity:1;
}
#button-scrolltop-link-a:hover,#button-scrolltop-link-a:active {
  opacity:1;
  outline-color:#fff;
}

#button-scrolltop-link-a:focus div,#button-scrolltop-link-a:hover div,#button-scrolltop-link-a:active div {
opacity:1;
background-color:rgba(134,5,36,1);
}

#button-scrolltop {
font-family:LigatureSymbols;
font-size:1.375em;/*22px*/
width:1.727272727272727em;
color:#fff;
background-color:#fff;
padding:.3636363636363636em .1818181818181818em .3636363636363636em;
text-align:center;
text-shadow:.0454545454545455em .0454545454545455em .0454545454545455em #000;
background-color:rgba(134,5,36,.65);
transition:background-color .4s ease-in-out;
}

a.icon-link:link,a.icon-link:visited {
  color:#860524;
  transition:all .4s ease-in-out;
}

a.icon-link:hover,a.icon-link:focus,a.icon-link:active {
  color:#c16863;
}

.icon-order,.icon-pdf,.icon-print,.icon-website {
  display:inline;
  font:.875em/1.142857142857143 'Roboto',sans-serif;/*14px*/
}

.icon-order:before {
content:"\E046";
}

.icon-pdf:before {
content:"\E048";
}

.icon-print:before {
content:"\E10a";
}

.icon-order:before,.icon-pdf:before,.icon-print:before {
font-family: 'LigatureSymbols';
font-size:1.125em;/*18px*/
margin-right:.4444444444444444em;
border:none;
}

.icon-website, .icon-website:before {
text-decoration:none;
}

.mail {
color:#860524;
font-weight:bold;
}

.zitate {
color:#860524;
font-size:1em;
font-weight:bold;
}

.youtube {
width:12.500em;
height:7.0625em;
margin-bottom:.500em;
border:none;
}
.youtube:focus {
  outline:.25em solid #860524;
  outline-offset:.125em;
}
.youtube:hover > .play,.youtube:active > .play {
  transform:scale(1.2);
}


/*============LINKS============*/

#skiplink {  
  display:inline-block;
  background:#fff;
  padding:1em 1em 1.25em;
  border:0;  
  border-bottom-right-radius:.75em;
  border-bottom-left-radius:.75em;
  box-shadow:0 0 1em 0 #000;
  margin-left:-6.375rem;
  outline-offset:.25em;
  opacity:0;
  transform:translateY(-100vh);
  position:fixed;
  top:0;
  left:50%;
  z-index:2;
}
#skiplink > .link-underlined {
  display:inline-block;
}
#skiplink:focus {
  outline-color:#fff;
}
#skiplink:focus,#skiplink:hover,#skiplink:active {
  opacity:1;
  transform:translateY(0);
}
#skiplink:focus > .link-underlined::after,#skiplink:hover > .link-underlined::after,#skiplink:active > .link-underlined::after {
  border-bottom-color:#860524;
}
#skiplink:hover > .link-underlined,#skiplink:active > .link-underlined {
  transform:scale(1.1);
}

a:link, a:visited {
text-decoration:none;
text-decoration-line:none;
border-bottom-width:1px;
border-bottom-style:dotted;
color:#860524;
transition:all .4s ease-in-out;
}

a:focus, a:hover, a:active {
text-decoration:none;
text-decoration-line:none;
border-bottom-width:1px;
border-bottom-style:solid;
opacity:.60;
}

.link-underlined {
  border-bottom:.125em dotted #860524;
  position:relative;
}
.link-underlined::after {
  content:'';  
  color:#a54b49;
  width:100%;
  border-bottom:.25em solid transparent;
  transition:.4s all ease-out;
  position:absolute;
  bottom:-.25em;
  left:0;
}
.link-underlined:focus,.link-underlined:hover,.link-underlined:active {
  opacity:1;
  border-bottom-color:transparent;
}
.link-underlined:focus::after,.link-underlined:hover::after,.link-underlined:active::after {
  border-bottom-color:#860524;
}

.text-link:hover,.text-link:active {
  color:#fff;
  background:#860524;
}
.text-link:focus {
  
}

.link-txt {
display:inline;
transition:all .4s ease-in-out;
}

.link-txt:hover, .link-txt:focus, .link-txt:active {
color:#c16863;
}

a.linkwrap:link, a.linkwrap:visited {
transition:opacity .3s ease-out;
}

.link-tooltip {
  color:#a54b49;
  position:relative;
}
.link-tooltip::after {
  content:'Beitrag aufrufen';
  color:#a54b49;
  font-size:.85em;
  font-family:'Roboto',sans-serif;  
  background:#fff;
  padding:1em 4em .75em 0;
  width:8em;
  opacity:0;  
  transition:.4s ease-out;
  position:absolute;
  top:-1.25em;
  left:0;
}
.link-tooltip:focus {
  //outline:none;
}
.link-tooltip:focus::after,.link-tooltip:hover::after,.link-tooltip:active::after {
  opacity:1;
}

a.link-icon-mark::before {
  /*erzeugt icon links neben element*/
  content:'\e112';  
  font-family:'LigatureSymbols';
  transition:.4s ease-out;
  opacity:0;
  position:absolute;
  left:-1.25em;
  top:1.5em;
}
a.link-icon-mark:focus,a.link-icon-mark:hover,a.link-icon-mark:active,a.link-icon-mark:focus::before,a.link-icon-mark:hover::before,a.link-icon-mark:active::before {
  opacity:1;
}

a.link-border {
  /*erzeugt border-left*/
  display:block;  
  border:0;  
  padding-left:.5em;
  border-left:.35em solid transparent;
  margin-left:-.85em;
  transition:all .4s ease-out;
}
a.link-border:focus {
  opacity:1;
}
a.link-border:hover,a.link-border:active {
  border-left-color:currentColor;
  opacity:1;
}

.weiterlesen {
display:inline-block;
color:#860524;
font-weight:bold;
cursor:pointer;
border-bottom:.0769230769230769em dotted #860524;
}

a.weiterlesen:link,a.weiterlesen:visited {
cursor:pointer;
display:inline;
color:#860524;
font-weight:bold;
text-decoration:none;
border-bottom:.125em dotted currentColor;
transition:all .4s ease-in-out;
position:relative;
}
.weiterlesen::after {
  content:'';
  width:100%;
  border-bottom:.25em solid transparent;
  transition: all .4s ease-in-out;
  position:absolute;
  bottom:-.25em;
  left:0;
}

.weiterlesen:hover::after {
  border-bottom-color:currentColor;
}

a.weiterlesen:focus, a.weiterlesen:hover, a.weiterlesen:active {
border-bottom-color:transparent;
opacity:1;
}

#sidebar .weiterlesen {
padding-top:.5em;
}

.archiv-issue-linkwrap:link,.archiv-issue-linkwrap:visited {
  display:block;
  border:0;
  outline:.5em solid transparent;
  outline-offset:.25em;
}
.archiv-issue-linkwrap:focus {
  outline-color:#860524;
  opacity:1;
}
.archiv-issue-linkwrap:focus,.archiv-issue-linkwrap:hover,.archiv-issue-linkwrap:active {
  transform:scale(1.1);
}

.archiv-issue a:link, .archiv-issue a:visited img, .archiv-issue img, a.heft-pic, a.heft-pic img {
border:0;
transition:all .4s ease-in-out;
}

.archiv-issue a:hover img, .archiv-issue a:focus img, .archiv-issue a:active img {
transform:scale(1.05,1.05);
}

.archiv-issue figcaption a:link, .archiv-issue figcaption a:visited {
color:#860524;
border-bottom:1px dotted #860524;
transition:all .15s ease-in-out;
}

.archiv-issue-title {
  font-size:14px;
  font-size:.875rem;
  font-family:'Rokkitt',serif;  
  color:#000;  
}

.archiv-issue-subtitle {
  display:block;
  font-weight:bold;
}

.archiv-issue figcaption a:focus, .archiv-issue figcaption a:hover, 
.archiv-issue figcaption a:active {
font-weight:bold;
border-color:#860524;
border-style:none none solid none;
}

a.ueber-indes-reso-link:link, a.ueber-indes-reso-link:active {
border:none;
}

.pagelink a,.page-numbers {
margin-left:.350em;
}

.page-numbers {
  outline:.125em solid transparent;
  margin-bottom:1em;  
}
.page-numbers:not(.current):focus,.page-numbers:not(.current):active {
  background:#B6697C;
  outline-color:#860524;
  opacity:1;
}
.page-numbers:not(.current):hover {
  outline-color:#8A8888;
}

input.page-link,input.page-nav-active,.page-numbers {
  font-family:'Rokkitt',serif;
  color:inherit;
  background-color:initial;
  padding:.500em .8125em;
  width:auto;
}

.page-current,.page-nav-inactive,.prev,.current {
  display:inline-block;
  font-family:'Rokkitt',serif;
  color:inherit;
  background-color:initial;  
  width:auto;
}

.page-current,.current {
  color:#fff;
  background-color:rgba(134,5,36,1);
  padding:.625em 1em;
  margin-left:.250em;
}

.page-nav-inactive {
  color:#8A8888;  
}

.pagelink p a:link, .pagelink p a:visited,.page-button {
display:inline-block;
color:rgba(134,5,36,1);
border:.0625em dotted rgba(134,5,36,.45);
padding:.500em;/*Basis:16px;*/
margin-left:.250em;
transition:all .4s ease-in-out;
}

.page-button {
  padding:0;  
}

.pagelink a:hover,.pagelink a:focus,.pagelink a:active,.page-button:focus,.page-button:hover,.page-button:active {
color:#fff !important;
background-color:rgba(134,5,36,1);
opacity:1 !important;
}

.page-numbers:focus,.page-numbers:hover,.page-numbers:active {
  color:#fff;
  background-color:rgba(134,5,36,1);
  border-bottom-color:rgba(134,5,36,1);
}

.footer-link::after {
  content:'';  
  width:100%;
  border-bottom:.25em solid transparent;
  transition:all .4s ease-in-out;
  position:absolute;  
  bottom:-.25em;
  left:0;
}

.footer-link:link,.footer-link:visited {
display:inline-flex;
color:#fff;
font:.750em/1.272727272727273 'Roboto', sans-serif;/*12px*/
text-shadow:0 .0833333333333333em .0833333333333333em #000;
border-bottom:.0625em dotted currentColor;
outline:.25em solid transparent;
outline-offset:.25em;
transition:all .4s ease-in-out;
position:relative;
}

.footer-link:focus {
  outline-color:currentColor;
}
.footer-link:focus,.footer-link:hover,.footer-link:active {
border-bottom-color:transparent;
text-shadow:-1px 0 1px #000;
opacity:1;
}
.footer-link:hover::after,.footer-link:active::after {
  border-bottom-color:currentColor;
}

#print-logo {
display:none;
}

/*============404============*/

.error-main {
width:46.51162790697674%;
max-width:28.375em !important;
}

.error-cover {
width:auto;
height:auto;
max-width:25em;
}

/*============PAGINATION============*/

.pagination h2.screen-reader-text {
  visibility:hidden;  
}

/*============VIDEO============*/

.video-wrapper {
  position:relative;
  transition:all .4s ease-out;
}
.video-wrapper:focus {
  outline:none;
}

.video-noscript {
  margin-bottom:1.5rem;
}

.video-header {
  background:#fff;
  margin-bottom:.25em;
}

#sidebar  .youtube > .video-thumb {  
  display:block;
  height:auto;
  width:75%;
  margin:0 auto;
  float:none;
}

.video-wrapper-expand {
  background:#fff;
  height:50vw;
  width:50vw;
  max-width:90vmin;
  box-shadow:0 0 0 100vw rgba(0,0,0,.75);
  margin:0 auto;
  position:fixed;
  top:5%;
  right:0;
  left:0;
  z-index:1000;
}

.video-expand {  
  height:100%;
  width:100%;
  border:0;
}

.video-expand-transition {
  transition:all .4s ease-out;
  animation:video-transition 4s;
}

.video-close-btn  {
  color:#fff;
  background:#000;
  padding:.125em .25em;
  border:0;
  top:0;
  right:-1.18em;  
}
.video-close-btn:hover > .btn-icon,.video-close-btn:active > .btn-icon {
  display:block;
  transform:scale(1.3);
}

.video-iframe {
  max-width:100%;
}


/*============Basis============*/

body {
padding:2em;
background-color:#36CCCC;
background-size:cover;
background-repeat:no-repeat;
}

#pagewrapper {
width:53.625em;
max-width:53.625em;
position:relative;
background-color:#860524;
padding-bottom:18em;
border-radius:0 0 1.500em 1.500em;
box-shadow:.0625em .0625em .625em .125em;
margin:0 auto;
}

#head {
height:8.250em;
background-color:#860524;
margin-bottom:-0.125em;
padding-top:2em;
position:relative;
}

#contentwrapper {
width:auto;
min-height:15em;
position:relative;
background-color:#fff;
padding-bottom:8em;
overflow:hidden;
}

#main {
width:63.47469220246238%;/*Basis:731px*/
max-width:29em;
background-color:#fff;
float:left;
}

#main-alt {
max-width:45.625em;
background-color:#fff;
} /*fuer main ohne sidebar*/

#main-alt2 {
max-width:29em;
}/*fuer main mit sub-banner*/

#sidebar {
max-width:12.500em;
margin-left:4em;
float:left;
}

#footer {
position:absolute;
bottom:0;
z-index:100;
width:100%;
height:20.4375em;
box-sizing:border-box;
background-color:#860524;
border-radius:0 0 1.500em 1.500em;
box-shadow:0 -0.0625em .1250em 0 #000 inset;
}


/*============KOPF============*/

#pagetitle {
position:relative;
width:21.5625em;
height:auto;
padding-bottom:1.875em;
background-color:#860524;
float:left;
}

#pagetitle a:link, #pagetitle a:visited {
color:#860524;
text-decoration-color:#860524;
}

#pagetitle a:focus {
border:.0625em dotted #fff;
}

#pagetitle a:hover,#pagetitle a:focus,#pagetitle a:active {
opacity:1 !important;
border:none !important;
}

#title-logo {
width:100%;
height:auto;
max-width:100%;
}

#pagetitle-h {
  opacity:0;
  position:absolute;
  left:-60em;
  height:0;  
}

#nav {
background-color:#860524;
position:absolute;
bottom:1.625em;
right:0;
}

.nav-currentpage.navbutton:link,.nav-currentpage.navbutton:visited {
  cursor:default;
  border-bottom-style:solid;  
}
.nav-currentpage.navbutton:hover,.nav-currentpage.navbutton:active {
  border-bottom-color:currentColor;
}
.nav-currentpage.navbutton::after {
  display:none;
}

.nav-item {
  float:left;
  margin-right:2.4em;
}

.nav-item:last-child {
  margin-right:0; 
}

.navbutton:link,.navbutton:visited {
display:inline-block;
vertical-align:bottom;
color:#fff;
font:.8125em/1.076923076923077 'Roboto', sans-serif;/*13px*/
letter-spacing:.0307692307692308em;
text-shadow:.0769230769230769em .0769230769230769em .0769230769230769em #000;
text-decoration:none;
padding-top:.3782053846153846em;
padding-bottom:.125em;
border-bottom:.0625em dotted currentColor;
outline:.25em solid transparent;
outline-offset:.25em;
transition:all .4s ease-in-out;
position:relative;
}
.navbutton::after {
  content:'';
  width:100%;
  border-bottom:.25em solid transparent;
  transition:all .4s ease-in-out;
  position:absolute;  
  bottom:-.25em;
  left:0;
}

.navbutton:focus,.navbutton:hover,.navbutton:active {
text-shadow:-.0769230769230769em -.0769230769230769em .0769230769230769em #000;/*Basis:13px*/
border-bottom-color:transparent;
opacity:1;
}
.navbutton:focus {
  border-bottom-color:transparent;
  outline-color:currentColor;
}
.navbutton:hover::after,.navbutton:active::after {
  border-bottom-color:currentColor;
}

#nav-mobile-trigger,#nav-mobile-trigger-alt {
display:none;
color:#fff;
background-color:inherit;
font-size:1.500em;/*24px*/
font-weight:bold;
border:none;
outline:.125em solid transparent;
margin:.500em .750em .1666666666666667em .500em;
transition:all .4s ease-in-out;
cursor:pointer;
float:left;
}

#nav-mobile-trigger-alt {
  top:-0.250em !important;
  left:0;
}

#nav-mobile-trigger-alt-icon {
  transition:color .4s ease-in-out;
}

#nav-mobile-trigger-alt input#nav-mobile-trigger-alt-icon {
color:#fff !important;
font-size:1.166666666666667em;
font-weight:bold;
background-color:inherit;
}

#nav-mobile-trigger:focus {
  outline-color:#fff;
}

#nav-mobile-trigger:hover,#nav-mobile-trigger:active,#nav-mobile-trigger-alt input#nav-mobile-trigger-alt-icon:hover,#nav-mobile-trigger-alt input#nav-mobile-trigger-alt-icon:focus,#nav-mobile-trigger-alt input#nav-mobile-trigger-alt-icon:active {
color:#a54b49 !important;
}

#nav-mobile {
  background-color:#860524;
  padding:.750em 0 6em;
  border:.250em solid #fff;
  z-index:100;  
  transition:all .4s ease-in-out;
  will-change:transform;
  position:absolute;
  top:0;
  left:0;
}

#nav-mobile-list {
  position:relative;
}
#nav-mobile-list:focus {
  box-shadow:none;
  border:0;
  outline:0;
  transform:none;
}

#nav-mobile-list-item-close {
  cursor:pointer;
  color:#fff;
  background-color:transparent;
  font:bold 1.5em/1.076923076923077 'Roboto', sans-serif;/*24px*/  
  padding:.0833333333333333em;
  border:none;
  outline:.125em solid transparent;
  transition:all .4s ease-in-out;
  position:absolute;
  top:.125em;
  right:.35em;
}

#nav-mobile-list-item-close:before {
  font:1.5em/1.076923076923077 'LigatureSymbols';
  content:'\e10f';
  margin:0;
}
#nav-mobile-list-item-close:focus {
  outline-color:#fff;
}
#nav-mobile-list-item-close:hover,#nav-mobile-list-item-close:active {  
  opacity:.75;
  transform:rotate(90deg) scale(1.2);  
}

.nav-mobile-list-item:first-child {
  padding-top:2.125em;/*Platz für Button*/
}

.nav-mobile-list-item:first-child:hover,.nav-mobile-list-item:first-child:focus,.nav-mobile-list-item:first-child:active {
background-color:#860524 !important;
}

.nav-mobile-list-item-link:link,.nav-mobile-list-item-link:visited {
display:block;
font:1.125em/1.076923076923077 'Roboto', sans-serif;/*18px*/
color:#fff;
text-decoration:none;
padding:.6666666666666667em .6666666666666667em;
border:none;
transition:all .4s ease-in-out;
}
.nav-mobile-list-item:not(:first-of-type) > .nav-mobile-list-item-link {
  border-top:.0625em solid #fff;
}
.nav-mobile-list-item:not(:last-of-type) > .nav-mobile-list-item-link {
  border-bottom:.0625em solid #fff;
}

.nav-mobile-list-item-link:hover,.nav-mobile-list-item-link:focus,.nav-mobile-list-item-link:active {
border-color:#fff !important;
}

.nav-mobile-list-item-link:hover,.nav-mobile-list-item-link:focus,.nav-mobile-list-item-link:active {
cursor:pointer;
text-decoration:none;
color:#860524;
border-style:solid;
opacity:1;
}

.nav-mobile-list-item-link:hover,.nav-mobile-list-item-link:focus,.nav-mobile-list-item-link:active {
background-color:#fff !important;
border:none;
}

.nav-mobile-list-item-link-icon:before {
margin-right:.5187319884726972em;
}

#search-form {
display:inline-block;
background-color:#fff;
position:absolute;
top:1.2rem;
right:0;
max-width:100%;
}

#search-form > input[type='submit'] {
font-size:1em;
padding:.250em;
padding-bottom:.375em;
padding-left:.3076923076923077em;
border:none;
color:#A8A8A8;
}

#search,#search2 {
font:.8125em/1.076923076923077 'Roboto', sans-serif;/*13px*/
line-height:1.3;
letter-spacing:.0307692307692308em;
width:10.300em;
color:#000;
padding:1em .75em;
-webkit-padding:.3076923076923077em .4615384615384615em .0769230769230769em;
border:none;
float:left;
}

#search:focus,#search2:focus {
  font-weight:bold;  
}

#search-extension {
  width:20em;
  padding:1.5em 1.5em 6em;
  background-color:#fff;
  box-shadow:.0625em .375em .625em .0625em #000;
  position:absolute;
  top:3.9rem;
  right:0;
  z-index:10;
  transition:opacity .4s ease-out,transform .4s ease-out;
}

#search-extension-close {  
  background-color:inherit;
  outline:none;
  border:none;
  transition:.4s all ease-out;
}
#search-extension-close:focus {
  transform:scale(1.3);
  outline:.125em solid #860524;
}

#search-extension > h2 {
margin-bottom:.500em;/*Basis:24px*/
}

.search-extension-tag.search-extension-tag {
/*Basis:14px*/
display:block;
color:#fff;
-ms-hyphens:none;
-moz-hyphens:none;
-webkit-hyphens:none;
-o-hyphens:none;
hyphens:none;
background-color:#860524;
padding:.4285714285714286em .4285714285714286em .3571428571428571em .4285714285714286em;
border-bottom:none;
box-shadow:.0714285714285714em .0714285714285714em .1428571428571429em 0 rgba(0,0,0,.76);
margin-right:.5714285714285714em;
margin-bottom:.5714285714285714em;
transition:all .3s ease-in-out;
float:left;
}

.search-extension-tag:focus {
outline:.25em solid #860524;
transform:scale(1.2);
opacity:1;
}
.search-extension-tag:focus,.search-extension-tag:hover,.search-extension-tag:active {
background-color:#c16863;
}

.search-sr {
position:absolute;
bottom:2em;/*Basis:14px*/
background-color:#fff;
}

#search-extension .search-sr a:link,#search-extension .search-sr a:visited {
display:inline;
color:#000;
background-color:#fff !important;
padding:0;
box-shadow:none;
float:none;
border-bottom:.0714285714285714em dotted #860524;
outline:.5em solid transparent;
}
#search-extension .search-sr a:focus {
  border:0;
}
#search-extension .search-sr a:hover,.search-sr a:active {
  border-bottom:.0714285714285714em solid #a54b49;
  background-color:#fff !important;
  color:#a54b49;
}
#search-extension .search-sr a.text-link:focus {  
  outline-width:.35em;
  outline-color:#860524;
  outline-offset:.125em;
  opacity:1;
}
#search-extension .search-sr a.text-link:hover,#search-extension  .search-sr a.text-link:active {
  color:#fff;
  background:#860524 !important;
  outline-color:#860524;
  opacity:1;
}

.search-sr:before {
content:'\E028';
font-size:1.500em;
margin-right:.300em;
}

.search-content p {
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

.search-img-alt {
width:6.250em;
height:3.750em;
box-shadow:none !important;
}

#search-sidebar {
float:right;
max-width:12.500em;
padding:2em;
padding-right:.750em;
background-color:#a54b49;
margin-top:.250em;
}

#search-sidebar #search {
border:none !important;
}

#search-submit {
  color:#a54b49;
  font-size:1.5em;/*24px*/
  line-height:1.2;
  padding:.25em 0;
  outline:.25em solid transparent;
  transition:all .4s ease-out;  
}
#search-submit:focus {
  color:#860524;
  border:0;
  outline-color:currentColor;
}
#search-submit:hover,#search-submit:active {
  color:#fff;
  background:#860524;
  border:0;
}

.search-label {
  left:-200vw;
  position:absolute;
  opacity:0;  
}

#search-btn {
  cursor:pointer;  
  font-family:'LigatureSymbols';
  font-size:130%;
  line-height:1.3;
  color:rgb(138,136,136);
  background-color:#fff;  
  padding-left:.35em;
  border:4px solid #fff;
  outline:none;
  transition:color .4s ease-in-out,background .4s ease-in-out;
}

#search-btn:hover,#search-btn:active {
  color:#fff;
  background-color:#860524;
  border-color:#fff;
}

#search-btn:focus {
  color:#860524;
  border-color:currentColor;
}

.search2 {
  line-height:1.3;
  display:inline-block;
  border:1px solid lightgrey;
  margin-bottom:1em;
  float:right;
}

.search-label {
  position:absolute;
  opacity:0;
}

.search-input {
  padding-left:.250rem;
  border:0;
  margin-right:.500em;
}

#search-list {
  margin-top:3em;  
}

.search-li {
  margin-top:1.75em !important;
  margin-bottom:0 !important;  
}

.search-weiter {
  display:inline;  
}

.search-heft-cover {
  width:15% !important;  
}

.search-wrapper .search-heft-cover.tag-cover {
  top:0;
}

/*============MAIN============*/

#banner {
  height:auto;
  width:45.625em;
  margin-top:.375em;
}
#banner-link-wrap:focus,#banner-link-wrap:hover,#banner-link-wrap:active {
  opacity:.75;
}
#banner-img {
  transition:all .4s ease-out;
}

#banner a:link, #banner a:visited, #banner a:hover, #banner a:focus, #banner a:active {
border:none !important;
}
#banner:focus #banner-img,#banner:hover #banner-img,#banner:active #banner-img {
  transform:scale(1.2);
}

.postwrapper {
  width:100%;
  border-bottom:.125rem dashed #c16863;
  margin-top:-.25em;
  transition:all .4s ease-in-out;
}
.postwrapper > img {
  max-width:100%;
}

a.post-linkwrap:link h2, a.post-linkwrap:visited h2, a.post-linkwrap:link h3, a.post-linkwrap:visited h3  {
  opacity:1;
  transition:all .4s ease-in-out;
}

a.post-linkwrap-full:link,a.post-linkwrap-full:visited {
  display:block;
  background:#fff;
  border:none !important;  
  position:relative;
  outline:.5em solid transparent;
}
a.post-linkwrap-full:focus {
  opacity:1;
  border:0;
  outline-color:#860524;
}
.post-linkwrap-full:focus .weiterlesen,.post-linkwrap-full:hover .weiterlesen,.post-linkwrap-full:active .weiterlesen {
  border-bottom-style:solid;
}
.index  > #main .post-linkwrap-full:focus,.index  > #main .post-linkwrap-full:hover,.index  > #main .post-linkwrap-full:active {  
  box-shadow:.25em .5em .5em grey;
  opacity:1;
  z-index:2;
}

.post-title {
  display:block;
  margin-bottom:.1666666666666667em;
}

.post-subtitle {
  display:block;
  font-size:16px;
  font-size:1rem;/*16px*/
  line-height:1.25;
  max-width:21.25em;
}

.post-content-wrap {
  min-height:8.5rem;
}

.post-author {
  color:#8A8888;
  border-color:#8A8888;
  transition:all .4s ease-in-out;
}

.post-img {
  width:8.125em;
  margin-right:1em;
  float:left;
}

.post-img img {
  height:auto;
  max-width:100%
}

.post-sign {
  color:#fff;
  background-color:#860524;
  font:.750em/1.076923076923077 'Roboto', sans-serif;/*12px*/
  max-width:15.08333333333333em;
  padding:.750em 1.166666666666667em .8333333333333333em 1em;
  margin-bottom:.6666666666666667em;
}


/*============SIDEBAR============*/

#sidebar article:not(.video-wrapper-expand) {
  padding-bottom:2em;
  border-bottom:.25em solid #860524;
  margin-bottom:2em;
}

#sidebar article:last-child {
  border:none;
}

#sidebar header p {
  font-size:.875em;/*14px*/
  line-height:1;
}

#sidebar article img {
  width:6.25em;
  height:auto;
  max-width:100%;
  margin-right:.5em;
  float:left;
}

#sidebar .sidebar-img-big {
  display:block;
  width:100%;
  height:auto;
  margin:0;
}

.sidebar-pricing {
  background-color:#E4E3E3;
  padding:1em;
}

table.sidebar-pricing {
  width:100%;
  background-color:#E4E3E3;
  padding:0 1em;
}

.pricing-txt {
  font:.875em/1.285714285714286 'Rokkitt', serif;/*14px*/
  color:#000;
  -ms-hyphens:auto;
  -moz-hyphens:auto;
  -webkit-hyphens:auto;
  -o-hyphens:auto;
  hyphens:auto;
  text-align:left;
}

.sidebar-pricing table {
  width:100%;
}

td.pricing-txt {
  text-align:right;
}

.sidebar-pricing-marg {
  background-color:#E4E3E3;
}

.sidebar-pricing-marg p {
  font-size:.75em;/*12px*/
  line-height:1.166666666666667;
  padding-top:.5em;
  border-top:.0833333333333333em dotted #860524;
}


/*============FOOTER============*/

.footer-link-wrapper {
float:left;
margin-right:2.3125em;
}

.footer-link-item {
  margin-bottom:.750em;  
}

#footer-logos {
position:absolute;
right:0;
bottom:0;
}

.footer-logos-link:link,.footer-logos-link:visited {
border-bottom:.25em solid transparent;
transition:all .4s ease-in-out;
}

.footer-logos-link:hover,.footer-logos-link:focus,.footer-logos-link:active {
text-decoration:none;
border-bottom-color:#fff;
}

#logo-vr {
position:absolute;
right:14.33333333333333em;/*Basis:12px*/
bottom:3.65em;
}


/*============REDAKTION============*/

.redaktion-section {
  display:flex;
  flex-wrap:wrap;
}

.redaktion-person {
width:8.750em;
padding-right:3.250em;
padding-bottom:1.5em;
display:inline-block;
vertical-align:top;
margin-bottom:4em;
position:relative;
}

.redaktion-person-surrogat {
display:inline-block;
vertical-align:top;
width:8.750em;
height:15.375em;
padding-bottom:4em;
}

.redaktion-person:nth-child(4n+0) {
padding-right:0;
}

.redaktion-person-h {
font-weight:bold;
font-size:.9375em;/*15px*/
line-height:1.5;
padding-bottom:.2666666666666667em;
}

.redaktion-person-status {
display:block;
font-weight:normal;
margin-bottom:.250em;
}

.redaktion-person-img {
width:8.750em;/*140px*/
max-width:100%;
height:8.750em;
margin-bottom:.250em;
}

.redaktion-person-img-surrogat {
width:8.750em;
height:8.750em;
margin-bottom:.625em;
}

.redaktion-txt {
font:.875em/1.142857142857143 'Rokkitt', serif;/*14px*/
-ms-hyphens:auto;
-moz-hyphens:auto;
-webkit-hyphens:auto;
-o-hyphens:auto;
hyphens:auto;
}

.redaktion-link {
display:inline;
font:.750em/1.333333333333333 'Roboto',sans-serif;/*12px*/
position:absolute;
bottom:0;
}

.redaktion-kontakt {
width:9.500em;
position:absolute;
top:7.142857142857143em;
right:4.571428571428571em;
background-color:#E4E3E3;
padding:2.28571em 2.28571em 4.600em;
}

.redaktion-kontakt h2 {
font-size:1.500em;/*24px*/
padding-bottom:.6666666666666667em;
}

.redaktion-h2 {
font-size:2em;/*32px*/
line-height:1.25;
letter-spacing:.025em;
margin-bottom:1em;
flex-basis:100%;
}

.redaktion-kontakt-abs {
  margin-bottom:.450em;  
}

/*============AUTHOR============*/

.author-name {
color:#860524;
font:2em 'Oswald', sans-serif;
letter-spacing:.400em;
margin-bottom:.400em;
}

.author-img {
width:35%;
height:auto;
margin:0 1em 0 0;
float:left;
}

.author-img img {
max-width:100%;
height:auto;
}

.author-txt {
margin-top:-0.250em;
}

.author-marg, .author-marg2 {
font:.750em 'Oswald', sans-serif;/*12px*/
}

a.icon-website:focus, a.author-marg:hover {
color:#c16863;
border-bottom:1px solid #c16863;
}

.icon-website:before, .author-marg2:before {
font-size:1.250em;/*20px*/
}

.icon-website:before {
content:"\E072  "
}

.author-marg2:before {
content:"\E08a  "
}

.author header h1 {
margin-bottom:.500em;
}

.author-rubrik {
font-size:1.250em;/*20px*/
font-weight:bold;
padding-top:2.900em;
margin-bottom:1.800em;
}

.author-list {
width:auto;
margin-bottom:14.250em;
}

.author-entry {
position:relative;
list-style-type:none;
min-height:12.500em;
margin-bottom:3.500em;
}

a.author-entry-link {
  display:block;
  border:0;
}
a.author-entry-link:focus {
  border:0;
}

.author-entry-p {
color:#8A8888;
}

.author-oa {
margin-top:.3333333333333333em;
}

.author-header h3 {
font-size:1em;
line-height:1.5;/*24px*/
font-weight:bold;
letter-spacing:.025em;
margin-bottom:0;
}

.author-header p.post-subtitle {
font:1em/1.250 'Oswald', sans-serif;
margin-bottom:.500em;
}

.author-abstract-wrapper {
position:relative;
float:left;
width:85.3%;
margin-top:.500em;
margin-bottom:.750em;
}

.author-abstract-wrapper .weiterlesen::after {
  display:none;
}

.heft-post .author-abstract-wrapper {
margin-left:4.250em;
}

.author-keywords {
color:#8A8888;
font:.8125em/1.230769230769231 'Oswald', sans-serif;/*13px*/
padding:.6153846153846154em 0;
margin-top:1rem;
float:left;
}

a.author-cover {
  border:0;
  position:absolute;
  top:1.375em;
  right:-16.500em;
}
.author-cover:focus {
  opacity:1;
}
.author-cover:hover,.author-cover:active {
  transform:scale(1.2);
  opacity:1;  
}

.author-cover-img {
width:auto;
height:12.500em;
box-shadow:.125em .250em .250em 0 rgba(0,0,0,.65);
border:none;
transition:all .4s ease-in-out;
}

#author-aside {
margin-top:1em;
}


/*============ARCHIV============*/

.archiv-jahr-wrapper {
clear:both;
}

.archiv-jahr-wrapper:first-of-type {
margin-top:3.375em;
}

.archiv-jahr-wrapper:last-child {
margin-bottom:4em;
}

.archiv-jahr {
font-size:1.750em;/*28px*/
line-height:1.142857142857143;
letter-spacing:.0285714285714286em;
padding-bottom:.5714285714285714em;
}

.archiv-issue-wrapper {
display:inline-block;
vertical-align:top;
margin-right:2.750em;
margin-bottom:2.750em;
max-width:9.0625em;
}

.archiv-jahr-wrapper .archiv-issue-wrapper:last-child {
margin-right:0 !important;
}

.archiv-issue {
font:.875em/1.428571428571429 'Rokkitt', serif;/*14px*/
width:10.35714285714286em;
position:relative;
}

.archiv-issue span {
display:block;
font-weight:bold;
opacity:.8;
line-height:1.142857142857143;/*Basis:14px*/
}

.archiv-issue-wrapper p {
font:.875em/1.428571428571429 'Rokkitt', serif;/*14px*/
}

.archiv-issue figcaption {
margin-left:.1428571428571429em;/*Basis:14px*/
}

.archiv-issue img {
/*Basis:14px*/
width:100%;
max-width:100%;
height:auto;
box-shadow:.0714285714285714em .2857142857142857em .5714285714285714em .0714285714285714em #A9A9A9, .1428571428571429em .1428571428571429em .2857142857142857em .0714285714285714em #000;
margin-bottom:.2857142857142857em;
overflow:hidden;
z-index:1;
}

#archiv-nav {
display:none;
}

#archiv-nav-list {
  transition:.4s all ease-out;
}


/*============AUTOREN============*/

#main-alt.autoren-main {
  overflow:visible;  
}

.autoren-btn {
  outline:none;
  border:0;
  width:11em;
}

#autoren-charlist {
  color:#000;
  font:1.25em/1.2 'Rokkitt',serif;/*20px*/
}

#autoren-charlist a {
padding:0 .11em;/*Basis:20px*/
transition:all .2s ease-in-out;
}

#autoren-charlist a:hover, #autoren-charlist a:focus {
color:#fff;
background-color:#c16863;
}

#autoren-charlist a:first-child {
padding-left:0;
}

#autoren-charlist .autoren-charlist-shortlinks:link,#autoren-charlist .autoren-charlist-shortlinks:visited {
  outline:.125em solid transparent;
}
#autoren-charlist .autoren-charlist-shortlinks:focus {
  color:#860524;
  background:transparent;
  outline-color:currentColor;
  opacity:1;
}

#autoren-showall,#autoren-hideall {
  display:inline-block;
  color:#860524;
  /*border-bottom:0.0769230769230769em dotted #860524;*/
  background-color:rgba(134,5,36,.3);
  padding:.35em .7142857142857143em .4285714285714286em;
  border-radius:.5714285714285714em;/*Basis:14px*/
  margin-top:.8em;
  transition:all .4s ease-in-out;
  position:relative;
  top:2.714285714285714em;
  z-index:2;
  float:right;
}

#autoren-showall:hover, #autoren-showall:focus,#autoren-hideall:hover,#autoren-hideall:focus {
cursor:pointer;
opacity:.45;
/*border-bottom-style:solid;*/
}

#autoren-showall:before,#autoren-hideall:before {
  font-size:2em;
  content:'\E05c';
  border:none !important;
  float:left;
}

#autoren-showall span,#autoren-hideall span {
  display:block;
  margin:.75em 0 0 2em;
}

#carousel {
  width:75em;
  min-height:40em;
  position:relative;
}
.carousel-hidden {
  height:31.25em;
}
.carousel-shown {
  height:auto !important;
}

.autoren-char-wrapper {
width:21.5625em;
max-width:21.5625em;
min-height:13.500em;
position:absolute;
top:0;
left:56.250em;
background-color:#E4E3E3;
padding:2.250em 2.625em 4em;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkitbox-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
}

.autoren-char-wrapper:first-of-type {
display:block;
left:0;
margin-right:56.25em;
float:left;
}

.autoren-char-wrapper ul li  {
font:1em/1.375 'Rokkitt', serif;
color:#000;
}

.autoren-char-wrapper ul li {
margin-bottom:.250em;
}

.autoren-char-wrapper-show {
  display:block;  
  padding-right:1.75em;
  padding-left:1.75em;
  position:static;
  left:auto;
}
.autoren-char-wrapper-hidden {
  display:block;
  padding-right:2.625em;
  padding-left:2.625em;  
  position:absolute;
}

.autoren-char {
font:bold 1.500em/1 'Rokkitt', serif;/*24px*/
color:#000;
margin-bottom:1em;
}

.autoren-nav {
  border:0;
  outline:.25em solid transparent;
  outline-offset:.125em;
}
.autoren-nav:focus {  
  outline-color:#c16863;
}

.autoren-prev,.autoren-next {
text-align:center;
font:1.250em/1 'Roboto', sans-serif;/*24px*/
width:2.916666666666667em;
padding:.3333333333333333em 0;
color:#fff;
background-color:#FF2055;
border-radius:20%;
cursor:pointer;
top:5em;
text-shadow:.0833333333333333em .0833333333333333em .0416666666666667em #000;
box-shadow:0 0 .0666666666666667em 0 #000;
transition:background-color .4s ease-in-out;
}

.autoren-prev:focus, .autoren-prev:hover, .autoren-prev:active, .autoren-next:focus, .autoren-next:hover, .autoren-next:active {
background-color:#860524;
}

.autoren-prev {
position:absolute;
left:-1.833333333333333em;/*Basis:24px*/
}

.autoren-next {
position:absolute;
right:-1.833333333333333em;/*Basis:24px*/
}

.autoren-prev:after,.autoren-next:after {
display:block;
color:#fff;
text-shadow:.0833333333333333em .0416666666666667em .0416666666666667em #000;/*Basis:24px*/
}

.autoren-prev:after {
content:"\E080";
}

.autoren-next:after {
content:"\E112";
}

.autoren-skip-letter-btn {
background:#fff;
cursor:pointer;
padding:.25em;
border:0;
outline:.25em solid red;
box-shadow:.125em .125em .3em .15em #000;
opacity:0;
transform:scale(0);
margin-bottom:1em;
position:absolute;
top:4.5em;
}
.autoren-skip-letter-btn:focus {
  opacity:1;
  transform:scale(1);
}

/*============HEFT============*/
.heft-embed {
width:100%;
}

.heft-sidebar {
width:12.500em;
}

.heft-icon {
text-align:right;
}

.heft-links {
display:none;
margin-bottom:2em;
}

.heft-content {
float:left;
width:29em;
font-family:'rokkitt' !important;
}

#heft-title {
font-size:1.750em;/*28px*/
margin-bottom:1em;
}

.heft-pic img,.heft-pic p {
width:3.750em;
height:auto;
margin-right:.500em;
margin-bottom:.500em;
}

.heft-pic-surro {
/*platzhalter für posts ohne bild*/
width:3.750em;
height:3.750em;
visibility:hidden;
}

.heft-rubrik {
color:#fff;
background-color:rgba(134,5,36,.75);
font:.875em/1.142857142857143 'Oswald', sans-serif;/*14px*/
padding:.8571428571428571em .7142857142857143em .7142857142857143em;
letter-spacing:.0714285714285714em;
text-transform:uppercase;
text-shadow:.0714285714285714em .0714285714285714em .0714285714285714em #000;
box-shadow:.0714285714285714em .1428571428571429em .2857142857142857em 0 #000;
}

.heft-editorial {
margin-left:4.250em;
}

.heft-editorial p {
line-height:1.25;
}

.heft-post {
position:relative;
overflow:hidden;
padding-bottom:1em;
margin-bottom:1.500em;
}

.heft-post:focus,.heft-post:hover,.heft-post:active {
  .heft-abstract {
    will-change:height;    
  }
  .fader-txt,.fader-txt2 {
    will-change:outline-color;
  }  
}

.heft-post-header {
  display:flex;
  flex-wrap:wrap;
  max-width:22.375em;
}

.heft-post-linkwrap:link,.heft-post-linkwrap:active {  
  border:0;
  flex-basis:100%;
}

.heft-post-imgwrapper {
width:14.66%;
float:left;
}

.heft-abstract {
color:#000 !important;
font-size:1em;
overflow:hidden;
transition:all 1.2s ease-in-out;
}

.heft-abstract-restrict-height {
  max-height:4em;
}

.heft-beitrag-title {
font-size:1.1875em;/*19px*/
line-height:1.210526315789474;
letter-spacing:.0315789473684211em;
}

.heft-subtitle {
display:block;
font-size:.8947368421052632em;/*17px*/
line-height:1.352941176470588;
}

.heft-autor-wrapper {
/*padding-right:6.250em;Platz nach rechts für Freitext-Vermerk*/
margin-bottom:.250em;
overflow:hidden;
}

.heft-autor {
color:#8A8888;
font:.875em/1.285714285714286 'rokkitt', sans-serif;/*14px*/
-ms-hyphens:auto;
-moz-hyphens:auto;
-webkit-hyphens:auto;
-o-hyphens:auto;
hyphens:auto;
transition:all .4s ease-in-out;
float:left;
}

.heft-autor:link,.heft-autor:visited {
color:#8A8888;
font:.875em/1.285714285714286 'rokkitt', sans-serif;/*14px*/
-ms-hyphens:auto;
-moz-hyphens:auto;
-webkit-hyphens:auto;
-o-hyphens:auto;
hyphens:auto;
transition:all .4s ease-in-out;
float:left;
}

.heft-impressum-wrap {
width:14.66%;
float:left;
}

.heft-impressum-abstract {
position:relative;
width:85.3%;
margin-top:.500em;
float:left;
}

.heft-beitrag-content {
  max-width:22.375em;
  margin-top:.75rem;
  float:left;
}

.fader {
position:absolute;
width:100%;
height:2.125em;
bottom:0;
background:linear-gradient(to bottom, rgba(240,249,255,.5) 0%,rgba(255,255,255,.74) 72%,rgba(255,255,255,1) 100%);
box-shadow:0 -0.8125em .125em 0 rgba(255,255,255,.4);
transition:all .4s ease-out;
}

.fader-txt::before {
color:#860524;
background-color:transparent;
opacity:.75;
transition:color .4s ease-in-out;
margin-right:.500em;
}

.fader-txt.fader-btn-ein::before {
  content:"\E03e";
}

.fader-txt.fader-btn-aus::before {
  content:"\E135";
}

.fader-btn-ein {
  transform:translateY(.5em);
}

.fader-btn-aus {
  transform:translateY(1em);
}

.fader-txt,.fader-txt2  {
color:#860524;
background-color:transparent;
font:.750em 'Oswald', sans-serif;/*12px*/
border:0;
outline:.250em solid transparent;
transition:all .4s ease-in-out;
z-index:1;
}

.fader-txt {
position:absolute;
bottom:-1.166666666666667em;/*Basis:12px*/
}

.fader-txt2 {
display:none;
position:absolute;
bottom:-1.166666666666667em;/*Basis:12px*/
}

.fader-txt2::before {
content:"\E135";
color:#860524;
opacity:.75;
transition:color .4s ease-in-out;
margin-right:.500em;
}

.fader-txt:focus, .fader-txt:focus:before, .fader-txt:hover, .fader-txt:hover:before, .fader-txt2:focus, .fader-txt2:focus:before, .fader-txt2:hover, .fader-txt2:hover:before {
cursor:pointer;
color:#fff;
}

.fader-txt:focus {
  color:#000;
  outline-color:#860524;
}
.fader-txt:focus::before {
  color:inherit;
}
.fader-txt:hover,.fader-txt2:focus,.fader-txt2:hover {
color:#fff;
background-color:#860524;
outline-color:#860524;
}

#sidebar .heft-sidebar-art:first-child {
border:none;
padding-bottom:0;
margin-bottom:2.25rem;
width:100%;
}

.fader-fadeout {
  max-height:100em;/*utopischer wert fuer transition*/
}

/*============OPEN-ACCESS-ARTIKEL============*/

#oa-head {
width:29em;
background-color:#fff;
float:left;
}

#oa-head h1 {
margin-bottom:0;
}

#oa-subtitle {
display:block;
font-size:.625em;/*20px*/
line-height:1.3;
padding-top:.600em;
}

.oa-author,.oa-author a:link,.oa-author a:visited {
color:#8A8888 !important;
}

#oa-head .oa-author {
display:block;
}

#oa-head .linkwrap {
-ms-hyphens:none;
-moz-hyphens:none;
-webkit-hyphens:none;
-o-hyphens:none;
hyphens:none;
}

#sidebar.oa-sidebar .weiterlesen {
padding-top:0;
}

.oa-autoren-spacer {
height:1em;
}

#oa-links {
margin-left:4em;
float:left;
color:#860524;
}

#oa-wrapper {
clear:both;
overflow:hidden;
}

#oa-txt h3,#oa-txt h2 {
font-size:1.250em;/*20px*/
line-height:1.315789473684211;
margin-bottom:.4210526315789474em;
}

#oa-txt p {
font-size:1.125em;/*18px*/
line-height:1.333333333333333;
margin-bottom:1em;/*angelehnt an line-height brotschrift, Basis:16px*/
}

.oa-quest {
color:#860524;
font-style:italic;
margin-bottom:.6875em !important;/*Basis:16px*/
}

.oa-fn {
font-size:.875em;/*14px*/
margin-bottom:1em;
}
h3.oa-fn {
  margin-top:3em;  
}

.oa-fn, .oa-fn p a:link, .oa-fn a:link {
color:#8A8888 !important;
}

.oa-fn p {
font-size:1em !important;/*14px*/
margin-bottom:.500em !important;
}

#oa-txt p.marginalie, #oa-txt p.marginalie a:link, #oa-txt p.marginalie a:visited {
color:#8A8888;
}

.oa-menu a {
color:#860524;
font-weight:bold;
margin-right:.75em;
}

.oa-impressum {
font-size:.875em !important;/*14px*/
font-style:italic;
}

#sidebar article img.oa-autor {
width:100%;
margin:0;
margin-bottom:.500em;
}

.oa-sign {
/*Freitext-Vermerk*/
color:#fff;
background-color:#860524;
font:.750em/1 'Roboto', sans-serif;/*12px*/
padding:.7500em;
width:5.916666666666667em;
position:absolute;
right:0;
}
.oa-sign + h2 {
  /*platzreserve*/
  max-width:18.15em;
}

/*============ILLUSTRATOREN============*/

#illu-h1 {
  margin-bottom:1.875em;
}

.illu-list {
max-width:21.875em;
}

.illu-list li {
clear:both;
overflow:hidden;
margin-bottom:2em;
}

.illu-autor {
font-size:1.125em;/*18px*/
}

#illu-aside {
margin-top:1em;
}

.illu-pic {
float:left;
width:7.500em;
height:7.500em;
margin-right:1em;
}

#illu-beitraege {
  font-weight:bold;  
}

/*============ILLUSTRATOR============*/

a.illu-cover:link, a.illu-cover:visited {
border:none;
margin-bottom:2em;
transition:all .4s ease-in-out;
}

a.illu-cover:focus, a.illu-cover:hover, a.illu-cover:active {
opacity:.45;
border:none;
}

.illu-img {
width:auto;
height:auto;
max-width:100%;
margin-bottom:2em;
}

#illu-sidebar {
position:relative;
text-align:right;
margin-top:7.875em;
}

.illu-cover img {
box-shadow:.125em .250em .250em 0 rgba(0,0,0,.65);
}

.illu-marg {
margin-bottom:1em;
}


/*============SCHWERPUNKTE============*/

.schwerpunkte-header {
margin-bottom:.500em;
}

#schwerpunkte-banner {
-ms-filter:blur(3px);
-moz-filter:blur(3px);
-webkit-filter:blur(3px);
-o-filter:blur(3px);
filter:blur(3px);
}

.schwerpunkte-art {
float:left;
}


/*============TAGS============*/

h1.tag {
width:auto;
max-width:21.500em;
font-size:1.375em;/*22px*/
line-height:1.142857142857143;
color:#fff;
text-shadow:.0357142857142857em .0357142857142857em .0357142857142857em #000;
background-color:#860524;
padding:.5em .6em .6em;
box-shadow:.0714285714285714em .0357142857142857em .1428571428571429em rgba(0,0,0,.5);
margin-top:.1428571428571429em;
}

.tag-wrapper {
position:relative;
max-width:31.25em;
margin-top:2.5em;
}

.tag-wrapper-coverfix {
  min-height:10em;/*wegen Cover-Darstellung*/ 
}

.tag-wrapper > a.linkwrap {
  display:block;  
  outline:.25em solid transparent;
  overflow:hidden;
  transition:all .4s ease-out;
}
.tag-wrapper > a.linkwrap:focus {
  opacity:1;
  outline-color:#860524;
}
.tag-wrapper > a.linkwrap:hover,.tag-wrapper > a.linkwrap:active {
  box-shadow:.25em .5em .5em grey;
  opacity:1;
}
a.linkwrap:focus  .weiterlesen,a.linkwrap:hover  .weiterlesen,a.linkwrap:active  .weiterlesen {
  border-bottom-style:solid;
}

.tag-art {
display:inline-block;
vertical-align:top;
width:57%;
max-width:18.125em;
overflow:hidden;
margin-bottom:2em;
}

.tag-autor {
/*Basis:14px-->.marginalie*/
margin-top:-0.1428571428571429em;
color:#8A8888;
}

h2.tag-title {
font-size:1em;
line-height:1.5;
font-weight:bold;
letter-spacing:.0375em;
margin-bottom:0;
}

h2.tag-title + .brotschrift  {
  margin-top:.250em;  
}

.tag-subtitle {
font:1em/1.250 'Oswald', sans-serif;
margin-bottom:.500em;
}

.tag-marg {
  display:block;
  margin-bottom:.5em;
}
.tag-marg::before {
  content:'\e112';
  font-family:'LigatureSymbols';
  margin-right:.5em;
}

.tag-img,.search-img,.search-img-alt {
  display:inline-block;
  vertical-align:top;
  box-shadow:.0625em .0625em .125em .0625em rgba(0,0,0,.29);
  margin-right:1em;
  margin-bottom:.75em;
}

a.tag-cover:link,a.tag-cover:visited {
  width:20%;
  max-width:100%;
  height:auto;
  border:none;
  outline:.25em solid transparent;
  position:absolute;
  top:2.75rem;
  right:.250rem;
}
a.tag-cover:focus {
  outline-color:#fff;
  box-shadow:0 0 0 100vw rgba(0,0,0,.45);
  z-index:2;
}
a.tag-cover:focus,a.tag-cover:hover,a.tag-cover:active {
  opacity:1;
  transform:scale(1.3);
}

.tag-cover img {
width:100%;
height:auto;
box-shadow:.0625em .125em .125em .0625em rgba(0, 0, 0,.75);
}

.tag-list-wrapper {
-ms-column-count:3;
-moz-column-count:3;
-webkit-column-count:3;
-o-column-count:3;
column-count:3;
-ms-column-rule:.125em dotted #c16863;
-moz-column-rule:.125em dotted #c16863;
-webkit-column-rule:.125em dotted #c16863;
-o-column-rule:.125em dotted #c16863;
column-rule:.125em dotted #c16863;
-ms-column-gap:7.750em;
-moz-column-gap:7.750em;
-webkit-column-gap:7.750em;
-o-column-gap:7.750em;
column-gap:7.750em;
margin-bottom:2em;
}

.tag-list {
margin-bottom:.500em;
}

.tag-archive-list {
  margin-bottom:2em;
}

 .tag-img-surrogat-archive {
  width:3.750em;
  height:3.750em;
  box-shadow:none;
}


/*============UEBER-INDES============*/

#banner-small {
width:auto;
overflow:hidden;
}

#banner-small img {
width:100%;
height:auto;
}

.absatz p {
margin-bottom:.6875em;
}

#ueber-indes-sidebar {
max-width:12.500em;
margin-left:4em;
float:left;
}

#ueber-indes-sidebar h2 {
margin-bottom:.6666666666666667em;/*Basis:24px*/
}

#ueber-indes-sidebar article {
margin-bottom:2em;
}

.ueber-indes-reso {
width:45%;
float:left;
display:inline-block;
margin-right:40px;
}

.ueber-indes-reso-txt {
position:relative;
padding:2em;
}

.ueber-indes-reso-txt:before {
position:absolute;
top:0;
left:0;
content:"\201e";
color:rgba(134,5,36,.75);
font-weight:bold;
font-size:4em;
display:inline-block;
}

.ueber-indes-reso-txt:after {
position:absolute;
bottom:0;
right:0;
content:"\201c";
color:rgba(134,5,36,.75);
font-weight:bold;
font-size:4em;
display:inline-block;
}

.ueber-indes-reso-quelle {
color:#8A8888;
margin-bottom:.250em;
}

.ueber-indes-reso-logos {
width:auto;
height:1.500em;
}

.ueber-indes-reso-logos-surrogat {
  height:1.500em;
  visibility:hidden;  
}

/*============KONTAKT============*/

a.kontakt-logo:link, a.kontakt-logo:visited {
border:none !important;
transition:opacity .4s ease-in-out;
}

a.kontakt-logo:hover, a.kontakt-logo:focus, a.kontakt-logo:active {
opacity:.7;
}

.kontakt-logo img {
margin-top:16px;/*Basis:14px*/
}

/*============IMPRESSUM-DATENSCHUTZ============*/

#impressum {
max-width:29em;
background-color:#fff;
}

#impressum-h1 {
margin-bottom:.500em;
}

.impressum-h2 {
font-size:1.250em;/*20px*/
margin-top:1.600em;
margin-bottom:.400em;
}

#impressum p {
margin-bottom:.5714285714285714em;/*Basis:14px*/
}

#impressum-iframe {  
  height:16.66666666666667em;
  max-width:34em;
  border:0;
}


/*===BREAKPOINT 1024px===*/
@media only screen and (max-width:64em) {

#hund {
display:none !important;
}


}/*===ENDE BP 1024px/64em===*/

/*===BREAKPOINT 930px===*/
@media only screen and (min-width:58.125em) {

body {
background-image:url('../../akten/bilder/bg-indes.jpg');
background-attachment:fixed;
}


}/*===ENDE BP 930px/58.125em===*/


/*===BREAKPOINT 930px===*/
@media only screen and (max-width:58.125em) {

body {
padding:0;
background-image:none;
background-color:#860524;
}

#pagewrapper {
width:100%;
max-width:100%;
margin:0;
box-shadow:none;
border-radius:0;
}

#head {
max-width:none;
margin:0 2em;
}

#contentwrapper {
padding-right:1em;
padding-left:2em;
}

#autoren-charlist {
font-size:1.375em;/*22px*/
}

#autoren-charlist a {
display:inline-block;
margin-bottom:.2727272727272727em;
}

h1.tag {
font-size:1.250em;/*20px*/
max-width:24em;
}

aside#search-sidebar {
  padding-right:.75em;
}

.tag-list-wrapper {
  -ms-column-gap:4.500em;
  -moz-column-gap:4.500em;
  -webkit-column-gap:4.500em;
  -o-column-gap:4.500em;
  column-gap:4.500em;
}

.tag-list {
  width:10.625em;
}

#footer {
  width:100%;
  border-radius:0;
}

.footer-masterwrap {
  width:56%;
}


}/*===ENDE BP 930px/58.125em===*/



/*===BREAKPOINT 800px===*/

@media only screen and (max-width:50em) {

#pagewrapper {
padding-bottom:0;/*gekoppelt an footer*/
}

#head {
height:7.250em;
/*max-width:40em;*/
margin-left:2em;
}

#head-responser {
  position:relative;
  max-width:100%;
}

#pagetitle {
  min-height:6.25em;
  max-width:18.75em;
  padding:0;
}

#head form {
  top:2em;
}

#search-extension {
  top:4.7rem;
}

#nav {
  display:table;
  background-color:#860524;
  border-spacing:.0625em;
  position:absolute;
  right:0;
  bottom:.625em;
}

#nav ul {
  display:table-row;
}

#contentwrapper {
  padding-left:2em;
}

#banner {
width:39.625em;
}

#banner img {
  max-width:100%;
  width:100%;
  height:auto;
}

#main {
  width:auto;
  float:none;
}

.post-linkwrap-full:last-of-type .postwrapper:last-of-type {
  border:0;
}

#sidebar {
display:flex;
flex-wrap:wrap;
width:100%;
max-width:43em;
clear:both;
float:none;
padding-top:3em;
border-top:1em solid #860524;
margin-left:0;
overflow:hidden;
}

#sidebar article:not(.video-wrapper-expand) {
max-width:12.500em;
min-width:12.500em;
width:20%;
display:inline-block;
vertical-align:top;
margin-right:2em;
float:left;
}

.archiv-jahr-wrapper {
width:100%;
margin-top:1em;
}

.archiv-issue-wrapper {
margin-right:4%;
margin-bottom:2em;
}

.autoren-prev, .autoren-next {
width:3em;
}

.autoren-prev {
left:-1.500em;
}

.autoren-next {
right:-1.500em;
}

.heft-sidebar {
text-align:left;
}

.heft-icon {
text-align:left;
}

.heft-links {
display:block;
}

#illu-sidebar {
margin-top:1.500em;
text-align:left;
}

.illu-cover {
left:0;
}

#oa-head {
float:none;
}

#oa-head h1 {
font-size:2.250em;/*36px*/
}

#oa-head h2 {
font-size:1.500em;/*24px*/
line-height:1.416666666666667;
}

#oa-wrapper #main, #oa-head {
width:auto;
max-width:32em;
}

.oa-author {
font-size:1.125em;/*18px*/
line-height:1.444444444444444;
}

#oa-txt {
font-size:1.125em;/*18px*/
line-height:1.444444444444444;
}

#oa-links {
float:none;
clear:both;
margin: 1em 1em 1.500em 0;
}

.oa-sidebar article {
height:auto !important;
border:none !important;
margin-top:2em;
}

#search-sidebar {
display:none;
}

.search-main {
width:auto !important;
}

.search2 {
display:block;
}

.search-search2 {
border-width:.6153846153846154em !important;/*Basis:13px*/
border-color:#A54B49 !important;
}

#search-submit {
color:#860524;
background-color:#fff;
}

.search-main p.marginalie {
clear:both;
}

aside #search-sidebar {
padding-right:.750em;
}

#footer {
height:29em;
position:static;
padding-right:2em;
padding-left:2em;
box-shadow:none;
}

.footer-masterwrap {
width:auto;
}

#footer-logos {
height:12.500em;
position:relative;
padding:0;
margin-top:2em;
overflow:hidden;
}

.footer-logos-link {
position:relative;
bottom:0;
display:table-cell;
text-decoration:none;
border:none;
float:left;
}

.footer-logos-img {
padding:0;
margin-right:1.333333333333333em;/*Basis:12px*/
margin-bottom:1.333333333333333em;
}

#logo-vr {
position:relative;
top:5.125em;/*Basis:12px*/
right:0;
bottom:0;
padding-left:.500em;
}


}/*===ENDE BP 800px/50em===*/

/*===BREAKPOINT 790px===*/
@media only screen and (min-width:49.375em) {

#head > #search-form {
  top:2.2rem;
}
#search-extension {
  top:4.9rem;
}

}/*===ENDE BP 790px/49.375em===*/

/*===BREAKPOINT 790px===*/
@media only screen and (max-width:49.375em) {

.author-cover {
display:none;
}

.author-oa {
  position:static;
  margin:.25em 0;
}

.illu-pics {
width:auto !important;
}

.redaktion-person:nth-child(4n+1) {
padding-right:3.250em;
}

.redaktion-person:nth-child(4n+0) {
padding-right:0;
}

.redaktion-person:nth-child(4n) {
padding-right:3.250em;
}

.search-img,.search-img-alt,.search-cover {
width:15%;
min-width:3.250em;
}

.tag-wrapper {
margin-bottom:4em;
}

.tag-art {
width:66%;
}

.tag-img,.search-img {
max-width:100%;
height:auto;
}

.tag-cover {
width:15%;
height:auto;
}

}/*===ENDE BP 790px/49.375em===*/

/*===BREAKPOINT 756px===*/

@media only screen and (max-width:47.205em) {

.tag-list-wrapper {
-ms-column-count:2;
-moz-column-count:2;
-webkit-column-count:2;
-o-column-count:2;
column-count:2;
-moz-column-gap:normal;
-ms-column-rule:none;
-moz-column-rule:none;
-webkit-column-rule:none;
-o-column-rule:none;
column-rule:none;
}


}/*===ENDE BP 756px/47.250em===*/


/*===BREAKPOINT 720px===*/
@media only screen and (max-width:45em) {

#head {
height:auto;
padding-bottom:2em;
}

#head-responser {
width:19.600em;
}

#pagetitle {
max-width:19.375em;
margin-bottom:.250em;
}

#nav {
position:static;
clear:both;
}

.nav-item {
margin-right:2.3em;
margin-bottom:.2857142857142857em;
}

#banner {
width:90%;
max-width:29em;
}

.redaktion-kontakt {
width:24.14285714285714em;/*Basis:14px*/
box-sizing:border-box;
position:static;
margin-bottom:4em;
}

.redaktion-person:nth-child(4n) {
padding-right:3.250em;
}

.tag-wrapper {
width:83.33333333333333%;
}

.tag-img {
width:14.28571428571429%;
}

.tag-art {
width:59.06976744186047%;
}

.tag-cover {
width:23.80952380952381%;
}

}/*===ENDE BP 720px/45em===*/

/*===BREAKPOINT 704px===*/
@media only screen and (min-width:44em) {
  #head-responser {
    overflow:hidden;
  }
}/*===ENDE BP 704px/44em===*/  

/*===BREAKPOINT 600px===*/

@media only screen and (max-width:37.500em) {

.author-entry {
margin-bottom:2em;
}

#autoren-charlist {
line-height:2;
}

#autoren-charlist a {
padding:0 .250em;
}

#autoren-charlist a:first-child {
padding-left:0;
}

#autoren-showall,#autoren-hideall {
float:none;
position:static;
margin-bottom:1.500em;
}

#carousel {
width:90%;
}

.autoren-char-wrapper {
padding:1.500em 2.250em 4em;
}

.autoren-char-wrapper ul li {
margin-bottom:.750em;/*Basis:16px*/
}

.error-main {
margin-bottom:4em;
}

.error-cover {
width:100%;
}

.heft-content {
padding-top:0;
}

#illu-sidebar {
padding:0 0 6em;
}

#oa-wrapper {
padding-top:0;
}

.redaktion-person {
padding-right:5%;
}

.redaktion-person:nth-child(4n) {
padding-right:5%;
}

.search-wrapper {
border-bottom:.0769230769230769em dotted #860524;
}

.search-wrapper:last-child {
border:none;
}

.search-art {
width:55%;
}

.tag-list {
margin-bottom:1em;
}

.footer-link:link {
font-size:.875em;/*14px*/
}

.video-wrapper-expand {
  width:90vw;  
}

}/*===ENDE BP 600px/38.500em===*/


/*===BREAKPOINT 560px===*/

@media only screen and (max-width:35.000em) {

#search-form#search-form {
position:relative;
top:.750em;
margin-left:.125em;
}

#search {
  width:12.300em;
}
#search:focus {
  outline:none;
}

#search-extension {
  top:13.7rem;
  right:auto;
  left:.125rem;
}

#contentwrapper {
padding:0;
}

#banner, #banner-small {
width:100%;
max-width:none;
border-top:.250em solid #fff;
margin:0;
}


#banner-small {
margin:1.125em 0 1.500em;
}

#main, #main-alt, #main-alt2, #impressum {
padding:2em;
}

#sidebar {
padding:3em 2em 0;
}

#sidebar article:not(.video-wrapper-expand) {
width:42.5531914893617%;
min-width:10em;
margin-right:1.750em;
}

.archiv-jahr-wrapper {
width:94%;
}

.archiv-jahr {
color:#fff;
background-color:#c16863;
text-shadow:0 .0357142857142857em .0357142857142857em rgba(0,0,0,.83);/*Basis:28px*/
padding:.3928571428571429em .4285714285714286em .3571428571428571em ;
margin-bottom:2rem;
}

#archiv-nav {
display:block;
position:fixed;
top:42%;
right:0;
}

#archiv-nav .close {
position:static;
text-align:right;
font-size:1.750em;/*28px*/
padding-right:.1428571428571429em;
color:#c16863;
border:none;
transition:all .4s ease-in-out;
}

#archiv-nav .close:hover, #archiv-nav .close:focus {
color:rgba(134,5,36,1);
}

.archiv-nav-button {
  margin-bottom:1.400em;  
}

.archiv-nav-button-link:link, .archiv-nav-button-link:visited {
color:#fff;
background-color:#c16863;
font:.875em/1.142857142857143 'Roboto', sans-serif;/*14px*/
text-decoration:none;
border-bottom:none;
border-radius:.5714285714285714em 0 0 .5714285714285714em;
padding:.5714285714285714em;
box-shadow:.0714285714285714em .0714285714285714em .1428571428571429em 0 #000;
margin-bottom:.8571428571428571em;
transition:all .4s ease-in-out;
}

.archiv-nav-button-link:focus, .archiv-nav-button-link:hover, .archiv-nav-button-link:active {
color:#fff;
background-color:rgb(134,5,36);
border:none;
opacity:1;
}

.error-main h1 {
font-size:1.500em;
}

.heft-embed,.heft-content {
width:auto;
margin:2em;
}

.heft-pic img,.heft-pic p {
width:3em;
}

.heft-post-imgwrapper {
width:auto;
}

.heft-post .author-abstract-wrapper {
margin-left:3.500em;
}

.illu-pics {
width:auto;
}

.illu-pics h2 {
padding-left:2em;
}

.illu-pics img {
width:100%;
}

#illu-sidebar {
padding-left:2em;
}

#impressum {
padding-bottom:4em;
}

#oa-head {
width:auto;
margin:2em;
}

#oa-links {
margin-top:1em;
margin-left:2em;
}

#oa-head h2 {
-ms-hyphens:auto;
-moz-hyphens:auto;
-webkit-hyphens:auto;
-o-hyphens:auto;
hyphens:auto;
}

.oa-sidebar {
margin-bottom:4em;
}

.oa-sidebar article {
margin-top:0;
}

.redaktion-person:nth-child(3n) {
padding-right:5%;
}

.schwerpunkte-art:last-of-type {
margin-bottom:4em;
}

#search,#search2 {
margin-left:.250em;
}

.search-main p.marginalie {
margin-left:.1428571428571429em;/*Basis:14px*/
}

.search-art {
width:55% !important;
}

.schwerpunkte-header {
padding:1em 1em .250em;
max-width:13.4375em;
}

.tag-wrapper {
margin-top:1.500em;
margin-bottom:5em;
}

.tag-img {
display:none;
}

.tag-art {
width:75%;
}


}/*===ENDE BP 560px/35em===*/


/*===BREAKPOINT 520px===*/
@media only screen and (max-width:32.500em) {

.archiv-issue-wrapper:nth-of-type(even) {
margin-right:0;
}

.archiv-issue figcaption {
font-size:1.142857142857143em;/*16px(Basis:14px)*/
}

.archiv-issue-wrapper {  
  margin-bottom:3rem;
}

.archiv-issue-wrapper p {
font-size:1em;
margin-top:.625em;
}

.archiv-issue-wrapper .archiv-linkbutton:link,.archiv-issue-wrapper .archiv-linkbutton:visited {
  display:block;
  padding:.250em;
  border:.0625em dotted #860524;
  outline:.25em solid transparent;
}
.archiv-issue-wrapper .archiv-linkbutton:focus {
  border:0;
  outline-color:#860524;
  opacity:1;
}
.archiv-issue-wrapper .archiv-linkbutton:hover,.archiv-issue-wrapper .archiv-linkbutton:active {
  color:#fff;
  background-color:#860524;
  opacity:1;
}

.author-header h3 {
line-height:1.272727272727273;/*Basis:22px*/
}

.author-abstract-wrapper {
margin-bottom:2em;
}

.heft-header {
  margin-left:2rem;
}

.heft-autor,.heft-autor:link, .author-header p {
font-size:1em;
}

.heft-post {
margin-bottom:2em;
}

.heft-beitrag-title,.author-header h3 {
font-size:1.375em;
}

.heft-subtitle,.author-header p.post-subtitle {
font-size:1.1875em;
}

.heft-abstract {
font-size:1em;
}

.heft-post .author-abstract-wrapper {
margin-bottom:2em;
margin-left:0;
}

.heft-pic,.heft-post-imgwrapper {
display:none;
}

.fader-txt,.fader-txt2{
color:#fff;
background-color:#A4445B;
padding:.3333333333333333em;/*Basis:12px*/
padding-right:.6666666666666667em;
bottom:-2.166666666666667em;
}

.fader-txt:before,.fader-txt2:before  {
  color:inherit;  
}

.fader-txt:focus,.fader-txt2:focus,.fader-txt:hover,.fader-txt2:hover {
color:#fff;
background-color:#860524;
}

.post-linkwrap-full .oa-sign {
  margin-bottom:.5em;
  position:static;  
} 

#oa-txt {
font-size:1em;
}

.oa-menu a {
display:block;
float:left;
margin-bottom:1em;
}

.oa-menu a:link,.oa-menu a:visited {
border:.0555555555555556em dotted rgba(134,5,36,.45);
padding:.500em;
transition:all .4s ease-in-out;
}

.oa-menu a:hover,.oa-menu a:focus,.oa-menu a:active {
color:#fff !important;
background-color:rgba(134,5,36,1);
opacity:1 !important;
}

.post-teaser {
  margin-left:0;  
}

.redaktion-kontakt {
width:21.42857142857143em;/*Basis:14px*/
}

.search-img-alt {
display:none;
}

.footer-logos-link {
  display:inline-block;
  margin-bottom:1.5rem;
  float:none;  
}
.footer-logos-link:first-child {
  margin-right:2rem;
}

.footer-logos-img {
  width:auto;
  max-width:10em;
  margin:0;
}

#logo-vr {
position:static;
padding:0;
margin-top:1em;
}


}/*===ENDE BP 520px/32.500em===*/


/*===BREAKPOINT 450px===*/
@media only screen and (max-width:28.125em) {

.oa-sidebar {
padding-right:1em !important;
padding-left:1em !important;
}

#sidebar {
  display:block;  
}

.tag-list-wrapper {
-ms-column-count:1;
-moz-column-count:1;
-webkit-column-count:1;
-o-column-count:1;
column-count:1;
}

.tag-list {
width:auto;
margin-bottom:1.750em;
}

.tag-wrapper {
  max-width:none;
  width:auto;
}

.search2 {
  display:inline-block;
  float:none;
}

.tag-list a:link,.tag-list a:visited {
padding:.375em;/*Basis:16px*/
border:.0625em dotted currentColor;
border-left:.375em solid currentColor;
}

.tag-list a:hover,.tag-list a:focus,.tag-list a:active {
color:#fff;
background-color:#c16863;
border-style:solid;
border-color:rgb(134,5,36);
}

a.tag-cover:link,a.tag-cover:visited {  
  width:3.250em !important;
  top:0;
}

.navigation {
  margin-bottom:3em;
}

#footer {
padding-right:1em !important;
padding-left:1em !important;
}

#footer-logos-link {
float:left;
width:45%;
}

.footer-logos-img {
height:auto;
}


}/*===ENDE BP 450px/28.125em===*/


/*===BREAKPOINT 420px===*/
@media only screen and (max-width:26.25em) {

#head {
  padding-top:1em;
  margin-left:1em;
}

.nav-item {
  margin-right:.6071428571428571em;
}

.navbutton:link,.navbutton:visited,.navbutton:hover,.navbutton:focus,.navbutton:active {
border:none;
padding:0;
}

.navbutton:link,.navbutton:visited {
color:#fff;
font-size:.875em;/*14px*/
padding:.5714285714285714em;
border:.0714285714285714em solid #a54b49;
}

.navbutton:hover,.navbutton:focus,.navbutton:active {
color:#fff;
border-color:#c16863 !important;
background-color:#c16863;
}

.navbutton {
display:none !important;
}

#nav-mobile-trigger,#nav-mobile-trigger-alt {
  display:block;
}

#search-form#search-form {
background-color:#fff;
top:.375em;
width:10.500em;
}

#search {
  line-height:1.3;
  max-width:75%;
}

#search-btn {
  font-size:120%;
  position:absolute;
  right:0;
}

#main,#main-alt,#main-alt2,#impressum {
padding:1em;
}

#pagetitle {
width:75%;
min-height:4.6875em;
}

#title-logo {
margin-left:.250em;/*Ausgleich für navbuttons u. suchfeld*/
}

#search-extension {
width:95%;
top:9.45em;
}

#main-alt2 {
padding-right:0;
padding-left:0;
}

#sidebar {
max-width:none;
margin:0 auto;
}

#sidebar article:not(.video-wrapper-expand) {
width:12.500em;
height:auto;
margin:0 auto;
margin-bottom:2em;
}

#footer {
height:auto;
}

#footer-logos {
height:15.625em;
}

.footer-logos-link {
display:inline-block;
border:none;
padding-bottom:1.333333333333333em;/*Basis:12px*/
text-decoration:none;
}

.footer-logos-img {
display:block;
}

.author-img {
width:50%;
}

#carousel {
width:90%;
}

.autoren-char-wrapper {
width:90%;
}

.autoren-char-wrapper ul li {
font-size:1.125em;/*18px*/
margin-bottom:.3333333333333333em;
}

.autoren-prev, .autoren-next {
font-size:1em;
width:2.625em;
top:4.700em;
}

.autoren-prev {
left:-1em;
}

.autoren-next {
right:-1em;
}

.heft-embed, .heft-content {
margin:1em;
}

.heft-post .author-abstract-wrapper {
margin-left:0;
}

.heft-post-header {
padding-left:0;
}

.heft-sidebar {
padding:1em !important;
}

.heft-sidebar-art:first-child {
margin-bottom:2em !important;
}

.illu-pics h2 {
padding-left:1em;
}

#illu-sidebar {
margin-top:0;
padding:0 1em 6em;
}

#impressum {
padding-bottom:4em;
}

#oa-head, #oa-links {
margin:1em;
}

.oa-sidebar {
margin-bottom:2em !important;
}

.oa-sidebar article {
padding-bottom:0 !important;
margin-right:1em !important;
}

.redaktion-person:nth-child(2n),.redaktion-person:nth-child(4n+1) {
padding-right:1em;
}

.schwerpunkte-header {
padding-right:.500em;
padding-left:.500em;
}/*ausgleich banner-small*/

.schwerpunkte-art {
padding-right:1em;
padding-left:1em;
}/*ausgleich banner-small*/

#ueber-indes-sidebar, #ueber-indes-reso-wrapper {
width:90%;
overflow:hidden;
margin-left:1em;
}

#ueber-indes-sidebar {
max-width:14.125em;
margin-bottom:4em;
}

.ueber-indes-reso, #ueber-indes-sidebar article {
width:90%;
padding:.750em;
background-color:#E4E3E3;
margin-bottom:1em;
}

#ueber-indes-reso-wrapper {
margin-bottom:2em;
}


}/*===ENDE BP 420px/26.250em===*/

/*===BREAKPOINT 400px===*/

@media only screen and (max-width:25em) {

#footer-logos-link {
  float:none;
}

}/*===ENDE BP 400px/25em===*/


/*===BREAKPOINT 320px===*/

@media only screen and (max-width:20em) {

#head {
width:auto;
max-width:100%;
padding-top:1em;
margin-left:1em;
}

#head #search {
margin-left:0;
}

#pagetitle {
width:100%;
}

#title-logo {
margin-left:0;/*Ausgleich für navbuttons u. suchfeld*/
}

#nav ul, #nav ul li {
display:block;
}

#nav {
border-spacing:0;
margin-left:0;
}

#nav ul li {
border:none !important;
float:left;
}

.nav-item {
 margin-right:.2857142857142857em; 
}

.navbutton:link {
font-size:.875em;
padding:.3571428571428571em;/*Basis:14px*/
}

#search-extension {
top:10.250em;
left:0;
}

.brotschrift {
font-size:.875em;/*14px*/
line-height:1.285714285714286;
}

.post-title {
font-size:1.250em;/*20px*/
font-size:10vw;
line-height:1.1;
margin-bottom:.500em;
}

.post-subtitle {
font-size:.875em;/*14px*/
font-size:7vw;
line-height:1.1;
}

.post-img {
width:30%;
}

#archiv-nav {
top:25%;
}

#oa-links p a {
font-size:.750em;/*12px*/
line-height:1.333333333333333;
}

.footer-link-item {
  margin-bottom:1em;  
}


}/*===ENDE BP 320px/20em===*/



/*============HUND============*/

#author-illu01 {
width:6.875em;
height:auto;
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
position:absolute;
top:6em;
right:31.250em;
z-index:-1;
transition:transform .7s ease-in-out;
}

.author-illu-txt {
min-height:3.055555555555556em;
position:absolute;
right:-3em;
top:0;
font:1.125em 'Oswald', sans-serif;
padding:1.666666666666667em;
border:1px solid #000;
border-radius:100%;
transform:rotate(-15deg);
background-color:#EADDDD;
display:none;
box-shadow:-1px 1px 4px 1px #000;
z-index:98;
}

.author-illu-txt-bubble {
width:0;
height:0;
border-style:solid;
border-width:50px 12.5px 0 12.5px;
border-color:#EADDDD transparent transparent transparent;
-ms-transform:rotate(-15deg);
-moz-transform:rotate(-15deg);
-webkit-transform:rotate(-15deg);
-o-transform:rotate(-15deg);
transform:rotate(-15deg);
position:absolute;
top:81px;
right:-8px;
display:none;
z-index:100;
}

.author-illu-txt2 {
min-height:3.055555555555556em;
position:absolute;
top:12.88888888888889em;
left:-3.333333333333333em;
font:1.125em 'Oswald', sans-serif;
padding:1.666666666666667em;
border:1px solid #000;
border-radius:100%;
-ms-transform:rotate(-15deg);
-moz-transform:rotate(-15deg);
-webkit-transform:rotate(-15deg);
-o-transform:rotate(-15deg);
transform:rotate(-15deg);
background-color:#EADDDD;
display:none;
width:8.444444444444444em;
box-shadow:1px 1px 4px 1px #000;
z-index:100;
}

}

/*============ANIMATIONEN============*/

.ani-fade-out {
  animation:fade-out .2s;
}

@keyframes video-transition {
  from { transform:scale(1); }
  to       { transform:scale(0); }
}

@keyframes fade-out {  
  0%   { transform:scale(1); }
  50%    { transform:scale(0); }
  100%  { transform:scale(1); }
}

/*============ULTILITY============*/
.show-hard {
  display:block;
}
.show-soft {
  opacity:1;
}

.hide-hard {
  display:none;
}
.hide-soft {  
  opacity:0;
  position:absolute;
  top:-100vw !important;
}

.translate-hide {
  opacity:0;
  transform:translateX(-200%);
}
.translate-show {
  opacity:1;
  transform:translateX(0);
}

.transition-all {
  transition:all .4s ease-out;
}

/*ENDE:ultility============*/