/* Colors 
Blau: #002639
Gelb: #ffbe42
helles Gelb: #fde9c3
helles Blau: #ecf8fe
mittleres Blau: #e0edf3
Grau: #eeeeee
Linien Gelb: #fcdda3
 */

@font-face {
    font-family: 'FontAwesome';
    src: url('../font/fontawesome-webfont.eot?v=4.3.0');
    src: url('../font/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../font/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../font/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../font/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../font/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
}

.clear {
    clear: both;
    font-size: 0px;
    line-height: 1em;
}

:hover,
:focus {
    outline: none !important;
}

img,
a img {
    border: none;
    outline: none;
}

input[type='text'],
input[type='password'],
input[type='number'] {
    border: 1px solid #012639;
    font-size: 1em;
    line-height: 1.5em;
    padding: 2px 1%;
    margin-bottom: 8px;
    font-family: 'Istok Web', sans-serif;
}

input[type='text'],
input[type='password'],
input[type='number'],
input[type='submit'],
input[type='button'],
textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
}

.addcartinfo {
    width: 100%;
    float: left;
}

body {
    color: #002639;
    font-family: 'Lato', sans-serif;
    font-size: 17px;
    line-height: 1.5em;
    background-color: #ddd;
    position: relative;
}

body.size1 {
    font-size: 17px;
}

body.size2 {
    font-size: 1.2em;
}

body.size3 {
    font-size: 1.4em;
}

.clearfix:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.top {
    position: fixed;
    right: 50px;
    bottom: 140px;
    font-size: 0.882em;
    font-weight: 700;
    cursor: pointer;
    padding-right: 20px;
    color: #436377;
}

.size3 .top {
    font-size: 1em;
    padding-right: 25px;
}

.top:after {
    content: '\f077';
    font-family: FontAwesome;
    position: absolute;
    right: 0;
}

input:focus {
    outline: none;
}

select:focus {
    outline: none;
}

.rahmen {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto 50px auto;
    position: relative;
    z-index: 10;
    background-color: #ddd;
}

.wrapper {
    width: 100%;
    float: left;
}

.wrapper.contenu {
    max-width: 1200px;
}

#page2 .wrapper.contenu {
    max-width: 980px;
}

.wrap {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

a,
button {
    text-decoration: none;
    outline: none;
}

input[type='text'],
input[type='password'],
input[type='number'],
textarea {
    border-radius: 0;
}

input[type='checkbox'],
input[type='radio'] {
    border: 1px solid #012639 !important;
}

input[type='text'],
input[type='number'],
input[type='password'],
textarea,
input[type='submit'] {
    font-family: 'Istok Web', sans-serif;
    color: #002639;
}

input[type='submit'] {
    cursor: pointer;
}

.mob {
    display: none;
    visibility: hidden;
}

.item.quarter {
    margin-left: 1.5%;
    float: left;
    width: 31.7%;
}

.item.half {
    width: 48.5% !important;
    margin-left: 1.5%;
    float: left;
}

.item.threequarter {
    width: 65% !important;
    margin-left: 1.5%;
    float: left;
}

.item.allwide {
    width: 98.5% !important;
    margin-left: 1.5%;
    /*width:100%;
  margin-left:0;*/
    float: left;
    clear: both;
}

.inhalt .item.allwide {
    width: 100% !important;
    margin-left: 0%;
    float: none !important;
}

.personenbox.item.allwide {
    float: left !important;
}

.inhalt .formular.item.allwide {
    margin-bottom: 0%;
}

.inhalt .item.threequarter {
    width: 66.5% !important;
    margin-left: 0%;
}

.item {
    margin-bottom: 1em;
}

.grid-sizer {
    width: 25%;
}

.access {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.adressen .item.half {
    margin-left: 0;
    width: 50% !important;
}


/* HEADER */

header {
    position: relative;
    width: 100%;
    float: left;
    max-width: 948px;
    padding-left: 17px;
    padding-right: 17px;
    background-color: #fff;
    /*z-index:20;*/
    z-index: auto;
}

#pagestart header {
    z-index: 20;
}

#logo {
    float: left;
    width: 190px;
    padding: 17px 2.5% 0 0;
    min-height: 96px;
}

#logo figure.image {
    padding-bottom: 0px !important;
}

#logo a {
    display: block;
}

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

#topbalken {
    float: left;
    width: 100%;
    max-width: 980px;
    height: 2.9em;
    position: relative;
    padding-top: 7px;
}

.spenden {
    position: absolute;
    /*top:100px;*/
    top: 7px;
    right: 0%;
    height: 51px;
    z-index: 14;
}

.spenden a {
    display: block;
    color: #000;
    font-weight: 700;
    line-height: 1.833em;
    font-size: 1.059em;
    background-color: #f8af24;
    padding-left: 13px;
    padding-right: 13px;
}

.spenden a:focus,
.spenden a:active {
    color: #fff;
}

#search {
    /*top:100px;*/
    float: right;
    width: 22.2%;
    clear: right;
}

#search label,
#buchsuche label {
    position: absolute;
    left: -9999px;
}

#search input,
#buchsuche input {
    background: none;
    display: block;
    border: 1px solid #436377;
    float: right;
    font-size: 0.882em;
    color: #436377;
}

.reverse #search input,
.reverse #buchsuche input {
    color: #fff;
}

#search input[type='submit'],
#buchsuche input[type='submit'] {
    cursor: pointer;
    border: none;
    float: right;
    background-image: url(../img/lupe.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 26px;
    height: 24px;
    text-indent: -9999px;
}

#search input[type='submit']:focus,
#search input[type='submit']:active,
#buchsuche input[type='submit']:focus,
#buchsuche input[type='submit']:active {
    background-image: url(../img/lupe-hover.png);
}

.reverse #buchsuche input[type='submit'] {
    background-image: url('../img/lupe-reverse.png');
}

.reverse #search input[type='submit']:focus,
.reverse #search input[type='submit']:active,
.reverse #buchsuche input[type='submit']:focus,
.reverse #buchsuche input[type='submit']:active {
    background-image: url('../img/lupe-reverse-hover.png');
}

.allwide #buchsuche input[type='submit'] {
    float: left;
    margin-left: 12px;
}

#search input[type='text'],
#buchsuche input[type='text'] {
    width: 78%;
    float: left;
    padding-left: 8px;
}

.allwide #buchsuche input[type='text'] {
    width: 48%;
}

.sprachen li {
    float: left;
}

.service {
    float: right;
    width: 24.2%;
    padding-top: 12px;
    padding-bottom: 21px;
}

.facebook {
    width: 15px;
    height: 15px;
    float: left;
    padding-top: 4px;
}

.facebook a {
    display: block;
    background: url(../img/facebook.png);
    background-size: 15px;
    height: 15px;
    width: 15px;
}

.reverse .facebook a {
    background: url(../img/facebook_hell.png);
    background-size: 15px;
}

.fr .service {
    width: 24.1%;
}

.sprachen {
    width: auto;
    float: right;
}

header li,
.service li {
    list-style: none;
}

.fontsize {
    width: auto;
    float: left;
}

.fontsize a:hover,
.fontsize a:focus,
.fontsize a:active,
.farbumkehr button:hover,
.farbumkehr button:focus,
.farbumkehr button:active,
.sprachen a:hover,
.sprachen a:focus,
.sprachen a:active {
    color: #012639;
}

.tx_fontsizer_default {
    font-size: 0.7em;
    color: #012639;
}

.size1 .tx_fontsizer_default,
.size2 .tx_fontsizer_smaller,
.size3 .tx_fontsizer_bigger {
    border-bottom: 1px solid #012639;
}

.tx_fontsizer_smaller {
    font-size: 0.85em;
    color: #012639;
}

.tx_fontsizer_bigger {
    font-size: 1em;
    color: #012639;
}

.farbumkehr {
    float: left;
    cursor: pointer;
    height: 2.5em;
    width: 23%;
    margin-left: 12%;
}


/*.reverse .farbumkehr  {
  border-right:1px solid #436376;
}*/

.farbumkehr button {
    font-size: 1.25em;
    line-height: 1em;
    font-weight: 700;
    color: #436377;
    border: none;
    background: none;
    cursor: pointer;
}


/* NAVIGATION */

nav {
    position: relative;
    z-index: 5;
}

.navi1 li a {
    border-left: 2px #f8af24 solid;
}

.unavi2 li a {
    border-left: none;
}

.navi1 li:first-child a {
    border-left: none;
}

.navi2 {
    float: left;
    margin-top: -4px;
    z-index: 25;
    position: relative;
    padding-top: 77px;
}

.navi2 li {
    float: left;
    border: 1px #fff solid;
    border-bottom: none;
}

.navi1>li {
    float: left;
    cursor: pointer;
    list-style: none;
}

.navi1 li a {
    line-height: 1.833em;
    font-size: 1.059em;
    color: #fff;
    display: block;
    padding: 0 11px 0 11px;
    background-color: #002639;
    font-weight: 700;
}

.fr .navi1 li a {
    padding: 0 7px 0 7px;
}

.it .navi1 li a {
    padding: 0 10.5px 0 10.5px;
}

.fr .navi1 li:hover a {
    padding: 0 10px 0 12px;
}

.it .navi1 li:hover a {
    padding: 0 10.5px 0 12.5px;
}

.fr .navi1 li:first-child a {
    padding: 0 7px 0 7px;
}

.it .navi1 li:first-child a {
    padding: 0 10.5px 0 12.5px;
}

.size3 .navi1 li a {
    padding: 0 8px 0 8px;
}

.navi1 li:hover a,
.navi1 li a:active,
.navi1 li a:focus,
.navi1 li.hover a {
    color: #012639;
    background-color: #f8af24;
}

.navi1 li.active a,
.navi1 li a.current {
    color: #012639;
    background-color: #f8af24;
}

.nav7:hover a,
.nav7:active a,
.nav7:focus a,
.nav7.hover a,
.nav8:hover a,
.nav8:active a,
.nav8:focus a,
.nav8.hover a,
.nav9:hover a,
.nav9 a:hover,
.nav9:active a,
.nav9:focus a,
.nav9.hover a,
.nav60:hover a,
.nav60 a:hover,
.nav60:active a,
.nav60:focus a,
.nav60.hover a,
.nav512:hover a,
.nav512 a:hover,
.nav512:active a,
.nav512:focus a,
.nav512.hover a,
.nav208:hover a,
.nav208 a:hover,
.nav208:active a,
.nav208:focus a,
.nav208.hover a {
    border-bottom: 17px solid #fff;
}

.reverse .nav7:hover a,
.reverse .nav7:active a,
.reverse .nav7:focus a,
.reverse .nav7.hover a,
.reverse .nav8:hover a,
.reverse .nav8:active a,
.reverse .nav8:focus a,
.reverse .nav8.hover a,
.reverse .nav9:hover a,
.reverse .nav9 a:hover,
.reverse .nav9:active a,
.reverse .nav9:focus a,
.reverse .nav9.hover a,
.reverse .nav60:hover a,
.reverse .nav60 a:hover,
.reverse .nav60:active a,
.reverse .nav60:focus a,
.reverse .nav60.hover a,
.reverse .nav512:hover a,
.reverse .nav512 a:hover,
.reverse .nav512:active a,
.reverse .nav512:focus a,
.reverse .nav512.hover a,
.reverse .nav208:hover a,
.reverse .nav208 a:hover,
.reverse .nav208:active a,
.reverse .nav208:focus a,
.reverse .nav208.hover a {
    border-color: #000;
}

.nav8:hover a,
.nav8 a:hover,
.nav8 a.current,
.nav8:active a,
.navi1 .nav8 a.current,
.nav8:focus a,
.nav8.hover a,
.nav9:hover a,
.nav9 a:hover,
.nav9 a.current,
.nav9:active a,
.navi1 .nav9 a.current,
.nav9:focus a,
.nav9.hover a,
.nav60:hover a,
.nav60 a:hover,
.nav60:active a,
.nav60:focus a,
.nav60.hover a,
.nav512:hover a,
.nav512 a:hover,
.nav512:active a,
.nav512:focus a,
.nav512.hover a,
.nav208:hover a,
.nav208 a:hover,
.nav208:active a,
.nav208:focus a,
.nav208.hover a {
    padding-left: 15px;
    border-left: none;
}

.nav7 .unavi2 a,
.nav60 .unavi2 a,
.nav512 .unavi2 a,
.nav7 .unavi2 a:hover,
.nav7:active .unavi2 a,
.nav7:focus .unavi2 a,
.nav7.hover .unavi2 a,
.nav8 .unavi2 a,
.nav8 .unavi2 a:hover,
.nav8:active .unavi2 a,
.nav8:focus .unavi2 a,
.nav8.hover .unavi2 a,
.nav9 .unavi2 a,
.nav9:hover .unavi2 a,
.nav9 .unavi2 a:hover,
.nav9:active .unavi2 a,
.nav9:focus .unavi2 a,
.nav9.hover .unavi2 a {
    border: none !important;
    padding-left: 0%;
}

.nav60 .unavi2 a,
.nav60 .unavi2 a:hover,
.nav60:active .unavi2 a,
.nav60:focus .unavi2 a,
.nav60.hover .unavi2 a,
.nav512 .unavi2 a,
.nav512 .unavi2 a:hover,
.nav512:active .unavi2 a,
.nav512:focus .unavi2 a,
.nav512.hover .unavi2 a {
    border: none !important;
    padding-bottom: 20px;
}

.navi1 li:hover a.link8,
.navi1 li:active a.link8,
.navi1 li:focus a.link8,
.navi1 li.hover a.link8 {
    padding-bottom: 0;
}

a.link7 {
    padding-left: 17px;
}

.navi1 .unavi2 li a {
    background: none;
    color: #012639;
    font-weight: 900;
    font-size: 1em;
}

.navi1 .unavi2 li a.sub2link {
    height: 3em;
}

.navi1 .unavi2 li a:hover,
.navi1 .unavi2 li:focus a,
.navi1 .unavi2 li.hover a,
.navi1 .unavi2 li a.current {
    color: #436377;
}

.navi1 .unavi2 li a.current {
    color: #436377 !important;
}

.unavi2 {
    left: 0;
    position: absolute;
    padding: 0 3% 0 3.5%;
    width: 97.1%;
    left: -9999em;
    background-color: #fff;
    opacity: 0;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
    border-bottom: 2px solid #ddd;
}

