/* main */
/* 
==============================
Reset und Basics
==============================
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}
html {
  font: normal 16px "Open Sans", "Arial", sans-serif;
  height: 100%;
  line-height: 1;
  color: #333;
}
body {
  font-family: "Open Sans", "Arial", sans-serif;
  -webkit-font-smoothing: antialiased;
  /* -webkit-font-feature-settings: "liga" 0; */
  /*  font-feature-settings: "liga" 0; */
  /*  -webkit-font-variant-ligatures: no-common-ligatures; */
  background-color: rgb(255,255,255);
  min-height: 100%;
  -webkit-text-size-adjust:none;
  color: #333;
}

ol, ul {
  /* list-style: none */
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
q, blockquote {
  quotes: none;
}
q:before, q:after, 
blockquote:before, blockquote:after {
  content: "";
  content: none;
}

b, strong {
  font-weight: 700;
}
i, em  { 
  font-style: italic;
}


* {
  box-sizing: border-box;
}



article, figure, img {
  box-sizing: content-box;
}




a {
  outline: none;
  color: inherit;
  text-decoration: none;
}
a:hover {
  color: inherit;
  font-weight: inherit;
}
a:active, a.active {
  outline: none;
  color: inherit;
  font-weight: inherit;
}

a.red {
  color: #009C86;
}

a img {
  border: none;
}


a.back-link {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  line-height: 25px;
  font-weight: 600;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 20px;
  padding-bottom: 5px;

  position: relative;
  text-indent: 25px;

}

a.back-link:before {
  content:url('/design/icons/backlink.png') ; 

  position: absolute; left: -38px; top: 0px;}


.block_extlink p a {
  text-decoration: underline;
}


p {

  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  margin-bottom: 10px;
}





ul, ol, dl {
  text-decoration: none;
  list-style-type: none;
  list-style-position: outside;
  font-family: inherit
}

img {
  width: auto;
  height: auto;
  max-width: 100%;
}


/* 
==============================
Schriften
==============================
*/



input, textarea, keygen, select, button {
  font-family: "Open Sans", sans-serif !important;
  font-weight: 300 !important;
}



h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  margin-bottom: 10px;
}
h1 { font-family: "Times New Roman"; font-size: 25px; }
h2 { font-family: "Times New Roman", Georgia, serif;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  text-decoration: none; }


h3 { font-size: 20px;}
h4 { font-size: 18px;}
h5 { font-size: 16px; }
h6 { font-size: 14px; }


h1 a, h2 a, h3 a, h4 a, h5 a {
  color: inherit;
  text-decoration: inherit;
}



.dachzeile {
  font-size: 10px; text-transform: uppercase; color: #009C86;
}

.aufmacher {
  font-family: "Times New Roman", serif; font-size: 14px;
}

.unterzeile {
  font-size: 11px;
}

.smalltext {font-size: 12px; }




/* 
==============================
Werbung
==============================
*/
.anzeige {
  position: relative;

}
.anzeige:before {
  /* content: 'Anzeige'; */
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  position: absolute;
  right: 20px;
  top: 0px;
}


.contentanzeige {
  position: relative;

  margin-bottom: 10px;
  padding: 0px 20px !important;
  overflow: visible !important;

}

.contentanzeige:not(.rectangle) {
  margin-top: 65px;
  margin-bottom: 50px;
}

.contentanzeige:after {
  content: 'Anzeige';
  font-family: "Open Sans", sans-serif;
  font-size: 12px;

  float: right;

}

.contentanzeige.default {
  border-top: 1px solid #ddd !important;
  border-bottom: 1px solid #ddd !important;
  margin: 20px 0px;
  padding: 40px 20px 40px 20px !important;
}


#superbanner {
  position: relative;
  top: 0px;
  right: 0px;
  margin: 0 auto;
  width: 980px;
  overflow: hidden;

}

#skyscraper_left {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 300px;
  overflow: hidden;
}

#skyscraper_right {
  position: absolute;
  left: 1130px;
  top: 0px;
  width: auto;
  overflow: hidden;
}

#skyscraper_right_bottom {
  position: absolute;
  left: 1130px;
  top: 1500px;
  width: auto;
  overflow: hidden;
}

#naviad {
  background-color: #dddddd;
}


/* platzhalter für ausgabe werbung mobil */

#topwerbplatzhalter {

  display: none;
}

@media screen and (max-width: 985px) {
  #topwerbplatzhalter {
    height: 80px;
    display: block;
  }

}

/* 
==============================
Login
==============================
*/


.loginimage {
  display: none;
}

#ajax-login-box,
#ajax-logout-box {
  position: absolute;
  right: 20px;
  top: 50px;
  background: #ffffff;
  border: 1px solid #dddddd;
  padding: 10px 10px 0px 20px !important;
  z-index: 1002;
  width: 250px;
  border-right: 1px solid rgb(248,247,247);
  border-bottom: 2px solid rgb(248,247,247);
  border-left: 1px solid rgb(248,247,247);

  box-shadow: 1px 0 2px rgb(248,247,247);

}


#ajax-logout-box .inner {
  font-size: 14px;
  line-height: 25px;
  padding-right: 10px;
  padding-top: 10px;
}

#ajax-login-box footer,
#ajax-logout-box footer {
  position: relative;
  width: 100%;
  padding-top: 10px;
  margin-top: 10px;
  bottom: 0;
  border-top: 1px solid #e6e6e6;
  text-align: right;
  margin-bottom: 0px;

}

#ajax-login-box label,
#ajax-logout-box label {
  padding-top: 5px;

}



#ajax-login-box a.button-link,
#ajax-logout-box a.button-link,
#paywallartikelteaserzwei a.button-link {
  font-size: 13px;
  line-height: 20px;
}


#ajax-login-box fieldset,
#ajax-logout-box fieldset {
  margin-bottom: 0;
}

#ajax-logout-box form {
  text-align: center;
}

#ajax-logout-box button {
  width: 100% !important;
}

#ajax-logout-box .logged-in-as {
  text-align: center;
  margin-bottom: 10px;
}


#ajax-login-box input[type="text"],
#ajax-login-box input[type="password"]{
  color: #000 !important;
  opacity: 1 !important;
  font-family: "Open Sans" !important;
  font-weight: 400 !important;
  font-size: 16px;
  margin-bottom: 10px;
}

a.login-box-toggle,
a.wochenblattHead {
  color: #009C86;
  text-transform: uppercase;
}
a.wochenblattHead {
  position: relative; 
  z-index: 80000;
}
a.login-close-toggle {
  display: block;
  text-align: right;
}

header[role=banner] li#login .login-box label {
  display: inline-block;
}
header[role=banner] li#login .login-box form {
  padding: 10px 20px 10px;
  margin-bottom: 0;
}
header[role=banner] li#login .login-box fieldset {
  margin-bottom: 5px;
}
header[role=banner] li#login .login-box fieldset footer {
  padding-top: 20px;
  font-size: 10px;

  line-height: 1.8em;
}
header[role=banner] li#login .login-box .error-message {
  margin-bottom: 10px;
}

/* 
==============================
Formulare, Registrierung
==============================
*/




/* Reiter für Formulare */

#registrierung header h1 {
  font-family: "Opens Sans", sans-serif;
  font-size: 40px;
  margin-bottom: 40px;

}

#registrierung header h2 {
  font-family: "Opens Sans", sans-serif;
  font-size: 30px;
  margin-bottom: 20px;

}

#registrierung, #registrierung p {
  font-size: 16px;
  line-height: 25px;
}

nav.step-reiter .reiter, nav .step {
  font-family: "Open Sans", "Verdana", sans-serif;
  font-size: 20px;

  font-weight: 400;
  text-align: center;
  line-height: 35px
}


nav.step-reiter {
  display: flex;
  overflow: hidden !important;
  margin-bottom: 50px;
}

nav .step:first-of-type:before, nav .step:nth-of-type(2):before, nav .step:last-of-type:before, nav .step.active:first-of-type:before, nav .step.active:first-of-type:after, nav .step.active:nth-of-type(2):before, nav .step.active:nth-of-type(2):after, nav .step.active:last-of-type:before {
  content: "";
  border-color: transparent #999;
  border-style: solid;
  border-width: 20px 0 20px 20px;
  display: inline-block;
  height: 0;
  width: 0;
  position: absolute;
  left: -20px
}

nav.step-reiter:after {
  content: "";
  display: table;
  clear: both
}
nav.step-reiter .reiter {
  width: 25%;
  float: left;
  background-color: #ececec;
  color: #000;
  position: relative
}
nav.step-reiter .steps {
  width: 75%;
  float: left;
}

nav.step-reiter .steps ul {
  display: flex;

}

nav.step-reiter .active > a, nav.step-reiter .active ~ .step > a {
  cursor: default;
  color: #fff;
}
nav .step {
  width: 33.33333%;
  float: left;
  display: list-item;
  background-color: #b9b9b9;

  color: #000;
  position: relative
}
nav .step a, nav .step span {
  color: #000;
  display: inline-block;
  padding-right: 20px
}

nav .step.active a, nav .step.active span {
  color: #fff;

}

nav .step:first-of-type {background-color: #c5c5c5;}
nav .step:first-of-type:before {border-color: #c5c5c5 #ececec;}
nav .step:nth-of-type(2):before {border-color: #b9b9b9 #c5c5c5;}
nav .step:last-of-type {background-color: #858585;}
nav .step:last-of-type:before {border-color: #858585 #b9b9b9;}
nav .step.active:first-of-type {background-color: #009C86; color: #fff;}
nav .step.active:first-of-type:before {border-color: #009C86 #ececec;}
nav .step.active:first-of-type:after {
  right: 0;
  left: auto;
  border-color: #b9b9b9 #009C86;
  z-index: 1
}
nav .step.active:nth-of-type(2) {
  background-color: #009C86;
}
nav .step.active:nth-of-type(2):before {
  border-color: #009C86 #c5c5c5
}
nav .step.active:nth-of-type(2):after {
  right: 0;
  left: auto;
  border-color: #858585 #009C86;
  z-index: 1
}
nav .step.active:last-of-type {background-color: #009C86;}
nav .step.active:last-of-type:before {border-color: #009C86 #b9b9b9;}
nav.date-pager {
  margin-bottom: 15px;
  padding: 0 40px;
  width: 100%;
  height: 30px;
  display: table;
  font-family: "Open Sans", "Verdana", sans-serif;
  border-top: 1px solid #e6e6e6;
  padding-top: 15px;
  *zoom: 1;
}

/* needperm-login.tpl -> Labels linksbündiger Text */
.u-text-align--left { text-align: left; }

@media screen and (max-width: 985px) {


  #registrierung .main.reg {
    padding: 0;

  }


}







@media screen and (max-width: 500px) {
  nav.step-reiter { display: none;}
}

/* Ende Reiter für Formulare */



/* Registrierung */

#registrierung .main {
  padding: 0px 130px 0px 40px;
}

#regform div.form-group {
  display: flex;

  width: 100%;
  justify-content: flex-end;
}

#regform .form-group.required label:before,
#regform .fcmskundeneingabe-input.req label:before
{
  content: '*';
}

#regform .fcmskundeneingabe-radio-drei.req label:before {
  content: '';
}


label.empty:before {
  content: '' !important;
}

#regform input[type="text"],
#regform input[type="password"] {

  /* width: 475px; */
}


#regform {
  margin-top: 30px; 

}

#regform .editor_row_text, #regform .register_row_text {
  margin-bottom: 10px;
  margin-left: 10px;
  width: calc(70% - 25px);

} 

#regform .radioblock,
.registercontainer .radioblock {
  display: flex; 
  margin-left: 10px; 
}



.dualinput input.fcmskundeneingabe-dualinput-xlarge {

  width: 75%;


}

.dualinput input.fcmskundeneingabe-dualinput-xshort {

  width: calc(25% - 5px);

}

.radioblock label {
  text-align: left;
  line-height: 20px;
}

.radioblock a{
  color: #009C86;
}

.checkblock {
  width: 40px;
  margin-left: -10px;

}


#regform div.captcha-group {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}


#regform .captcha {
  font-size: 14px;

  width: calc(70% - 55px);
  margin-left: 40px;

}

#regform .captcha .sicherheitsfrage {
  display: flex;
  margin-top: 10px;
}

#regform input[type="text"].fcms-seq { width: 100px; margin-left: 10px; }



input.regbutton,
input[type="submit"].regbutton {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 5px 15px;
  font-family: "Open Sans", sans-serif !important;
  font-size: 16px !important;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: 600 !important;
  color: #000;
  -webkit-appearance: none;
  cursor: pointer;
  width: auto !important;
  float: right;
  margin-bottom: 30px;
}





@media screen and (max-width: 736px) {


  #regform .captcha {
    width: 100%;
    margin-left: 0px;

  }


  #regform div.form-group {
    display: initial;

    width: 100%;


  }

  #regform label {
    text-align: left;
  }

  #regform .editor_row_text, #regform .register_row_text {
    margin-bottom: 10px;
    margin-left: 0px;
    width: 100%;

  }


  #regform input[type="text"], #regform input[type="password"] {
    margin-left: 0px;
    width: 100%;

  }

  #registrierung header h1 {
    font-family: "Opens Sans", sans-serif;
    font-size: 30px;
    margin-bottom: 30px;

  }

  #registrierung header h2 {
    font-family: "Opens Sans", sans-serif;
    font-size: 20px;
    margin-bottom: 20px;

  }

  #registrierung, #registrierung p {
    font-size: 14px;
    line-height: 25px;
  }

  nav.step-reiter .reiter, nav .step {
    font-family: "Open Sans", "Verdana", sans-serif;
    font-size: 14px;

    font-weight: 400;
    text-align: center;
    line-height: 35px
  }


  #regform .dualinput input.fcmskundeneingabe-dualinput-xlarge,
  #regform .dualinput input.fcmskundeneingabe-dualinput-large
  {

    width: 75%;



  }

  #regform .dualinput input.fcmskundeneingabe-dualinput-xshort,
  #regform .dualinput input.fcmskundeneingabe-dualinput-short {

    width: calc(25% - 5px);


  }



}


/* Ende Registrierung */




/* Benutzerdaten ändern */


form#newsletterorder .newslettername {
  width: 150px;
}

#fcms_register_form .nutzerdaten,
form#newsletterorder .nutzerdaten {
  display: flex;

  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 30px;
}

#fcms_register_form .nutzerdaten .name {
  font-weight: bold;
  width: 30%;

}


#fcms_register_form .nutzerdaten .inhalt {

  width: 30%;
}


#fcms_register_form .nutzerdaten .link {

  align-self: flex-end;
}


#fcms_register_form .nutzerdaten .link img {
  display: none;
}

#fcms_register_form .nutzerdaten .link a.infolink {

  background-color: #333333;
  border: 1px solid #000;
  border-radius: 5px;
  padding: 3px 10px;
  font-family: "Open Sans", sans-serif !important;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 400 !important;
  color: #ffffff;
  cursor: pointer;
  width: auto !important;


}



.dualinput input.fcmskundeneingabe-dualinput-short {
  width: 25%; 
}


.dualinput input.fcmskundeneingabe-dualinput-large {
  width: calc(75% - 5px);
}



.fcmskundeneingabefelder {
  font-size: 14px;
}

@media screen and (max-width: 500px) {
  #fcms_register_form .nutzerdaten {
    font-size: 12px;
  }

  #fcms_register_form .nutzerdaten .link a.infolink {
    font-size: 10px;
  }

  form#newsletterorder .nutzerdaten {
    font-size: 12px;
  }

  form#newsletterorder .newslettername {
    width: 100px;
  }


}


/* End Benutzerdaten ändern */


/* Formulare Allgemein */

form {
  margin-bottom: 10px;
  text-align: left;
}

form .form-group {
  display: block;
  *zoom: 1;
  position: relative
}
form .form-group:after {
  content: "";
  display: table;
  clear: both
}
form fieldset {
  margin: 10px 0 20px 0;
  display: block;
  clear: both
}
form fieldset legend {
  font-family: "Open Sans", "Verdana", sans-serif;
  font-weight: 400;
  font-size: 20px;

  margin-bottom: 15px
}
form fieldset section {
  width: 100%;
  margin-bottom: 10px;
  padding: 0;
  *zoom: 1
}
form fieldset section:after {
  content: "";
  display: table;
  clear: both
}
form fieldset section > label {
  margin-bottom: 10px
}

form input:not([type="button"]), 
form textarea, form select {
  border-radius: 0;
  background-color: #ddd;
  border: 1px solid #ddd;
  padding: 3px;
  font-family: "Open Sans", "Verdana", sans-serif;
  font-size: 14px;
  width: 100%;
  display: inline-block;
  outline: 0 none;
  outline: none;
  -webkit-border-radius: 0;
}
form input:focus, form textarea:focus, form select:focus {
  border: 1px solid #009C86;
  background-color: #fff
}
form input[readonly=true],  form input[readonly=true]:focus {
  background: transparent;
  border: 0;
  cursor: default;
}

form .required input, form .required textarea, form .required select, form .required input[type="checkbox"] {
  background-color: #ddd;
  border: 1px solid #DDD;
}
form .required input:focus, form .required textarea:focus, form .required select:focus, form .required input[type="checkbox"]:focus {
  border: 1px solid #ddd;
  background-color: #fff
}
form .required > label:after {
  position: relative;
  right: -2px
}
form label {
  display: block;
  font-size: 14px;

  font-family: "Open Sans", "Verdana", sans-serif;


  font-weight: 500;
  text-align: right
}
form input[type="checkbox"], form input[type="radio"] {
  width: auto;
  margin: 4px 8px 5px 0;
  padding: 0;
  float: left;
  position: relative;
  outline: none
}

form input[type="checkbox"] + label, form input[type="radio"] + label {

  display: inline-block;
  margin-right: 20px;
}



form input[type="checkbox"] {
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border: 1px solid #ddd;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
form input[type="checkbox"]:checked:before {
  position: absolute;
  right: 2px;
  left: 2px;
  top: 2px;
  cursor: pointer;
  font-family: 'Fontello';
  font-size: 14px;

  color: #000;
  content: '\e83c'
}



form input[type="radio"] {

  width: 15px; height: 15px;
  background-color: #fff;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0;
  float: left;
  position: relative;
  outline: none;


}


form textarea {
  min-height: 50px;
}

form footer {
  position: relative;
  width: 100%;
  padding-top: 10px;
  margin: 10px 0px 30px 0px;


  text-align: right;

}
form footer button, form footer .button {
  margin: 0 20px 0 0;
  color: #fff
}
form footer button:last-child, form footer .button:last-child {
  margin-right: 0
}
.post--form, .article__teaser .container {
  *zoom: 1;
  padding-bottom: 0;
  overflow: visible;
  width: 100% !important;
  text-align: left
}
.post--form:after, .article__teaser .container:after {
  content: "";
  display: table;
  clear: both
}
.post--form {
  padding: 0 40px 10px 40px;
  background-color: #fff
}
.post--form p > a {
  display: inline-block;
  color: #66b3db;
  font-weight: 800
}
.post--form p > a:hover {
  color: #0080c3
}
.error small,
.error .required small,
.form-group.error small,
input.has-error + small {
  display: block;
  margin-top: 5px;
  color: #009C86;
  line-height: 1.3em;
  font-size: 10px;

  clear: both;
  margin-left: 0px
}

.error input[type="text"], 
input[type="text"].has-error,
.error input[type="checkbox"], 
.error input[type="password"], 
.error textarea, 
.error .required textarea, 
.form-group.error textarea, 
.error select, .error .required select, 
.form-group.error select {
  border: 1px solid #dc0000 !important
}
.error-message {
  display: none;
  margin-top: 5px;
  padding-left: 0px;
  clear: both;
  color: #009C86;
}

.error .error-message, .error.error-message {
  display: block;
  margin-bottom: 0;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.3em;
  font-weight: normal
}
.error label + .error-message {
  margin-bottom: 0
}
.error .u-is-hidden {
  display: inline-block
}
.message-block {
  *zoom: 1
}
.message-block:after {
  content: "";
  display: table;
  clear: both
}
.message-block--form {
  margin-left: 2px;
  font-style: italic;
  margin-bottom: 20px
}
.message-block--form[class*="span-"] {
  padding: 0
}
.message-block--form [class*="message"] {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 6px;
  line-height: 1.3em !important;
  display: block;
  font-size: 16px;
  font-size: 1rem
}
.message-block--form [class*="message"]:before {
  font-style: normal;
  margin-left: -24px
}
.message-block > .icon {
  width: 10.25641%;
  float: left;
  margin-right: 2.5641%;
  margin-top: 25px;
}
.message-block > .icon:before {
  color: #0080c3;
  padding: 0;
  font-size: 64px;
  font-size: 4rem
}
.message-block .message {
  width: 87.17949%;
  float: right;
  margin-right: 0
}
.message-block p {
  margin-bottom: 1.6em !important
}
.form-group.error .error-message {
  display: block
}
.form-group.error .u-is-hidden {
  display: inline-block
}
fieldset.table-layout, section.table-layout {
  display: table;
  width: 100%;
  border-spacing: 10px 10px
}
fieldset.table-layout .form-group, section.table-layout .form-group {
  display: table-cell;
  vertical-align: top
}





/* 
==============================
Navigationen und Kopf
==============================
*/


/* Kopf und Logo */

.header_center  {
  text-align: center;

}


.header_right {
  position: absolute;
  right: 20px;
  top: 45px;
}

.header_right .logo-ippen {
  display: block;
  width: 21px;
  height: 23px;
}

.header_right {
  right: 50px;
  top: 22px;
}

@media all and (min-width: 722px) {

  .header_right {
    right: 70px;
    top: 26px;
  }

}

@media all and (min-width: 985px) {

  .header_right {
    right: 20px;
    top: 45px;
  }

}

/* Headernavigation */

nav.mininav {
  font-size: 11px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

nav.mininav ul:not(#ajax-login-box) {
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;

  padding: 20px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

nav.mininav ul.right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

nav.mininav .date 
{

  -webkit-box-flex:1;

  -ms-flex:1;

  flex:1;

  padding: 20px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

nav.mininav ul li {
  margin-right: 10px;


}

nav.mininav ul li#login {
  margin-right: 0px;
  margin-left: 20px;
}

nav.mininav a:hover,
nav.metalinks a:hover {
  color: #009C86;
}

.mymobilemenu {
  display: none;
}

/* Anfang Hauptnavi */

.navigationContainer {
  position: relative;
}

.navigationContainer.stickyNavigation {
  top: 0;
  position: fixed;
  z-index: 1000;
  background-color: #ffffff;

}

.navigationContainer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}



.navigationContainer .touchedElement > a,
.navigationContainer li:hover > a,
.navigationContainer li.active,
li.tiefe1_aktiv > a {

  color: #009C86;

}


.navigationContainer li.passiv
{

  color: #000;

}

.navigationContainer .touchedElement > .subLayer,
.navigationContainer .touchedElement > .subLayerTeaser,
.navigationContainer li:hover > ul {
  -webkit-transition-delay: 240ms;
  transition-delay: 240ms;
  visibility: visible;
  opacity: 1;
}



.navigationContainer .subLayer,
.navigationContainer .subLayerTeaser {
  -webkit-transition-delay: 240ms;
  transition-delay: 240ms;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 36px;
  left: -20px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-top: 0px;
  height: auto;
  z-index: 1001;

}


.navigationContainer .subLayerLeft {
  padding: 15px;
}

.navigationContainer .subLayerTeaser  {

  display: inline-block;
}

.navigationContainer .naviad {
  display: block;
  background-color: #dddddd;
  margin-top: 0px;
  padding: 20px;
}

.navigationContainer .naviad section:before {
  content: 'Anzeige';
  font-size: 11px;
  text-transform: uppercase;
}

.navigationContainer .subLayer .subLayerRight {
  display: none; 
}



ul.mainLayer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  border-bottom: 1px solid #dddddd;
  padding: 0px;
  margin: 0px 20px;
  height: 36px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;


}

ul.mainLayer li {
  white-space: nowrap;


  padding-bottom: 10px;
  padding-top: 12px;
  position: relative;
  height: 36px;

}

ul.mainLayer > li:last-child .subLayer {
  left: -102px;

}

ul.mainLayer li a {
  vertical-align: bottom;
}

ul.mainLayer > li:hover,
ul.mainLayer > li.tiefe1_aktiv {
  border-bottom: 2px solid #009C86;
}

ul.mainLayer li.homeicon {
  background: url('/design/images/home-icon.png') no-repeat center;
  font-size: 0px;
  width: 30px;
  height: 35px;
  padding-bottom: 0px;
  cursor: pointer;
}

ul.mainLayer li.homeicon:hover {
  border-bottom: 2px solid #009C86;
}




ul.subLayer.drei  {

  position: absolute;
  left: 100%;
  top: -15px;
  margin-left: 15px;

  padding: 15px;
  border-top: 1px solid #ddd;

}

ul.subLayer.drei.breit  {

  position: absolute;
  left: 100%;
  top: -15px;
  margin-left: 15px;

  padding: 15px;
  padding-bottom: 10px;
  border-top: 1px solid #ddd;
  display: -webkit-flex;
  display: flex;


  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-align-content: stretch;
  align-content: stretch;
  height: 410px;
  background-color: #fff;
  overflow: visible;
  width: 500px;
}




ul.subLayer.drei.breit li
{
  margin-left: 30px;

}

ul.subLayer.drei.breit li:nth-child(1),
ul.subLayer.drei.breit li:nth-child(2),
ul.subLayer.drei.breit li:nth-child(3),
ul.subLayer.drei.breit li:nth-child(4),
ul.subLayer.drei.breit li:nth-child(5),
ul.subLayer.drei.breit li:nth-child(6),
ul.subLayer.drei.breit li:nth-child(7),
ul.subLayer.drei.breit li:nth-child(8),
ul.subLayer.drei.breit li:nth-child(9),
ul.subLayer.drei.breit li:nth-child(10)
{
  margin-left: 0px;
}



/* Ende Hauptnavi */




/* 
==============================
Grid-Elemente und Gerüst
==============================
*/

#off-canvas-wrapper {
  position: relative;
  width: 1260px;
  margin: 0 auto;


}

#page-wrapper {
  max-width: 980px;
  margin: 0 auto;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}




header.tophead {
  position: relative;
  height: 120px;
  padding: 0px 20px 40px 20px;
  font-family: "Open Sans", "Verdana", sans-serif;
  color: #333;
  margin-bottom: 15px;

}


.grid_row {
  width: 100%;
  padding: 19px 0px;
  overflow: hidden;
}

.grid_row.bottom {
  padding: 45px 20px;
}

.grid_row.pad-top {
  padding: 19px;
}

.grid_row.pad {
  padding: 0px 19px;

}

.grid_row.pad.anzeige {
  padding-bottom: 5px;
}

.grid_row.pad-top.anzeige {
  padding-bottom: 10px;
}

.grid_row.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

}

.grid_row .grid_item {
  /* border: 1px solid green; */
  -webkit-box-flex: 1;
  -ms-flex: 1; 
  flex: 1;
}


.grid_row .grid_item.big {
  -webkit-box-flex: 3;
  -ms-flex-positive: 3;
  flex-grow: 3;
  -ms-flex-negative: 1;
  flex-shrink: 1;

}
.grid_row .grid_item.small {
  /* border: 1px solid green; */
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}


.grid_row .grid_item-1
.grid_row .grid_item-2,
.grid_row .grid_item-3,
.grid_row .grid_item-4,
.grid_row .grid_item-5,
.grid_row .grid_item-6,
.grid_row .grid_item-7,
.grid_row .grid_item-8,
.grid_row .grid_item-9,
.grid_row .grid_item-10,
.grid_row .grid_item-11,
.grid_row .grid_item-12 {
  position: relative;
  float: left;
  min-height: 1px;

}


.grid_row .grid_item-1 { width: 8.3333%; }
.grid_row .grid_item-2 { width: 16.6667%; }
.grid_row .grid_item-3 { width: 25.0000%; }
.grid_row .grid_item-4 { width: 33.3333%; }
.grid_row .grid_item-5 { width: 41.6667%; }
.grid_row .grid_item-6 { width: 50.0000%; }
.grid_row .grid_item-7 { width: 58.3333%; }
.grid_row .grid_item-8 { width: 66.6667%; }
.grid_row .grid_item-9 { width: 75.0000%; }
.grid_row .grid_item-10 { width: 83.3333%; }
.grid_row .grid_item-11 { width: 91.6667%; }
.grid_row .grid_item-12 { width: 100.0000%; }



.clear:after,
.clearfix:after,
.u-clear-fix:after, 
.grid_row:after,
.grid-row_5:after,
.content-box:after {
  clear: both;
}




/* 
==============================
Nützliche Hilfsklassen
==============================
*/

.border {
  border-top: 1px solid #dddddd;
  font-size: 0px;
  width: 100%;
}

.no-desk-display {
  display: none !important;
}

.pad-5 {padding: 5px;}
.pad-10 {  padding: 10px;}

.btnWrap { 
  display: flex;
  justify-content: space-between;
}

.mar-0 { margin: 0px !important}
.mar-1 {margin: 20px !important}
.mar-2 {margin: 40px !important}
.mar-3 {margin: 60px !important}
.mar-4 {margin: 80px !important}
.mar-5 {margin: 100px !important}
.mar-top-0 {margin-top: 0px !important}
.mar-top-01 {margin-top: 10px !important}
.mar-top-1 {margin-top: 20px !important}
.mar-top-2 {margin-top: 40px !important}
.mar-top-3 {margin-top: 60px !important}
.mar-top-4 {margin-top: 80px !important}
.mar-top-5 {margin-top: 100px !important}
.mar-right-0 {margin-right: 0px !important}
.mar-right-1 {margin-right: 20px !important}
.mar-right-half {margin-right: 10px !important;}
.mar-right-2 {margin-right: 40px !important}
.mar-right-3 {margin-right: 60px !important}
.mar-right-4 {margin-right: 80px !important}
.mar-right-5 {margin-right: 100px !important}
.mar-bottom-0 {margin-bottom: 0px !important}
.mar-bottom-1 {margin-bottom: 20px !important}
.mar-bottom-2 {margin-bottom: 40px !important}
.mar-bottom-3 {margin-bottom: 60px !important}
.mar-bottom-4 {margin-bottom: 80px !important}
.mar-bottom-5 {margin-bottom: 100px !important}
.mar-left-0 {margin-left: 0px !important}
.mar-left-1 {margin-left: 20px !important}
.mar-left-2 {margin-left: 40px !important}
.mar-left-3 {margin-left: 60px !important}
.mar-left-4 {margin-left: 80px !important}
.mar-left-5 {margin-left: 100px !important}

.pad-bottom-0 {
  padding-bottom: 0px !important;
}

.pad-top-0 {
  padding-top: 0px !important;
}

.pad-0 {
  padding: 0px !important;
}

.te-left {
  text-align: left;
}

.te-right {
  text-align: right;
}

.te-center {
  text-align: center;
}

/* 
==============================
Icons und Buttons
==============================
*/


@font-face {
  font-family: 'fontello';
  src: url('/design/webfonts/fontello.eot?92699188');
  src: url('/design/webfonts/fontello.eot?92699188#iefix') format('embedded-opentype'),
    url('/design/webfonts/fontello.woff2?92699188') format('woff2'),
    url('/design/webfonts/fontello.woff?92699188') format('woff'),
    url('/design/webfonts/fontello.ttf?92699188') format('truetype'),
    url('/design/webfonts/fontello.svg?92699188#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'fontello';
src: url('../font/fontello.svg?27182056#fontello') format('svg');
}
}
*/

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}


.icon-button {
  width: 30px;
  height: 30px;
  position: relative;
  top: 0px;
  left: 0px;
  border: none;
  border-radius: 50%;
  background-color: #000;
  color: #ffffff;
  text-align: center;
  cursor: pointer;

  margin: 0px;
  font-family: "Fontello";
  font-variant: normal;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  speak: never;
  text-decoration: inherit;
  line-height: 30px;
  vertical-align: baseline;
  text-transform: none;
  font-size: 18px;
}

.icon-button:hover,
.icon-button.red {
  background-color: #009C86;
}

.icon, .font-icon {
  font-family: "Fontello";
  font-variant: normal;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  speak: never;
  text-decoration: inherit;
  line-height: 1em;
  vertical-align: baseline;
  text-transform: none;
  color: inherit;

}




.icon-circle:before { content: '\e800'; } /* '?' */
.icon-comment:before { content: '\e801'; } /* '?' */
.icon-facebook:before { content: '\e802'; } /* '?' */
.icon-gplus:before { content: '\e803'; } /* '?' */
.icon-twitter:before { content: '\e804'; } /* '?' */
.icon-mail:before { content: '\e805'; } /* '?' */
.icon-mail-alt:before { content: '\e806'; } /* '?' */
.icon-comment-1:before { content: '\e807'; } /* '?' */
.icon-left-open:before { content: '\e808'; } /* '?' */
.icon-right-open:before { content: '\e809'; } /* '?' */
.icon-print:before { content: '\e80a'; } /* '?' */
.icon-flag:before { content: '\e80b'; } /* '?' */
.icon-forward:before { content: '\e80c'; } /* '?' */
.icon-play-circled2:before { content: '\e80d'; } /* '?' */
.icon-star:before { content: '\e80f'; } /* '?' */
.icon-star-empty:before { content: '\e810'; } /* '?' */
.icon-resize-full:before { content: '\e814'; } /* 'î ”' */
.icon-ok:before { content: '\e83c'; } /* '?' */
.icon-blank:before { content: '\e845'; } /* '?' */
.icon-reply:before { content: '\f112'; } /* '?' */
.icon-play-circled:before { content: '\f144'; } /* '?' */
.icon-whatsapp:before { content: '\f232'; } /* '' */
.icon-increase:before { content: '\e814'; } /* 'î ”' */


.icondrucker:before { content:url('/design/icons/icon-drucker.png') ; margin-right: 20px;}

.icon-themen:before { content: 'M'; font-family: 'Opens Sans', sans-serif;} 



.icon-plus:before { content: '+'; font-family: 'Opens Sans', sans-serif; font-weight: 500; font-size: 20px; } /* '?' */

.icon-comment-1 {
  color: #009C86;
  font-size: 55px;
  position: relative;

}

.icon-comment-1:before {
  margin-left: 0px;
  margin-right: 10px;
}

.icon-comment-1 span.anzahl {
  display: inline-block;
  color: #fff;
  position: absolute;
  font-size: 16px;
  right: 28px;
  bottom: 3px;
  width: 20px;
  text-align: center;

}

.icon-print {
  color: #009C86;
  font-size: 35px;
}


.icon-mail-alt {font-size: 16px;}

.icon-button.app {
  display:none;
}

button,
.buttonlike,
input.button,
.button.button-default.button-link,
input[type="submit"].button {
  position: relative;
  background-color: #333333;
  border: 0px solid #ffffff;
  border-radius: 5px;
  padding: 3px 10px;
  font-family: "Open Sans", sans-serif !important;
  font-size: 14px !important;
  text-transform: uppercase;
  font-weight: 400 !important;
  color: #ffffff;
  -webkit-appearance: none;
  cursor: pointer;
  width: auto !important;
  min-height: 30px;
  display: inline-block;
    line-height: 1.6rem;
}


#ajax-login-box input[type="submit"].button,
#ajax-logout-box input[type="submit"].button {
  padding: 5px 15px;
  margin-bottom: 5px;
}

button.back,
.teasercontainer button.back {
  background-color: #009C86;
  color: #fff;
  text-transform: none;
  float: right;
  position: relative;
  bottom: 0px;
  padding: 3px 15px;
}

.teasercontainer button {
  padding: 5px 10px;
  position: absolute;
  bottom: 50px;
}

.default button {
  padding: 5px 10px;
  position: relative;
  bottom: 0px;
}


button.simple {
  background-color: transparent;
  position: relative;
  bottom: 0px;
  font-size: 14px;
  color: #000;
  padding: 5px 10px;
  border: 1px solid #ddd;
  border-radius: 10px;
  margin: 10px 0px;
}



/* Service-Icons unten auf Startseite */

.serviceicon {
  display: block;
  background-position: left center !important;
  background-repeat: no-repeat !important;
  text-indent: 50px !important;
  font-family: "Open Sans";
  font-size: 14px;
  margin-bottom: 20px;
  white-space: nowrap;
  height: 30px;
  line-height: 30px;

}


.serviceicon.newsletter {
  background: url('/design/icons/newsletter.jpg');
}

.serviceicon.abo {
  background: url('/design/icons/aboservice.jpg');
}

.serviceicon.apps {
  background: url('/design/icons/apps-epapier.jpg');
}

.serviceicon.auto {
  background: url('/design/icons/automarkt.jpg');
}

.serviceicon.gewinn {
  background: url('/design/icons/gewinnspiele.jpg');
}

.serviceicon.immo {
  background: url('/design/icons/immobiliensuche.jpg');
}

.serviceicon.jobs {
  background: url('/design/icons/jobsuche.jpg');
}

.serviceicon.streifzug {
  background: url('/design/icons/streifzug-magazin.jpg');
}

.serviceicon.termine {
  background: url('/design/icons/termine.jpg');
}
.serviceicon.themen {
  background: url('/design/icons/themenwelten.jpg');
}

.serviceicon.tickets {
  background: url('/design/icons/tickets.jpg');
}

.serviceicon.archiv {
  background: url('/design/icons/zeitungsarchiv.jpg');
}

#servicebox .grid_item {
  width: 230px;
  flex-basis: 230px;

}







/* 
==============================
Header und Footer
==============================
*/

nav.datepager {
  border-bottom: 1px solid #ddd;
  padding: 25px 0px;
  text-align: center;
}

header.teaser.default {
  margin-top: 40px;
}

footer.seitenfuss {

  background-color: #555657;
  color: #eeeeee;
  text-align: center;
  padding: 30px;
  font-size: 14px;
  line-height: 30px;
}

footer.footerlinks {

  background-color: #eeeeee;
  color: #333;
  padding-top: 30px;
  padding-bottom: 10px;
  font-size: 14px;
  line-height: 30px;

}

ul.footerlinks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  line-height: 14px;
  padding-bottom: 20px;
}

ul.footerlinks.mobil {
  display: none;
}

ul.footerlinks li {
  float: left;
}
ul.footerlinks li:after {
  content:"|";
  padding:0px 8px;
  font-size: 12px;
  vertical-align: top;


} 


ul.footerlinks li:last-child:after {
  content:"";
} 


/* Metanavi im Header und für Teaserboxen */

ul.metalinks {
  font-family: "Open Sans", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;

  line-height: 14px;
  padding-bottom: 0px;
  font-size: 12px;
  white-space: nowrap;
}


ul.metalinks.teaser {
  text-transform: uppercase;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

ul.metalinks.teaser li.active {
  font-weight: bold;
}

ul.metalinks.teaser li.active:after {
  font-weight: normal;
}

ul.metalinks li:after {
  content:"i";
  padding:0px 10px 0px 10px;
  font-size: 12px;
  vertical-align: top;
  text-transform: uppercase;


} 



ul.metalinks li:last-child:after,
ul.metalinks.head li:first-child:after {
  content:"" !important;

} 

ul.metalinks li:last-child:after
{
  display: none;

} 




ul.metalinks.head li:first-child {
  font-weight: bold;
  text-transform: uppercase;
}

nav.metalinks {
  padding-top: 20px;
  margin-left: 20px;
  font-family:"Open Sans";
}

nav.teaserlinks {
  padding-top: 10px;
  font-family:"Open Sans";
}







/* 
==============================
mainNavigation sticky
==============================
*/



#mainNavigation ul li.login,
#mainNavigation ul li.search {
  display: none;
  float: right;
}
#mainNavigation.stickyNavigation {
  box-shadow: 0px 4px 2px -2px rgba(0,0,0,0.3);
}
#mainNavigation.stickyNavigation ul li.login,
#mainNavigation.stickyNavigation ul li.search {
  display: block;
} 
#mainNavigation.stickyNavigation ul li.login a {
  font-family: "Merriweather Sans", "Verdana", sans-serif;
  font-weight: 400;
  font-style: italic;
  font-size: 13px;

  color: #FFF;
  padding: 2px 20px 0px 20px;
}
#mainNavigation.stickyNavigation ul li.login {
  background: #66AFD9;
}
#mainNavigation.stickyNavigation ul li.login a:hover {
  background: #0080C3;
}
#mainNavigation.stickyNavigation ul li.login a i {
  font-size: 19px;

  color: #FFF;
  margin-top: 4px;
}
#mainNavigation.stickyNavigation ul li.search,
#mainNavigation.stickyNavigation ul li.search a {
  background: #0080C3;
  width: 32px;
  height: 32px;
  padding: 0px;
}
#mainNavigation.stickyNavigation ul li.search i {
  font-size: 20px;

  color: #FFF;
  margin: 5px 0px 0px 6px;
}




/* 
==============================
Suche im Kopf
==============================
*/

header.tophead .searchform {
  float: right;
  position: relative;
  width: 160px;
  height: 38px;
  border: 1px solid #dddddd;
  border-radius: 5px;
  margin-top: 10px;
}
header.tophead .searchform input[type="search"] {
  float: left;
  width: 120px;
  height: 33px;

  padding: 5px;
  border: 0px;
  font-family: "Open Sans" !important; 
  font-size: 16px !important;
  font-weight: 300 !important;
  color: #333 !important;
  -webkit-appearance: none;
  margin: 2px;

}
header.tophead .searchform input[type="search"]:focus {
  outline: none;
}
header.tophead .searchform input[type="submit"] {
  border: 0px;
  border-left: 1px solid #dddddd;
  border-radius: 0px;
  width: 33px !important;
  height: 36px;

}  

.search-wrapper input[type="submit"] {
  cursor: pointer;
  background: url("/design/images/lupe.png") center no-repeat;
}





/* 
==============================
HP TopGlider
==============================
*/

.glider-container {
  overflow: hidden;
}

#frontpageGlider {
  position: relative;
  z-index: 1;
}  
#frontpageGlider .glider-button {
  position: absolute;
  top: 0;
  z-index: 3000;
  display: block;
  width: 80px;
  height: 100%;
}
#frontpageGlider .glider-button.left { left: 0; }
#frontpageGlider .glider-button.right { right: 0; }
#frontpageGlider .glider-button > img {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  margin-left: -0.5em;
  font-size: 36px;

  color: #fff;
  text-shadow: 0px 0px 3px rgba(102,102,102,1); 
}

#frontpageGlider .gallery-container {
  width: 100000px;
  height: 490px;
  overflow: hidden;
}
#frontpageGlider .gallery-container:after {
  content: "";
  display: block;
  clear: both;
}
#frontpageGlider .gallery-container .gallery-item {
  position: relative;
  float: left;
  width: 980px;
}  




/*
#frontpageGlider img {
width: 100%;
height: auto;
}
*/


@media screen and (min-width: 737px) {
  #frontpageGlider .gallery-container .gallery-item figure:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2000;
    display: block;
    width: 100%;
    height: 45%;
    background: -moz-linear-gradient(top, rgba(184,184,184,0) 0%, rgba(19,19,19,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(184,184,184,0)), color-stop(100%,rgba(19,19,19,1)));
    background: -webkit-linear-gradient(top, rgba(184,184,184,0) 0%,rgba(19,19,19,1) 100%);
    background: -o-linear-gradient(top, rgba(184,184,184,0) 0%,rgba(19,19,19,1) 100%);
    background: linear-gradient(to bottom, rgba(184,184,184,0) 0%,rgba(19,19,19,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#804c4c4c', endColorstr='#131313',GradientType=0 );
  }
}


#frontpageGlider .gallery-container .gallery-item figure > img {
  display: block;
  position: relative;
  z-index: 1000;
}
#frontpageGlider .gallery-container .gallery-item figure figcaption {
  position: absolute;
  bottom: 45px;
  left: 0px;
  z-index: 3000;
  margin: 0 120px;
  color: #FFF;
  margin-bottom: 20px;
}
#frontpageGlider .gallery-container .gallery-item figure figcaption h1 {
  font-family: "Times New Roman", serif;
  font-size: 32px;
  line-height: 34px;
  text-shadow: 2px 2px 10px rgba(0,0,0,1);
  margin-bottom: 10px;
  margin-right: 80px;
}