.en .unavi2 {
    display: none;
}

.unavi2.linie {
    border-bottom: 2px solid #ddd;
    padding: 0 3% 0 3.1%;
    width: 97.5%;
    border-right: 2px solid #ddd;
    border-left: 2px solid #ddd;
}


/*li.nav60:hover .unavi2 {
  left: 62.9%;
  padding: 0 1em 15px 1em;
    width: 20.3%;
  background-color:#dae0e4;
}
li.nav60:hover .unavi2 {
  padding: 0 2px 0 66.6%;
  width:36.8%;
}*/

.unavi2 li {
    /*border-left:2px solid #F8AF24;*/
    width: 22.8%;
    word-wrap: break-word;
}

.unavi2 li.side,
.map2 li.side,
.unavi2 li.nav230 {
    padding-left: 0;
    clear: both;
    /*border-left:none;*/
}

.map .map2 li {
    padding-right: 2.5% !important;
}

.map li a {
    word-break: break-word;
}

.unavi2 li.endside,
.map2 li.endside {
    padding-right: 0;
}

.unavi2 li.sub2 ul.unavi3 {
    padding-top: 17px;
}


/*.unavi2 li.nav40 {
  width:16.59%;
}
.unavi2 li.nav41 {
  width:25.94%;
}
.unavi2 li.nav42 {
  width:13.86%;
}
.unavi2 li.nav43 {
  width:auto;
}
.unavi2 li.nav44 {
  width:12.5%;
}
*/


/*.nav60 .unavi2 li {
  width:80%;
  padding-left:0;
  background:url(../img/pfeil.png) no-repeat left 5px;
}
.nav60 .unavi2 a  {
  position:relative;
  width:90%;
  padding-left:10%;
}*/

.unavi3 li {
    border: none;
    width: 100%;
}

.navi1 .unavi2 .unavi3 li a:hover,
.navi1 .unavi2 .unavi3 li:focus a,
.navi1 .unavi2 .unavi3 li.hover a {
    color: #436377;
}

.navi1 li:focus .unavi2,
.navi1 li:hover .unavi2,
.navi1 li:active .unavi2,
.navi1 li.hover .unavi2 {
    /*  left: -1.75%;
  opacity:1;*/
}

li:focus .unavi2.linie,
li:hover .unavi2.linie,
li:active .unavi2-linie,
li.hover .unavi2.linie {
    /*left: -2%;*/
}

#mainnavi .close {
    position: absolute;
    left: 0px;
    top: 50px;
    z-index: 0;
    cursor: pointer;
    color: #002639;
    font-weight: 700;
    font-size: 1.4rem;
    opacity: 0;
    text-align: center;
    width: 35px;
    line-height: 35px;
    height: 35px;
    border-radius: 50%;
    border: 2px #002639 solid;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    display: none;
}

#mainnavi .close.open {
    opacity: 1;
    z-index: 100;
    display: block;
}

.en #mainnavi .close.open {
    opacity: 0;
    z-index: 0;
    display: none;
}

.navi1 li.open .unavi2,
.navi1 li.hover .unavi2 {
    left: -1.75%;
    opacity: 1;
    padding-top: 26px;
}

li.open .unavi2.linie,
li.hover .unavi2.linie {
    left: -2%;
    opacity: 1;
    padding-top: 26px;
}

.nav7.open a,
.nav8.open a,
.nav9.open a,
.nav60:hover a,
.nav60.open a,
.nav512.open a,
.nav208.open a {
    border-bottom: 16px solid #fff;
}

.unavi2 li {
    float: left;
    list-style: none;
    padding: 0 20px 12px 0;
}

.unavi2 li a {
    line-height: 1.5em;
    padding: 0;
    /*border-bottom:1px solid #93a6b1;
  padding:0 0 0.75em 0;*/
}

.unavi3 li a:hover,
.unavi3 li a:active,
.unavi3 li a:focus,
.unavi3 li a.current {
    font-weight: 700;
}

.unavi3 {
    list-style: none;
    margin-left: 0;
}

.unavi3 li {
    float: none;
    padding: 0;
    height: auto !important;
    position: relative;
}


/*.navi1 .unavi2 .unavi3 a:before, .nav60 .unavi2 a:before {
  content: "›";
  color: #f9b537;
  font-size: 1.6em;
  line-height:1em;
  font-weight: 700;
  display: inline-block;
  vertical-align:top;
  position:absolute;
  top:-4px;
  margin-top:0;
  width: 0.5em;
    margin-left: -0.5em;
}*/

.nav44 {
    position: absolute;
    /*top: 39px;  */
}

.navi1 .unavi2 .unavi3 li {
    background: url(../img/pfeil.png) no-repeat;
    background-size: 12px;
    background-position: left 7px;
}

.navi1 .unavi2 .unavi3 li a {
    font-weight: 400;
    width: 90%;
    display: inline-block;
    color: #012639;
    font-size: 0.944em;
    position: relative;
    padding-left: 10%;
}

.unavi3 li a {
    text-decoration: none;
    margin-bottom: 0;
    line-height: 1.3em;
    padding-bottom: 7px;
}

.unavi4 {
    /*padding-left:23px;*/
}

header a {
    text-decoration: none;
}

.servicenavi>li {
    float: left;
    cursor: pointer;
    position: relative;
    padding-top: 4px;
}

.newsnavi {
    display: none;
}

.servicenavi>li a {
    padding: 0 10px;
}

.servicenavi2 {
    left: -1px;
    position: absolute;
    padding: 10px 0;
    width: auto;
    left: -9999em;
    background: #fff;
    z-index: 30;
    top: 26px;
    border: 1px #cbd5d6 solid;
}

li:hover .servicenavi2,
li.hover .servicenavi2,
li:focus .servicenavi2,
li:active .servicenavi2 {
    left: -1px;
}

.en .servicenavi2,
.en li:hover .servicenavi2,
.en li.hover .servicenavi2,
.en li:focus .servicenavi2,
.en li:active .servicenavi2 {
    display: none !important;
}

.navi2 li a,
.service a {
    color: #436377;
    font-size: 0.882em;
}

.sprachen a {
    font-weight: 700;
    color: #436377;
}

.navi2 li a {
    line-height: 1;
    z-index: 33;
    padding-bottom: 3px;
    font-weight: 700;
    font-size: 0.882em;
}

.navi2 li li a {
    font-weight: 400;
}

.navi2 li li a:hover,
.navi2 li li a.current,
.navi2 li li.hover a,
.navi2 li li.active a {
    color: #012639;
}

.reverse .navi2 li a:hover,
.reverse .navi2 li li a:hover,
.reverse .navi2 li li a.current,
.reverse .navi2 li li.hover a,
.reverse .navi2 li li.active a {
    /*color:#436377;*/
    color: #fff;
}

.navi2 li:first-child a {
    background: none;
}

.sprachen li {
    padding-left: 15px;
}

.sprachen li.active a {
    color: #012639;
}

.servicenavi2 li a {
    background: none;
    border: none;
}

.navi2 li:hover,
.navi2 li:active,
.navi2 li:focus,
.navi2 li.hover {
    border: 1px #cbd5d6 solid;
    border-bottom: none;
}

.servicenavi2 li:hover,
.servicenavi2 li:focus,
.servicenavi2 li:active,
.servicenavi2 li,
.servicenavi2 li.hover,
.hover .servicenavi2 li {
    border: none;
}

.servicenavi2 li {
    float: none;
    display: block;
    padding-left: 15px;
    padding-right: 15px;
}

.en .servicenavi2 li {
    display: none;
}

.servicenavi2 li a {
    padding: 0;
    font-size: 0.875em;
    white-space: nowrap;
}

.navi2 li:hover a,
.navi2 li a:focus,
.navi2 li a:active,
.navi2 li.hover a {
    position: relative;
    background: #fff;
    color: #012639;
}

.navmobile,
.servicemobile {
    display: none;
}


/* Footer */

.footerContent {
    max-width: 980px;
    margin: 0 auto;
    position: relative;
    display: table;
    width: 100%;
}

footer {
    background: #fff;
    height: auto;
    clear: both;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0px;
    position: relative;
    overflow: hidden;
}

@media screen and (min-width: 1045px) and (max-width: 1200px) {
    .footerLogo {
        right: 6px;
    }

    body .footerLogo {
        right: 0;
        margin: 0 -10px -20px 0px;
    }

}
@media screen and (min-width: 621px) and (max-width: 1045px) {
    footer {
        height: auto;
    }
    body .footerLogo {
        bottom: -20px;
        margin: 0;
        top: inherit;
        right: 20px;
    }

}
@media screen and (min-width: 621px) and (max-width: 642px) {
    body footer a.print {
        font-size: .9em;
    }
    body .ichbin li a, body .footerNavi li a {
        font-size: .9em;
    }
}

footer,
footer a {
    font-size: 0.882em;
    color: #436377;
    font-weight: 700;
}

footer a.print {
    font-size: 1em;
    padding: 0 5px;
    margin-top: 5px;
    display: inline-block;
}

.ichbin {
    padding-top: 40px;
}

.ichbin li a,
.footerNavi li a {
    padding: 0 5px;
    font-size: 1em;
}

.footerNavi li a:focus,
.footerNavi li a:active {
    color: #002639;
}

.ichbin li:first-child a,
.footerNavi li:first-child a {
    background: none;
    padding-left: 0;
}

.ichbin li {
    list-style: none;
    float: left;
}

.copyright {
    clear: both;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
}

.footerLogo {
    right: 0;
    margin-top: 10px;
    text-align: right;
    position: absolute;
    bottom: 0;
    display: table;
    margin: 0 -100px -20px 0px;
}
.footerLogo figure.image {
    padding: 0;
}
@media screen and (min-width: 621px) and (max-width: 642px) {
    /*body .footerLogo {
        bottom: -20px;
        margin: 0;
        top: inherit;
    }*/
}

footer .footerLogo .ce-gallery[data-ce-columns='2'] .ce-column {
    width: calc(50% -10px) !important;
    margin-right: 10px;
}

.footerLogo img {
    height: auto;
    width: auto;
    max-width: inherit;
    max-height: 53px;
}

.footerNavi {
    float: left;
    margin-top: 5px;
}

.footerNavi li {
    float: left;
    list-style: none;
}

.headcenter {
    float: left;
    width: 50%;
}

.breadcrumb {
    color: #4c6673;
    padding-top: 17px;
    padding-bottom: 25px;
    width: 98.5%;
    clear: both;
}

.breadcrumb a {
    color: #4c6673;
    font-size: 0.882em;
    font-weight: 700;
}

.breadcrumb a:focus,
.breadcrumb a:active {
    color: #012639;
}

#page2 .breadcrumb {
    display: none;
}


/* Slider */

.size2 .flex-control-nav {
    width: 25.5%;
}

.flex-direction-nav .flex-next {
    right: 0px;
    text-align: right;
    background: url('../img/pfeil.png') no-repeat center center;
}

.flex-direction-nav .flex-prev {
    left: 0px;
    background: url('../img/pfeil-links.png') no-repeat center center;
}

.slider {
    width: 100%;
    max-width: 1200px;
    float: left;
    position: absolute;
    top: 0;
}

.slidetext {
    background-color: #f8af24;
    padding: 17px;
    color: #012639;
    position: absolute;
    width: 22.66%;
    z-index: 20;
    right: 0;
    bottom: 65px;
}

.size3 .slidetext {
    width: 40%;
}

.size3 .flex-control-nav,
.size3 .flex-direction-nav {
    width: 42.75%;
}

.size3 .flex-direction-nav {
    bottom: 59px;
}

.size3 .flex-control-paging li a {
    line-height: 20px;
}

.slidetext .bodytext,
.slidetext p {
    font-weight: 900;
    font-size: 1.412em;
    line-height: 1.125em;
}

.tippgeber {
    font-size: 1.412em;
}

a.button {
    float: right;
    color: #fff;
    line-height: 1.971em;
    font-size: 1em;
    padding-left: 37px;
    padding-right: 17px;
    bottom: 0;
    margin-top: 8px;
    background: url('../img/pfeil.png') #012639 no-repeat 8% 49%;
}

.external-link-new-window.button {
    float: left;
}

#page8 .slidetext {
    background-color: #4c6673;
    color: #fff;
}

#page9 .slidetext {
    background-color: #00917c;
    color: #fff;
}

#page8 .tippgeber,
#page9 .tippgeber {
    color: #fff;
}

.flexslider.tipps .slides img {
    width: 50%;
    display: inline-block;
    float: right;
    height: auto;
}

.flexslider.tipps .slidetext {
    background: none;
    padding: 1.5em 2% 0 3%;
    height: auto;
    color: #e28d00;
    font-weight: 700;
    font-size: 2em;
    line-height: 1.25em;
    float: left;
    width: 45%;
    text-align: center;
}

.flexslider.tipps .tippgeber {
    color: #000;
    font-size: 0.625em;
    line-height: 1.5em;
    padding-top: 8px;
}

.flex-direction-nav {
    bottom: 58px;
}

.flex-direction-nav a {
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    height: 40px;
    margin: 0;
    opacity: 1;
    overflow: hidden;
    position: absolute;
    text-shadow: none;
    top: 50%;
    transition: all 0.3s ease 0s;
    width: 40px;
    z-index: 4;
    bottom: 20px;
}


/* Spenden und Newsletter Startseite */

.inhaltTop {
    float: left;
    width: 100%;
    margin-top: 3px;
}

.left {
    float: left;
    width: 68%;
}

.right {
    float: left;
    width: 31.7%;
    margin-left: 0.3%;
}

.donation {
    float: left;
    background-color: #f9b537;
    border: 6px solid #f9b537;
    padding-right: 8px;
    color: #002239;
    position: relative;
}

.donation p {
    font-size: 1.412em;
    padding-bottom: 8px;
    font-weight: 700;
}

.donation span {
    padding-right: 8px;
    display: block;
    line-height: 1.25em;
}

.donation img {
    width: 48.5%;
    padding-right: 5%;
    height: auto;
    float: left;
}

.spendentext {
    width: 45%;
    float: left;
    padding-top: 17px;
}

.size2 .spenden {
    top: 63px;
    right: -1.7%;
}