#frontpageGlider .gallery-container .gallery-item figure figcaption h2 {
  font-family: "Open Sans", "Verdana", sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  text-shadow: 2px 2px 10px rgba(0,0,0,1);
  margin-bottom: 0px;
}



#frontpageGlider .gallery-container .gallery-item figure figcaption h1 a:hover {
  color: inherit;
}
#frontpageGlider .gallery-container .gallery-item figure figcaption p {
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 0px;
}
#frontpageGlider .gallery-container .gallery-item figure figcaption p > a:first-of-type {
  font-family: "Open Sans", "Verdana", sans-serif;
  color: #FFF;
  text-shadow: 0px 0px 3px rgba(0,0,0,1);
}
#frontpageGlider .gallery-container .gallery-item figure figcaption p .link-more {
  margin-right: 10px;
  text-shadow: 0px 0px 3px rgba(0,0,0,1);
}
#frontpageGlider .gallery-container .gallery-item figure figcaption p .link-more:before,
#frontpageGlider .gallery-container .gallery-item figure figcaption p .link-more:after {
  font-weight: bold;  
}
#frontpageGlider .gallery-container .gallery-item figure figcaption p .icon {
  color: #FFF;
  margin: 0px;
  font-size: 10px;
}
#frontpageGlider .gallery-container .gallery-item figure figcaption p .icon:before {
  font-size: 14px;
  margin-right: 5px;
}
#frontpageGlider .glider-navigation {
  position: absolute;
  bottom: 10px;
  left: 0;
  z-index: 3000;
  width: 100%;
  margin-left: 115px;
}
#frontpageGlider .glider-navigation ul li {
  display: inline-block;    
  margin: 0px 1px;
}
#frontpageGlider .glider-navigation ul li a {
  display: block;
  background: rgba(0,0,0,0.6);
  padding: 0px 10px;
  font-family: "Open Sans", "Verdana", sans-serif;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;  
  line-height: 30px;
  color: #FFF;
}
#frontpageGlider .glider-navigation ul li a.active {
  color: #009C86;  
  font-weight: 600;
}



/* Teaser und Ähnliches für Startseite */


/* Homepageteaser */



nav.dreierteaserswitchdots {
  display: none;
}


header.teaser {
  position: relative;
  text-align: center;
  color: #333;

  overflow: hidden;
}

header.teaser:before {
  content: '';
  position: absolute;
  top: 50%;
  z-index: 0;
  display: block;
  width: 100%;
  height: 0;
  border-bottom: 0px solid #dddddd;
  border-top: 1px solid #dddddd;
}

header.teaser h1 {
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 0px 40px;
  text-align: center;
  background-color: #fff;
  white-space: nowrap;
  font-size: 36px;
  color: #333;
  line-height: 50px;
  font-weight: normal;
  margin-bottom: 0;
}



.teasercontainer {
  position: relative;
  font-size: 14px;
  line-height: 20px;
}
.teasercontainer.inline {
  padding: 5px;
  border: 1px solid #ddd;
  margin: 30px 0px;
  display: block;
  /* overflow: hidden; */


}

.teasercontainer.inline img {
  display: block;
}


article.werb:before {

  content: 'Anzeige';
  position: absolute;
  right: 0px;
  top: -20px;
  font-size: 12px;
}


.teasercontainer.inline article {
  background-color: #eee;
}

.teasercontainer.inline article .date {
  margin-right: 10px;
}



.teasercontainer.anzeigen figcaption {
  position: relative;
}




.teasercontainer.anzeigen h1 {

  position: relative;
  bottom: 50px;
  text-align: center;
  color: #ffffff;
  font-family: "Opens Sans", sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  text-shadow: 0px 0px 30px rgba(0,0,0,1);

  margin-bottom: -30px;
  padding-right: 0px;

}




.mediathek .teasercontainer h1 {

  font-size: 20px;
  line-height: 24px;

}

.teasercontainer article h1 {
  color: #000;
  font-size: 22px;
  line-height: 26px;
  margin-bottom: 10px;
  padding-right: 40px;
}





.teasercontainer article h2 {

  font-family: "Open Sans", "Verdana", sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  margin: 5px 0px;
  color: #009C86;
}


.teasercontainer article img {

  max-width: 100%;
}


.grid_item.mar {
  margin-right: 20px;
}

.grid_item.mar:last-child {
  margin-right: 0px;
}





header.dossierheader {
  font-size: 40px;
}



/* Toplisten */

.toplisten {
  background-color: #eee;
  padding: 20px 10px;
}

header.toplist h2 {
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  color: #000;
  margin-top: -5px;
  text-align: center;
}

header.toplist.detail h2 {
  text-align: left;
}

.toplist h2 {
  font-family: "Open Sans", "Verdana", sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  margin: 8px 0px;
  color: #009C86;
}

.toplist li,
.favlist li {
  border-top: 1px solid #ddd;

}

.toplist h2 span.number {
  display: inline-block;
  margin-right: 10px;
  color: #333;
  font-size: 14px;
}

.toplist p {
  margin-left: 22px;
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 600;
  margin-right: 20px;
}

.toplist h2.meistgelesen {
  background: url('/design/icons/meistgelesen.png') no-repeat;
  text-indent: 40px;
  margin-left: 10px;
}

.toplist h2.meistgeteilt {
  background: url('/design/icons/meistgeteilt.png') no-repeat;
  text-indent: 40px;
  margin-left: 10px;
}


.toplist h2.meistkommentiert {
  background: url('/design/icons/meistkommentiert.png') no-repeat;
  text-indent: 30px;
  margin-left: 10px;
}


.toplistnumber h1 {
  font-size: 36px;
  font-weight: 500;
  margin-top: 60px;


}



.toplistnumber h1:first-child {
  margin-top: 25px;
}

.toplistnumber h1:nth-child(2) {
  margin-top: 220px;
}



.favorites > div {
  margin-right: 10px;
}

.favlist li {
  min-height: 110px;
  padding:  10px 0px;
  margin-right: 30px;

}

.favlist li.aufmacher {
  padding-top: 0px;
  margin-right: 0px;
}

.toplisten nav.teaserlinks {

  padding-bottom: 10px;

}


@media screen and (max-width: 736px) {
  .toplisten nav.teaserlinks {
    padding-top: 0px;

  }
}

/* Bilder */

figcaption {
  font-family: "Open Sans";
  font-size: 12px;
  line-height: 20px;
}

.tagesbild figcaption { font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  margin-bottom: 10px;
  margin-top: 10px;
}





.grid_row.mediathek {
  padding: 19px;
}

.grid_row.mediathek.dossier {
  padding-top: 0;
}

#artikeldetail .grid_row.mediathek {
  padding: 19px 0px;
}

#artikeldetail  h3 {
  font-weight: bold;
}

.mediathek img {
  max-width: 100%;
}

.mediathek .fotoserie .icon,
.fototeaserart .icon {
  background: url('/design/icons/foto.png')no-repeat;
  height: 30px;
  width: 35px;
  position: absolute;
  bottom: 15px;
  left: 15px;

}

.fototeaserart .icon {
  bottom: 6px;
  left: 3px;
}

.mediathek .streamset .icon {
  background: url('/design/icons/video.png')no-repeat;
  height: 32px;
  width: 35px;
  position: absolute;
  bottom: 13px;
  left: 15px;
}

.mediathek .fotoserie .icon-container,
.mediathek .streamset .icon-container {
  position: relative;

}

/* Dossierbox */


.dossierbox {
  position: relative;
  color: #fff;
  background-color: #000;
  overflow: hidden;
}

.dossierbox > div img {
  opacity: 0.65;
  vertical-align: bottom;
}

.dossierteaserbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 0px;


}

.dossierteaserbox > div {
  -ms-flex: 290px;
  flex: 290px;
  margin-left: 40px;
  margin-bottom: 50px;


}

.dossierteaserbox > div:first-child {
  -ms-flex: 400px;
  flex: 400px;
  margin-right: 130px;

}



.dossierteaserbox .unterteaser {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-bottom: 1px solid white;
  margin-bottom: 20px;
  margin-right: 20px;

}



.dossierbox h1 {
  font-size: 40px;
  line-height: 42px;


}

.dossierbox .unterteaser h1 {
  font-family: "Times New Roman";
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 15px;
}

.dossierbox .unterteaser h2 {
  margin-bottom: 5px;
}

.dossierbox button {
  padding: 5px 10px;
  position: absolute;
  bottom: 50px;
}

.dossierbox h2 {
  font-family: "Open Sans";
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 20px;

}


.sechsundvierziger {
  /* border-bottom: 1px solid #ddd; */
}

.sechsundvierziger .testdossier h1 {
  margin-right: 120px;
}

.sechsundvierziger .testdossier p {
  margin-right: 60px;
}
.sechsundvierziger button {
  bottom: 40px;
}

@media screen and (max-width: 985px) {
  .sechsundvierziger .testdossier h1 {
    margin-right: 80px;
  }

  .sechsundvierziger .testdossier p {
    margin-right: 40px;
  }
}




/* Teaser und Ähnliches für Übersichtsseiten */


article.default {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 0px;
  border-bottom: 1px solid #ddd;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;

}

article.default.inline {
  padding: 0px;

}

article.default:last-child {
  border-bottom: 0px;
}

article.default figure,
article.default .content {
  margin-right: 20px;
  flex-shrink: 1;
}

article.default.inline figure,
article.default.inline .content {
  margin-right: 10px;
}


article.default figure {
  -ms-flex-preferred-size: 305px;
  flex-basis: 305px;

}

article.default.inline figure {
  -ms-flex-preferred-size: 200px;
  flex-basis: 200px;
  width: 200px;

  flex-shrink: 0;

}

article.default.inline.werb .content {
  -ms-flex-preferred-size: 300px;
  flex-basis: 300px;
  width: 300px;
  margin-top: 0px;

}

article.default.inline h1 {
  margin-right: 0px;
  padding-right: 0px;
}

.teasercontainer.default.inline.werb {
  width: 520px;
  max-width: 100%;
}


article.video {
  width: 100%;
  max-width: 480px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 8px;
}

article.video figure,
article.video .content {
  -ms-flex-preferred-size: 50% !important;
  flex-basis: 50% !important;
}


article.video figure {
  position: relative;
}

.video figure .icon.video {
  background: url('/design/icons/play.png') no-repeat center;
  display: inline-block;
  width: 80px;
  height: 80px;
  position: absolute;
  top: 43%;
  left: 200px;

}

article.default .content {
  -ms-flex-preferred-size: 510px;
  flex-basis: 510px;
  padding-top: 0px;
  margin-top: -4px;
}


article.default .content.wide {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  padding-top: 0px;
}


article.default .date {
  -ms-flex-preferred-size: 100px;
  flex-basis: 100px;
  font-size: 12px;
  white-space: nowrap;
  text-align: right;
}

article.default h2 {
  margin-top: 0px;
}

nav.datepager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}


.grid_row.viererbox {
  display: flex;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  margin: 20px 0px;
  padding-top: 20px;
}

.teasercontainer.viererbox {
  flex-basis: 615px;

  display: flex;
  flex-direction: column;
  margin-right: 20px;
}

.grid_row.viererbox .contentanzeige {
  flex-basis: 300px;
  margin-top: 20px;
  padding: 0px 0px !important;
}



@media screen and (max-width: 736px) {
  .grid_row.viererbox {
    flex-direction: column;
    border-bottom: 0px;
    border-top: 0px;
    margin-bottom: 0px;
  }

  .teasercontainer.viererbox {
    order: 2;
    flex-basis: auto;
    margin-right: 0px;
  }

  .grid_row.viererbox .contentanzeige {
    order: 1;
    flex-basis: initial;
  }

}



/* Box Sendmail */

.fcms-versandobjektart {
  width: 520px;
  max-width: 100%;
}

.fcms-headline {
  font-size: 19px;
  font-weight: bold;
  margin-bottom: 10px;
}

.fcms-versandobjekt {
  width: 435px;
  padding: 10px;
  margin: 10px 0px 20px 0px;
  border: 1px solid #cccccc;
  float: left;
}



.fcms-versandobjekt .fcms-title {
  font-weight: bold;
  font-size: 13px;
  margin: 0px 0px 5px 0px;
}

.fcms-versandobjekt img {
  float:left;
  margin-right: 10px;
  width: 150px;
  height: auto ! important;
}

.fcms-versandobjekt div {
  float:left;
  width: 250px;
}

.fcms-clearer {
  clear: both;
  height: 1px;
}

.fcms-objektversand-form {
  margin-top: 10px;
  width: 600px;
  max-width: 100%;
  font-size: 14px;
}

.fcms-objektversand-form .row {

  display: flex;

}


.fcms-objektversand-form .row .label {
  flex-basis: 150px;

  font-weight: 600;
  padding: 10px 0px;
}

.fcms-objektversand-form  .row .value {
  width: 100%;
  padding: 10px 0px;
}

.fcms-objektversand-form  .row .value input {
  width: 100%;
}

.fcms-objektversand-form .fcms-required,
.fcms-sendeerror {
  margin: 0px 3px 0px 3px;
  color: red;
}

.fcms-sendeerror {
  text-align: center;
}

.fcms-sendeerror-input {
  background-color: #FF9999;
}

.fcms-sendepflicht-input {
}

.fcms-objektversand-form textarea {
  width: 100%;
}




/* Artikeldetail */


.artdetail_text {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.artdetail_text .textabschnitt {
  flex-basis: 760px;
  max-width: 100%;
}

.artdetail_text .textabschnitt_simple {
  flex-basis: 760px;
  max-width: 100%;
}

.artdetail_text .werbabschnitt {
  flex-basis: 300px;
  margin-right: 0px;
}

.artdetail_text,
.artdetail_text p {
  font-size: 16px;
  line-height: 25px;
}

.artdetail_text li { 
  margin-top: 20px; 
}

.artdetail_text ul {
  list-style-type: disc;
  list-style-position: inherit;
}

.artdetail_text ol {
  list-style-type: decimal;
  list-style-position: inside;
  position: relative;
  margin: 50px;
  color: #000;
  line-height: 35px;
  font-size: 25px;
}

@media screen and (max-width: 736px) {
  .artdetail_text ol {
    list-style-type: decimal;
    list-style-position: inside;
    position: relative;
    margin: 20px;
    color: #000;
    line-height: 25px;
    font-size: 20px;
  }
}

.artdetail_text .textabschnitt p:first-of-type::first-letter {
  font-size: 35px;
}

.artdetail_text .textabschnitt_simple p:first-of-type::first-letter {
  font-size: 35px;
}

.artdetail_text .textabschnitt::first-letter {
  font-size: 35px;
}

.artdetail_text .textabschnitt_simple::first-letter {
  font-size: 35px;
}

.artdetail_text .textabschnitt .block_extlink p:first-of-type::first-letter {
  font-size: 16px;
}

.artdetail_text .textabschnitt_simple .block_extlink p:first-of-type::first-letter {
  font-size: 16px;
}

.artdetail_text + p {
  color: red;
}


.artdetail .intro h1 {

  font-size: 30px;
  line-height: 32px;
}

.artdetail .intro h2 {

  font-size: 14px;

}


.teasercontainer.artdetail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

}
.teasercontainer.artdetail.simple {
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}





nav.socialtags {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100px;
  flex: 1 1 100px;
}


nav.socialtags ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

nav.socialtags li {
  margin-bottom: 10px;
}

.artdetail_block {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 840px;
  flex: 1 1 840px;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 840px;
}

.artdetail_topblock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;

}

.artdetail_topblock .intro {
  -webkit-box-flex:2;
  -ms-flex:2;
  flex:2;
  margin-top: 60px;

}

.artdetail_topblock .artdetail_author {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px;

}

.artdetail_short {
  font-family: "Times New Roman", serif;
  font-size: 20px;
  line-height: 25px;
  margin: 20px 0px;
}

.artdetail_author .date {
  font-size: 14px;
  text-align: right;

}


nav.socialtags span {
  display: inline-block;

  width: 100px;

}



.artdetail .artikelfuss {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #009C86;
  font-weight: 600;
}

@media screen and (min-width: 737px) {
  .artdetail .artikelfuss.simple {

    display: block;

  }

  .artdetail .artikelfuss.simple > div {
    justify-content: flex-end;
  }

}

.artdetail .artikelfuss > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
}



.werbintext {


  float: right;
  margin: 0px 0px 20px 20px;
}







.werbintext:after {
  content: 'Anzeige';
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  text-align: right;
  margin-right: 0px;

  margin-bottom: -6px;
  display: block;
}

.artdetail .detailbild {
  margin: 0px 0px 30px 0px;
  border-bottom: 1px solid #ddd;

}

.artdetail .detailbild .image {
  position: relative;
}
.artdetail .detailbild .bilduntertext {
  font-size: 13px;
  padding-bottom: 10px;
  /* display: flex; */
}

.artdetail .detailbild .fotoautor {

  white-space: nowrap;
  font-size: 12px;
}


.art-image {
  float: left; margin-right: 30px;
  margin-bottom: 10px;
  margin-top: 10px;
  width: 300px;

}

.artdetail i.icon-increase {
  bottom: 10px;
  color: #fff;
  font-size: 1.75rem;
  position: absolute;
  right: 4px;
}


/* Schlagworte und Orte für Themen in Detailartikel */

.keywordlisten {
  border-bottom: 1px solid #ddd;
  padding-bottom: 30px;

}

.keywordlisten h3 {
  border-top: 1px solid #ddd;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  padding: 30px 0px;
  margin-top: 30px;
}

ul.schlagworte li {
  font-size: 14px;
  color: #000;
  padding: 8px 10px;
  border: 1px solid #ddd;
  border-radius: 10px;
  margin-bottom: 10px;
  position: relative;
  cursor: pointer;
  margin-right: 10px;
}

ul.schlagworte {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;

  max-width: 600px;
}



.arrowbox
{
  position: absolute;
  bottom: 55px;
  left: 10px;
  background: white;

  border: 1px solid #ddd;
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.3);
  border-radius: 4px; 

  width: 350px;
  z-index: 10;
}
.arrowbox .box-inner {

  padding: 10px 10px 0px 10px;
  background: white;
  margin-top: 0px;
  margin-bottom: -20px;
  border-radius: 4px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.arrowbox .box-inner span {
  display: inline-block;
  position: absolute;
  right: 0px;
  top: 5px;
}


.arrowbox:after
{
  content: '';
  position: relative;
  margin-left: 25px;
  top: 11px;
  background: white;
  display: block;
  width: 20px;
  height: 20px;
  box-shadow: 3px 3px 5px -1px rgba(0, 0, 0, 0.1);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 9;

  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;

}


.thementooltip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.thementooltip div {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  text-align: center;

}

.thementooltip p {
  margin-top: 10px;
  font-size: 14px;
}

.thementooltip div:first-child {
  border-right: 1px solid #ddd;
}

/* Autor in Detailartikel */

.artikelautor {
  white-space: nowrap;
  text-align: center;
  font-size: 14px;

}

.artikelautor a {
  color: #009C86;
}

/* Fotos */


.fototeaser {

  margin-top: 25px;
}

.fototeaser img {
  display: block;
}




.fototeaser article.default {
  width: 760px;
  max-width: calc(100% - 8px);

  border-right: 8px solid #eee;



}


.fototeaser .teasercontainer.inline {

  width: 760px;
  max-width: 100%;
  border: none;
  padding-left: 0px;
  padding-right: 0px;

}


.fototeaser header {

  font-size: 18px;
  font-weight: 600;
  display: inline-block;

  margin-top: 0px;
  margin-bottom: -20px;
}


.fototeaserarray {
  height: 150px;
  padding: 8px;
  overflow: hidden;



}



.fototeaserart
{
  position: relative;
  float: left;
  width:243px;
  margin-right: 7px;
  overflow:hidden;
  height: 135px;


}



.fototeaserart:last-child {
  margin-right: 0px;
}

.fototeaserart IMG
{
  width: 100%;
  height: auto;
}



/* Kommentare */


label[for="perma003"]
{
  margin-top: 8px;

}

.commentregister .radioblock label {

  margin-top: 5px;
}

.notify-group {
  display: flex;
  line-height: 20px;

  align-items: center;
}

.notify-group label {
  margin-right: 0px !important;


}


#artikeldetail .limitContainer,
#artikeldetail button.moreElements {
  display: none;
}



.commentregister {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}



.commentregister .registercontainer {
  -ms-flex-preferred-size: 60%;
  flex-basis: 60%;
  margin-top: 10px;
}

.commentregister .captcha {
  -ms-flex-preferred-size: 40%;
  flex-basis: 40%;
  margin-left: 20px;
  background-color: #ddd;
  padding: 10px;
  line-height: 25px;
  margin-top: 33px;
  height: 145px;
}

.commentregister .captcha input {
  background-color: #fff;
  border: 1px solid black;
  margin-top: 10px;
}

form.commentform {


  font-size: 14px;
  margin: 40px 170px;
}


.commentform .nologin {
  display: inline-block;
  margin-top: 20px;
}
.error {
  color: #009C86;
}


form.commentform label,
#competition-login-content label {
  display: block;
  font-size: 14px;
  font-family: "Open Sans", "Verdana", sans-serif;

  font-weight: 500;
  text-align: left;

}

#competition-login-content label {
  margin-left: 10px;
}

form.commentform input#send_comment,
form.commentform input.button.login,
form.commentform input.button.register
{
  padding: 5px 10px;
}

.elementsContainer {
  padding: 0px 115px;

}

.commentform .editor_row_label,
.registercontainer .editor_row_label,
.registercontainer .register_row_label{
  margin-bottom: 8px;
}

.commentform .editor_row_text,
.registercontainer .editor_row_text,
.registercontainer .register_row_text {
  margin-bottom: 30px;
}

.editor_row_input label {
  padding-top: 0px;
}

form.commentform input.button, form.commentform input[type="submit"].button {
  border: 0px solid #000;
}

.commentform h1 {
  font-size: 36px;
  line-height: 40px;
}

.commentform .nologin b {
  color: #009C86;
  font-weight: normal;
  cursor: pointer;
}