.donation input[type='submit'] {
    float: right;
    background: url('../img/pfeil.png') #012639 no-repeat 10% 49%;
    display: block;
    color: #fff;
    font-weight: 700;
    border: none;
    font-size: 1em;
    padding: 4px 8px 4px 37px;
    margin-top: 8px;
    position: absolute;
    right: 8px;
    bottom: 12px;
}

.donation input[type='submit']:focus,
.donation input[type='submit']:active,
.newsletter input[type='submit']:focus,
.newsletter input[type='submit']:active,
button.fr a:active {
    color: #f9b537;
}

.quarter .donation {
    float: left;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

.quarter .donation p,
.quarter .donation span {
    padding-left: 5px;
    padding-right: 5px;
}

.quarter .donation span {
    display: block;
}

.donation .buttons {
    position: absolute;
    bottom: 0;
    right: 0;
}

.donation .buttons a {
    float: right;
    background: url('../img/pfeil.png') #012639 no-repeat 10% 49%;
    display: block;
    color: #fff;
    font-weight: 700;
    border: none;
    font-size: 1em;
    padding: 4px 8px 4px 37px;
    margin-top: 12px;
    margin-left: 6px;
}

.inhalt .threequarter .donation p {
    padding-right: 0;
}

.teaserrow {
    float: left;
    width: 100%;
}

.spendenbox.tease {
    margin-right: 2.375%;
}

.spendenbox.tease .donation {
    padding-bottom: 90px;
}

.spendenbox.tease.boxteaser3 {
    margin-right: 0;
}

.scpf.item {
    margin-bottom: 2em;
}

.scpf a {
    background: url('../img/pfeil.png') #012639 no-repeat 10% 49%;
    display: inline-block;
    color: #fff;
    font-weight: 700;
    border: none;
    font-size: 1em;
    padding: 4px 8px 4px 37px;
}


/* Spende als Drittel für deutsch und französisch */

.de .threequarter.item.spendenbox,
.fr .threequarter.item.spendenbox,
.it .threequarter.item.spendenbox,
.en .threequarter.item.spendenbox {
    width: 31.75% !important;
}

.de .threequarter.item.spendenbox .donation,
.fr .threequarter.item.spendenbox .donation,
.it .threequarter.item.spendenbox .donation,
.en .threequarter.item.spendenbox .donation {
    padding-right: 0;
}

.de .threequarter.item.spendenbox .spendentext,
.fr .threequarter.item.spendenbox .spendentext,
.it .threequarter.item.spendenbox .spendentext,
.en .threequarter.item.spendenbox .spendentext {
    clear: both;
    width: 100%;
}

.de .threequarter.item.spendenbox .donation img,
.fr .threequarter.item.spendenbox .donation img,
.it .threequarter.item.spendenbox .donation img,
.en .threequarter.item.spendenbox .donation img {
    padding-right: 0;
    width: 100%;
}

.de .threequarter.item.spendenbox .donation input[type='submit'],
.fr .threequarter.item.spendenbox .donation input[type='submit'],
.it .threequarter.item.spendenbox .donation input[type='submit'],
.en .threequarter.item.spendenbox .donation input[type='submit'] {
    position: static;
    margin-bottom: 10px;
}

.newsletter {
    border: 2px solid #f9b537;
    background-color: #fff;
    padding: 14px 12px 51px 0;
    width: 95.2%;
    float: left;
    position: relative;
}

.newsletter .titel {
    width: 35%;
}

.size3 .newsletter .titel,
.newsletter.tactuel .titel {
    width: 50%;
}

.titel {
    background-color: #f8af24;
    font-weight: 700;
    line-height: 1.1em;
    width: 50%;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
}

.newsletter form {
    padding-top: 12px;
}

.newsform {
    padding-left: 12px;
    padding-top: 12px;
}

.newsletter.tactuel img {
    width: 38%;
    height: auto;
    text-align: center;
    margin-bottom: -52px;
}

.newsletter label {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.newsletter input {
    line-height: 2em;
    font-size: 1em;
    padding-left: 8px;
    padding-right: 8px;
    height: 30px;
}

.newsletter input[type='text'] {
    border: none;
    border: 1px solid #7f95a3;
    color: #436377;
    width: 60%;
    font-size: 0.882em;
}

.newsletter input[type='submit'],
.newsletter button.fr {
    border: none;
    position: absolute;
    right: 12px;
    bottom: 17px;
    color: #fff;
    font-weight: 700;
    background: url('../img/pfeil.png') #012639 no-repeat 14% 49%;
    display: block;
    font-size: 1em;
    padding: 0 8px 0 37px;
    margin-top: 8px;
    line-height: 1.951em;
}

button.fr a {
    color: #fff;
    font-family: 'Istok Web', sans-serif;
}

.quarter .newsletter input[type='text'] {
    width: 93.5%;
    margin-bottom: 12px;
}

.textblock a,
.adressblock a,
.bibliothek a,
.einzelbuch a {
    color: #002639;
    text-decoration: underline;
}

.adressblock a.mail {
    display: block;
}

.bibliothek .breadcrumb a {
    color: #4c6673;
    text-decoration: none;
}

.textblock p,
.powermail_fieldwrap_text span {
    padding-bottom: 8px;
}

.textblock ul {
    padding-left: 15px;
    padding-bottom: 17px;
}

.textblock li {
    list-style: square;
}

.inhalt .map,
.inhalt .map2,
.inhalt .map3 {
    padding: 0;
}

.map li {
    list-style: none;
    float: left;
    width: 100%;
    padding-bottom: 17px;
}

.map li:last-child .map2 li {
    /* float:none;*/
}

.map li a {
    color: #012639;
    display: block;
    font-weight: 700;
}

.map .map2 li {
    float: left;
    width: auto;
    width: 30%;
    padding-bottom: 15px;
}

@media only screen and (max-width: 1000px) {
    .map .map2 li {
        width: 42%;
        padding-right: 5% !important;
    }
}

.map .map2 li li {
    padding-bottom: 5px;
}

.map li .map2 a {
    text-decoration: underline;
    font-weight: 400;
    padding-right: 34px;
}

.map li .map2 li:last-child a {
    padding-right: 0;
}

.map li .map3 a {
    text-decoration: none;
    padding-left: 1.25em;
}

.map .map2 .map3 li {
    float: none;
    width: auto;
}

.map5 {
    display: none;
}

.inhalt .sublist li {
    list-style: none;
    background: url(../img/pfeil.png) no-repeat left 7px;
}

.inhalt .sublist {
    padding-left: 0;
}

.sublist a {
    color: #012639;
    padding-left: 26px;
    font-size: 1.25em;
    line-height: 1.5em;
    display: block;
}

.sublist2 {
    padding-left: 17px;
}

.infomaterialien,
.produkt {
    float: left;
    width: 100%;
}

.produkt {
    padding-bottom: 1em;
}

.produkt label strong {
    color: #002639;
    font-size: 1em;
    font-weight: bold;
    text-transform: none;
}

.produkt label strong a {
    color: #002639;
}

.orderbutton {
    float: left;
    width: 20%;
}

.orderbutton .parsley-errors-list {
    display: none;
}

.orderbutton input[type='text'],
.orderbutton input[type='number'] {
    width: 20%;
    float: left;
}

.orderbutton input[type='button'] {
    width: 92%;
    margin-left: 0;
    float: left;
    padding-left: 0.5em;
    padding-right: 0.5em;
    color: #fff;
    font-weight: 700;
    background-color: #012639;
    font-size: 1em;
    line-height: 1.7em;
    border: none;
    cursor: pointer;
}

.size2 .orderbutton input[type='button'],
.size3 .orderbutton input[type='button'],
.fr .orderbutton input[type='button'],
.it .orderbutton input[type='button'] {
    white-space: pre-line;
    text-align: left;
}

.produkt .detail {
    float: left;
    width: 80%;
}

.hinweis {
    color: #e53323;
}

.fehlermeldung {
    color: #e53323;
    width: 70%;
    padding-left: 25%;
    margin-bottom: 1em;
}

.error {
    color: #e53323;
    margin-bottom: 1em;
}

#powermail_fieldwrap_297 legend {
    display: block !important;
    float: none;
    width: 100%;
    margin-bottom: 10px;
}

#powermail_fieldwrap_298 legend {
    display: block !important;
    float: none;
    width: 100%;
    margin-bottom: 10px;
}

#powermail_fieldwrap_299 legend {
    display: block !important;
    float: none;
    width: 100%;
    margin-bottom: 10px;
}

#powermail_fieldwrap_297 .powermail_radio_outer {
    margin-left: 18px;
}

#powermail_fieldwrap_298 .powermail_radio_outer {
    margin-left: 18px;
}

#powermail_fieldwrap_299 .powermail_radio_outer {
    margin-left: 18px;
}

#powermail_fieldwrap_297 {
    margin-bottom: 20px;
}

#powermail_fieldwrap_298 {
    margin-bottom: 20px;
}

#powermail_fieldwrap_299 {
    margin-bottom: 20px;
}

.tx-powermail legend,
.spendenform legend,
.infomaterial legend {
    display: none;
}

.tx-powermail legend.powermail_radio_legend.powermail_label,
.powermail_fieldwrap_type_radio .powermail_label {
    display: block;
    width: 80%;
    padding-right: 20%;
}

.tx-powermail h3 {
    display: none;
}

.tx-powermail fieldset,
.spendenform fieldset,
.infomaterial fieldset {
    border: none;
}

.powermail_fieldwrap_radio,
.powermail_fieldwrap_type_radio,
.powermail_fieldwrap_type_text {
    margin-bottom: 17px;
}

.powermail_fieldwrap_type_text {
    margin-top: 17px;
}

.inhalt .tx-powermail h3,
.powermail_fieldwrap_content,
.powermail_fieldset_3 {
    float: left;
    width: 100%;
    padding-right: 0;
}

.emptycart {
    cursor: pointer;
}


/* Teaser Startseite */

.teaser.item.allwide {
    float: left;
    padding-top: 17px;
    width: 98.1% !important;
    background-color: #fff;
    border: 2px solid #f8af24;
    margin-left: 1.7%;
}

.teaserfragen {
    padding-top: 17px;
}

.teaser p {
    padding-left: 17px;
}


/*.teaser p::before, .teaser li a::before {
    font-family: "flexslider-icon";
  content: "▸";
  color:#f9b537;
  font-size: 2.8em;
    line-height: 0.4em;
  font-weight:700;
  vertical-align:top;
  display: inline-block;
  position: absolute;
  top: -4px;
  margin-top: 0px;
  width: 0.5em;
  margin-left: -0.5em;
}
*/

.teaser p a,
.teaser li a {
    color: #012639;
    font-size: 1.235em;
    line-height: 1.25em;
    display: block;
    padding-left: 7%;
    width: 93%;
    font-weight: 700;
    text-decoration: none;
    position: relative;
}

.teaser li a:focus,
.teaser li a:active {
    color: #436377;
}

.teaser li {
    padding-bottom: 17px;
    width: 45%;
    float: left;
    margin-left: 1.5%;
    padding-right: 3.5%;
    list-style: none;
    background: url(../img/pfeil.png) no-repeat 0% 10%;
}

.teaser .titel {
    width: 23%;
    padding-left: 1.3%;
}


/* Inhalt */

.content {
    clear: both;
    padding-bottom: 34px;
    float: left;
    width: 101.5%;
    margin-left: -1.5%;
}


/*.content.adressen, .content.bibliothek {
  width:100%;
  margin-left:0;
  padding-top:2em;
}*/

.content h1 {
    font-size: 2em;
    line-height: 1.5em;
    font-weight: 900;
    padding-bottom: 17px;
}

.content h2 {
    font-size: 1.25em;
    font-weight: 400;
    padding-bottom: 21px;
    float: left;
    width: 100%;
}

.content h3 {
    /*font-size:1.25em;*/
    font-weight: 400;
    padding-bottom: 12px;
    padding-top: 21px;
}

.inhalt {
    width: 77.5%;
    padding-left: 10.5%;
    padding-right: 10.5%;
    margin-left: 1.5%;
    padding-bottom: 2em;
    margin-bottom: 34px;
    float: left;
    background-color: #fff;
}

.sidebar {
    float: left;
    width: 78.8%;
    padding-left: 9.3%;
    padding-right: 9%;
    margin-left: 1.5%;
}

.inhalt p,
.inhalt h3,
.inhalt div.bodytext,
.powermail_fieldwrap_text span,
.news.news-single ul,
.news.news-single h2 {
    padding-right: 23%;
}

.news.news-single h2 {
    width: 77%;
}

.inhalt .threequarter p,
.inhalt .threequarter h3,
.inhalt .threequarter div.bodytext {
    padding-right: 15%;
}

.inhalt .quarter p,
.inhalt .quarter h3,
.inhalt .quarter div.bodytext {
    padding-right: 0;
}

.inhalt li h3 {
    padding-left: 0;
    padding-right: 0;
}

.inhalt div.bodytext p,
.inhalt div.bodytext a.zip {
    padding-left: 24px;
}

.inhalt p,
.inhalt ul,
.powermail_fieldwrap_text span {
    margin-bottom: 12px;
}

.inhalt .csc-textpic-image,
figure.image {
    padding-bottom: 40px;
}

.inhalt .csc-textpic-image img,
.inhalt figure.image .image-embed-item {
    /*float:left;
  display: table-row;*/
    max-width: 70%;
    max-height: 450px;
    width: auto;
    height: auto;
}

.inhalt figure {
    /*display: table;*/
}

.csc-textpic-imagewrap {
    float: left;
    width: 100%;
}

.csc-textpic-imagewrap.col2 .csc-textpic-imagecolumn,
.ce-gallery[data-ce-columns='2'] .ce-column {
    float: left;
    width: 49%;
    margin-right: 1%;
}

.csc-textpic-imagewrap.col3 .csc-textpic-imagecolumn,
.ce-gallery[data-ce-columns='3'] .ce-column {
    float: left;
    width: 32%;
    margin-right: 1%;
}

.csc-textpic-imagewrap.col4 .csc-textpic-imagecolumn,
.ce-gallery[data-ce-columns='4'] .ce-column {
    float: left;
    width: 24%;
    margin-right: 1%;
}

figcaption.csc-textpic-caption,
figcaption.image-caption {
    font-size: 0.875em;
    /*float:left;
  display: table-row !important; //bildlegende neben bild */
    display: block;
    clear: none;
    /*width:18%;*/
    width: 64%;
    /*padding-left:2%;*/
}