.noElements {
  color: grey;
  font-weight: bold;
  text-align: center;
  margin: 10px 0;
}

.loaderContainer,
.moreElements {
  margin-top: 10px;
}

.postingList {

  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;



  padding: 10px 0px;


}




.postingHead {
  color: #009C86;
  font-size: 16px;
}

.postingHead .replyto {
  font-size: 14px;
  padding-top: 5px;
}

.postingHead .replyto a {
  text-decoration: underline;
}
.postingList ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.postingList .postingElement {
  border-bottom: 1px solid #ddd;
}



.postingListControls {

  padding-bottom: 20px;
  text-align: center;
}





.postingListControls ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.postingListControls li {
  border: none;
  display: inline-block;
}

/* .postingListControls > div {
display: inline-block;
margin-right: 20px;
} */

.postingListControls .sortContainer {
  display: block;
  margin-right: 0px;
  margin-bottom: 20px;

}

.postingListControls .sortContainer .active,
.postingListControls .limitContainer .active {
  color: #009C86;
  font-weight: bold;
}

.addPostingButton {
  background-color: #009C86;

  display: inline-block;
  margin-bottom: 10px; 
  border: 1px solid #ffffff;
  border-radius: 5px;
  padding: 3px 10px;
  font-family: "Open Sans", sans-serif !important;
  font-size: 14px !important;
  text-transform: uppercase;
  font-weight: 400 !important;
  color: #ffffff;
  -webkit-appearance: none;
  cursor: pointer;


}




button.moreElements,
button.allElements {
  margin-top: 20px;
}

button.allElements {
  display: none;
}

#artikeldetail button.allElements {
  display: inline-block;
}

#artikeldetail a.allcomments {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.watchContainer img {
  position: relative;
  top: 3px;
}

.postingElement {
  padding: 20px 0px;

}

.postingElement .postingContent {
  margin: 10px 20px 10px 0px;
}

.postingElement .postingContent h2 {
  font-size: 20px;
  line-height: 24px;
}

.postingElement .postingFoot {
  text-align: right;
  font-size: 14px;
  margin-right: 20px;
  color: #000;
  margin-top: 40px;
  font-weight: 500;
}

.postingElement .postingFoot > span {
  margin-left: 10px;
}

.postingElement .postingFoot span {
  display: inline-block;
  vertical-align: top;
  line-height: 17px;
}

.postingElement {
  position: relative;
}

.postingFoot span.reply:before {
  font-family: 'Fontello';
  content: '\f112'; 
  padding-right: 5px;
  color: #999;
}

.postingFoot span.report:before {
  font-family: 'Fontello';
  content: '\e80b';
  padding-right: 5px;
  color: #999;
}

.postingFoot span.recommend:before {
  font-family: 'Fontello';
  content: '\e80f';
  padding-right: 5px;
  color: #999;
}

.postingFoot span.count {
  position: absolute;
  top: 20px;
  right: 20px;
  white-space: nowrap;
}

.postingFoot span.count:before {
  font-family: 'Fontello';
  content: '\e80f';
  padding-right: 5px;
  color: #999;
}


.loaderContainer {
  text-align: center;
}

.newThreadsContainer > ul > li:first-child {
  border-top: none;
}

.newThreadsContainer {
  border-bottom: 4px solid lightgrey;
  background: beige;
}

.newAnswersContainer {
  background: beige;
}

.newThreadElementContainer .postingCountContainer {
  margin-top: 10px;
}

.newAnswerElementContainer {
  float: right;
}

.newThreadElementContainer .postingCountContainer,
.newAnswerElementContainer .postingCountContainer {
  text-align: center;
  background-color: darkred;
  color: white;
  padding: 5px;
  font-size: 8pt;
  border-radius: 5px;
  font-weight: bold;
  cursor: pointer;
}


.postingTiefe2 {
  margin-left: 40px;
}
.postingTiefe3 {
  margin-left: 80px;

}

.postingTiefe4,
.postingTiefe5,
.postingTiefe6 {
  margin-left: 120px;


}


@media screen and (max-width: 985px) {

  form.commentform {
    font-size: 14px;
    margin: 40px 80px;;
  }


  .elementsContainer {
    padding: 0px 20px;
  }


}

@media screen and (max-width: 736px) {




  .postingList p,
  form.commentform p {
    font-size: 14px;
    line-height: 25px;
  }

  .postingElement .postingFoot {
    margin-top: 15px;
  }


  /*
  .postingElement .postingFoot a {
  font-weight: 600;
} */



  form.commentform {
    font-size: 14px;
    margin: 40px 0px;
  }

  .elementsContainer {
    padding: 0px;
  }

  .commentregister {
    display: initial;
  }

  .commentregister .captcha {

    margin-left: 0px;

    margin-top: 20px;

  }

  .postingTiefe2 {
    margin-left: 20px;
  }
  .postingTiefe3 {
    margin-left: 40px;

  }

  .postingTiefe4,
  .postingTiefe5,
  .postingTiefe6 {
    margin-left: 60px;


  }

}


/* Ende Kommentare */


/* Artikeldetail Anpassungen Smartphone */



/* Hack für IE11 */
@media screen and (max-width: 985px) {

  .teasercontainer.artdetail:first-child {
    display: block;


  }
}

@media screen and (max-width: 736px) {

  .artdetail_text .werbabschnitt  {
    text-align: center;
    width: 100% !important;
    max-width: 100%;
    margin-top: 20px;
  }


  .artdetail_text .textabschnitt p:first-of-type::first-letter {
    font-size: 30px;
  }

  .artdetail_text .textabschnitt_simple p:first-of-type::first-letter {
    font-size: 30px;
  }

  .artdetail .intro h1 {
    font-size: 25px;
    line-height: 28px;
  }

  .artdetail_short {
    font-family: "Times New Roman", serif;
    font-size: 18px;
    line-height: 23px;
    margin: 10px 0px;
  }


  .artdetail_text {
    margin-top: 5px;
  }

  .werbintext {
    text-align: center;
    margin: 0 auto;
  }

  nav.socialtags {
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial;
    margin-top: -60px;
  }

  .artdetail_block {
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial;
    display: block;
  }

  nav.socialtags span {
    display: inline-block;
    position: relative;
    top: 0px;
    width: 100%;
  }


  .artdetail_topblock {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;

  }

  .teasercontainer.artdetail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;


  }



  nav.socialtags {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .artdetail_block {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;

  }

  .artdetail_topblock .artdetail_author {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
  }

  .artdetail_author .artikelautor,
  .teasercontainer .artikelautor,
  #frontpageGlider .artikelautor {
    text-align: left;
    color: #808080;
    font-size: 13px;
  }

  .teasercontainer .artikelautor:not(.detailansicht) {
    padding-top: 13px;

  }
  #frontpageGlider .artikelautor {
    padding: 0px;
  }

  .teasercontainer .artikelautor a,
  #frontpageGlider .artikelautor a {
    color: #808080 !important; text-decoration: underline;
  }

  #frontpageGlider .artikelautor {
    margin-left: 10px;
    padding-top: 15px;
  }


  .artdetail .detailbild .bilduntertext {
    color: #808080;
    padding-bottom: 5px;

    display: block;
    margin: 0px;
    line-height: 20px;

  }


}


/* Ajaxbildertab in Artikeldetail */

/* Inklusive Anpassungen Tablet und Smartis */

@media screen and (max-width: 985px) {

  #artikeldetailtab .artdetail h1 {

    margin-top: 20px;
  }

}

@media screen and (max-width: 736px) {

  #artikeldetailtab .artdetail h1 {

    margin-top: 0px;
  }

}



.fCMS_ajaxpage .bildunterschrift {

  font-size: 14px;
  /* display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; */
  padding: 10px 20px 20px 20px;
  max-width: 100%;
}

.fCMS_ajaxpage .bildunterschrift .small {
  font-size: 12px;
}


@media screen and (max-width: 736px) {

  .fCMS_ajaxpage .bildunterschrift {
    max-width: calc(100vw - 40px);
    padding-left: 0px;
    padding-right: 0px;

  }

}



.fCMS_ajaxpage .ajaxdetailcounter {
  white-space: nowrap;
  margin-left: 25px;

}

.fCMS_ajaxpage
.slider-element .pager {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0px 20px;
}

.slider-element__wrapper {
  position: relative;
}


#previewGlider.glider {
  width: 100%;

  padding: 0px 19px;
  overflow: hidden;
  margin: 35px 0px 40px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;


}





#previewGlider img {
  display: block;
}




#previewGlider .glider_button {
  width: 25px;
  height: 100%;
  background-color: #f2f2f2;

  border: 1px solid #ddd;
  cursor: pointer;

  display: table;
  font-family: 'Fontello';
  -ms-flex-item-align: center;
  align-self: center;
  overflow: hidden;

}



@media screen and (min-width: 986px) {

  #previewGlider .glider_button {

    height: 117px;
  }

}



#previewGlider .glider_button-disabled {
  opacity: 0.4;
  cursor: default;
}


.glider_button-left::before {
  content: "\e808";
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 100%;
}
.glider_button-right::before {
  content: "\e809";
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 100%;
}

#previewGlider .glider_container {
  width: calc(100% - 55px);
  overflow: hidden;
  float: left;
  margin-left: 4px;
  padding: 0;


}


#previewGlider .glider_gallery {

  position: relative;

}

#previewGlider .glider_item {
  opacity: 0.6;
}

#previewGlider .glider_item.active {
  opacity: 1;
}

#previewGlider .glider_item, #previewGlider .glider_item img, #previewGlider .glider_item:hover img, #previewGlider .glider_item.active img {
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

#previewGlider .glider_item {
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  width: 210px;
  height: auto;
  float: left;
  margin: 0px 5px;

}



nav.socialtags.ajaxdetail {
  width: 100%;
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 1 100% !important;
  flex: 1 1 100% !important;
  position: relative;
  margin-top: 0px;
  margin-left: 20px;
}

nav.socialtags.ajaxdetail span {
  display: inline-block;
  width: 100%;
}

nav.socialtags.ajaxdetail ul {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

nav.socialtags.ajaxdetail ul li {
  margin-right: 20px;
}


nav.socialtags.ajaxdetail section.social {
  width: 100%;
  text-align: center;
  position: static;

}

#artikeldetailtab.mediathek {
  margin-top: 50px;

}


@media screen and (max-width: 985px) {

  #artikeldetailtab {
    margin-top: 95px;

  }


  #artikeldetailtab.mediathek {
    margin-top: 120px;

  }

  nav.socialtags.ajaxdetail ul li {
    margin-right: 10px;
  }


}

@media screen and (max-width: 736px) {
  nav.socialtags.ajaxdetail {
    margin-left: 0px;
  }


  #artikeldetailtab.mediathek {
    margin-top: 95px;

  }


}


/* Ende Ajaxbilder und Glider in Detail */




/* Responsive Tablet */

@media screen and (max-width: 1200px) {

  #skyscraper_left,
  #skyscraper_right {
    display: none;
  }

  #off-canvas-wrapper {
    width: 95vw;
  }

}


@media screen and (max-width: 985px) {



  /* Allgemeines */




  .mar-1 {margin: 16px !important}
  .mar-2 {margin: 32px !important}
  .mar-top-1 {margin-top: 16px !important}
  .mar-top-2 {margin-top: 32px !important}

  .mar-right-1 {margin-right: 16px !important}

  .mar-right-2 {margin-right: 32px !important}

  .mar-bottom-1 {margin-bottom: 16px !important}
  .mar-bottom-2 {margin-bottom: 32px !important}


  .mar-left-1 {margin-left: 16px !important}
  .mar-left-2 {margin-left: 32px !important}

  .grid_item.mar {
    margin-right: 16px;
  }

  article.epaper-inner .grid_item.mar {
    margin-right: 5px;
  } 
  article.epaper-inner .grid_item.mar:last-child {
    margin-right: 0;
  }


  #superbanner,
  #servicebox {
    display: none;
  }



  #page-wrapper {
    width: 768px;
    max-width: 100%;
  }

  .anzeige,
  .contentanzeige {
    padding-left: 0px !important;
    padding-right: 0px !important;
    max-width: 100%;
  }


  header.teaser.default:not(.media) {
    margin-top: 100px;
  }





  .teasercontainer article h1 {

    padding-right: 0px;
  }


  /* Anzeigenbox */


  .teasercontainer.anzeigen h1 {


    font-size: 20px;
  }


  /* Dossierbox */

  .dossierteaserbox {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 100%;

  }

  .dossierteaserbox > div:first-child,
  .dossierbox .teaserleft {
    -ms-flex: 355px;
    flex: 355px;
    -ms-flex-item-align: center;
    align-self: center;
  }

  .dossierbox .teaserright {
    -ms-flex: 235px;
    flex: 235px;
    margin-left: 0px;
  }

  .dossierteaserbox > div {
    margin-bottom: 0px !important;
  }

  .dossierteaserbox > div:first-child {
    margin-right: 80px;
  }


  .dossierbox button {
    bottom: 20px;
  }






  /* Topliste */

  .favorites > div {
    margin-right: 15px !important;
  }

  .favorites > div:last-child {
    margin-right: 0px !important;
  }

  /* TopGlider */

  #frontpageGlider .gallery-container {

    height: 385px;
    max-height: 57vw;

  }

  .toplist h2 {
    margin-left:0px !important;
  }

  /* Glider */




  #frontpageGlider .gallery-container .gallery-item {
    width: 768px;

    max-width: 100vw;

  }

  #frontpageGlider .gallery-container .gallery-item figure figcaption {
    margin: 0 80px;
    bottom: 60px;
  }

  #frontpageGlider .glider-navigation {
    position: absolute;
    bottom: 10px;
    left: 0;
    z-index: 3000;
    width: 100%;
    margin-left: 70px;
  }


  nav.mininav {
    height: 0px;

  }



  #mainNavigation,
  nav.mininav .date,
  nav.mininav .left,
  .searchform {
    display: none !important;
  }

  nav.mininav ul.right > li:not(#login) {
    display: none;
  }


  nav.mininav ul:not(#ajax-login-box) {
    padding: 0px;
  }

  nav.mininav ul.right li {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;
  }

  nav.mininav a.login-box-toggle {
    font-size:0px;
  }





  .fixeme {
    width: 768px;
    max-width: 95vw;
    position: fixed;

    top: 0px;

    z-index: 1001;
    background:rgba(255,255,255,1);
  } 

  header.tophead {

    top: 0px;
    left: -1px;
    height: 85px;
    padding: 0px 0px 40px 0px;
    font-family: "Open Sans", "Verdana", sans-serif;
    color: #333;
    margin-bottom: 0px;
    border: 1px solid #dddddd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .logo {
    padding-top: 55px;
  }

  .loginimage {
    display: block;
    padding-right: 20px;
    padding-top: 5px;
    text-align: right;
    position: absolute;
    right: 0px;
    bottom: 25px;

  }

  #ajax-login-box, #ajax-logout-box {
    position: absolute;
    right: -1px;
    top: 83px;
    background: #ffffff;
    border: 1px solid #dddddd;
    padding: 10px !important;
    z-index: 1002;


  }


  .mymobilemenu {
    display: inline;
    padding-left: 20px;

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;
    padding-top: 40px;
  }

  .mininav {

    -webkit-box-ordinal-group: 4;

    -ms-flex-order: 3;

    order: 3;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .logo {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4;
  }

  .mm-opened #contentwrapper {

    opacity: 0.3;
    background-color: transparent;
    overflow: hidden;

  }







  nav.metalinks {
    margin-top: 85px;

  }


  .mm-opened nav.metalinks {

    margin-top: 0px;
  }


  /* Artikeldetail */




  #artikeldetail {
    margin-top: 80px;


  }



  .teasercontainer.artdetail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }


  nav.socialtags {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    position: relative;
    margin-top: -40px;
  }

  nav.socialtags.placeholder {
    margin-top: 0px;
  }

  nav.socialtags ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: -25px;
  }

  nav.socialtags li {
    margin-right: 10px;
  }

  nav.socialtags span {
    display: inline-block;
    width: 100%;
  }

  .artdetail .artikelfuss {
    margin-left: 200px;

    width: calc(100% - 200px);
    margin-top: 20px;
  }

  .artdetail .artikelfuss .icondrucker {
    display: none;
  }

  .artdetail_block {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    display: initial;
    max-width: 100%;
    flex-basis: auto;


  }






  .icon-button.twitter {
    background-color: #6abcef;
  }

  .icon-button.facebook {
    background-color: #5a7aad;
  }


  .icon-button.mail {
    background-color: #9a9a9a;
  }

  .icon-button.google,
  .icon-button.themen {
    display: none;
  }


  .icon-button.app {
    display: inline-block;
    background-color: #58da6e;
  }



  /* .artdetail_text .textabschnitt {

  flex-basis: 440px;
  margin-right: 10px;

} */

  /* .artdetail_text .werbabschnitt {
  width: 235px;
  flex-basis: 235px;

} */


  /* .fototeaser article.default {
  max-width: 440px;
} */

}





/* Schmales Tablet */


@media screen and (max-width: 850px) {




  .dossierbox h1 {
    font-size: 35px;
    line-height: 40px;
  }

  .grid_row .grid_item.big {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    -ms-flex-negative: 1;
    flex-shrink: 1;
  }

  .dossierteaserbox > div {
    margin-bottom: 0px !important;
  }

  .dossierbox button {
    bottom: 20px;
  }


  .dossierteaserbox > div:first-child {
    margin-right: 30px;
    margin-left: 30px;
  }


  .toplisten ul.metalinks li:after {
    content: " ";


  }




  .thementooltip p {
    margin-bottom: 0px;
  }

  .arrowbox
  {
    position: absolute;
    bottom: 45px;
    left: 0px;
    background: white;

    border: 1px solid #ddd;
    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.3);
    border-radius: 4px; 

    width: 300px;
    z-index: 10;
    font-size: 12px;
  }

  .arrowbox p {
    font-size: 12px;
    line-height: 14px;
  }


  .arrowbox button.simple {
    background-color: transparent;
    position: relative;
    bottom: 0px;
    font-size: 12px !important;
    color: #000;
    padding: 3px 5px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin: 10px 0px;
  }

  .arrowbox .box-inner {

    padding: 10px;
    background: white;
    margin-top: 0px;
    margin-bottom: -10px;
    border-radius: 4px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  .arrowbox .box-inner span {
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 5px;
  }


  .arrowbox:after
  {
    content: '';
    position: relative;
    margin-left: 25px;
    top: 5px;
    background: white;
    display: block;
    width: 10px;
    height: 10px;
    box-shadow: 3px 3px 5px -1px rgba(0, 0, 0, 0.1);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 9;

    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;

  }



  #frontpageGlider .gallery-container {

    height: 370px;
    max-height: 57vw;

  }

  #frontpageGlider .gallery-container .gallery-item figure figcaption {

    bottom: 70px;

  }

}





/* Smartphone */