.inhalt h3 {
    font-weight: 700;
}

.inhalt h3 strong {
    font-weight: 700;
}

.inhalt ul {
    padding-left: 1.9%;
    /*padding-right:8.6%;*/
    clear: both;
}

.map {
    padding-left: 1.9% !important;
}

.inhalt li {
    list-style: square;
}

.news-list-view li {
    list-style: none;
}

.sehtest {
    width: 100%;
}

.sehtest .checkpoint {
    padding-bottom: 17px;
    float: left;
    width: 77%;
}

.formular {
    width: 100%;
    float: left;
    margin-top: -1em;
}

.formular .checkpoint {
    padding-bottom: 17px;
    float: left;
    clear: both;
    width: 77%;
}

.sehtest .checkpoint.leftie {
    clear: both;
}

.sehtest input[type='checkbox'] {
    float: left;
    font-size: 50px;
    margin-top: 7px;
}

.formular input[type='checkbox'] {
    float: left;
    clear: both;
    margin-top: 7px;
}

.sehtest label {
    padding-left: 8px;
    display: inline-block;
    width: 90%;
    /*font-size:1.412em;*/
    line-height: 1.25em;
}

.formular label {
    padding-left: 8px;
    display: inline-block;
    width: 90%;
    font-size: 1em;
    line-height: 1.25em;
}

.sehtest p {
    font-weight: 700;
    clear: both;
}

.linkbox {
    margin-top: 17px;
    float: left;
}

.solobox {
    float: left;
    margin: 0 1.6% 0 0;
    width: 47.7%;
    padding: 5px;
    background-color: #fff;
    border: 2px solid #f9b537;
    position: relative;
}

.solobox.threes {
    margin-top: 17px;
}

.solobox .titel {
    position: absolute;
    top: 10px;
    left: 0;
    padding-left: 11px;
}

.solobox span {
    display: block;
    padding-left: 6px;
    padding-right: 8px;
}

.solobox img {
    width: 100%;
    height: auto;
}

.solobox a {
    color: #436377;
    line-height: 1.5em;
    padding-bottom: 4px;
    display: block;
    float: right;
    font-weight: 700;
    background: url(../img/pfeil.png) no-repeat 92% 45%;
    padding-right: 1.65em;
}

.smalllinkbox {
    width: 100%;
    float: left;
}

.smallsolobox {
    float: left;
    margin: 0 1.5% 0 0;
    width: 30.8%;
    height: 19em;
    /*padding:5px;*/
    background-color: #fff;
    border: 2px solid #f9b537;
    position: relative;
}

.reverse .smallsolobox {
    background-color: #000;
}

.smallsolobox .titel {
    position: absolute;
    top: 10px;
    left: 0;
    width: auto;
    padding-right: 12px;
    padding-left: 13px;
}

.smallsolobox span {
    display: block;
}

.smallsolobox img {
    width: 100%;
    height: auto;
}

.smallsolobox a {
    color: #012639;
    line-height: 1.5em;
    /*padding-bottom:4px;*/
    padding: 5px 5px 9px 5px;
    display: block;
}

.smallsolobox a:hover,
.smallsolobox a:active,
.smallsolobox a:focus {
    color: #436377;
}

.logoblock.item.allwide {
    background-color: #fff;
    position: relative;
    border: 2px solid #f9b537;
    padding: 5px;
    width: 97.3% !important;
    margin-bottom: 0;
}

.logoblock .text {
    padding-left: 12%;
    width: 88%;
}

.size3 .logoblock .text {
    padding-left: 16%;
    width: 84%;
}

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

.logoblock p {
    float: left;
    width: 25%;
    padding-top: 20px;
    padding-bottom: 15px;
}

.adressen h1,
.adressblock {
    width: 98.5% !important;
}

.mabox {
    width: 26%;
    display: inline-block;
    margin-bottom: 25px;
}

.adressblock .vcard img {
    width: 185px;
    max-width: 100%;
    height: auto;
}

.adressblock .vcard span {
    display: block;
}

.adressblock .vcard .street-address p {
    margin-bottom: 0;
}

.kontaktbox {
    margin-top: 1em;
}

.kontaktbox.item.allwide {
    float: left !important;
}

.issue {
    float: left;
    width: 50%;
    border-bottom: 1px solid #cbd5d7;
    padding-top: 8px;
    padding-bottom: 8px;
}

.issue a {
    color: #012639;
    padding-left: 29px;
    background-repeat: no-repeat;
}

.issue a.doc {
    background-image: url(../img/ico_word.gif);
}

.issue a.pdf {
    background-image: url(../img/ico_pdf.gif);
}

.personenbox {
    width: 100%;
    float: left;
}

.personenbox div {
    width: 50%;
    float: left;
}

.personenbox span {
    font-size: 0.875em;
}

.personenbox img {
    /*max-width: 100px;*/
    max-width: 100%;
    width: 100px;
    height: auto;
}

.csc-textpic-text {
    float: left;
    width: 100%;
    margin-bottom: 1em;
}


/* Newsletter Cleverreach-Formulare */

.cr_page {
    width: 100%;
}

.cr_ipe_item label {
    line-height: 1.5em;
    font-size: 1em;
    color: #002639;
    width: 26.5%;
    display: inline-block;
    padding-top: 25px;
}

.cr_ipe_item input,
.cr_ipe_item select {
    border: 1px solid #012639;
    width: calc(100% - 2%) !important;
    font-size: 1em;
    line-height: 1.5em;
    padding: 2px 1%;
    margin-bottom: 8px;
    font-family: 'Istok Web', sans-serif;
}

.cr_ipe_item select {
    width: 100% !important;
}

.cr_ipe_item input[type='checkbox'],
input[type='radio'] {
    width: auto;
    margin-right: 10px;
}

.cr_ipe_item.inactive {
    display: none;
}

.cr_button {
    float: right;
    border: none;
    background-color: #012639;
    color: #fff;
    font-weight: 700;
    line-height: 2em;
    font-size: 1em;
    padding-left: 8px;
    padding-right: 8px;
    font-family: 'Istok Web', sans-serif;
    text-transform: lowercase;
}


/* News */

.content .newsblock h1 {
    font-size: 1.25em;
    padding-bottom: 5px;
}

.newsblock h3 {
    padding-bottom: 8px;
}

#page2 .no-news-found {
    display: none;
}

.content .news .no-news-found {
    color: #002639;
    font-style: normal;
}

.newsblock .cat5.bildnews .newsbild {
    float: left;
    width: 40%;
}

.cat5.bildnews .newsbild {
    display: none;
}

.cat3,
.cat4,
.cat11,
.cat195,
.news-list-view.cat5,
.news-list-view.tp2 .cat10 {
    background-color: #fff;
    border: 2px solid #f9b537;
    padding: 5px;
    float: left;
}

.cat4.item.quarter,
.cat11.item.quarter,
.cat10.item.quarter,
.cat195.item.quarter {
    width: calc(31.75% - 14px) !important;
}

.cat4,
.cat11,
.cat195 {
    padding-bottom: 6px;
}

.cat3.bildnews img {
    width: 49%;
    height: auto;
}

.cat3.bildnews .teaser-text {
    float: right;
    padding-right: 10px;
    width: 46.48%;
    padding-top: 25px;
}

.article a.newsbild {
    display: block;
    overflow: hidden;
    height: 200px;
    margin-bottom: 10px;
}

.newsblock.item.allwide .article a.newsbild {
    display: inline-block;
    height: auto;
    width: 31%;
}

.newsblock.item.allwide .cat3.bildnews .teaser-text {
    width: 65%;
    padding-top: 15px;
}

.news a.newsbild img {
    width: auto;
    height: 100%;
    min-width: 100%;
}

.news .article.cat5 .teaser-text,
.news .article.cat4 .teaser-text,
.news .article.cat11 .teaser-text,
.news .article.cat10 .teaser-text,
.news .article.cat195 .teaser-text {
    padding-left: 8px;
    float: left;
    margin: 0;
}

.news .article,
.news .article:last-child {
    position: relative;
}

.news .article .teaser-text {
    padding-bottom: 17px;
}

.news-single .teaser-text {
    font-size: 1em;
    color: inherit;
}

.news.news-single .article .teaser-text {
    margin-bottom: 0;
    float: left;
    padding-bottom: 0;
    padding-top: 17px;
}

.news.news-single .article .news-text-wrap {
    float: left;
    clear: both;
    padding-top: 17px;
}

.news-single .socialdetail {
    float: left;
    clear: both;
}

.socialdetail .share {
    height: 30px;
    width: 30px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline-block;
}

.socialdetail .fb {
    background-image: url('../img/facebook.png');
}

.de .socialdetail .tw.flan {
    display: none;
}

.fr .socialdetail .tw.dlan {
    display: none;
}

.reverse .socialdetail .fb {
    background-image: url('../img/facebook_hell.png');
}

.socialdetail .tw {
    background-image: url('../img/twitter.png');
}

.reverse .socialdetail .tw {
    background-image: url('../img/twitter_hell.png');
}

.news .article,
.news .article:last-child {
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.news {
    float: left;
    width: 100%;
}

.cat3 {
    width: 98.5%;
}

.cat3 .datum {
    display: none;
}

.news .article .news-img-wrap a {
    border: none;
    background: none;
}

.news-single .article .news-img-wrap {
    float: left;
    width: 80%;
    margin: 1em 0 0 0;
}

.news-single .article .news-img-wrap .outer {
    width: 45%;
    display: inline-block;
    float: left;
    margin-bottom: 20px;
    padding-right: 2.5%;
}

.news-img-caption {
    font-size: 0.875em;
    display: block;
    clear: none;
    width: 90%;
    color: #002639;
}

.unus {
    padding-top: 51px;
}

.news p {
    line-height: 1.3em;
}

.article .titel,
.logoblock .titel {
    width: auto;
    position: absolute;
    z-index: 5;
    left: -2px;
    top: 12px;
    padding-right: 12px;
}

.cat5 .titel {
    left: -5px;
}

.cat5 .titel.lasttitel {
    display: none;
}

.cat3 .more,
.cat4 .more,
.cat11 .more,
.cat195 .more {
    bottom: 11px;
    right: 12px;
}

.cat5 .more {
    bottom: 6px;
    right: 6px;
}

.more {
    position: absolute;
    right: 0;
    font-weight: 700;
    color: #436377;
    display: block;
    bottom: 0;
    clear: both;
    padding-right: 29px;
    background: url(../img/pfeil.png) no-repeat 92% 45%;
}

.more:focus,
.more:active {
    color: #002639;
}

.content .news h3 {
    padding-bottom: 6px;
    padding-top: 0;
    font-weight: 700;
    font-size: 1.412em;
}

.news img {
    width: 100%;
    height: auto;
}

.news p a img {
    width: auto;
    height: auto;
}

.inhalt .news-list-view.tp2 {
    margin-left: -1.5%;
}

.news p.datum {
    padding-top: 5px;
    padding-bottom: 10px;
}

.newsrow {
    float: left;
    width: 100%;
}


/* Medienmitteilungen */

.article.mmt {
    display: flex;
}

.mmt-block {
    border: 6px solid #ddd;
}

.inhalt .threequarter.mmt-text p,
.inhalt .threequarter.mmt-text h3 {
    padding-right: 0;
}

.inhalt .item.threequarter.mmt-text {
    width: calc(66.5% - 36px) !important;
    padding: 12px;
}

.item.quarter.mmt-bild {
    width: calc(31.75% - 36px) !important;
    padding: 12px;
}


/* Events */


/*
.inhalt .tx-sf-event-mgt.item.allwide {
  width:77% !important;
}*/

.inhalt .tx-sf-event-mgt.taybouch {
    width: 77% !important;
}

.event-detail-label {
    font-weight: bold;
}


/* Bibliothek */

.buchliste .nr,
.buchresultate .nr {
    display: inline-block;
    width: 26%;
    float: left;
}

.btitel {
    float: left;
    width: 74%;
}

.buchliste span.titel,
.buchresultate span.titel {
    width: 100%;
}

ul.buchliste {
    padding-right: 0;
    padding-left: 0;
}

.buchliste li,
.einzelbuch {
    list-style: none;
    padding-bottom: 8px;
    position: relative;
    margin-left: 20px;
}

.buchliste li::before,
.einzelbuch::before {
    content: '›';
    color: #f9b537;
    font-size: 2.6em;
    line-height: 0.6em;
    font-weight: 700;
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: -4px;
    margin-top: 0;
    width: 22px;
    margin-left: -22px;
}

.buchliste li.offen {
    padding-bottom: 1em;
    outline: none !important;
}

span.titel {
    cursor: pointer;
    line-height: 1.5em;
    display: inline-block;
    max-width: 90%;
    padding-top: 0.0725em;
    width: auto;
    background: none;
    padding-left: 0;
}

.offen span.titel {
    font-weight: 700;
}

.buchliste li.offen::before {
    font-weight: 700;
}

.buchdetail,
a.ausleihen {
    display: none;
}

.offen .buchdetail,
.offen a.ausleihen {
    display: block;
}

.offen a.ausleihen {
    padding-left: 26%;
}

.buchdetail.offen {
    padding-left: 0;
    padding-top: 0.5em;
    width: 89%;
}

.buchdetail.offen span {
    display: inline-block;
    width: 26%;
    vertical-align: top;
    padding: 5px 0;
}

.buchdetail.offen div {
    display: inline-block;
    width: 73%;
    padding: 5px 0;
}

.de a.ausleihen.fr {
    display: none;
}

.simplePagerNav {
    padding-top: 1em;
}

.simplePagerNav li {
    list-style: none;
    float: left;
}

.simplePagerNav li a {
    padding-right: 0.75em;
    color: #012639;
}

.simplePagerNav li.currentPage a {
    font-weight: 700;
}

.bibliothek .item.half {
    margin-left: 0;
}

.bibliothek .tx-powermail {
    width: 72.5%;
    float: left;
    padding-bottom: 15px;
}

.bibliothek .tx-powermail h3,
.bibliothek .tx-powermail legend {
    display: none;
}

.bibliothek .tx-powermail fieldset {
    border: none;
}

.hideinfo {
    position: absolute;
    left: -9999px;
}

.tabline textarea,
.bibliothek .tx-powermail input.powermail_input,
.bibliothek .tx-powermail textarea,
#page85 .tx-powermail input.powermail_input,
#page85 .tx-powermail textarea,
#page85 .tx-powermail select,
.spendenform input,
.spendenform select,
.infomaterial input,
.infomaterial select {
    border: none;
    border: 1px solid #012639;
    width: 70%;
    font-size: 1em;
    line-height: 1.5em;
    padding: 2px 1%;
    margin-bottom: 17px;
}

.newslettercheckbox input {
    width: auto;
    float: left;
    line-height: 1em;
    padding: 0;
    margin: 6px 10px 0 0;
}

.newslettercheckbox label {
    width: 80% !important;
}

.newslettercheckbox {
    margin-bottom: 20px;
}

.powermail_fieldwrap_textarea #powermail_field_bemerkungen {
    border: 1px solid #012639;
    width: 50%;
    font-size: 1em;
    line-height: 1.5em;
    padding: 2px 1%;
    margin-bottom: 17px;
    resize: none;
}