@media screen and (max-width: 736px) {


  header.teaser h1 {
    font-size: 30px;
    line-height: 40px;
  }



  .teasercontainer article h1 {
    color: #000;
    font-size: 24px;
    line-height: 430px;
    margin-bottom: 5px;
    padding-right: 40px;
  }

  .artdetail_text {
    display: initial;
    display: block;
  }

  .artdetail_text .textabschnitt {
    width: 100%;
    margin-top: -25px;
  }

  .artdetail_text .textabschnitt_simple {
    width: 100%;
    margin-top: -25px;
  }

  .art-image {
    float: none; margin-right: 0px;
    margin-bottom: 20px;
    margin-top: 30px;
    width: 100%;


  }

  .fototeaser article.default {
    max-width: 100%;
  }

  .artdetail .detailbild {
    margin: 0px;
    border-bottom: none;
  }

  artdetail .artikelfuss > div {
    margin: 10px; }

  .artdetail .artikelfuss {
    margin-left: 0px;
    width: 100%;
    margin-top: 70px;
    margin-bottom: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 13px;
    position: relative;
  }

  .artdetail .artikelfuss.simple {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .keywordlisten {
    padding-bottom: 20px;
  }

  section.social {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 110px;

  }
  nav.socialtags {
    margin-top: -60px;
  }


  nav.socialtags ul {

    width: 200px;

    position: static; 
    margin: 0 auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;

  }



  nav.socialtags li.icon-button {
    width: 35px;
    height: 35px;
    font-size: 23px;
    line-height: 35px;
  }
  nav.socialtags .icon-mail-alt {
    font-size: 19px;

  }
  nav.socialtags .icon-button.mail {
    line-height: 32px;
  }


  article.video {
    width: 100%;
    max-width: 100%;
    padding-bottom: 10px !important;
    margin: 30px 0px;

  }






  .fototeaser article.default {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0px !important;

  }





  #artikeldetail {
    margin-top: -20px;

  }

  .artdetail_topblock .intro {

    margin-top: 0px;

  }



  .loginimage {
    bottom: 15px;
  }

  .mymobilemenu {
    display: inline;
    padding-left: 5px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-top: 50px;
  }

  nav.mininav ul .loginimage {
    padding-right: 0px;

  }

  .mehrzumthema .mar-right-1 {
    margin-right: 0px !important;
  }


  /* Padding für Elemente in Detail, damit graue Linie durchgehen */

  #artikeldetail .artdetail_topblock .intro,
  #artikeldetail .artdetail_author .artikelautor,
  #artikeldetail .artdetail_text .textabschnitt,
  #artikeldetail .artdetail_text .textabschnitt_simple,
  #artikeldetail .keywordlisten,
  #artikeldetail .mehrzumthema article header,
  #artikeldetail .mehrzumthema article p,
  #artikeldetail .postingList,
  #artikeldetail #formular,
  #artikeldetail .grid_row.mediathek
  {
    padding: 0px 10px;
  }

  #artikeldetail .keywordlisten {
    padding-bottom: 20px;
  }



  #artikeldetail .postingListControls {
    margin-top: 20px;
  }



  #artikeldetail .grid_row.flex.mediaglider li.grid_item,
  #artikeldetail .grid_item.video {
    padding: 0px;
  }



  /* Werbung */

  .contentanzeige {
    margin-bottom: 20px;
    text-align: center;
    border-bottom: 0px !important;
  }

  .contentanzeige:not(.rectangle) {
    margin-top: 30px !important;
    margin-bottom: 5px;
  }

  .teasercontainer article.contentanzeige.rectangle,
  .contentanzeige.rectangle {
    max-width: 300px;
    margin: 0 auto !important;
    padding-top: 30px !important;
    padding-bottom: 0px !important;

  }

  .grid_row.viererbox .contentanzeige.rectangle {
    margin-top: 10px !important;

  }

  .contentanzeige.rectangle.home {

    top: 10px;

  }



  .contentanzeige.default {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 30px 10px !important;

  }


  .werbintext {


    float: initial;
    margin: 20px 0px 20px 0px;
  }


  /* Allgemeines */

  .hide-me {
    display: none !important;
  }

  .no-desk-display {
    display: inline-block !important;
  }



  main {
    margin-top: 80px;
    display: block;

  }

  #ajax-login-box, #ajax-logout-box {
    position: absolute;
    right: -1px;
    top: 65px;

  }

  #off-canvas-wrapper {
    max-width: 90vw;
  }


  .fixeme {
    max-width: 90vw;

  }


  .grid_row {
    padding: 0px;
  }

  .grid_row .grid_item,
  .artdetail_block,
  .artdetail_topblock .intro {
    flex-basis: auto;
  }



  .grid_row.mediathek {
    margin-bottom: 10px;
  }

  .grid_row.pad {
    padding: 0;
  }


  .grid_row.pad .grid_item:not(.inline) {
    padding: 0px 10px;


  }


  .mar-1 {margin: 10px !important}
  .mar-2 {margin: 20px !important}
  .mar-top-1 {margin-top: 10px !important}
  .mar-top-2 {margin-top: 20px !important}

  .mar-right-1 {margin-right: 10px !important}
  .mar-right-2 {margin-right: 20px !important}

  .mar-bottom-1 {margin-bottom: 10px !important}
  .mar-bottom-2 {margin-bottom: 20px !important}


  .mar-left-1 {margin-left: 10px !important}
  .mar-left-2 {margin-left: 20px !important}

  .grid_item.mar {
    margin: 0px;
  }

  .grid_row.anzeige {
    display: none;
  }


  footer.footerlinks {
    margin-top: 20px;
  }



  #page-wrapper,header.tophead {
    border: 0px;
  }

  header.tophead {
    height: 65px;
    border-bottom: 1px solid #ddd;
  }

  ul.metalinks.head {
    display: none;
  }

  ul.footerlinks,
  section.footerlinks {
    display: none;
  }

  ul.footerlinks.mobil {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .grid_row.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }


  .grid_item.mar-right-1 {
    margin-right: 0px !important;

  }


  .teasercontainer article.nopic,
  article.grid_item.mar.nopic {

    padding-top: 15px !important;
    padding-bottom: 20px !important;
    border-bottom: 1px solid #ddd;
  }




  nav.metalinks {
    margin-top: 0px;
  }


  /* Glider */

  .grid_row.glider {
    padding: 0px 0px 20px 0px;
    margin-bottom: 0px;
    margin-top: -30px;
  }

  #frontpageGlider .gallery-container .gallery-item figure figcaption {
    position: relative;
    top: 0px;
  }

  #frontpageGlider .gallery-container {
    height: auto;
    max-height: 100%;
  }


  #frontpageGlider .glider-navigation {
    position: absolute;
    top: 38vw;
    left: 0;
    z-index: 3000;
    width: 100%;
    text-align: center;
    margin-left: 0px;
    height: 30px;
  }


  #frontpageGlider .glider-navigation ul li {
    margin-right: 10px;
  }

  #frontpageGlider .glider-navigation ul li:last-child {
    margin-right: 0px;
  }


  #frontpageGlider .glider-navigation ul li a {

    font-size: 0px;
    padding: 0px;

    display: inline-block;
    vertical-align: top;
    width: 10px;  
    height: 10px;
    position: relative;
    z-index: 127;
    margin-left: 0px;
    margin-top: 0px;
    border: 1px solid rgb(255,255,255);
    border-radius: 6px;
    background-color: rgba(0,0,0,0.504);


  }


  #frontpageGlider .glider-navigation ul li a.active {
    background: rgba(255,255,255,1);
  }

  #frontpageGlider .glider-button {
    height: 50px;
    top: 20vw;
  }


  #frontpageGlider .gallery-container .gallery-item figure figcaption {
    margin:10px 10px 0px 10px;
    max-width: 85vw;
  }




  #frontpageGlider .gallery-container .gallery-item figure figcaption,
  #frontpageGlider .gallery-container .gallery-item figure figcaption a,
  #frontpageGlider .gallery-container .gallery-item figure figcaption p > a:first-of-type,
  #frontpageGlider .gallery-container .gallery-item figure figcaption h2

  {


    text-shadow: 0px 0px 0px rgba(0,0,0,0);  
    color: #000 !important;
  }

  #frontpageGlider .gallery-container .gallery-item figure figcaption p

  {
    font-size: 14px;
    line-height: 20px;
  }



  #frontpageGlider .gallery-container .gallery-item figure figcaption h2 a {
    color: #009C86 !important;
    font-size: 12px;

  }

  #frontpageGlider .gallery-container .gallery-item figure figcaption h1 {
    font-family: "Times New Roman", serif;
    font-size: 23px;
    line-height: 28px;
    text-shadow: 0px 0px 6px rgba(0,0,0,1);
    margin-bottom: 10px;
    margin-right: 40px;
  }

  /* Teaser */

  .grid_row.mediathek {
    padding: 0px;
  }

  .teasercontainer article figure {
    margin-bottom: 12px;
  }


  .teasercontainer article h1 {
    font-size: 23px;
    line-height: 28px;
  }




  .teasercontainer.toplist article:last-child {
    border-bottom: 1px solid #ddd;
  }


  .teasercontainer article:not(.inline):not(.video):not(.anzeigen):not(.nopic):not(.testdossier):not(.mini) {
    padding-top: 24px !important;
    padding-bottom: 20px !important;
    border-bottom: 1px solid #ddd; 
  }




  .teasercontainer article.artdetail_block {
    padding-bottom: 0px !important;
    border-bottom: 0px !important;
  }

  .teasercontainer article.artdetail_block_simple {

    border-bottom: 0px !important;
  }



  .teasercontainer.anzeigen article {
    padding-bottom: 0px !important;
    border-bottom: none !important;
    padding-top: 20px !important;
  }


  /* Dossierbox */



  .dossierbox {
    margin-bottom: 20px;
  }

  .dossierteaserbox {

    position: absolute;
    top: 0px;    
    text-align: center;   
    width: 100%;
  }


  .dossierteaserbox .teaserright {
    display: none;
  }

  .dossierteaserbox .teaserleft {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
    margin: 40px;
    margin-top: 3vw !important;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 90%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center;
  }

  .dossierteaserbox .textarea {
    max-width: 100%;
    width: 300px;
    margin: 0 auto;

  }

  .dossierbox button {
    margin: 0 auto;
    font-size: 20px;
    position: relative;
    top: 0vw;
    bottom: 0px;
    margin-bottom: 10px;
    -ms-flex-item-align: center;
    align-self: center;
  }

  .dossierteaserbox h1 {
    font-size: 25px;
    line-height: 30px;
  }



  #newsboxtop article {
    border: 0px !important;
  }

  #newsboxtop .grid_item {
    border-bottom: 1px solid #ddd;
  }

  /* 46er */

  header.dossierheader {
    font-size: 30px;
    font-family: "Times New Roman", serif;
    margin-top: 20px;
    margin-left: 8px;
    margin-bottom: 10px;
  }

  .sechsundvierziger {
    border-bottom: 1px solid #ddd;
  }

  .sechsundvierziger .testdossier h1 {
    margin-right: 40px;
  }

  .sechsundvierziger.teasercontainer article:not(.inline) {

    border-bottom: 0px solid #ddd;
    padding-top: 0px !important;
    padding-bottom: 18px !important;
  }

  article.testdossier {
    padding: 0px 10px;

  }

  article.testdossier p {

    margin-bottom: 10px;
  }



  .grid_item.big.mar {
    margin-right: 0px;
  }

  .grid_item .mini {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0px !important;
    border-bottom: 0px;


  }

  article.grid_item.mini {
    padding-bottom: 0px !important;
  }

  .grid_item .mini:last-child {

    border-bottom: 0px !important;
  }

  .grid_item.big {
    border-bottom: 0px;
  }




  .grid_item.small {

    padding: 0px 10px !important;
  }


  .grid_item .mini figure,
  .grid_item .mini section {
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
    margin-right: 10px;
  }

  .grid_item .mini figure {
    margin-bottom: 5px;
  }



  .grid_item .mini h1 {
    font-size: 18px;
    line-height: 20px;
    margin-right: 0px;
    padding-right: 0px;
  }

  .grid_item .mini h2 {
    margin-top: -3px;
  }

  /* Toplisten */

  .toplisten {
    margin: 25px 0px;
  }

  .toplisten ul.metalinks li:after {
    content: "i";

  }

  .toplisten .metalinks.teaser {
    margin-bottom: 0px;
    margin-top: 20px;
  }

  .teasercontainer button.more {
    display: none;
  }



  header.toplist h2 {
    color: #000;
    padding: 0px;
    margin-bottom: 2px;
  }

  /* .toplist li:first-child {
  border-top: 0px;
} */
  /* article.toplist:first-child {
  padding-top: 0px;
} */

  article.toplist:last-child {
    border-bottom: 0px;

  }

  .favoriten {
    margin-bottom: 20px;
  }

  .teasercontainer.toplistsent,
  .teasercontainer.toplistcomm {

    display: none;
  }


  .teasercontainer.toplistsent.active,
  .teasercontainer.toplistcomm.active {
    display: block;
  }



  .favorites > div {
    margin-right: 0px !important;
  }


  .grid_row.tagesbild {
    margin-top: 25px;
  }

  figure.tagesbild {
    margin-top: 10px; }

  .tagesbild figcaption {
    font-size: 12px;
    line-height: 18px;
    color: #000;
  }

  /* Teaser Übersichtsseiten */



  article.default .content.wide {

    margin-top: -5px !important; }


  nav.datepager {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  article.default:not(.inline) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 24px 10px 24px 10px !important;

  }



  header.teaser.default:not(.media) {
    margin-top: 0px;
  }

  header.teaser.default.media {
    margin-top: 0px;
  }

  article.default figure {
    margin-bottom: 0px;
    margin-right: 0px;
  }

  article.default.inline figure {
    flex-shrink: 0;
    -ms-flex-preferred-size: 150px;
    flex-basis: 150px;
    margin-bottom: 0px;
    margin-right: 10px;
    margin-left: 0px;
    width: 150px !important;

  }


  article.default.inline .content {
    flex: 1;
    flex-basis: initial;
    margin-right: 5px;


  }




  article.default .date {
    display: none;
  }

  article.default:not(.inline) figure {
    -ms-flex-preferred-size: initial;
    flex-basis: initial;
    flex-basis: auto;

  }


  article.default:not(.inline) .content {
    -ms-flex-preferred-size: initial;
    flex-basis: auto;
    margin-right: 0px;
    margin-top: 0px;
    max-width: 100%;


  }


  article.default figure {
    margin-bottom: 15px;
  }


  article.default.inline {
    padding: 0px;
  }

  article.default.inline h1 {
    font-size: 20px;
    line-height: 20px;
  }



  article.default.inline .content .desc {
    display: none;
  }

  /* Video in Detail */

  .video figure .icon.video {
    background: url('/design/icons/play.png') no-repeat center;
    display: inline-block;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 44%;
    left: calc(50% - 40px);
  }

  /* Mediathekglider und Anzeigenglider HP */




  .mediathek .streamset .icon {
    bottom: 15px; left: 0px;
  }

  .mediathek .fotoserie .icon
  {
    bottom: 15px;
    left: 5px;

  }




  .grid_row.flex.mediaglider,
  .grid_row.flex.anzeigen {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 300%;
    overflow: hidden;

  }

  .grid_row.flex.anzeigen.element-count-2 {
    width: 200%;
  }





  .grid_row.flex.mediaglider li.grid_item,
  .grid_row.flex.anzeigen .grid_item{
    width: 100%;
  }

  .grid_row.flex.mediaglider li.grid_item {
    padding: 0px 10px;
  }



  ul.dreierteaserTabs li {

    display: inline-block;
    margin-right: 10px;


  }

  ul.dreierteaserTabs li:last-child {
    margin-right: 0px;
  }




  UL.dreierteaserTabs LI:before {
    content: '';
    padding: 0px;
    display: inline-block;
    vertical-align: top;
    width: 8px;
    height: 8px;
    position: relative;
    z-index: 127;
    margin-left: 0px;
    margin-top: 0px;
    border: 1px solid rgb(255,255,255);
    border-radius: 6px;
    background-color: rgba(0,0,0,0.504);

    text-shadow: 0px 0px 30px rgba(0,0,0,1);
  }

  UL.dreierteaserTabs LI.active:before {
    background-color: rgba(255,255,255,1);
  }


  nav.dreierteaserswitchdots {
    display: block;

    position: absolute;
    top: 40vw;
    left: 0;
    z-index: 3000;
    width: 100%;
    text-align: center;
    margin-left: 0px;
    height: 40px;
    margin-bottom: 20px;


  }






  .mediathek nav.dreierteaserswitchdots {
    top: initial;
    bottom: 21px;
    height: 20px;


  }



  .mediathek:not(.dossier) .teasercontainer h1 {
    font-size: 16px;
    line-height: 20px;
    color: #000;
  }





  .anzeigen nav.dreierteaserswitchdots {
    bottom:10px;
    top: initial;
    height: 20px;
  }

  ul.metalinks.teaser.anzeigen li:nth-child(4):after  {
    display: none;
  }


  .mediathek .metalinks.teaser {
    margin-bottom: 20px; 
  }

  .teasercontainer p {
    margin-bottom: 0px;
  }

  .teasercontainer.artdetail p {
    margin-bottom: 10px;
  }

  #newsboxtop .teasercontainer p,
  .giessen .teasercontainer p {
    margin-bottom: 0px;
  }

  .teasercontainer.anzeigen article
  {
    /* padding-top: 0px !important; */
  }


  .teasercontainer.anzeigen figcaption {
    position: absolute; 
    bottom: 70px;
    width: 33%;
    width: calc(100vw - 60px);

    height: 30px;
    text-align: center;

  }



  .teasercontainer.anzeigen h1 {
    font-size: 25px;
    position: relative;
    top: 0px;

  }

  .keywordlisten h3 {
    padding-bottom: 10px;
  }


  .thementooltip p {
    margin-bottom: 0px;
  }


  ul.schlagworte {
    max-width: 100%;
    position: relative;
  }

  ul.schlagworte li {
    position: static;
  }

  .arrowbox
  {
    position: static;
    background: white;
    width: 300px;
    z-index: 10;
    font-size: 12px;
    margin: 0 auto;
  }

  .arrowbox p {
    font-size: 12px;
    line-height: 14px;
  }


  .arrowbox .box-inner {
    margin-bottom: 0px;
  }

  .arrowbox-outer {
    width: 100%;
    position: absolute;
    bottom: 100px;
    left: 0px;

  }


  .arrowbox:after
  {
    display: none;

  }



  .icon-comment-1 {
    color: #009C86;
    font-size: 45px;
    position: relative;
  } 


  .icon-comment-1 span.anzahl {
    display: inline-block;
    color: #fff;
    position: absolute;
    font-size: 14px;
    right: 23px;
    bottom: 3px;
    width: 20px;
    text-align: center;
  }


  .artikelfuss button.back {

    padding: 3px 10px;
    font-size: 12px !important;
    margin-top: 10px;
    margin-bottom: 15px;
  }


  /* Kommentare */

  .postingListControls {
    padding-bottom: 10px;
  }


  .commentform h1 {
    font-size: 25px;
    line-height: 30px;
  }


  form.commentform label {

    font-size: 14px;
    font-family: "Open Sans", "Verdana", sans-serif;
    line-height: 20px;

    text-align: left;
  }


}






/* Ganz kleine Smartphones */

@media screen and (max-width: 450px){






  .grid_row.pad .grid_item.inline:not(.foto) {
    padding: 0px 10px;
  }



  ul.metalinks li:after {
    content: "i";
    padding: 0px 5px 0px 5px;
    font-size: 12px;
    vertical-align: top;
    text-transform: uppercase;
  }


  nav.mininav .loginimage img,
  .mymobilemenu img {
    width: 25px;
  }


  .dossierteaserbox .teaserleft {
    margin: 20px 20px 10px 20px !important; 

    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .dossierbox button {
    font-size: 10px !important;

    padding: 3px 8px;
    margin-bottom: 20px;
    top: 0vw;

  }



  .dossierteaserbox h1 {
    font-size: 18px;
    line-height: 20px;

  }

  .dossierteaserbox h2 {
    margin-bottom: 5px;
    font-size: 12px;
  }

  .dossierteaserbox .textarea {
    width: 100%;
  }


  header.teaser h1 {
    padding: 0px 10px;
  }

  .arrowbox
  {

    width: 250px;
  }

  #frontpageGlider .glider-navigation {
    top: 35vw;
  }

  #frontpageGlider .glider-button {
    top: 18vw;
  }

}


@media screen and (max-width: 375px){

  .mediathek nav.dreierteaserswitchdots {

    bottom: 38px;
    height: 20px;


  }

  .postingElement .postingFoot {

    font-size: 14px;
    margin-right: 10px;
    color: #000;
    margin-top: 40px;
    font-weight: 500;
  }

  .postingElement .postingFoot > span {
    margin-left: 8px;
  }
  .postingElement .postingFoot > span:first-child {
    margin-left: 0px;

  }


}



@media screen and (max-width: 320px){

  .postingElement .postingFoot {

    font-size: 12px;

  }


  .grid_row.pad .grid_item.inline:not(.foto) {
    padding: 0px 10px;
  }

  article.default.inline:not(.foto) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px 10px 10px 10px !important;
  }

  .teasercontainer article.inline:not(.foto) {
    padding-top: 20px !important;
    padding-bottom: 10px !important;
  }

  article.default.inline figure {
    width: 100% !important;
  }
  article.default.inline .content .desc {
    display: block;
  }


  article.default.inline figure,
  article.default.inline .content {
    margin-right: 0px;
    flex-basis: initial;

  }


  .dossierbox button {
    font-size: 10px !important;
    padding: 3px 8px;
    margin-bottom: 10px;
    top: 0vw;
  }




}





/* 
==============================
Fuer Browser Print
==============================
*/

@media print {
  .fixeme {
    display: none;
  }
}












/* Bilderteaser Fünferblock */

button.fotobutton {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 3px 10px 5px 10px;
  font-family: "Open Sans", sans-serif !important;
  font-size: 13px !important;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: 400 !important;
  color: #000;
  -webkit-appearance: none;
  cursor: pointer;
  width: auto !important;
  float: right;
}

button.fotobutton span.more {
  font-size: 19px;
  padding-left: 3px;
}





@media screen and (min-width: 737px) {

  .teasercontainer.mediathek {
    margin-top: 20px;

  }

  .teasercontainer.mediathek h1 {
    font-size: 20px;
    color: #000;

    margin-top: 5px;
    line-height: 25px;
  }


  .teasercontainer.mediathek article {
    box-sizing: border-box;

  }

  .fuenfer .foto_item.fotoserie {
    float: left;
    width: calc(33.33% - 14px);

    margin-bottom: 30px;
  }

  .fuenfer .foto_item.nummer1,
  .fuenfer .foto_item.nummer2{
    width: calc(50% - 10px);
    max-width: 460px;

  }

  .fuenfer .foto_item.nummer1,
  .fuenfer .foto_item.nummer3,
  .fuenfer .foto_item.nummer4,
  .fuenfer .foto_item.nummer6,
  .fuenfer .foto_item.nummer7 {
    margin-right: 19px;
  }

  .grid_row.flex.anzeigen {
    justify-content: center;
  }

  .grid_row.flex.anzeigen .grid_item {
    flex: 0;
    flex-basis: 33%;
    max-width: 300px;
  }

}


@media screen and (max-width: 736px) {


  .teasercontainer.mediathek h1 {
    font-size: 18px;
    color: #000;

    margin-top: 0px;
    line-height: 20px;
  }

  .teasercontainer.mediathek {
    overflow: hidden;
  }

  .teasercontainer.mediathek.default {
    margin-top: 25px;
    padding: 0px 10px;
  }


  .teasercontainer.mediathek img,
  .teasercontainer.mediathek figure
  {
    box-sizing: border-box;
  }


  nav.dreierteaserswitchdots.fotoserie {
    top: initial;
    bottom: 60px;
    height: 20px;
    width: 100%;



  }

  .grid_row.mediathekglider.fuenfer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 500%;
    overflow: hidden;

  }


  .grid_row.mediathekglider.fuenfer .foto_item,
  .grid_row.mediathekglider.sechser .foto_item
  {

    width: 100%;
    padding: 20px 0px 0px 0px;
    overflow: hidden;
    flex-grow: 0;
    flex-basis: 100%;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;


  }

  .grid_row.mediathekglider .foto_item .bildunterschrift {

    height: 60px; overflow: hidden;
  }


  button.fotobutton
  {
    margin-bottom: 0px;
    position: relative;
    top: -25px;
    margin-right: 10px;
  }

  button.fotobutton.more {
    top: 0;
    margin-bottom: 20px;
    margin-top: 20px;
  }



  .mobileback { margin: 10px auto; width: 100%; text-align: center; }

  .mobileback button.back { float: none; font-size: 12px !important; }

}






/* Bilderteaser Sechserblock und Default */



.sechser .foto_item.fotoserie {
  float: left;
  width: calc(33.33% - 14px);

  margin-bottom: 30px;

}



.sechser .foto_item.nummer1,
.sechser .foto_item.nummer2,
.sechser .foto_item.nummer4,
.sechser .foto_item.nummer5 {
  margin-right: 19px;
}

.sechser .foto_item.nummer4,
.fuenfer .foto_item.nummer6 {
  clear: both;


}