.tx-powermail input.powermail_input,
.tx-powermail textarea {
    width: 50%;
    margin-bottom: 17px;
}

.powermail_fieldwrap_blindsehbehindert .powermail_label {
    display: none;
}

.tx-powermail span,
div.powermail_field {
    display: block;
    margin-bottom: 0;
    margin-top: 0;
}

.powermail_form.powermail_form_13 .powermail_field {
    margin-bottom: 0px;
    margin-top: 0px;
}

.tx-powermail span.mandatory {
    display: inline-block;
    padding-left: 4px;
    margin-bottom: 0;
    margin-top: 0;
}

.powermail_fieldwrap {
    float: left;
    width: 100%;
}

.lieferdaten {
    float: left;
    width: 100%;
}

.infomaterial .tabline {
    float: left;
    width: 77%;
}

.infomaterial .tabline label,
.tx-felogin-pi1 label,
.powermail_label {
    width: 25%;
    float: left;
}

#page85 .tx-powermail select,
.infomaterial select {
    width: 72.2%;
}

.buchweg {
    font-size: 0.765em;
    cursor: pointer;
}

.bibliothek .tx-powermail label,
#page85 .tx-powermail label {
    /*display:inline-block;
  vertical-align:top;
  line-height:1.875em;
  width:27%;*/
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.bibliothek .tx-powermail input.powermail_submit,
#page85 .tx-powermail input.powermail_submit,
.sendebuttons input,
.tx-felogin-pi1 input[type='submit'] {
    float: right;
    padding-left: 0.5em;
    padding-right: 0.5em;
    margin-right: 27.9%;
    color: #fff;
    font-weight: 700;
    background-color: #012639;
    font-size: 1em;
    line-height: 1.5em;
    border: none;
    width: auto;
}

.tx-powermail input.powermail_submit {
    margin-right: 22.9%;
    float: right;
    padding-left: 0.5em;
    padding-right: 0.5em;
    color: #fff;
    font-weight: 700;
    background-color: #012639;
    font-size: 1em;
    line-height: 1.5em;
    border: none;
    width: auto;
}

.tx-felogin-pi1 input[type='submit'].logout {
    float: left;
}

.bibliosuche.quarter.item {
    padding-top: 8px;
}


/*#page211 h1 {margin-left: 1.5%;}*/

.buchresultate {
    padding-left: 0;
    padding-right: 8.6%;
    padding-top: 25px;
    clear: both;
    width: 83%;
}

.buchweg {
    display: none;
}

#search input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #4c6673 !important;
}

.tx-powermail textarea:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #4c6673 !important;
}

::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #4c6673;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #4c6673;
    opacity: 1;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #4c6673;
    opacity: 1;
}

.cartinfo {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #012639;
    color: #fff;
    padding: 15px;
    width: 20%;
    z-index: 10;
}

#error.cartinfo {
    background-color: red;
    z-index: 9;
}

.addcartinfo {
    display: none;
    font-size: 0.882em;
}

.gotocart {
    position: fixed;
    right: 50px;
    bottom: 60px;
    font-size: 0.882em;
    font-weight: 700;
    cursor: pointer;
    padding-right: 20px;
}

.size3 .gotocart {
    font-size: 1em;
    padding-right: 25px;
}

.gotocart:after {
    content: '\f07a';
    font-family: FontAwesome;
    position: absolute;
    right: 0;
}


/* Adressen */

.adressblock h2 {
    position: relative;
    padding-left: 0.5em;
    margin-left: 0.5em;
    font-size: 1em;
    font-weight: bold;
    float: left;
    width: 90%;
    clear: both;
    cursor: pointer;
}

.adressblock h2::before {
    content: '›';
    color: #f9b537;
    font-size: 43px;
    line-height: 0.6em;
    font-weight: 700;
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: -4px;
    margin-top: 0;
    width: 0.5em;
    margin-left: -18px;
}

.adressblock .vcard {
    position: absolute;
    left: -10000px;
}

.adressblock.offen .vcard {
    text-indent: 0px;
    position: static;
    padding-bottom: 1.5em;
    float: left;
    width: 100%;
}

.adressen .csc-header {
    cursor: pointer;
}

.vcard {
    padding-bottom: 1.25em;
    padding-left: 17px;
}

.vcard a.email {
    clear: both;
    display: block;
}


/* Search */

.tx-indexedsearch p,
.tx-indexedsearch ul {
    padding-left: 0px;
}

.tx-indexedsearch-path.path,
.tx-indexedsearch-info.info {
    display: none;
}

.tx-indexedsearch-searchbox-button.submit {
    background-image: url('../img/lupe_mob.png');
    background-size: contain;
    background-position: top left;
    background-color: #fff;
    background-repeat: no-repeat;
    height: 31px;
    margin-left: 0.5em;
    width: 31px !important;
    border: none;
    float: left;
    text-indent: -999999px;
}

.reverse .tx-indexedsearch-searchbox-button.submit {
    background-image: url('../img/lupe-reverse.png');
    background-color: #000;
}

.tx-indexedsearch-searchbox-sword.sword {
    border: 1px #002639 solid;
    height: 30px;
    border-radius: 0px;
    width: 60% !important;
    font-size: 1em;
    padding: 0 0.5%;
    float: left;
    margin-bottom: 1em;
}

.tx-indexedsearch .tx-indexedsearch-whatis {
    margin-top: 1.5em;
    margin-bottom: 5px;
    clear: both;
}

.tx-indexedsearch.item {
    width: 97.5%;
    margin-left: 2.5%;
    float: left;
}

.tx-indexedsearch-title.title a {
    color: #012639;
    line-height: 2em;
    display: inline-block;
    text-decoration: underline;
    padding-left: 20px;
    background: url(../img/pfeil.png) no-repeat left 7px;
}


/*.tx-indexedsearch-title.title a::before {
    display: inline-block;
    content: "›";
    color: #f9b537;
    vertical-align: top;
    font-size: 2.5em;
    padding-right: 0.125em;
}*/

.tx-indexedsearch .tx-indexedsearch-noresults {
    text-align: left;
    font-weight: normal;
}

.tx-indexedsearch-redMarkup,
.tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw {
    color: #4c6673 !important;
    font-weight: 400;
}

.tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw {
    font-style: normal;
}

.tx-indexedsearch .tx-indexedsearch-res td.tx-indexedsearch-descr {
    font-style: normal;
    padding-left: 1em;
}
li a:hover {
    background: #BFC8CD;
    color: #002639;
    text-decoration: none;
    border-bottom: none;
}
.tx-indexedsearch a,
p a,
li a,
.inhalt li a,
.inhalt h2 a,
.vcard a,
h3 a {
    color: #012639;
    text-decoration: underline;
}

.mail {
    margin-right: 0.25em;
}

.vcard a {
    display: block;
}

.browsebox {
    margin: 20px 0;
}

.browsebox li:last-child {
    display: none;
}

.item.listenpunkt,
#page75 .item {
    margin-bottom: 0;
}

.listenpunkt h2 {
    cursor: pointer;
    position: relative;
    padding-left: 0.5em;
    margin-left: 0.3em;
    font-size: 1em;
    font-weight: bold;
}

.listenpunkt h2:before {
    content: '›';
    color: #f9b537;
    font-size: 43px;
    line-height: 0.6em;
    font-weight: 700;
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: -4px;
    margin-top: 0;
    width: 0.5em;
    margin-left: -18px;
}

.listenpunkt.aktiv h2 {
    font-weight: 700;
}

.listenpunkt p {
    padding-bottom: 0.75em;
    padding-left: 2%;
}

.listentext {
    text-indent: -10000px;
    position: absolute;
}

.listentext.offen {
    text-indent: 0px;
    position: static;
    padding-bottom: 1em;
}

.event-list-item {
    padding-bottom: 1em;
}


/*.event-list-row .event-title::before {
    content: "›";
    color: #F9B537;
    vertical-align: top;
    font-size: 2.5em;
}*/

.event-title {
    background: rgba(0, 0, 0, 0) url('../img/pfeil.png') no-repeat scroll left 7px;
}

.event-detail-value.event-title,
.event-registration-value.event-title {
    background: none;
    padding-left: 0px;
}

.tx-sf-event-mgt.item.threequarter h3 {
    padding-left: 0px;
}

.event-title {
    position: relative;
    padding-left: 30px;
    padding-bottom: 0 !important;
}


/*.event-list-row .event-title::before {
    content: "›";
    color: #F9B537;
    vertical-align: top;
    font-size: 2.5em;
    position: absolute;
    left: 0;
    top: -2px;
}*/

.event-list-row .event-title a {
    color: #012639;
    font-size: 1.25em;
    line-height: 1.5em;
    font-weight: bold;
    text-decoration: none;
}

.event-list-row .event-teaser,
.event-list-row .event-startdate {
    padding-left: 30px !important;
}

.event-detail-row {
    padding-bottom: 1em;
}

.tx-sf-event-mgt ul {
    padding-left: 2%;
}

.tx-sf-event-mgt li {
    list-style: square;
}

.tx-sf-event-mgt a {
    color: #002639;
    text-decoration: underline;
}

.tx-sf-event-mgt a.button {
    color: #fff;
    text-decoration: none;
    float: left;
    left: 0;
    right: auto;
    position: static;
}

.event-registration-row {
    padding-bottom: 0.25em;
    clear: both;
}


/*.fr .event-registration-row.eat  {
  display:none;
}*/

.event-registration-label,
.event-registration-row .event-list-label,
.event-registration-row label,
.tx-srfreecap-captcha {
    width: 25%;
    padding-right: 2%;
    float: left;
    vertical-align: top;
    line-height: 1.875em;
}

dt.tx-srfreecap-captcha {
    width: 98%;
}

.tx-srfreecap-captcha label {
    display: none;
}


/*.event-registration-row label, .tx-srfreecap-captcha label  {
  position:absolute;
  left:-9999px;
}*/

.event-registration-row label.feld {
    position: absolute;
    left: -9999px;
}

.event-registration-row label.showfeld {
    width: 100%;
    display: block;
    font-weight: 700;
}

.event-registration-row input[type='text'],
.event-registration-row textarea,
input#sjbr-freecap-captcha-response {
    border: none;
    border: 1px solid #012639;
    width: 68%;
    font-size: 1em;
    line-height: 1.5em;
    padding: 2px 1%;
    margin-bottom: 0.75em;
}

input#sjbr-freecap-captcha-response {
    margin-bottom: 0.75em;
}

.event-registration-row input[type='checkbox'] {
    font-size: 1em;
    line-height: 1.5em;
    padding: 2px 1%;
    margin-bottom: 0.75em;
    margin-right: 5px;
}

.event-registration-row input[type='radio'] {
    font-size: 1em;
    margin-right: 5px;
}

.event-registration-row span {
    display: inline-block;
    margin-right: 0.25em;
}

form.registration input[type='submit'] {
    float: right;
    padding-left: 0.5em;
    padding-right: 0.5em;
    margin-right: 0.5%;
    color: #fff;
    font-weight: 700;
    background-color: #012639;
    font-size: 1em;
    line-height: 1.5em;
    border: none;
    margin-top: 0.5em;
    margin-right: 30%;
}

.tx-srfreecap-cant-read {
    display: inline-block;
    width: 35%;
}

img.tx-srfreecap-image {
    margin-left: 0;
    margin-right: 1em;
    vertical-align: top;
    display: inline-block;
    clear: both;
}

.tx-sf-event-mgt fieldset {
    border: none;
}

.confirmagb div {
    display: inline-block;
}

a.download {
    line-height: 2em;
    position: relative;
}


/*a.download:before  {
  display:inline-block;
  content: "›";
    color: #F9B537;
    vertical-align: top;
    font-size: 2.5em;
  padding-right:0.125em;
}

*/


/*a.download:before  {
  color: #F9B537;
    content:"\f105";
    font-size:1.5em;
    font-style: normal;
    font-weight: normal;
  font-family: FontAwesome;
    padding-right: 0.5em;
    position: relative;
    left: 0;
    right: 0;
    text-decoration: inherit;
    top: 2px;

}
*/

.textblock.downloads div.bodytext {
    background: url(../img/pfeil.png) no-repeat 8.6% 7px;
}

.download.pdf {
    background: url(../img/pfeil.png) no-repeat 0 2px;
    padding-left: 3.4%;
}

.issue .download.pdf {
    padding-left: 1.75em;
}


/* Galerie */

.galeriebild {
    float: left;
    width: 100%;
    display: table;
    padding-bottom: 1em;
}

.galeriebild span {
    font-size: 0.875em;
    float: left;
    display: table-row !important;
    clear: none;
    /*width: 18%;*/
    width: 45%;
    padding-left: 2%;
}

.galeriebild a {
    float: left;
    display: table-row;
    /*max-width: 80%;
  max-height: 500px;*/
    max-width: 50%;
    max-height: 320px;
    width: auto;
}

.galeriebild a.download {
    display: inline-block;
    font-size: 0.875em;
    width: 45%;
    margin-left: 2%;
    max-height: 100%;
    color: #012639;
    text-decoration: underline;
}

.galeriebild a img {
    max-width: 200px;
    max-height: 320px;
    width: auto;
    height: auto;
}

.tx-felogin-pi1 {
    width: 100%;
    float: left;
}