@media screen and (max-width: 736px) {

  .foto_item .streamset img {
    width: 100%;
  }

  .grid_row.mediathekglider.sechser {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 600%;
    overflow: hidden;

  }


  .grid_row.mediathekglider.fuenfer.plus {
    display: initial;
    width: 100%;
    overflow: hidden;

  }

  .grid_row.mediathekglider.plus .foto_item .bildunterschrift {
    height: auto;


  }




  .grid_row.mediathekglider.plus .foto_item  {
    padding-top: 0px;
    margin-left: 0px;


  }


}




/* Pager für Bilderübersichtsseiten */

.mediathekpager .pager,
.artikelpager .pager {
  padding: 25px 0px;
  text-align: center;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;

  vertical-align: top;
  font-size: 16px;

}

.mediathekpager .pager a:hover,
.artikelpager .pager a:hover{
  color: #009C86;
}

.mediathekpager a.pager-currpage,

.mediathekpager a:hover.pager-currpage,
.artikelpager a.pager-currpage,

.artikelpager a:hover.pager-currpage{
  font-weight: bold;
  font-size: 18px;
  padding: 8px;
  margin-top: 5px;

}

.mediathekpager .pager-pagenr,
.artikelpager .pager-pagenr {
  font-size: 18px;
  padding: 8px;



}





.mediathekpager .pager-pagenr .next,
.mediathekpager .pager-pagenr .prev,
.artikelpager .pager-pagenr .next,
.artikelpager .pager-pagenr .prev{
  font-size: 22px;
}











/* Dossiers */

#dossiers .dossierbild {
  position: relative;

}

#dossiers .dossierbild figcaption {
  width: 100%;
  height: 100%;
  text-align: center;
  position: absolute;
  top: 0;
  margin: auto;
  display: flex;
  align-items: center; /* Vertical center alignment */
  justify-content: center; /* Horizontal center alignment */
}



#dossiers .dossierbild figcaption h1 {
  font-family: "Opens Sans", sans-serif;
  color: #fff;
  margin-bottom: 30px;
  font-weight: 400;
}

#dossiers .dossierbild figcaption h2 {
  font-family: "Opens Sans", sans-serif;
  color: #fff;
  font-size: 35px;
  font-weight: 400;
}

@media screen and (max-width: 736px) {
  #dossiers .dossierbild figcaption h1 {
    font-size: 16px;
    margin-bottom: 10px;

  }

  #dossiers .dossierbild figcaption h2 {

    font-size: 25px;
    line-height: 25px;
  }

}


@media screen and (max-width: 520px) {

  #dossiers .dossierbild figcaption h1 {
    font-size: 15px;
    margin-bottom: 10px;

  }

  #dossiers .dossierbild figcaption h2 {

    font-size: 18px;
    line-height: 20px;
  }

}









/* 
================================
Facettierte Suche
================================
*/

/* Autovervollständigung */

.ui-state-focus {
  background-color: transparent;
}

.ui-helper-hidden-accessible {
  display: block;
}

.ui-autocomplete {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  width: 250px;
  background-color: transparent;
  border: 1px solid #ccc;
  position: absolute;
  color: #ccc !important;
}


.ui-autocomplete ul {
  border: 1px solid red;
}

.ui-autocomplete li {
  overflow: hidden;
  list-style-type: none;
  margin: 0;
  padding: 2px;
  height: 13px;
  cursor: pointer;
  border: 0;
}
.ui-autocomplete li a {
  text-decoration:none;
}



.ui-autocomplete li {
  overflow: hidden;
  list-style-type: none;
  margin: 0;
  padding: 2px;
  height: 30px !important;
}


#facetSearchHelp h2 {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  color: #000 !important;
  cursor: pointer;
  margin-left: 20px;
}





#facetsearchbox > .content-box > .content-box-body {
  padding-bottom: 0;
}
#facetsearchbox .facetsearch-location-hint {
  position: relative;
  display: block;
  min-height: 3em;
  padding: 0.25em 0 0.25em 4em;
  font-size: 16px;
  font-size: 1em;
  color: #acacac;
}
#facetsearchbox .facetsearch-location-hint > .icon {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  font-size: 3em;
  color: #d6d6d6;
}
#facetsearchbox .facetsearch-location-hint > a {
  display: inline-block;
  font-style: italic;
  margin-top: 0.5em;
}
#facetten {
  font-size: 12px; 
  font-family: "Open Sans", "Verdana", sans-serif;
  line-height: 2.4em;
  font-weight: normal;  
}
#facetten .selectedtab:before {
  cursor: pointer;
  font-family: "Fontello";
  font-size: 14px;
  font-size: 0.875rem;
  color: #000;
  content: '\e83c'
}
#facetten div.matrix {
  border-top: 1px solid #cccccc;
  padding-top: 20px;
  padding-bottom: 20px;
}

#facetten .matrix h2 {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 700;
}


#facetten div.matrix:first-of-type  {
  border-top: 0px;
}
form#facetsearch {
  z-index: 999;
  position: relative;
  top: 50px;
  background-color: #ffffff;
  width: 960px;
  overflow: visible;
  margin: 15px auto 30px auto;
  height: 600px;
}
.facetmore  {
  text-align: center;
}
.facetmore .icon {
  font-size: 30px !important;
  cursor: pointer;
}

#facetten label {
  display: block;
  font-size: 12px;
  font-family: "Open Sans", "Verdana", sans-serif;
  line-height: 2.4em;
  font-weight: 700;
  text-align: right
}
#facetten input[type="checkbox"], #facetten input[type="radio"] {
  width: auto;
  margin: 4px 8px 5px 0;
  padding: 0;
  float: left;
  position: relative;
  outline: none
}
#facetten input[type="checkbox"] + label, #facetten input[type="radio"] + label {
  cursor: pointer;
  float: left;
  font-weight: normal;
  text-align: left;
  line-height: 1.5em;
  max-width: 93%;
  padding-right: 20px;
  padding-top: 0.4em
}
#facetten input[type="checkbox"] {
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #f2f2f2;
  border: 1px solid #e6e6e6;
  width: 1.6em;
  height: 1.6em
}
#facetten input[type="checkbox"]:checked:before {
  position: absolute;
  right: 2px;
  left: 2px;
  top: 2px;
  pointer-events: none;
  cursor: pointer;
  font-family: "Fontello";
  font-size: 14px;
  font-size: 0.875rem;
  color: #000;
  content: '\e83c'
}
#facetten input[type="radio"] {
  display: none;

}
#facetten input[type="radio"] + label {
  position: relative;
  padding-left: 22px;

}
#facetten input[type="radio"] + label:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 5px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #000;

}


#facetten input[type="radio"]:checked + label:before {

  background-color: #009C86;
}


#facetsearchbox input[type="search"],
#facetsearchboxnav input[type="search"] {
  width: 100%;
  height: 30px;
  font-size: 16px;
  text-transform: inherit;
  font-weight: 600;
  border: 2px solid #CCC;
  -webkit-appearance: none !important;
  -webkit-border-radius: 0;
  margin-bottom: 0;
  padding: 5px;
  font-size: 16px;
  font-weight: normal !important;
  font-family: "Open Sans", "Verdana", sans-serif !important;
  color: #000000;
}
#facetsearchbox input[type="search"]:focus,
#facetsearchboxnav input[type="search"]:focus {
  -webkit-appearance: none !important;
  -webkit-border-radius: 0;
  border-radius: 0;
  outline-offset: 0;
  outline: none !important;
  border: 2px solid #CCC;
  margin-bottom: 0;
}


#facetsearchbox div[data-fcms-method="datepicker"] label, #facetsearchboxnav div[data-fcms-method="datepicker"] label {
  position: absolute;
  left: 10px;
  top: 6px;
  font-size: 16px;
  font-weight: normal !important;
  font-family: "Open Sans", "Verdana", sans-serif !important;
  color: #000000;
}



.facetsearchline-container {

  width: 100%;
  margin-bottom: 20px;
  margin-top: 20px;

}
.facetsearchline {
  display: flex;

}
.facetsearchline > label,
.facetsearchline > div {
  display: inline-block;
}
.facetsearchline > label {
  width: 16.66667%; 
  font-size: 14px;
  padding-top: 5px;
  font-weight: 700;
}
#facetsearchbox div[data-fcms-method="datepicker"],
#facetsearchboxnav div[data-fcms-method="datepicker"] {
  position: relative;
}


#facetsearchbox div[data-fcms-method="datepicker"] input,
#facetsearchboxnav div[data-fcms-method="datepicker"] input {
  text-indent: 45px;
  border: 2px solid #cccccc;
  height: 30px;
  width: 180px;
  margin-right: 10px;
  font-size: 16px;
  font-weight: normal !important;
  font-family: "Open Sans", "Verdana", sans-serif !important;
  color: #000000;
  background: transparent; 
}
#facetsearchbox select,
#facetsearchboxnav select {
  border: 2px solid #cccccc !important;
  background: transparent !important;
  height: 30px;
  width: 180px;
  font-size: 16px;
  font-weight: normal !important;
  font-family: "Open Sans", "Verdana", sans-serif !important;
  color: #000000;
}
#facetsearchbox option,
#facetsearchboxnav option {
  font-size: 16px;
  font-family: "Open Sans", "Verdana", sans-serif;
  line-height: 2em;
}
#facetsearchbox [data-fcms-method="facetedsearch_more"] {
  cursor: pointer;
}
#facetsearchbox .facetsearch-help {
  position: absolute;
  top: 75px;
  right: -7px;
}

div.matrix span span {
  font-weight: 700;
}

/* Facettierte Suche - Anpassungen Tablet und Smartphone */

.facet-button {
  display: none;

}

#facetsearchfield .hilfebutton-mobil {
  display: none;
}

#facetsearchbox .hilfebutton .button:not(a) {
  width: 120px !important;

  position: absolute; top: 60px; right: 0px;
  background: #fff;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px 5px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px 5px;
  padding: 5px;
  color: #000;
  border-radius: 0;

  font-size: 12px !important;
  display: flex;
  justify-content: space-between;


}

#facetsearchbox .hilfebutton .button span.text {
  display: inline-block;
  text-align: left;
  width: 80px;
  flex-basis: 80px;
  line-height: 16px;
  flex-shrink: 0;
  text-transform: uppercase;
}

#facetsearchbox .icon-button.red {
  margin-top: 3px;
  width: 28px;
  flex-basis: 28px;
  height: 28px;
  font-family: 'Opens Sans', sans-serif;
  color: #000;
  margin-right: 10px;
  flex-shrink: 0;

}

#facetsearchbox .icon-button.red .icon-frage {
  font-family: 'Opens Sans', sans-serif;
  display: inline-block;
  color: #fff;
  position: absolute;
  font-size: 19px;
  right: 0px;
  bottom: 5px;
  width: 28px;
  text-align: center;
}


.facet-button.top {
  position: relative;
  top: 171px;
  left: 210px;
  z-index: 250;


}


.facet-button.active.second {
  display: none;
}

.facet-wrapper {
  width: 25%; flex-basis: 25%; }

#meinergebnis { width: 70%; flex-basis: 70%; }


#facetsearchbox div[data-fcms-method="datepicker"] .icon, #facetsearchboxnav div[data-fcms-method="datepicker"] .icon {
  position: absolute;
  top: 0px;
  left: 0;
  width: 180px;
  height: 25px;
  text-align: right;
  font-size: 16px;
  font-size: 1rem;
  padding-top: 4px;
  background: rgba(255,255,255,0);
}




@media screen and (max-width: 985px) {



  .facetedsearch-input.begriff {
    margin-bottom: 15px;
  }

  #facetsearchbox .hilfebutton {display: none; }

  #facetsearchfield .hilfebutton-mobil {
    display: block;
    font-size: 12px;
    position: absolute;
    left: 120px;
    top: 125px;
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
    height: 20px;
    cursor: pointer;
    z-index: 999;
  }

  #facetsearchbox > .content-box > .content-box-body {
    padding-top: 20px;
  }


  #facetten div.matrix:first-of-type  {
    margin-top: 0;
    padding-top: 0;
  }


  .facet-button {
    display: block;
  }

  .facet-button.second {
    text-align: right;
  }

  .grid_row.flex.facetrow {
    display: block !important;
    margin-top: 20px;

  }

  #meinesuche-box { 
    width: 100%; 
    position: relative; 


    z-index: 200;


  }

  #meinesuche-box.grid_item.active { 
    display: block !important;
    width: 100%;



  }

  #meinergebnis {
    width: 100%;
    z-index: 100;
    flex-basis: auto;
  }

  .facet-wrapper {
    display: inline;
    position: absolute;
    top: 98px;
    width: 50%;
  }


  .facet-container {
    display: block;
    min-width: 280px;
    width: 50vw;
    height: auto;
    padding: 10px 20px;
    margin-left: 0px;
    position: absolute;
    top: 0;
    left: -1000em;
    z-index: 900;
    font-size: 11px;
    font-size: 0.6875rem;
    line-height: 1.8em;

    background: #eee;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    cursor: default;
  }



  .facet-container.active {
    opacity: 1;
    left: 0px;
    z-index: 9991;
  }

  .facet-container.active #facetten input[type="checkbox"] {
    background-color: #fff;
    border: 1px solid #000;
  }

}


@media screen and (max-width: 736px) {


  #facetsearchfield .hilfebutton-mobil {

    left: 5px;
    top: 145px;

  }

  .facet-container.active {
    z-index: 99991;
  }


  #facetsearchbox div[data-fcms-method="datepicker"] .icon, #facetsearchboxnav div[data-fcms-method="datepicker"] .icon {
    width: 100%;
  }


  #facetsearchbox .hilfebutton {position: absolute; top: 50px; right: 0px; }

  #meinergebnis .teasercontainer article:last-child {

    border-bottom: 0px solid red;
  }


  .facet-button.top {
    position: absolute;
    top: 388px;
    left: 100px !important;
    z-index: 200;

  }



  .grid_row.flex.facetrow {

    margin-top: 0px;
  }

  .facet-container {


    width: 80vw;

  }

  .facetsearchline {
    flex-direction: column;
  }


  .facetsearchline > label {
    width: 100%;
    margin-bottom: 10px;
  }

  #facetsearchbox div[data-fcms-method="datepicker"] input, #facetsearchboxnav div[data-fcms-method="datepicker"] input {
    width: 100%;

  }

  input.fcms-facetedsearch-published {

    margin-bottom: 10px;
  }



  #facetsearchbox {
    margin-top: 20px;
  }

  #facetsearchbox select, #facetsearchboxnav select {
    width: 100%;
  }


}


@media screen and (max-width: 400px) {

  button, input.button, input[type="submit"].button {
    font-size: 12px !important;
    text-transform: none;
  }

  .facet-button.top {
    left: 70px !important;
  }



}



/* Anpassungen Teaser fuer EPaperarchiv neu */


article.default.epaperarchiv  {

  justify-content: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
}

article.default.epaperarchiv figure {
  -ms-flex-preferred-size: 160px;
  -webkit-flex-basis: 160px;
  flex-basis: 160px;
  border: 1px solid #ccc;
}


#facetten input[type="radio"][name="fcms-facetedsearch-facet-publicationyear"] + label:before {
  display: none; 

}




#facetten input[type="radio"][name="fcms-facetedsearch-facet-publicationyear"] + label{
  padding-left: 0;
  padding-right: 0;

}


#facetten .epaperarchiv input[type=radio]:checked + label,
#facetten .epaperarchiv input[type=checkbox]:checked + label {
  color: #009C86;

}


#facetten .epaperarchiv input[type=checkbox] + label {

  margin-bottom: 10px;
  padding-right: 0;
  white-space: nowrap;



}


#facetten .epaperarchiv input[type="checkbox"]
{
  /*   display: none; */
  display: block;
  width: 1.2em;
  height: 1.2em;
  margin-right: 5px;

}

#facetten .epaperarchiv input[type="checkbox"]:checked {
  display: block;
  width: 1.2em;
  height: 1.2em;
}

#facetten .epaperarchiv input[type="checkbox"]:checked:before {
  position: absolute;
  right: 4px;
  left: 0px;
  top: 0px;
  pointer-events: none;
  cursor: pointer;
  font-family: "Fontello";
  font-size: 13px;
  font-size: 0.875rem;
  color: #000;
  content: '\e83c';
}




#facetten .matrix .facet_epaperarchiv {

  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;

}


#facetten .matrix .epaperarchiv_item {

  width: 33.3333%;
  margin-bottom: 10px;


}

/* Hack für IE 11, der mal wieder eine Sonderbehandlung wuenscht */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

  #facetten .epaperarchiv input[type="radio"] {
    display: block;
    position: absolute;
    top: -9999px;
  }  
}




@media screen and (max-width: 985px)
{
  #facetsearchfield .hilfebutton-mobil.epaperarchiv {

    top: 70px;

    left: 0;
    text-align: center;

  }
}


/* Anpassung neuer Datepicker */

.flatpickr-calendar {
  font-family: "Merriweather Sans", "Verdana", sans-serif;
  font-size: 10px;
  font-size: 0.625rem;
  background: #fff;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px 5px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px 5px;
  padding: 20px;
  position: relative;

  min-width: 280px;
  z-index: 99999;
  margin-top: 1px;
}

.flatpickr-rContainer {
  width: 100%;
}

.flatpickr-innerContainer {
  justify-content: center;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected:focus, 
.flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, 
.flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, 
.flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, 
.flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
  background: #009C86 !important;
  border-color: #009C86 !important;
  color: #fff !important;
}


.flatpickr-month,
.flatpickr-weekdays {

  background-color: transparent !important;

}

.flatpickr-month
{


  margin-bottom: 10px;

}

.flatpickr-days {
  width: 100% !important;

}

.flatpickr-day {
  max-width: 40px !important;
  height: 40px !important;
  line-height: 40px !important;
}

/* Ende Anpassungen Teaser fuer EPaperarchiv neu */









/* 
==================================
Datepicker Kalender
==================================
*/



.calendar {
  font-family: "Merriweather Sans", "Verdana", sans-serif;
  font-size: 10px;
  font-size: 0.625rem;
  background: #fff;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px 5px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px 5px;
  padding: 20px;
  position: relative;
  width: 30%;
  min-width: 280px;
  z-index:99999;
  margin-top: 1px;
}
.calendar:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 0px;
  left: 30px;
  border: 6px solid #000;
  border-color: transparent transparent #fff #fff;
  transform-origin: 0 0;
  transform: rotate(135deg);
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) -5px 6px 8px 0;
  box-shadow: rgba(0, 0, 0, 0.1) -5px 6px 8px 0;
}
.calendar .button {
  display: table-cell;
  font-size: 16px;
  font-size: 1rem;
  padding: 0;
  background-color: #fff;
  color: #009C86;
  font-weight: 100;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.calendar .button:hover {
  color: #009C86;
}
.calendar table {
  position: relative;
  display: table;
  border-collapse: collapse;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.calendar td, .calendar th {
  vertical-align: middle;
  display: table-cell;
  font-size: 12px;
  font-size: 0.75rem;
  color: #706f6f;
  font-weight: 100;
  text-align: center;
}





.calendar thead > tr:first-of-type td {
  padding-bottom: 10px;
  font-size: 14px;
}
.calendar thead > tr:first-of-type td:nth-of-type(3).button {
  position: absolute;
  top: -15px;
  right: -15px;
  padding: 0;
  font-size: 18px;
  font-size: 1.125rem;
}
.calendar .title {
  text-align: center;
  color: #000000;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 13px !important;
  font-weight: 700;
}
.calendar .headrow {
  border-bottom: 1px solid #000;
}
.calendar .headrow .button {
  text-transform: none;
  font-size: 12px;
  font-size: 0.75rem;
  padding: 5px 0 5px 0;

}

.calendar .headrow .button.nav {
  font-weight: bold;
  font-size: 13px;
  font-size: 1rem;
  padding: 5px 0 8px 0;

}

.calendar .headrow .button:hover {
  background-color: #009C86;
  color: #fff;

}


.calendar .rowhilite .day {
  background: #f2f2f2 !important;
}
.calendar .rowhilite .day.selected {
  background: #009C86 !important;
}
.calendar .rowhilite .day.hilite {
  background: #f2f2f2;
}
.calendar .daynames .day {
  cursor: pointer;
}
.calendar .daynames .day:hover {
  color: #009C86;

}
.calendar .daynames td {
  padding: 15px 0 10px 0;
}
.calendar .day {
  cursor: default;
}
.calendar .day.wn,
.calendar .daynames td {
  color: #000;
  font-weight: 400;
}
.calendar .day.wn:hover {
  background: inherit;
  color: #009C86;

}
/* .calendar .weekend.day {
color: #000;
opacity: 0.5;
} */

.calendar tbody td {
  padding: 5px 0;
} 

.calendar tbody .day:not(.wn)  {

  padding: 0 2px;
}


.calendar tbody .day:not(.wn):hover {
  background: #e8e8e8 !important;
  color: #009C86;
  font-weight: 600;
  padding: 0;
}
.calendar .selected,
.calendar .weekend.day.selected {
  color: #fff;
  background: #009C86;
}
.calendar .selected:hover {
  color: #fff;
}
.calendar .emptycell {
  cursor: default;
  opacity: 0.3;
}
.calendar .ttip {
  font-size: 10px;
}
.calendar tfoot {
  position: absolute;
  width: 100%;
  display: table;
}

/* Meine Themen */


/* Topteaser */


.themen-inner  {
  margin-top: 30px;

}

.themen-inner .grid_item:first-child {
  margin-right: 30px;
}

.themen-inner h3 {
  font-size: 25px;
  margin-bottom: 25px;
  margin-top: 0px;
  line-height: 30px;
}

.themen-vorteile .vorteilsliste {

  padding-top: 0px;
  padding-right: 15px;
  line-height: 20px;
  font-size: 14px;


}

.themen-vorteile .vorteilsliste b {
  font-size: 18px;
}

.themen-vorteile .vorteilsliste li {
  margin-bottom: 5px;
}

.themen-vorteile .vorteilsliste li span.text {
  display: inline-block;
  margin-left: 35px;
}

.themen-vorteile .vorteilsliste li span.text:first-child {
  display: inline-block;
  margin-left: 10px;
}



.themen-vorteile .vorteilsliste li:before {
  content: url('/design/epaper/icon_haekchen.jpg');
  margin-top: 5px;
  position: relative;
  top: 4px;
}



@media screen and (max-width: 980px) {
  .geruest {
    margin-top: 60px;

  }

  .themen-inner .grid_item:first-child {
    margin-right: 20px;
  }

}




@media screen and (max-width: 736px) {

  .geruest {
    margin-top: 0px;
  }

  .themen-inner {
    margin-top: 15px;
  }


  .themen-inner .grid_item {
    order: 2;
    margin-top: 20px;

  }

  .themen-inner .grid_item.text {
    margin-top: 0px; 
    order: 1;


  }

  .themen-inner .grid_item:first-child {
    margin-right: 0px;
  }

}



@media screen and (max-width: 395px) {


  .themen-vorteile .vorteilsliste {

    padding-right: 0px;

  }

  .themen-vorteile .vorteilsliste b {
    font-size: 14px;
  }

  .vorteilsliste li span.text:first-child {
    display: inline-block;
    margin-left: 15px;  

    max-width: calc(100vw - 90px);
  }

}


/* Themenauswahl */

#successContainer.success {
  color: #009C86; font-size: 20px;
  text-align: center;
  font-weight: 700;
}

.meine-themen ul.schlagworte {
  max-width: 100%;
}

.meine-themen ul.schlagworte li:hover {
  background-color: #eee;
}

.meine-themen .introduction {
  margin: 20px 0px;
}

.meine-themen .filter {
  margin-top: 20px;
}


.meine-themen .filter a.remove {
  font-weight: 700;
}

.meine-themen .themenedit {
  justify-content: space-between;
  position: relative;
  border-top: 1px solid #ddd;
}

@media screen and (max-width: 736px) {
  .grid_row.flex.themenedit {
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: flex-start;
    white-space: nowrap;
    margin-bottom: 20px;
  }


  .grid_row.flex.themenedit a {
    width: 45%;
    flex-basis: 45%;
    margin: 5px;
  }

}

@media screen and (max-width: 520px) {

  .grid_row.flex.themenedit a#markAsRead {
    width: 250px;
    flex-basis: 240px;
  }

  .grid_row.flex.themenedit a#help {
    width: 80px;
    flex-basis: 80px;
  }

}


@media screen and (max-width: 375px) {

  .meine-themen header.teaser h1 {
    font-size: 25px;
  }


  .grid_row.flex.themenedit a {
    width: 90%;
    flex-basis: 90%;
    margin: 5px;
  }

  .grid_row.flex.themenedit a#markAsRead {
    width: 90%;
    flex-basis: 90%;
  }

  .grid_row.flex.themenedit a#help {
    width: 90%;
    flex-basis: 90%;

  }

}



.meine-themen.edit-topics {


  background-color: #fff;
  border: 1px solid #ddd;
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  padding: 20px;
  z-index: 999999;
  overflow: visible;
  height: auto;
  position: fixed;
  top: 60px;
  width: 700px;
  max-width: calc(100vw - 50px);

}

@media screen and (max-width: 736px) {
  .meine-themen.edit-topics {
    position: absolute;
  }
}

.meine-themen .themenedit a {
  display: inline-block;
  margin: 10px 10px 20px 10px;
  padding: 5px;
  font-size: 14px;
  position: relative;


}

.meine-themen .themenedit a span {
  margin-right: 5px;
}

.meine-themen .icon-button.red {
  font-family: "Open Sans";
}

.meine-themen .schlagworte ul {
  display: flex;
  flex-wrap: wrap;
}




/*  Hilfe */
#meineThemenHelp {
  max-width: 100%;
  padding: 20px;

}



#meineThemenHelp h1, #meineThemenHelp h2 {
  font-family: "Open Sans";
  margin: 20px 0px;
}

#meineThemenHelp h2 {
  font-size: 18px;
  color: #000;
  cursor: pointer;
  margin-left: 20px;
}

#meineThemenHelp h2::before {
  content:"\203A";
  margin-right: 5px;
}

#meineThemenHelp h2:hover {
  color: #009C86;
}

#meineThemenHelp .toggleTrenner {
  border-bottom: 1px solid #cecece;
}

#meineThemenHelp .toggleContainer {
  margin-left: 20px;
}

/* Artikel gelesen oder neu */

.meine-themen #articleList article .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.7);

  display: none;
}

.meine-themen #articleList article.read .overlay {

  display: block;
}





.meine-themen #articleList .overlay .gelesen span {
  display: block;
  font-family: "Open Sans", "Verdana", sans-serif;
  text-transform: uppercase;
  color: #666;
  font-size: 22px;
  font-weight: 600;

}


.meine-themen #articleList .overlay .gelesen  {

  position: relative; 
  top: 35%;

}


.meine-themen #articleList .overlay .gelesen span:before {

  content: url('/design/icons/icon-haken.png');
  position: relative; top: 13px;
  margin-right: 5px;

}

ul.schlagworte li.followed .topicContainer {
  color: #009C86;
}

/* Topclubs auf Startseite */

.topclubs {
  display: block;
  background-position: left center !important;
  background-repeat: no-repeat !important;
  text-indent: 60px !important;
  font-family: "Open Sans";
  font-size: 14px;
  margin-bottom: 20px;
  white-space: nowrap;
  height: 50px;
  line-height: 50px;

}


.topclubs.giessen {
  background: url('/design/topclubs/46ers.png');
}


.topclubs.hsg{
  background: url('/design/topclubs/hsg.jpg');
}


.topclubs.fcgiessen{
  background: url('/design/topclubs/fcgi.jpg');
}

.topclubs.tuerkguecue{
  background: url('/design/topclubs/tuerk.jpg');
}

.topclubs.eintracht {
  background: url('/design/topclubs/eintracht.jpg');
}


.topclubs.rsv{
  background: url('/design/topclubs/rsv.jpg');
}


.topclubs.huettenberg{
  background: url('/design/topclubs/huettenberg.jpg');
}


.topclubs.ecbadnauheim{
  background: url('/design/topclubs/ec.jpg');
}

.topclubs.sporttabellen{
  background: url('/design/topclubs/tabellen.png');
}

/* Gemeindesammlungen */

.gemeinden {
  display: block;
  background-position: left center !important;
  background-repeat: no-repeat !important;
  text-indent: 60px !important;
  font-family: "Open Sans";
  font-size: 14px;
  margin-bottom: 20px;
  white-space: nowrap;
  height: 50px;
  line-height: 50px;

}


.gemeinden.allendorf{
  background: url('/design/gemeinden/allendorf.png');
}


.gemeinden.biebertal{
  background: url('/design/gemeinden/biebertal.png');
}


.gemeinden.buseck{
  background: url('/design/gemeinden/buseck.png');
}

.gemeinden.fernwald{
  background: url('/design/gemeinden/fernwald.png');
}

.gemeinden.giessen{
  background: url('/design/gemeinden/giessen.png');
}

.gemeinden.gruenberg{
  background: url('/design/gemeinden/gruenberg.png');
}


.gemeinden.heuchelheim{
  background: url('/design/gemeinden/heuchelheim.png');
}


.gemeinden.huettenberg{
  background: url('/design/gemeinden/huettenberg.png');
}

.gemeinden.hungen{
  background: url('/design/gemeinden/hungen.png');
}


.gemeinden.langgoens{
  background: url('/design/gemeinden/langgoens.png');
}


.gemeinden.laubach{
  background: url('/design/gemeinden/laubach.png');
}


.gemeinden.lich{
  background: url('/design/gemeinden/lich.png');
}


.gemeinden.linden{
  background: url('/design/gemeinden/linden.png');
}


.gemeinden.lollar{
  background: url('/design/gemeinden/lollar.png');
}


.gemeinden.pohlheim{
  background: url('/design/gemeinden/pohlheim.png');
}

.gemeinden.rabenau{
  background: url('/design/gemeinden/rabenau.png');
}


.gemeinden.reiskirchen{
  background: url('/design/gemeinden/reiskirchen.png');
}


.gemeinden.staufenberg{
  background: url('/design/gemeinden/staufenberg.png');
}


.gemeinden.vogelsberg{
  background: url('/design/gemeinden/vogelsberg.png');
}

.gemeinden.wetterau{
  background: url('/design/gemeinden/wetterau.png');
}

.gemeinden.wettenberg{
  background: url('/design/gemeinden/wettenberg.png');
}

.gemeinden.alsfeld{
  background: url('/design/gemeinden/alsfeld.png');
}

.gemeinden.antrifttal{
  background: url('/design/gemeinden/antrifttal.png');
}

.gemeinden.feldatal{
  background: url('/design/gemeinden/feldatal.png');
}

.gemeinden.gemuenden{
  background: url('/design/gemeinden/gemuenden.png');
}

.gemeinden.homberg{
  background: url('/design/gemeinden/homberg.png');
}

.gemeinden.kirtorf{
  background: url('/design/gemeinden/kirtorf.png');
}

.gemeinden.muecke{
  background: url('/design/gemeinden/muecke.png');
}

.gemeinden.romrod{
  background: url('/design/gemeinden/romrod.png');
}

.gemeinden.ulrichstein{
  background: url('/design/gemeinden/ulrichstein.png');
}

.gemeinden.altenstadt{
  background: url('/design/gemeinden/altenstadt.png');
}

.gemeinden.badnauheim{
  background: url('/design/gemeinden/badnauheim.png');
}

.gemeinden.badvilbel{
  background: url('/design/gemeinden/badvilbel.png');
}

.gemeinden.buedingen{
  background: url('/design/gemeinden/buedingen.png');
}

.gemeinden.butzbach{
  background: url('/design/gemeinden/butzbach.png');
}

.gemeinden.echzell{
  background: url('/design/gemeinden/echzell.png');
}

.gemeinden.florstadt{
  background: url('/design/gemeinden/florstadt.png');
}

.gemeinden.frankfurt{
  background: url('/design/gemeinden/frankfurt.png');
}

.gemeinden.friedberg{
  background: url('/design/gemeinden/friedberg.png');
}

.gemeinden.gedern{
  background: url('/design/gemeinden/gedern.png');
}

.gemeinden.glauburg{
  background: url('/design/gemeinden/glauburg.png');
}

.gemeinden.hirzenhain{
  background: url('/design/gemeinden/hirzenhain.png');
}

.gemeinden.karben{
  background: url('/design/gemeinden/karben.png');
}

.gemeinden.kefenrod{
  background: url('/design/gemeinden/kefenrod.png');
}

.gemeinden.limeshain{
  background: url('/design/gemeinden/limeshain.png');
}

.gemeinden.muenzenberg{
  background: url('/design/gemeinden/muenzenberg.png');
}

.gemeinden.nidda{
  background: url('/design/gemeinden/nidda.png');
}

.gemeinden.niddatal{
  background: url('/design/gemeinden/niddatal.png');
}

.gemeinden.nidderau{
  background: url('/design/gemeinden/nidderau.png');
}

.gemeinden.ober-moerlen{
  background: url('/design/gemeinden/ober-moerlen.png');
}

.gemeinden.ortenberg{
  background: url('/design/gemeinden/ortenberg.png');
}

.gemeinden.ranstadt{
  background: url('/design/gemeinden/ranstadt.png');
}

.gemeinden.reichelsheim{
  background: url('/design/gemeinden/reichelsheim.png');
}

.gemeinden.rockenberg{
  background: url('/design/gemeinden/rockenberg.png');
}

.gemeinden.rosbach{
  background: url('/design/gemeinden/rosbach.png');
}

.gemeinden.woelfersheim{
  background: url('/design/gemeinden/woelfersheim.png');
}

.gemeinden.woellstadt{
  background: url('/design/gemeinden/woellstadt.png');
}

@media screen and (min-width: 985px) {
  .gemeindedropdown {
    display:block;
    background-position: left center !important;
    background-repeat: no-repeat !important;
    text-indent: 60px !important;
    font-family: "Open Sans";
    font-size: 14px;
    margin-bottom: 20px;
    white-space: nowrap;
    height: 50px;
    line-height: 50px;
  }

  .gemeindedropdown {
    display:none;

  }

  .umfragethumb {
    display: block; 
    width: 150px; 
    height:150px; 
    border-radius:50%; 
  }}

/* Auszeichnungen Artikeldetail Zitat und Extra */
#artikeldetail .infotext article
{
  padding: 20px 10px;
  margin: 40px 0;
  background-color: #eee;
  border-top: 4px solid #009C86;
  color: #000;

}

#artikeldetail .infotext article p {
  font-weight: 600;
}

#artikeldetail .infotext article h4 {
  font-family: "Open Sans", "Verdana", sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  margin: 5px 0px;
  color: #009C86;
}

#artikeldetail .infotext article h5 {
  font-family: "Times New Roman";
  font-size: 30px;
  line-height: 32px;
  margin-bottom: 10px;
  padding-right: 40px;
}

.infotext article p:first-letter {
  font-size: 16px !important;
}


#artikeldetail .zitat {
  position: relative;
  margin: 80px 0 20px 80px;
  width: 550px;
  color: #000;
  font-size: 15px;
  line-height: 50px;

}

#artikeldetail .zitat h3 {
  font-size: 35px;
  margin-top: 80px;
  margin-bottom: 0;
  font-weight: normal;
  text-transform: uppercase;
}

#artikeldetail .zitat a {
  text-decoration: none !important;
}

#artikeldetail .zitat:before {
  position: absolute;
  top: -30px;
  font-family: Open Sans;
  text-transform: none;
  content: "\02EE";
  font-size: 140px;  
  color: #000;


}

#artikeldetail .zitat address {
  font-size: 15px; font-weight: 600;
  color: #000;
  margin-top: -5px;
}

#artikeldetail .artdetail_text a {
  text-decoration: underline;
}

@media screen and (max-width: 736px) {

  #artikeldetail .zitat {

    margin: 40px 0;
    width: 100%;
    color: #000;
    text-decoration: none;

    line-height: 35px;

  }

  #artikeldetail .zitat h3 {
    font-size: 20px;
  }


  #artikeldetail .zitat:before {
    font-size: 85px;
  }

  #artikeldetail .zitat address {

    margin-top: 8px;
    font-size: 13px;
    line-height: 20px;
  }
}

.appeigenanzeigegross {
  display:none;
}


@media screen and (min-width: 360px) {
  .appeigenanzeigegross {
    display:block;
  }
}

.appeigenanzeigeklein {
  display:block;
}


@media screen and (min-width: 360px) {
  .appeigenanzeigeklein {
    display: none;
  }
}


/* Dossier-Details */


.dossierdetail{
  background-color: #eee;
  padding: 20px 10px;
  text-decoration:none;
}

.dossierdetailbeschreibung {
  text-align: center;
}

.dossierdetailbeschreibung a {
  text-decoration: none !important;
  font-family: "Open Sans";
  font-size: 12px;
  text-transform: uppercase;
}

header.dossierdetailtitel h2 {
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  color: #000;
  margin-top: -5px;
  text-align: center;
}

.werbdesktop{

  display: none;
}

@media screen and (min-width: 985px) {
  .werbdesktop {
    display: block;
  }

}

.werbmobil{
  display: none;
}

@media screen and (max-width: 736px) {
  .werbmobil {
    display: block;
    border-top: 0px none !important;
    border-bottom: 0px none !important;
  }
}

.werbfullwidth {
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  left: 50%;
}

article.artdetail_block_simple.artdetail_block_simple-ga .artdetail_short,
article.artdetail_block_simple.artdetail_block_simple-ka .artdetail_short,
article.artdetail_block_simple.artdetail_block_simple-ua .artdetail_short  {
  font-family: "Open Sans",sans-serif;
}

article.artdetail_block_simple.artdetail_block_simple-ga .badNauheim,
article.artdetail_block_simple.artdetail_block_simple-ka .badNauheim,
article.artdetail_block_simple.artdetail_block_simple-ua .badNauheim,
.textabschnitt_simple.textabschnitt_simple-ka .badNauheim,
.textabschnitt_simple.textabschnitt_simple-ua .badNauheim, 
.textabschnitt_simple.textabschnitt_simple-ga .badNauheim {
  display: none;
}

/* epaper */
body.epaper
{
  background-color: #eee;
}


body.epaper #off-canvas-wrapper {
  max-width: calc(100% - 40px);

}

.fixeme.epaper {
  z-index: 9999;
}

@media screen and (max-width: 1200px) {
  body.epaper #off-canvas-wrapper {
    width: auto;
    max-width: calc(100% - 40px) !important;

  }
}


body.epaper header.teaser h1 {

  background-color: #eee;

}

body.epaper #page-wrapper {
  max-width: 980px;
  margin: 0 auto;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}


body.epaper .tophead,
body.epaper .navigationContainer {
  background-color: #fff;
}

body.epaper nav.mininav ul:not(#ajax-login-box) {
  padding: 10px 0 0 0;

}

body.epaper header.tophead.epaper {
  padding: 0 20px;
  max-height: 80px;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;

}

header.tophead.epaper.detail {
  width: 100%;
  max-width: 1300px;
  border-left: 1px solid #fff !important;
  border-right: 1px solid #fff !important;

}




body.epaper ul.mainLayer {
  border-bottom: transparent;
}

@media screen and (max-width: 985px) {
  body.epaper .logo {
    padding-top: 0px;
  }
}


@media screen and (max-width: 736px) {
  body.epaper .mymobilemenu {

    padding-top: 0px;
  }
}



/* Topteaser */

.epaper-vorteile {
  background: url('/design/epaper/aufmacher_E-Paper_lw.jpg') no-repeat left;
  background-color: #fff;
  background-size: 100%;
  height: 355px;
  padding-left: 30px;
  overflow: hidden;
}

.epaper-vorteile .vorteilsliste {
  margin-left: 420px;
  padding-top: 30px;
  padding-right: 15px;
  line-height: 20px;
  font-size: 14px;


}

.epaper-vorteile .vorteilsliste b {
  font-size: 16px;
}

.vorteilsliste li {
  margin-bottom: 5px;
}

.vorteilsliste li span.text {
  display: inline-block;
  margin-left: 35px;
}

.vorteilsliste li span.text:first-child {
  display: inline-block;
  margin-left: 10px;
}

.epaper-prospekt_liste {
  line-height: 25px;
  font-size: 14px;
}

.epaper-prospekt_liste li a {
  display: inline-block; margin-left: 5px;

}


@media screen and (max-width: 900px) {

  .epaper-vorteile {
    background-size: 900px;

  }

  .epaper-vorteile .vorteilsliste {
    margin-left: 390px;
    margin-top: 20px;

  }

}


@media screen and (max-width: 736px) {

  .epaper-inner.grid_item.ausgaben {
    margin-top: 20px;
  }


  .epaper-vorteile {
    background: url('/design/epaper/aufmacher_E-Papermobile_lw.jpg') no-repeat top center;
    background-color: #fff;
    height: auto;
    padding-bottom: 20px;
  }

  .epaper-vorteile .vorteilsliste {

    margin-left: auto;
    margin-top: 245px;

  }


  .epaper-inner .grid_item {
    order: 2;

  }

  .epaper-inner .grid_item.text {
    order: 1;

  }


}



@media screen and (max-width: 360px) {

  .epaper-vorteile {

    background-size: 60vw;

  }

  .epaper-vorteile .vorteilsliste {

    margin-top: 170px;

    padding-right: 8px;

  }

  .epaper-vorteile .vorteilsliste b {
    font-size: 14px;
  }

  .vorteilsliste li span.text {
    display: inline-block;
    margin-left: 31px;
  }



}

@media screen and (max-width: 360px) {

  .epaper-vorteile {

    background-size: 55vw;

  }

  .epaper-vorteile .vorteilsliste {

    margin-top: 140px;


  }
}


.epaper-vorteile img {
  max-width: 980px;
}






/* Kopf und Kopfnavi */



#ajax-login-box,
#ajax-logout-box {
  z-index: 99999;
}

button,
input.button,
input[type="submit"].button {
  padding: 3px 10px !important;
  position: relative;
}


#page-wrapper-epaper {
  max-width: 100%;
  width: 100%;

}


.page-wrapper-epaper {

  margin: 0 auto;    
  max-width: 100%;
  /* padding: 0px 40px; */

}

header.tophead.epaper,
#page-wrapper-epaper #mainNavigation {
  max-width: 980px;
  margin: 0 auto;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}





.epaper-header_bezeichner {
  font-family: "Open Sans";
  font-weight: 700;

  color: #009C86;
  font-size: 45px;
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
  margin-left: 10px;
}

.mymobilemenu.tablet {
  display: inline;
  padding-left: 20px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-top: 40px;
}

.loginimage.tablet {
  display: block;
  padding-right: 20px;
  padding-top: 5px;
  text-align: right;
  position: absolute;
  right: 0px;
  bottom: 25px;
}


@media screen and (max-width: 985px) {

  .mymobilemenu {
    padding-top: 0;
  }

  .epaper-header_bezeichner {
    font-family: "Open Sans";
    font-weight: 700;

    color: #009C86;
    font-size: 25px;
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
  }


  .header_center.epaper img {
    max-width: 250px;
  }



}


@media screen and (max-width: 736px) {

  .header_center.epaper img {
    display: none;
  }

  .epaper-header_bezeichner {

    margin-top: 0px;
    font-size: 35px;
  }

}





/* Seitengerüst */

.main[role="main_epaper"] {
  margin: 20px 0px;
  display: block;


}



.epaper-inner {

  padding: 20px;
  background-color: #fff;
}

.epaper-inner .grid_row.flex {
  overflow: visible;
}


.epaper-inner:first-child {
  margin-right: 20px;
}

#fCMS_EpaperList .epaper-inner:first-child {
  margin-right: 0;
}

.epaper-inner h3 {
  font-size: 25px;
  margin-bottom: 25px;
  margin-top: 10px;
  line-height: 30px;
}

body.epaper .epaper-inner header.teaser h1 {
  background-color: #fff;
}

@media screen and (max-width: 985px) {



  .main[role="main_epaper"] {
    margin: 100px 0px;


  }


}