.tx-felogin-pi1 fieldset {
    border: none;
    padding-top: 16px;
}

.tx-felogin-pi1 h3,
.tx-felogin-pi1 legend {
    display: none;
    visibility: hidden;
}

iframe.video {
    border: none;
    width: 77%;
}

.keinzugriff {
    float: left;
    display: none;
}

.video-trigger {
    cursor: pointer;
    position: absolute;
    left: 1.5%;
    top: 0;
    width: 70px;
    height: 70px;
}

.video-trigger img {
    max-width: 100% !important;
    height: auto !important;
}

.video-close {
    position: absolute;
    right: 7.5%;
    top: 1%;
    background: none;
    border: none;
    cursor: pointer;
    color: #002639;
    font-weight: 700;
    font-size: 1.176rem;
}

#video-container {
    position: fixed;
    background: rgba(255, 255, 255, 1);
    -webkit-animation: fade-in 0.25s linear;
    animation: fade-in 0.25s linear;
    z-index: 9998;
    top: 0;
    right: 0;
    bottom: 0;
    left: -9999px;
    width: 100vw;
    height: 100vh;
    text-align: center;
    overflow: scroll;
}

#video-container.in {
    left: 0;
}

#video-container .rahmen {
    margin-bottom: 10px;
}

#video-iframe,
#videofile {
    width: 84%;
    margin-left: -1.5%;
    border: none;
    margin-top: 50px;
    position: relative;
}

.video-text {
    max-width: 80%;
    margin: 10px auto 0 auto;
    text-align: left;
}

.inhalt .video-text p {
    padding-right: 0;
}


/* Reverse Farbumkehr */

body.reverse {
    color: #fff;
    background-color: #222;
}

.reverse .inhalt {
    background-color: #000;
}

.reverse .rahmen,
.reverse .wrapper {
    background-color: #222;
}

.reverse .newsletter input[type='submit'] {
    background-color: #f9b537;
    background-image: url('../img/pfeil_blau.png');
    color: #012639;
}

.reverse .spenden a {
    color: #f8af24;
    background-color: #002639;
    border-left: 1px solid #000;
}

.reverse .tx_fontsizer_default,
.reverse .tx_fontsizer_bigger,
.reverse .tx_fontsizer_smaller {
    color: #f9b537;
}

.reverse input[type='checkbox'],
.reverse input[type='radio'] {
    border: 1px solid #f9b537 !important;
}

.reverse .navi2 li {
    border: 1px #000 solid;
}

.reverse .navi2 li:hover,
.reverse .navi2 li:active,
.reverse .navi2 li:focus,
.reverse .navi2 li.hover {
    border: 1px #fff solid;
    border-bottom: none;
}

.reverse .servicenavi2 li:hover,
.reverse .servicenavi2 li:focus,
.reverse .servicenavi2 li:active,
.reverse .servicenavi2 li,
.reverse .servicenavi2 li.hover,
.reverse .hover .servicenavi2 li {
    border: none;
}

.reverse .navi1 li a {
    color: #012639;
    background-color: #fff;
}

.reverse .navi2 .mob::after {
    color: #ecf8fe;
}

.reverse .navi1 li.active a,
.reverse .navi1 li:hover a,
.reverse .navi1 li:active a,
.reverse .navi1 li:focus a,
.reverse .navi1 li.hover a {
    color: #fff;
    background-color: #315265;
}

.reverse .navi1 .unavi2 li a {
    color: #fff;
}

.reverse .unavi2 {
    background-color: #000;
}

.reverse .unavi2.linie {
    border-bottom: 2px solid #222;
    border-right: 2px solid #222;
    border-left: 2px solid #222;
}

.reverse .servicenavi2 {
    background: #000;
    border: 1px #fff solid;
}

.reverse .navi2 li a,
.reverse .service a {
    color: #f9b537;
}

.reverse.size1 .tx_fontsizer_default,
.reverse.size2 .tx_fontsizer_smaller,
.reverse.size3 .tx_fontsizer_bigger {
    border-color: #f9b537;
}

.reverse .sprachen li.active a {
    color: #fff;
}

.reverse .navi2 li a {}


/*.reverse .navi1 .unavi2 li a:hover, .reverse .navi1 .unavi2 li a:focus, .reverse .navi1 .unavi2 li.hover a, .reverse .navi1 .unavi2 .unavi3 li a:hover, .reverse .navi1 .unavi2 .unavi3 li a:focus, .reverse .navi1 .unavi2 .unavi3 li.hover a, .reverse .navi1 .unavi2 li a.current, .reverse .navi1 .unavi2 li a.active, .reverse .navi1 .unavi2 .unavi3 li a.current, .reverse .navi1 .unavi2 .unavi3 li a.active  {
  color:#F9B537 !important;
}*/

.reverse .navi1 .unavi2 li a:hover,
.reverse .navi1 .unavi2 li a.current,
.reverse .navi1 .unavi2 li.hover a,
.reverse .navi1 .unavi2 li.hover li.hover a,
.reverse .navi1 .unavi2 li a.active {
    color: #f9b537 !important;
}

.reverse .navi1 .unavi2 li.hover li a,
.reverse .navi1 .unavi2 li a.active a,
.reverse .navi1 .unavi2 .unavi3 li a.active a {
    color: #fff !important;
}

.reverse .navi1 li.active li a,
.reverse .navi1 .unavi2 li a,
.reverse .navi1 .unavi2 li a:hover {
    background: none;
}

.reverse .navi1 .unavi2 .unavi3 li a {
    color: #fff;
}

.reverse .navi2 li:hover a,
.reverse .navi2 li:focus a,
.reverse .navi2 li:active a,
.reverse .navi2 li.hover a {
    background: #000;
}

.reverse .navmobilebutton::before {
    color: #012639;
}

.reverse #search input {
    border: 1px solid #f9b537;
    color: #fff;
}

.reverse #search input[type='submit'] {
    border: none;
    background-image: url('../img/lupe-reverse.png');
}

.reverse ::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #f9b537;
}

.reverse :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #f9b537;
    opacity: 1;
}

.reverse ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #f9b537;
    opacity: 1;
}

.reverse #search input:-ms-input-placeholder,
.reverse .newsform input:-ms-input-placeholder,
.reverse .bibliosuche input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #f9b537 !important;
}

.reverse #mainnavi .close {
    color: #fff;
    border: 2px #fff solid;
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #f9b537;
}

.reverse header {
    background-color: #000;
}

.reverse .breadcrumb,
.reverse .breadcrumb a {
    color: #fff;
}

.reverse .breadcrumb a:focus,
.reverse .breadcrumb a:active {
    color: #fff;
}

.breadcrumb span:nth-last-of-type(1) a {
    color: #012639;
}

.reverse .breadcrumb span:nth-last-of-type(1) a {
    color: #fff;
}

.reverse .slidetext {
    background-color: #012639;
    color: #ecf8fe;
}

.reverse a.button {
    background-color: #f9b537;
    background-image: url('../img/pfeil_blau.png');
    color: #012639 !important;
}

.reverse input[type='text'],
.reverse textarea,
.reverse input[type='submit'] {
    color: #ecfefe;
}

.reverse input[type='text'],
.reverse textarea {
    background-color: #000;
    border: 1px solid #ecfefe !important;
}

.reverse .content a,
.reverse .event-list-row .event-title a,
.reverse .farbumkehr button,
.reverse .footerNavi li a:focus,
.reverse .footerNavi li a:active,
.reverse .adressen h2:focus,
.reverse .adressen h2:active {
    color: #f9b537;
}

.reverse .content a:hover,
.reverse .event-list-row .event-title a:hover,
.reverse .service a:hover,
.reverse .service a:focus,
.reverse .service a:active,
.reverse .farbumkehr button:active,
.reverse .farbumkehr button:focus,
.reverse .teaser li a:focus,
.reverse .teaser li a:active,
.reverse .spenden a:focus,
.reverse .spenden a:active,
.reverse .more:focus,
.reverse .more:active,
.reverse .simplePagerNav li a:focus,
.reverse .simplePagerNav li a:active,
.reverse .simplePagerNav li.currentPage a,
.reverse .vcard a:focus,
.reverse .vcard a:active {
    color: #fff;
}

.reverse .donation {
    background-color: #000;
    border-color: #000;
    color: #fff;
}

.reverse .donation input[type='submit'] {
    background-color: #f9b537;
    color: #012639;
    background-image: url('../img/pfeil_blau.png');
}

.reverse .donation input[type='submit']:focus,
.reverse .donation input[type='submit']:active,
.reverse .newsletter input[type='submit']:focus,
.reverse .newsletter input[type='submit']:active {
    color: #000;
}

.reverse .newsletter input[type='text'] {
    border: 1px solid #000;
    background-color: #000;
    color: #ecf8fe;
}

.reverse .cat3,
.reverse .cat4,
.reverse .cat11,
.reverse .cat195,
.reverse .news-list-view.cat5,
.reverse .teaser.item.allwide,
.reverse .newsletter,
.reverse .logoblock.item.allwide,
.reverse .solobox {
    background-color: #002639;
    border-color: #000;
}

.reverse .titel {
    background-color: #000;
}

.reverse .titel:focus,
.reverse .titel:active,
.reverse li.book:active .titel,
.reverse li.book:focus .titel {
    color: #f9b537;
}

.reverse .bibliothek .tx-powermail input.powermail_submit {
    color: #012639;
    background-color: #f9b537;
}

.reverse .teaser p::before {
    color: #f9b537;
}

.reverse .teaser p a {
    color: #ecf8fe;
}

.reverse .solobox a {
    color: #fff;
}

.reverse .more {
    color: #fff;
}

.reverse footer {
    color: #fff;
    background-color: #000;
}

.reverse footer a {
    color: #fff;
}

.reverse .flex-control-nav {
    background-color: #000;
}

.reverse .buchliste li::before {
    color: #f9b537;
}

.reverse .flex-control-paging li a.flex-active,
.reverse .flex-control-paging li a:hover {
    background: #fff none repeat scroll 0% 0%;
}

.reverse .sublist a {
    color: #fff;
}

.reverse .sublist a:hover,
.reverse .sublist a:focus,
.reverse .sublist a:active {
    color: #f9b537;
}

.yellow.scraper {
    background-color: #f8af24;
    position: absolute;
    left: 0;
    z-index: 1;
}

.blau.scraper {
    background-color: #002639;
    position: absolute;
    right: 0;
    z-index: 1;
}


/* Safari */

.safari .navi1 .unavi2 .unavi3 li a {
    width: 90%;
    padding-left: 10%;
}

.safari .nav7:hover a,
.safari .nav7:active a,
.safari .nav7:focus a,
.safari .nav7.hover a,
.safari .nav9:hover a,
.safari .nav9 a:hover,
.safari .nav9:active a,
.safari .nav9:focus a,
.safari .nav9.hover a,
.safari .nav60:hover a,
.safari .nav60 a:hover,
.safari .nav60:active a,
.safari .nav60:focus a,
.safari .nav60.hover a,
.safari .nav512:hover a,
.safari .nav512 a:hover,
.safari .nav512:active a,
.safari .nav512:focus a,
.safari .nav512.hover a,
.safari .nav208:hover a,
.safari .nav208a:hover,
.safari .nav208:active a,
.safari .nav208:focus a,
.safari .nav208.hover a {
    border-bottom-width: 16px;
}

.safari .nav60 .unavi2 li,
.safari .nav512 .unavi2 li {
    width: 70%;
}

.safari .flex-direction-nav {
    bottom: 56px;
}

.safari .flex-control-paging li a {
    margin-top: 9px;
    margin-bottom: 3px;
}

.safari li:focus .unavi2.linie,
.safari li:hover .unavi2.linie,
.safari li:active .unavi2-linie,
.safari li.hover .unavi2.linie,
.opera li:focus .unavi2.linie,
.opera li:hover .unavi2.linie,
.opera li:active .unavi2-linie,
.opera li.hover .unavi2.linie {
    left: -2.1%;
}

.safari .unavi2.linie,
.opera .unavi2.linie {
    width: 97.6%;
}

.safari .navi1 .unavi2 .unavi3 a:before {
    top: -5px;
}

.safari li.nav60:hover .unavi2.linie,
.safari li.nav512:hover .unavi2.linie {
    padding-right: 3px;
}


/*.safari li.nav60:hover .unavi2 {
  padding: 0 2px 0 66.2%;
  width:37.2%;
}*/

.safari .nav7 .unavi2 a,
.safari .nav7 .unavi2 a:hover,
.safari .nav7:active .unavi2 a,
.safari .nav7:focus .unavi2 a,
.safari .nav7.hover .unavi2 a,
.safari .nav9 .unavi2 a,
.safari .nav9 .unavi2 a:hover,
.safari .nav9:active .unavi2 a,
.safari .nav9:focus .unavi2 a,
.safari .nav9.hover .unavi2 a {
    border: none;
}

.safari .nav60 .unavi2 a,
.safari .nav60 .unavi2 a:hover,
.safari .nav60:active .unavi2 a,
.safari .nav60:focus .unavi2 a,
.safari .nav60.hover .unavi2 a,
.safari .nav512 .unavi2 a,
.safari .nav512 .unavi2 a:hover,
.safari .nav512:active .unavi2 a,
.safari .nav512:focus .unavi2 a,
.safari .nav512.hover .unavi2 a {
    border: none;
}

.safari .sublist li {
    background: url(../img/pfeil.png) no-repeat left 8px;
}


/* Opera */

.opera li.nav60:hover .unavi2.linie,
.opera li.nav512:hover .unavi2.linie {
    padding-right: 3px;
}


/*.opera li.nav60:hover .unavi2 {
  padding: 0 2px 0 66%;
  width:37.4%;
}*/

.opera .nav7:hover a,
.opera .nav7:active a,
.opera .nav7:focus a,
.opera .nav7.hover a,
.opera .nav9:hover a,
.opera .nav9 a:hover,
.opera .nav9:active a,
.opera .nav9:focus a,
.opera .nav9.hover a,
.opera .nav60:hover a,
.opera .nav60 a:hover,
.opera .nav60:active a,
.opera .nav60:focus a,
.opera .nav60.hover a,
.opera .nav512:hover a,
.opera .nav512 a:hover,
.opera .nav512:active a,
.opera .nav512:focus a,
.opera .nav512.hover a,
.opera .nav208:hover a,
.opera .nav208 a:hover,
.opera .nav208:active a,
.opera .nav208:focus a,
.opera .nav208.hover a {
    border-bottom-width: 16px;
}