@media screen and (max-width: 736px) {
  .main[role="main_epaper"] {
    margin: 80px 0px;


  }

  .epaper-inner {
    margin-bottom: 20px;
  }
  .epaper-inner:first-child {
    margin-right: 0;
  }

  .epaper-inner .grid_row.flex {
    display: initial;
  }


}









/* Ausgabenseite */

.fcms-epaperDownloadContainer {
  position: relative;

}
.fcms-epaperDownloadStatus {
  margin: 10px 0;
  position: absolute;
  text-align: left;
  border: 1px solid #ccc;
  z-index: 999;
  top: -55px;
  background-color: #fff;
  line-height: 20px;
  padding: 10px;

}


.epaper-ausgaben_container {
  margin: 10px 15px !important;

}

.epaper-ausgaben_ausgabe_img img {
  margin-bottom: 20px;
  -webkit-box-shadow: 0 0 12Px #333;
  -moz-box-shadow: 0 0 12Px #333;
  box-shadow: 0 0 12Px #333;
  padding: 5px;

}

.epaper-ausgaben_ausgabe .anzahl {
  font-size: 12px;
}

.epaper-ausgaben_ausgabe .fcms-epaperDownloadContainer {
  position: relative;
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.4;
}

.epaper-ausgaben_ausgabe .fcms-epaperDownloadContainer #epaper-download {
}

.epaper-ausgaben_ausgabe h1 {
  font-size: 20px;
}

.facetsearch input[type="search"],
.facetsearch input[type="text"],
.facetsearch select {
  border-radius: 0;
  background-color: #ddd;
  border: 1px solid #ddd;
  padding: 3px;
  font-family: "Open Sans", "Verdana", sans-serif;
  font-size: 14px;
  width: 100%;
  display: inline-block;
  outline: 0 none;
  outline: none;
  -webkit-border-radius: 0;
  margin-bottom: 10px;
  width: 100%;
}




form select#ausgabenauswahl {
  border-radius: 0;
  background-color: transparent;
  border: 1px solid #009C86;
  padding: 3px;
  font-family: "Open Sans", "Verdana", sans-serif;
  font-size: 15px;
  width: 100%;
  display: inline-block;
  outline: 0 none;
  outline: none;
  -webkit-border-radius: 0;
  color: #000;
  font-weight: 500 !important;
}

form select#ausgabenauswahl option {

  background-color: transparent;


}


@media screen and (max-width: 360px) {


  .epaper-inner h3 {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 15px;
  }


  form select#ausgabenauswahl {
    font-size: 13px;
  }

  h3.epaper-bestellen_ueberschrift {
    margin-top: -5px;
  }

  .epaper-inner.grid_item.ausgaben {
    padding-bottom: 0;
  }

  .epaper-inner.grid_item.ausgaben fieldset {
    margin-bottom: 0;
  }


}


/* Detail */

.page-wrapper-epaper .main[role="main_epaper"]  {
  margin-top: 0;
  padding-top: 20px;
  background-color: #fff;

}

.pagesContainer.booklet {
  border: 1Px solid #999;
  -webkit-box-shadow: 2Px 2Px 4Px #999;
  -moz-box-shadow: 2Px 2Px 4Px #999;
  box-shadow: 2Px 2Px 4Px #999;
  margin: 5Px 0 !important;
}





/**
* Styles für den fcmsReader.
*
*/

/*
* Hilfsklasse für das Ausblenden von Elementen
*/
.hide {
  display:none;
}

.nooverlay {
  position:relative;
  top:0px;
}

.trenner10px {
  clear: both;
  height: 10px;
}




.fcmsreader .overlay {
  position: absolute;
  background-color: #000000;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 100000;
  opacity: 0.7;
}
.fcmsreader .overlay.hide {
  display:none;
}

.clearer {
  clear: both;
  height: 1px;
  display:block;
}
.scroller {
  width:10000px;
  height:10000px;
  position:relative;
}


.fcmsreader {
  background: transparent !important;
  overflow:hidden;
  float:left;
  position:absolute;
}

.fcmsreader:fullscreen {
  width:100% ! important;
  height:100% ! important;
}
.fcmsreader:-webkit-full-screen {
  width:100% ! important;
  height:100% ! important;
}
.fcmsreader:-moz-full-screen {
  width:100% ! important;
  height:100% ! important;
}
.fcmsreader:-ms-fullscreen {
  width:100% ! important;
  height:100% ! important;
}
.fcmsreader.mobile {
  background-color:white;
  background:none;
}

.fcmsreader .overview * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}



.fcmsreader .epaper-overview,
.fcmsreader .epaper-fullscreen {
  width:100%;
  height:100%;
  position:relative;
  background-color: #fff;
}
.fcmsreader .epaper-overview .box,
.fcmsreader .epaper-fullscreen .box {
  margin:0px auto 10px auto;
}

.fcmsreader .epaper-overview .box.overlay,
.fcmsreader .epaper-fullscreen .box.overlay {
  margin:0px;
  position:static;
}
.fcmsreader .epaper-overview .container,
.fcmsreader .epaper-fullscreen .container {
  float:left;
  height:100%;
  position:relative;
  /*     overflow: hidden; */
}
.zoom .disabled {
  background: #898989;
}

/**
* Pageflip
*
*/
.fcmsreader .pageflip {
  width:40px;
  border:10px solid white;
  position:absolute;
  z-index:999;
  height:40px;
  top:33%;
}
.fcmsreader .pageflip.left {
  left:0px;
}
.fcmsreader .pageflip.right {
  right:0px;
}
.fcmsreader .pageflip .button {
  width:100%;
  height:61px;
  background-repeat:no-repeat;
  cursor:pointer;
  border:none ! important;
  background-position:50% 50%;
  padding:0px ! important;
  border: 1px solid #cccccc;
  border-radius: 4px;
  background-color: rgba(255,255,255,0.8);
}

.fcmsreader .pageflip .button.previous {
  background-image: url("/storage/sym/epaper/epaper-menu-pfeil.png");
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fcmsreader .pageflip .button.next {
  background-image: url("/storage/sym/epaper/epaper-menu-pfeil.png");
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  right: 10px;
}



/*   Prospekte */

.prospekteintrag {
  float: left;
  margin: 0px 10px 10px 0px;
  max-width: 250px;
}

.prospekteintrag img {
  float: left;
  margin-right: 10px;
}

.prospekteintrag .details {
  float: left;
  width: 50%;
}


/* Menü */




.fcmsreader .menu .zoom {
  height: 7Px !important;
  width: 151Px !important;
}
.fcmsreader .menu ul li {
  border: none !important;
  margin: 0 5px;
  padding: 4px 0 4px 0 !important;
}


.fcmsreader.desktop .menu .entry:not(.zoom):not(.select):not(.suche) {
  width: 50px !important;
}


.fcmsreader.desktop .menu ul li.entry.search {
  display: none;
}

.fcmsreader.desktop .menu {
  background: #fff !important;
  border: none !important;

  text-align: center;

  height: 80px !important;

}

.fcmsreader.desktop .menu ul.menueicons {
  display: block;
  max-width: 900px;
  margin: 0 auto !important;



}

.fcmsreader.desktop #selectbox_date select, .fcmsreader.desktop #selectbox_issue select, .fcmsreader.desktop #selectbox_prospect select, .fcmsreader.desktop #selectbox_menu_ressort select, .fcmsreader.desktop #selectbox_ressort select {
  font-family: "Opens Sans",sans-serif !important;
  font-size: 14px !important;
  width: 270px !important;
  height: 25px;
  background: #FBFBFB;
  border: 1px solid silver;
  text-decoration: none;
  vertical-align: middle;
  padding-left: 3px;
  margin-top: 10px;
}

.fcmsreadermain .fcmsreader .menu {
  background: #fff !important;
}
.fcmsreader .menu.nooverlay {
  margin-bottom: 15PX !important;
}
.fcmsreader .menu ul {
  border: none !important;
  margin: 5Px 0 !important;
}
.fcmsreader .menu ul li {
  border: none !important;
  margin: 0 5Px;
  padding: 4Px 0 4PX 0 !important;
}
.fcmsreader .menu .zoom {
  height: 7Px !important;
  width: 151Px !important;
}
.fcmsreader .menu .ui-slider .sliderklasse {
  margin: -5PX 0 0 0;
  padding-left: 3Px;
  width: 151Px !important;
  height: 8px !important;
}
.fcmsreader .menu .entry.zoomout, .fcmsreader .menu .entry.zoomin, .fcmsreader .menu .entry.pageoverview, .fcmsreader .menu .entry.fullscreen, .fcmsreader .menu .entry.print.page, .fcmsreader .menu .entry.download.page.right, .fcmsreader .menu .entry.download.right, .fcmsreader .menu .entry.settings.right {
  width: 30Px;
}
.fcmsreader .menu .entry.suche .searchfield {
  top: -2PX !important;
  width: 98% !important;
}
.ui-slider-horizontal .ui-slider-handle {
  /*     top: -.4em !important; */
  /*     margin-left: -.5em !important; */
}
.ui-slider .slidertrenner {
  left: 23PX !important;
  top: -9PX !important;
}




.fcmsreader {
  position: relative !important;
}




.fcmsreader .menu.tablet,
.fcmsreader .menu.smartphone {
  left: 0px;
  opacity: 1;
  height: 85px;
}

.fcmsreader .menu.tablet .left,
.fcmsreader .menu.tablet .right,
.fcmsreader .menu.smartphone .entry
{

  margin: 25px 0px 0px 0px;

}


/* Menü mobile */

.mobile .menubutton {
  border: 1px solid #ddd;
  right: 20px !important;
}


@media screen and (max-width: 985px) {



  #page-wrapper {
    max-width: 100%;
    width: 100%;

  }

  .page-wrapper-epaper {
    padding: 0px;
    width: 100%;
  }

  header.tophead.epaper {
    max-width: 100%;

  }

  .fixeme.epaper {
    width: 100%;
  }

}



/* Piano */

.fcmsreader .piano {
  margin: 10px auto 5px auto !important;
  width: 100% !important;
}

.fcmsreader.desktop .overview .piano .epaper-pager-prev, .fcmsreader.desktop .overview .piano .epaper-pager-next {
  width: 8% !important;
  min-width: 34px !important;
  margin: 0 1% !important;
  height: 80px !important;

}



.fcmsreader .piano .image-block img {
  -webkit-box-shadow: 2Px 2Px 4Px #999;
  -moz-box-shadow: 2Px 2Px 4Px #999;
  box-shadow: 2Px 2Px 4Px #999;
  margin-right: 5px !important;
}

.fcmsreader .piano .title {
  display: none;
}

.fcmsreader #iScroll-overview {
  width: 80% !important;
}


/* Überschreiben von epaper-webapp.css */

@media screen and (min-width: 737px) {

  .fcmsreader .epaper .box .container .click .adjust .picBase, .fcmsreader .epaper .box .container .click .adjust .objectBase {
    display: block;
    float: left;
    position: absolute;
    bottom: 50px;
  }
}

/* Für interaktives Layer */

.fcmsreader.desktop .interactive .envelop  {

  overflow-y: hidden !important;

}




.fcmsreader.overview .box .container .click .adjust .layer .opa:hover,
.fcmsreader.mobile .box .container .click .adjust .layer {

  background-color: #009C86 !important;
  opacity: 0.1;

  border: 2px solid black;
}

/* fuer E-Paper Seiten epaper.xxx.de */
.main[role="main_epaper"] .grid_row.pad{
  background: #fff;
}

div#page-wrapper-epaper.epaperDetail #mainNavigation {
  max-width: 100%;
}

div#page-wrapper-epaper.epaperDetail #mainNavigation ul.mainLayer {
  max-width: 980px;
  margin: 0 auto;
  justify-content: space-around;
}

header.tophead.epaper.detail .epaper-header_bezeichner {
  margin-top: -5px;
}


/* Steffen 2021 */

.vorteilsliste li,
.epay_description ul li {
  position: relative;
}

.epaper-prospekt_liste li:before,
.vorteilsliste li:before,
.epay_description ul li:before {
  position: relative;
  top: 1px;
  left: 0px;
  display: inline-block;
  width: 15px;
  height: 16px;
  margin: 0;
  padding-left: 1px;
  content: '>';
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-family: monospace;
  line-height: 14px;
  border-radius: 50%;
  background: #009C86;
}

.vorteilsliste li:before {
  top: 4px;
  width: 20px;
  height: 20px;
  line-height: 14px;
  content:'';
}

.vorteilsliste li:after, 
.epay_description ul li:after {
  position: absolute;
  z-index: 8;
  left: 6px;
  top: 5px;
  transform: rotate(45deg);
  display: block;
  width: 3px;
  height: 10px;
  padding-left: 0;
  content: '';
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
}

.epay_description ul li:before  {
  position: absolute;
  top: 10px !important;
  width: 20px;
  height: 20px;
  line-height: 14px;
  content:'' !important;
}

.epay_description ul li:after {
  top: 11px;
  left: 7px;
}

.ePaperHeaderLogo {
  max-height: 57px;
}

body.epaper header.teaser h1 {
  background: #fff;
}

/* wep-navigation.css */
html.nav--open body {
  overflow: hidden;
  padding-right: 17px;
}

.offcanvas-backdrop.fade {
  display: none;
  background-color: #000;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 700;
}

html.nav--open body .mainNav.show + .offcanvas-backdrop {
  opacity: 0.5;
  display: block;
}

.mainNav {
  position: fixed;
  z-index: 8000;
  left: -440px;
  top: 64px;
  width: 440px;
  max-width: 80vw;
  height: 100vh;
  background: #f3f3f3;
  transition: left .3s ease-in-out;
}

.mainNav.show {
  left: 20px;
  transition: left .3s ease-in-out;
}

.mainNav ul {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  -webkit-overflow-scrolling: touch;
}

.mainNav ul li a {
  color: rgb(0 0 0 / .75);
  border-color: rgb(0 0 0 / .1);
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 44px;
  padding: 10px 0 10px 20px;
  text-decoration: none;
  font-size: 14px;
  color: #fff;
  background-color: #555657;
  align-items: center;
}

.mainNav ul .navEintrag-Style2.navEintrag a {
  background: transparent;
  color: inherit;
}

.mainNav ul li a:after {
  content: '';
  border-color: inherit;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  display: block;
  position: absolute;
  left: 20px;
  right: 0;
  bottom: 0;
}

.mainNav .navEintragToggle {
  flex: 0 0 44px;
  height: 44px;
  font-size: 26px;
  line-height: 1.375;
  width: 44px;
  text-align: center;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.75);
}

.mainNav .navEintrag-ebene1 {
  display: flex;
  flex-wrap: wrap;
}

.mainNav .navEintrag {
  flex: 1 1 calc(100% - 44px);
}

.mainNav ul.mainNav-listenEbene2 {
  display: none;
  flex: 0 0 100%;
}

.mainNav .navEintrag-ebene1.navEintrag-open > ul.mainNav-listenEbene2 {
  display: flex;
}

.mainNav .navEintragToggle.navEintragBtn-open {
  transform: rotate(90deg);
}

.mainNav ul.mainNav-listenEbene2 a {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.75);
}


@media all and (min-width: 740px) {

  .mainNav {
    top: 78px;
  }

}

@media all and (min-width: 985px) {

  html.nav--open body .mainNav.show + .offcanvas-backdrop,
  .mainNav ul .navEintrag.hide-desk {
    display: none;
  }

  .mainNav,
  .mainNav.show {
    position: inherit;
    top: -36px;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: auto;
    background: #fff;
    transition: top .3s ease-in-out;
  }

  .mainNav.sticky.sticky-top {
    position: fixed;
    top: 0;
    width: 95vw;
    max-width: 980px;
    left: auto;
    right: auto;
    transition: top .3s ease-in-out;
    box-shadow: 0 4px 2px -2px rgb(0 0 0 / .3);
  }

  .mainNav ul {
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
  }

  .mainNav ul li a {
    height: 36px;
    width: auto;
    background: transparent;
    color: #333333;
    padding: 10px 0;
    margin: 0 20px;
    border-bottom: 2px solid #fff;
  }

  .mainNav ul li a:after {
    display: none;
  }

  .mainNav ul li.navEintrag-aktiv > div > a,
  .mainNav ul li a:hover,
  .mainNav ul li a:focus {
    color: #009C86;
    border-bottom: 2px solid #009C86;
  }

  .mainNav ul li.navEintrag-aktiv.navEintrag-ebene2:first-of-type > div > a {
    color: inherit;
    border-bottom: 2px solid transparent;
  }

  .mainNav ul li.navEintrag-aktiv.navEintrag-ebene2 > div > a {
    border-bottom: 2px solid transparent;
  }

  .mainNav ul  .navEintrag-iconHome a {
    background: url(/design/images/home-icon.png) no-repeat center;
    font-size: 0;
    width: 30px;
    height: 35px;
    padding-bottom: 0;
    cursor: pointer;
  }

  .mainNav .navEintragToggle {
    display: none;
  }

  .mainNav .navEintrag-ebene1 {
    position: relative;
  }

  .mainNav-listenEbene2 {
    position: absolute;
    z-index: 8;
    top: 36px;
    left: 0;
    display: none;
    width: 195px;
    background: #fff;
    background-color: #fff;
    border: 1px solid #ddd;
    border-top: 0;
    height: auto;
    z-index: 1001;
  }

  .mainNav .mainNav-listenEbene2  li a:hover,
  .mainNav .mainNav-listenEbene2  li a:focus {
    border-color: transparent;
  }

  .mainNav  .navEintrag-ebene1:hover > .mainNav-listenEbene2 {
    display: flex;
    flex-direction: column;
  }

}

/* LWSM Positionierung */
html.nav--open body.lw .mainNav,
html.nav--open body.sm .mainNav {
    left: 3vw;
    top: 65px;
}

@media all and (min-width: 738px) {
    
    html.nav--open body.lw .mainNav,
    html.nav--open body.sm .mainNav {
    left: calc(50vw - 395px);
    top: 85px;
   }
}

/* wep-epaper-uebersicht-weekli.css */
.epaAusgabenWahl {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 16px;
}

.epaAusgabenWahl span.buttonlike.opened {
  opacity: 0.25;
}

.epaAusgabenWahlContainer {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 24px 0 0 0;
  text-align: center;
}

.epaAusgabenWahlContainer form {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 540px;
  margin: 0 auto;
}

.epaAusgabenWahlContainer .input-field.styled label {
  font-size: 16px;
  line-height: 1.75;
  text-align: left;
  cursor: pointer;
}

.epaAusgabenWahlContainer  .saveoptions {
  text-align: center;
}

.epaAusgabenWahlContainer  form input:not([type="button"]).buttonlike  {
  background-color: #333;
  border: 0 solid #fff;
  border-radius: 5px;
  padding: 3px 10px;
  margin-top: 16px;
} 

.epaUserAusgaben header {
  flex: 0 0 100%;
}


.epaUserAusgaben header h4 {
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 16px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 4px;
}

.epaUserAusgaben figure {
  text-align: center;
  margin-bottom: 8px;
}

.epaUserAusgaben-infos {
  text-align: center;
  flex: 1;
}

.epaUserAusgaben-assets .header {
  font-size: 18px;
  margin: 8px;
}

a.textLink {
  color: #009C86;
  text-decoration: underline;
}

div.Beilagen .epaUserAusgaben .epaper-inner,
div.Prospekte .epaUserAusgaben .epaper-inner {
  flex-direction: column;
}

.ePaper-Weekly h3 {
  border-bottom: 1px solid #b9b9b9;
  padding: 0 8px 8px 8px;
  text-align: center;
  font-size: 16px;
}

.ePaper-Weekly > div {
  margin-bottom: 16px;
}



@media (min-width: 738px) {

  .epaAusgabenWahlContainer form {
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0;
    max-width: unset;
  }

  .input-field.styled {
    flex: 0 1 32.5%;
  }

  .saveoptions {
    flex: 0 0 100%;
  }

  .epaUserAusgaben > div {
    flex-wrap: wrap;
  }

  .fcmscss-device-fcmswebapp .epaperBox,
  .fcmscss-device-fcmsiosapp .epaperBox {
    width: 80%;
    text-align: center;
  }

  .fcmscss-device-fcmswebapp .epaper-pdf,
  .fcmscss-device-fcmsiosapp .epaper-pdf {
    display: flex;
    gap: 36px;
    flex-wrap: nowrap;
  }

  .fcmscss-device-fcmswebapp .epaper-pdf > div,
  .fcmscss-device-fcmsiosapp .epaper-pdf > div {
    flex: 1;
  }

}

.lastPage-Wrapper {
  padding: 50px 2vw; 
  background: #ccc;
  height: 100vh;
  width: 100vw;
}

.lastPage-Wrapper h2 {
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 32px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 4px;
  font-family: "Open Sans", "Arial", sans-serif;
}

.lastPage-Inner {
  padding: 20px;
  box-shadow: 0 0 2px #ccc;
  background: #fff;
}

/* wep-critical-js.css */
.fcmscss-device-smartphone .show-smartphone,
.fcmscss-device-fcmsiosapp .show-iosapp,
.fcmscss-device-fcmswebapp .show-webapp,
.fcmscss-device-tablet .show-mobile,
.fcmscss-device-smartphone .show-mobile,
.fcmscss-device-android .show-android, 
.fcmscss-device-ios .show-ios,
.fcmscss-device-fcmswebapp .show-webapp-ab20,
.fcmscss-device-fcmsiosapp .show-iosapp-ab20,
.fcmscss-device-tablet .show-tablet { 
  display: inherit !important;
}

.fcmscss-device-tablet .epaper-menu-mobile-toggle.show-mobile,
.fcmscss-device-smartphone .epaper-menu-mobile-toggle.show-mobile {
  display: block !important;
}

.fcmscss-device-fcmswebapp .hide-webapp,
.fcmscss-device-tablet .hide-mobile,
.fcmscss-device-smartphone .hide-mobile,
.fcmscss-device-fcmsiosapp .hide-iosapp,
.fcmscss-device-android .hide-webapp,
.fcmscss-device-smartphone .hide-smartphone,
.fcmscss-device-fcmsiosapp .hide-apps, 
.fcmscss-device-fcmswebapp .hide-apps,
.fcmscss-device-android .hide-android, 
.fcmscss-device-ios .hide-ios {
  display: none !important;
}