.opera .nav7 .unavi2 a,
.opera .nav7 .unavi2 a:hover,
.opera .nav7:active .unavi2 a,
.opera .nav7:focus .unavi2 a,
.opera .nav7.hover .unavi2 a,
.opera .nav9 .unavi2 a,
.opera .nav9 .unavi2 a:hover,
.opera .nav9:active .unavi2 a,
.opera .nav9:focus .unavi2 a,
.opera .nav9.hover .unavi2 a,
.opera .nav60 .unavi2 a,
.opera .nav60 .unavi2 a:hover,
.opera .nav60:active .unavi2 a,
.opera .nav60:focus .unavi2 a,
.opera .nav60.hover .unavi2 a,
.opera .nav512 .unavi2 a,
.opera .nav512 .unavi2 a:hover,
.opera .nav512:active .unavi2 a,
.opera .nav512:focus .unavi2 a,
.opera .nav512.hover .unavi2 a,
.opera .nav208 .unavi2 a,
.opera .nav208 .unavi2 a:hover,
.opera .nav208:active .unavi2 a,
.opera .nav208:focus .unavi2 a,
.opera .nav208.hover .unavi2 a {
    border: none;
}

.opera .sublist li {
    background: url(../img/pfeil.png) no-repeat left 8px;
}


/* IE */


/*.ie li.nav60:hover .unavi2 {
  padding: 0 2px 0 66.3%;
  width:37.1%;
}*/

#page2 .contenu.wrapper {
    padding-top: 500px;
}

.ie .nav7:hover a,
.ie .nav7:active a,
.ie .nav7:focus a,
.ie .nav7.hover a,
.ie .nav8:hover a,
.ie .nav8:active a,
.ie .nav8:focus a,
.ie .nav8.hover a,
.ie .nav9:hover a,
.ie .nav9 a:hover,
.ie .nav9:active a,
.ie .nav9:focus a,
.ie .nav9.hover a,
.ie .nav60:hover a,
.ie .nav60 a:hover,
.ie .nav60:active a,
.ie .nav60:focus a,
.ie .nav60.hover a,
.ie .nav512:hover a,
.ie .nav512 a:hover,
.ie .nav512:active a,
.ie .nav512:focus a,
.ie .nav512.hover a,
.ie .nav208:hover a,
.ie .nav208 a:hover,
.ie .nav208:active a,
.ie .nav208:focus a,
.ie .nav208.hover a {
    border-bottom-width: 17px;
}

.ie .nav7 .unavi2 a,
.ie .nav7 .unavi2 a:hover,
.ie .nav7:active .unavi2 a,
.ie .nav7:focus .unavi2 a,
.ie .nav7.hover .unavi2 a,
.ie .nav9 .unavi2 a,
.ie .nav9 .unavi2 a:hover,
.ie .nav9:active .unavi2 a,
.ie .nav9:focus .unavi2 a,
.ie .nav9.hover .unavi2 a,
.ie .nav60 .unavi2 a,
.ie .nav60 .unavi2 a:hover,
.ie .nav60:active .unavi2 a,
.ie .nav60:focus .unavi2 a,
.ie .nav60.hover .unavi2 a,
.ie .nav512 .unavi2 a,
.ie .nav512 .unavi2 a:hover,
.ie .nav512:active .unavi2 a,
.ie .nav512:focus .unavi2 a,
.ie .nav512.hover .unavi2 a {
    border: none;
}

.ie .sehtest input[type='checkbox'] {
    margin-top: 0.6em;
}

.ie .sublist li {
    background: url(../img/pfeil.png) no-repeat left 8px;
}

.flexslider .slides>li:first-child {
    display: block;
    -webkit-backface-visibility: visible;
}

.flexslider .slides>li {
    display: none;
    -webkit-backface-visibility: hidden;
}


/* Firefox */

.firefox.size2 {
    font-size: 19px !important;
}

.firefox .navi1 .unavi2 .unavi3 li a {
    width: 88%;
}

.firefox .unavi2 {
    width: 97.1%;
}

.firefox .unavi2.linie {
    width: 97.5%;
}

.firefox li.nav60:hover .unavi2,
.firefox li.nav512 hover .unavi2 {
    padding-right: 1px;
    width: 100.3%;
}

.firefox li.nav60:hover .unavi2.linie,
.firefox li.nav512:hover .unavi2.linie {
    padding-right: 2px;
}

.firefox .flex-direction-nav {
    bottom: 59px;
}


/*.firefox li.nav60:hover .unavi2 {
  padding: 0 2px 0 48.8%;
  width:54.6%;
}*/

.firefox .nav7:hover a,
.firefox .nav7:active a,
.firefox .nav7:focus a,
.firefox .nav7.hover a,
.firefox .nav8:hover a,
.firefox .nav8:active a,
.firefox .nav8:focus a,
.firefox .nav8.hover a,
.firefox .nav9:hover a,
.firefox .nav9 a:hover,
.firefox .nav9:active a,
.firefox .nav9:focus a,
.firefox .nav9.hover a,
.firefox .nav60:hover a,
.firefox .nav60 a:hover,
.firefox .nav60:active a,
.firefox .nav60:focus a,
.firefox .nav60.hover a,
.firefox .nav512:hover a,
.firefox .nav512 a:hover,
.firefox .nav512:active a,
.firefox .nav512:focus a,
.firefox .nav512.hover a,
.firefox .nav208:hover a,
.firefox .nav208 a:hover,
.firefox .nav208:active a,
.firefox .nav208:focus a,
.firefox .nav208.hover a {
    border-bottom-width: 16px;
}

.firefox .nav7 .unavi2 a,
.firefox .nav7 .unavi2 a:hover,
.firefox .nav7:active .unavi2 a,
.firefox .nav7:focus .unavi2 a,
.firefox .nav7.hover .unavi2 a,
.firefox .nav9 .unavi2 a,
.firefox .nav9 .unavi2 a:hover,
.firefox .nav9:active .unavi2 a,
.firefox .nav9:focus .unavi2 a,
.firefox .nav9.hover .unavi2 a,
.firefox .nav60 .unavi2 a,
.firefox .nav60 .unavi2 a:hover,
.firefox .nav60:active .unavi2 a,
.firefox .nav60:focus .unavi2 a,
.firefox .nav60.hover .unavi2 a,
.firefox .nav512 .unavi2 a,
.firefox .nav512 .unavi2 a:hover,
.firefox .nav512:active .unavi2 a,
.firefox .nav512:focus .unavi2 a,
.firefox .nav512.hover .unavi2 a,
.firefox .nav208 .unavi2 a,
.firefox .nav208 .unavi2 a:hover,
.firefox .nav208:active .unavi2 a,
.firefox .nav208:focus .unavi2 a,
.firefox .nav208.hover .unavi2 a {
    border: none;
}

.firefox .sehtest input[type='checkbox'] {
    margin-top: 6px;
}

.firefox .sublist li {
    background: url(../img/pfeil.png) no-repeat left 8px;
}

.firefox .event-title {
    background: rgba(0, 0, 0, 0) url('../img/pfeil.png') no-repeat scroll left 8px;
}

.firefox .event-detail-value.event-title,
.firefox .event-registration-value.event-title {
    background: transparent none repeat scroll 0% 0%;
    padding-left: 0;
}

#page46 h3 {
    padding-bottom: 5px;
}

body.clearfix:after {
    display: inline-block !important;
}

.pagemap.item.quarter {
    padding-top: 7px;
}


/* Font Size 3 Header  */

@media screen and (min-width: 620px) {
    .size3 .service {
        padding-bottom: 0;
        width: 33%;
        float: left;
        padding-top: 23px;
    }
    .size3 .service a {
        font-size: 1em;
    }
    .size3 .fontsize {
        float: left;
        width: 21%;
        text-align: left;
        padding-left: 2%;
        height: 35px;
    }
    .size3 .farbumkehr {
        float: left;
        width: 14%;
        text-align: left;
        padding-left: 2%;
        height: 35px;
        margin-left: 2%;
    }
    .size3 .sprachen {
        float: left;
        width: 37%;
        text-align: left;
        padding-left: 2%;
        height: 35px;
    }
    .size3 .sprachen .sprachen {
        width: 100%;
    }
    .size3 #search {
        width: 30%;
        padding-top: 30px;
    }
    /*.size3 #search {
    width: 40%;
    padding-top:30px;
  }

  .size3 .service .mob {
    right:15px;  
    visibility: visible !important;
  }
  
  .size3 .service {
    top:16px;
    width: 20%;
    padding: 0px !important;
  }
  .size3 .mob.einstellungen {
      display: inline-block;
    visibility: visible;
    cursor: pointer;
    position: relative;
    z-index: 50;
    float: left;
    margin-top: 10px;
    left:10px;
    margin-right:1%;
  }
  .size3 .mob.einstellungen:focus, .size3 .mob.einstellungen:active {
    border-bottom:1px dotted #ccc;
  }
  
  .size3 .mob.closenavi2:before, .size3 .mob.closeservice:before {
    color: #012639;
    content: "\f00d";
    font-family: FontAwesome;
    font-size: 23px;
    font-style: normal;
    font-weight: normal;
    padding-right: 0.5em;
    position: absolute;
    right: 6px;
    text-decoration: inherit;
    top: 4px;
  }
  
  
  
  .size3 .fontsize, .size3 .farbumkehr, .size3 .sprachen {
    float: none;
    width:100%;
    display: none;
    text-align:left;
    padding-left:2%;
    height:35px;
  }
  
  .size3 .farbumkehr {
    margin-left:0px;  
  }
  
  .size3 .sprachen li:first-child {
    padding-left:0px;  
  }
  
  .size3 .tx-fontsizer-pi1 {
    display: none;  
  }
  .size3 .servicemobile {
    background-color: #fff;
    border: 1px solid #cbd5d6;
    display: none;
    margin-left: 0;
    width: 92.1%;
    height:38px;
    padding:27px 4%;
    position: absolute;
    left: 0;
    top: 0px;
    z-index: 59;
  }  
  .reverse.size3 .servicemobile {
    background-color: #000;
    border-color:#cbd5d6;
  }
  .size3 .servicemobile.offen, .size3 .fontsize.offen, .size3 .farbumkehr.offen, .size3 .sprachen.offen, .size3 .tx-fontsizer-pi1.offen  {
    display: block;  
  }
  .size3 .mob.einstellungen:before {  
    color: #ccc;
    content: "\f013";
    font-family: FontAwesome;
    font-size: 23px;
    font-style: normal;
    font-weight: normal;
    padding-right: 0;
    position: absolute;
    right: 0;
    text-decoration: inherit;
    top: 5px;
  }
  
  .size3 .mob.closenavi2:before {
      right:0;
    }*/
    .size3 li:hover .servicenavi2,
    .size3 li.hover .servicenavi2,
    .size3 li:focus .servicenavi2,
    .size3 li:active .servicenavi2 {
        left: 0;
    }
    .size3 nav {
        width: 73%;
        margin-top: -12px;
    }
    .size3 .navmobilebutton:before {
        color: #002639;
        content: '\f0c9';
        font-family: FontAwesome;
        font-size: 30px;
        font-style: normal;
        font-weight: normal;
        padding-right: 0.5em;
        position: absolute;
        left: 18px;
        text-decoration: inherit;
        bottom: 15px;
        z-index: 1000;
        cursor: pointer;
    }
    .reverse.size3 .navmobilebutton:before {
        color: #f9b537;
    }
    .reverse.size3 .navi2 .mob::after {
        color: #fff;
    }
    .size3 .navi1 li,
    .size3 .navi1 li a {
        border: none;
    }
    .size3 #logo {
        width: 170px;
        padding-top: 0.6em;
    }
    .size3 .servicenavi2 {
        position: relative;
        border: none;
        display: none;
    }
    .size3 .navi2 {
        position: static;
    }
    .size3 .servicenavi {
        position: absolute;
        z-index: 55;
        top: 0;
        left: 0;
    }
    .size3 .navi2 .mob,
    .size3 .mob.closenavi2,
    .size3 .mob.closenavi,
    .size3 .mob.closeservice {
        cursor: pointer;
        display: inline-block;
        position: relative;
        visibility: visible;
        z-index: 50;
    }
    .size3 .navi2 .mob:after {
        color: #012639;
        content: '\f107';
        font-family: FontAwesome;
        font-size: 30px;
        font-style: normal;
        font-weight: normal;
        left: inherit;
        padding-right: 0.5em;
        position: absolute;
        text-decoration: inherit;
        top: -2px;
    }
    .size3 .navi2.offen .mob:after {
        display: none;
    }
    .size3 .facebook {
        padding-top: 8px;
    }
    .size3 .navi2 {
        float: left;
        padding-right: 43px;
        padding-top: 27px;
    }
    .size3 .navi2 ul {
        display: none;
    }
    .size3 .navi2.offen>ul {
        display: block;
        background-color: #fff;
        width: 100%;
        margin-left: 0%;
        padding: 5px 0;
        border: 1px #cbd5d6 solid;
        position: absolute;
        left: 0;
        z-index: 1005;
    }
    .reverse.size3 .navi2.offen>ul {
        background-color: #000;
        border-color: #cbd5d6;
    }
    .size3 .navi2.offen li {
        float: none;
        background: none;
        border: none;
    }
    .size3 .navi2 li:hover {
        border: none;
    }
    .size3 .navi2.offen li:hover ul {
        display: block;
        top: 0;
    }
    .size3 .navi2.offen li:hover ul li:first-child a,
    .size3 .navi2.offen li:hover ul li a {
        padding-left: 15px;
    }
    .size3 .navi2 li a {
        background: none;
    }
    .size3 .navi2 li:hover a {
        background: none;
    }
    .size3 .navi2m.open .unavi3 li a,
    .size3 .unavi3 li a:hover,
    .size3 .unavi3 li a:active,
    .size3 .unavi3 li a:focus,
    .size3 .unavi3 li a.current {
        font-weight: 400;
    }
    .size3 .mob.closenavi2:before,
    .size3 .mob.closenavi:before,
    .size3 .mob.closeservice:before {
        color: #012639;
        content: '\f00d';
        font-family: FontAwesome;
        font-size: 23px;
        font-style: normal;
        font-weight: normal;
        padding-right: 0.5em;
        position: absolute;
        right: 6px;
        text-decoration: inherit;
        top: 8px;
    }
    .reverse.size3 .mob.closenavi2:before,
    .reverse.size3 .mob.closenavi:before,
    .reverse.size3 .mob.closeservice:before {
        color: #fff;
    }
    .size3 .mob.closenavi2:before,
    .size3 .mob.closenavi:before,
    .size3 .mob.closeservice:before {
        right: 0px;
        padding-right: 0px;
    }
    .size3 header .mob.closenavi2 {
        right: 6px;
        top: 0;
    }
    .reverse.size3 header #topbalken .mob.closenavi2:before,
    .reverse.size3 header #topbalken .mob.closenavi:before,
    .reverse.size3 header .mob.closeservice:before {
        color: #012639;
    }
    /*.size3 .fontsize, .size3 .farbumkehr, .size3 .sprachen {
    float: left;
    width: 31%;
    text-align: left;
    padding-left: 2%;
    height: 35px;
  }*/
    .size3 .servicemobile a,
    .size3 .servicemobile button {
        color: #436377;
    }
    .size3 .servicemobile a:focus,
    .size3 .servicemobile a:active,
    .size3 .servicemobile button:focus,
    .size3 .servicemobile button:active {
        color: #012639;
    }
    .reverse.size3 .servicemobile a,
    .reverse.size3 .servicemobile button {
        color: #f9b537;
    }
    .size3 .mob.closenavi2,
    .size3 .mob.closenavi,
    .size3 .mob.closeservice {
        position: absolute;
        right: 0px;
        z-index: 2000;
        display: none;
    }
    .size3 .mob.closeservice {
        top: 0;
        right: 12px;
    }
    .size3 .mob.closeservice.offen {
        display: inline !important;
    }
    /*.size3 #topbalken .mob.closeservice  {
    position: absolute;
    right: 7px;
    z-index: 60;
    display: none;
  }*/
    .size3 nav {
        width: 35.5%;
    }
    .size3 nav ul {
        display: none;
    }
    .size3 .navmobile .navi1 {
        margin: 1px 0 0 0;
        width: 100%;
        background: #fff;
        /*#002639;*/
    }
    .size3.reverse .navmobile .navi1 {
        background: #000;
        /*#002639;*/
    }
    .size3 .navmobile {
        position: absolute;
        left: 0;
        top: 71px;
        z-index: 60;
        width: 100%;
    }
    .size3 .navi1 li a {
        width: 98%;
        padding-left: 2%;
        padding-right: 0;
        border: none;
        display: inline-block;
    }
    .size3 .nav44 {
        position: relative;
        top: auto;
    }
    .size3 .navi1 li {
        width: 100%;
        float: none;
        position: relative;
    }
    .size3 .nav9:hover a,
    .size3 .nav9 a:hover,
    .size3 .nav9 a.current,
    .size3 .nav9:active a,
    .size3 .navi1 .nav9 a.current,
    .size3 .nav9:focus a,
    .size3 .nav9.hover a,
    .size3 .nav60:hover a,
    .size3 .nav60 a:hover,
    .size3 .nav60:active a,
    .size3 .nav60:focus a,
    .size3 .nav60.hover a,
    .size3 .nav512:hover a,
    .size3 .nav512 a:hover,
    .size3 .nav512:active a,
    .size3 .nav512:focus a,
    .size3 .nav512.hover a {
        width: 98%;
        padding-left: 2%;
        padding-right: 0;
    }
    .size3 .navi1 li:hover,
    .size3 .navi1 li:hover a {
        border: none;
        padding-bottom: 0;
    }
    .size3 .navi1 li:after {
        color: #f8af24;
        content: '\f105';
        font-family: FontAwesome;
        font-size: 30px;
        font-style: normal;
        font-weight: normal;
        right: 0px;
        padding-right: 0.5em;
        position: absolute;
        text-decoration: inherit;
        top: 3px;
    }
    .size3 .navi1 li.active:after,
    .size3 .navi1 li.cur:after,
    .size3 .navi1 li:hover:after {
        color: #012639;
    }
    .size3 .navi1 li a {}
    .size3 .navi2m li,
    .size3 .unavi3,
    .size3 .unavi4 {
        display: none;
    }
    .size3 .navi2m li a {
        display: none;
    }
    .size3 .unavi2m li {
        display: block !important;
        width: 80%;
    }
    .size3 .unavi2m li a {
        background-color: #fff;
        color: #012639;
        display: block !important;
        line-height: 1.2em;
        min-height: 20px;
        padding: 10px 2%;
    }
    .size3 .unavi2m li a:hover {
        border-bottom: none !important;
    }
    .size3 .unavi2m li a:focus,
    .size3 .unavi2m li a:focus {
        color: #436377;
    }
    .size3 .nav7:hover a,
    .size3 .nav7:active a,
    .size3 .nav7:focus a,
    .size3 .nav7.hover a,
    .size3 .nav9:hover a,
    .size3 .nav9 a:hover,
    .size3 .nav9:active a,
    .size3 .nav9:focus a,
    .size3 .nav9.hover a,
    .size3 .nav60:hover a,
    .size3 .nav60 a:hover,
    .size3 .nav60:active a,
    .size3 .nav60:focus a,
    .size3 .nav60.hover a,
    .size3 .nav512:hover a,
    .size3 .nav512 a:hover,
    .size3 .nav512:active a,
    .size3 .nav512:focus a,
    .size3 .nav512.hover a {
        border-bottom: none !important;
    }
    .size3 .unavi2m li.open a {
        text-decoration: none;
    }
    .size3 .unavi3 a {
        text-decoration: none !important;
        padding: 0 1.25em 5px 1.25em !important;
    }
    .size3 .navi2m {
        background-color: #fff;
        display: none;
        margin: 1px 0 0 0;
        position: absolute;
        top: 0;
        width: 100%;
        border-left: 2px solid #ddd;
        border-bottom: 2px solid #ddd;
        border-right: 2px solid #ddd;
    }
    .size3 .navmobile .active a,
    .size3 .navmobile .cur a {
        font-weight: bold;
    }
    .size3 .navi2m.open a {
        font-weight: 700;
    }
    .size3 .navi2m.open .unavi2m .active a {
        font-weight: 700;
    }
    .size3 .navi2m.open .unavi2m .active .unavi3 a,
    .size3 .unavi3 a {
        font-weight: normal;
        text-decoration: none;
    }
    .size3 .unavi3 a:hover,
    .size3 .unavi3 .active a {}
    .size3 .headcenter {
        padding-top: 8px;
        width: auto;
    }
    .size3 .breadcrumb {
        padding-left: 0;
    }
}


/* FR size2 */

.fr.size2 .service {
    position: absolute;
    top: 0;
    right: 2%;
}

.fr.size2 #search {
    position: absolute;
    right: 2%;
    top: 46px;
}


/* Spendenform */

.check {
    width: auto !important;
}

.spendenform {
    width: 72.5%;
}

.spendenform td {
    width: 100%;
}

.spendenform td td {
    width: auto;
}

.spendenform .check {
    margin-right: 15px;
}

.payment td:first-child,
.zweck td:first-child {
    width: 10px;
}

input#numberofslips,
#mintwenty {
    margin-left: 10px;
}

#powermail_fieldwrap_77,
#powermail_fieldwrap_189,
#powermail_fieldwrap_187,
#powermail_fieldwrap_186,
#powermail_fieldwrap_188,
#powermail_fieldwrap_190,
#powermail_fieldwrap_191,
#powermail_fieldwrap_192,
#powermail_fieldwrap_193,
#powermail_fieldwrap_194,
#powermail_fieldwrap_195,
#powermail_fieldwrap_196,
#powermail_fieldwrap_197,
#powermail_fieldwrap_198,
#powermail_fieldwrap_199,
#powermail_fieldwrap_200,
#powermail_fieldwrap_201,
#powermail_fieldwrap_202,
#powermail_fieldwrap_203,
#powermail_fieldwrap_204 {
    position: relative;
}

.pane {
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    width: 110%;
    height: 100%;
}

#cookiehint {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #012639;
    color: #fff;
    z-index: 100;
    padding-top: 15px;
    font-size: 0.875em;
}

#cookiehint .rahmen {
    margin-bottom: 0;
    background: none;
    width: 97%;
}

#cookiehint button {
    font-weight: 900;
    margin-bottom: 20px;
    background: none;
    background-color: #f8af24;
    padding: 7px 8px;
    float: right;
    color: #012639;
    border: none;
}

body.de #cookiehint button.short,
body.en #cookiehint button.short {
    display: none;
}

body.fr #cookiehint button.long,
body.it #cookiehint button.long {
    display: none;
}

#cookiehint a {
    color: #fff;
    text-decoration: underline;
}

#cookiehint p {
    margin-bottom: 0.5rem;
}

@media print {
    body {
        padding-left: 50px;
    }
    .rahmen.clearfix::after {
        content: inherit;
        display: block;
        clear: both;
        visibility: visible;
        line-height: normal;
        height: auto;
    }
    .slider,
    nav,
    .top,
    .scraper,
    #secondnavi,
    .service,
    #search,
    .spenden,
    footer,
    .breadcrumb,
    .headcenter,
    .bibliosuche,
    iframe.video {
        display: none !important;
    }
    .content {
        width: 100%;
        margin-left: 0;
        padding-bottom: 0;
        page-break-before: avoid;
    }
    .item {
        page-break-before: avoid;
    }
    .inhalt,
    .sidebar {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        page-break-before: avoid;
    }
    .inhalt {
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .inhalt p,
    .inhalt h3,
    .inhalt div.bodytext {
        padding-right: 0;
    }
    .wrapper.contenu {
        page-break-before: avoid;
        padding-top: 0 !important;
    }
    .textblock,
    .sitemap {
        page-break-before: avoid;
    }
    .newsblock {
        page-break-inside: avoid;
    }
    .teaser.item.allwide {
        width: 98.1% !important;
        margin-left: 0 !important;
    }
    .item.allwide {
        width: 98.5% !important;
        margin-left: 0 !important;
    }
    .item.threequarter {
        width: 65% !important;
        margin-left: 0;
    }
    .item.threequarter.bibliothek {
        width: 100% !important;
    }
    .donation {
        border: 2px solid #f9b537;
        padding-right: 4px;
        page-break-inside: avoid;
    }
    .donation img {
        width: 42.5%;
    }
    .spendentext {
        width: 51%;
    }
    .newsletter {
        page-break-inside: avoid;
    }
    #page2 .contenu,
    header {
        margin-left: 0 !important;
    }
    .contenu {
        padding-top: 0 !important;
    }
    .newsletter input[type='submit'],
    .donation input[type='submit'],
    .bibliothek .tx-powermail input.powermail_submit,
    #page85 .tx-powermail input.powermail_submit,
    .sendebuttons input {
        color: #002639;
        background: none;
        border: 1px solid #7f95a3;
    }
    .more {
        position: static;
        padding-right: 29px;
    }
    .cat3.bildnews img {
        width: 40%;
    }
    .cat3.bildnews .teaser-text {
        width: 55.48%;
    }
    .solobox {
        width: 45.7%;
    }
    .smallsolobox {
        width: 29.8%;
    }
    .event-list-item {
        page-break-inside: avoid;
    }
    /*.inhalt .tx-sf-event-mgt.item.allwide {
    width: 100% !important;
}*/
    .produkt {
        page-break-inside: avoid;
    }
    .orderbutton {
        width: 10%;
    }
    .produkt .detail {
        width: 90%;
    }
}


/* IE */

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    form>fieldset {
        width: 100%;
    }
}


/*
.frame > header{
  display: none;
  display: block;
    margin: 0 !important;
    padding: 0;
    position: relative;
    float: none;
    z-index: 1;
}
*/


/**Menu page design */

.inhalt .frame-type-menu_subpages,
#inhalt .frame-type-menu_subpages {
    padding: 0;
    margin-right: -1.5%;
    margin-bottom: 50px;
    float: left;
    display: block;
    width: 100%;
}

.inhalt .frame-type-menu_subpages ul,
#inhalt .frame-type-menu_subpages ul {
    padding-left: 0;
    margin: 0 -1.5% 50px 0;
}

.inhalt .frame-type-menu_subpages li,
#inhalt .frame-type-menu_subpages li {
    list-style: none;
    float: left;
    padding: 0 1.5% 0 0;
    width: 31.5%;
    margin-bottom: 15px;
}

.inhalt .frame-type-menu_subpages li a,
#inhalt .frame-type-menu_subpages li a {
    display: block;
    border: 2px solid #f8af24;
    height: 40px;
   /* word-wrap: break-word;*/
    font-weight: bold;
    line-height: 1em;
    padding: 1.25em;
    text-decoration: none;
}

.dsflex {
    display: flex;
}

.width40 {
    width: 40%;
}

ul.tx-indexedsearch-browsebox li {
    list-style: none;
    margin-right: 9px;
}

ul.tx-indexedsearch-browsebox {
    display: flex;
    margin-top: 15px;
    padding-left: 0;
}

@media screen and (min-width: 820px) {
    .width40 {
        width: 80%;
    }
}

.wrapper.head .tx-indexedsearch-res,
.wrapper.head .tx-indexedsearch-info-sword,
.wrapper.head .tx-indexedsearch-browsebox {
    display: none;
}

.accept_box label {
    width: 100%;
}

.spenden {
    display: flex;
    justify-content: flex-end;
    width: auto;
    height: auto;
}

.inhalt header {
    height: auto;
    padding: 0 0 17px;
    line-height: 1.5em;
    margin-left: 0 !important;
}

header .tx-indexedsearch-info-noresult {
    display: none;
}

footer .ce-gallery[data-ce-columns='2'] .ce-column {
    width: auto;
}

.navi1 .nav2513 {
    display: none;
}

.footer-standort {
    float: left;
    width: 25%;
    padding: 30px 10px 10px 0;
    box-sizing: border-box;
}



/* hide all contents on page with ID 225 */
body.interner-bereich-fachpersonen .scraper,
body.interner-bereich-fachpersonen #pagestart,
body.interner-bereich-fachpersonen .sidebar,
body.interner-bereich-fachpersonen footer {
    display: none;
}