/*
Theme Name: FEN
Theme URI:
Text Domain: fen

Description: ...
Version: 0.1.0


*/
/**************************************************
***************************************************
****************    FEN THEME   *******************
***************************************************
***************************************************
** COLOR LIST







/**************************************************

***********   INHALTSVERZEICHNIS   ****************

***************************************************

1.0 NORMALIZE.CSS

2.0 FONTS

3.0 DEFAULT STYLE

4.0 HEADER

***************************************************
***************************************************
***********  1.0  NORMALIZE.CSS v8.0.1  ***********
******************  MIT License  ******************
*******  github.com/necolas/normalize.css  ********

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
    line-height: 1.65; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
    margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
    border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
    display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
    display: none;
}


/**************************************************

***************   2.0 FONTS   *********************

**************************************************/
@font-face {
    font-family: "Roboto";
    src: url(fonts/Roboto-Regular.ttf);
}


@font-face {
    font-family: "Open Sans";
    src: url(fonts/Roboto-Bold.ttf);
    font-weight: bold;
}

html {
    font-size: 16px;
}

body {
    font-family: "Roboto", Arial, Helvetica, sans-serif;
}

p {
    font-size: 1rem;
}

/**************************************************

***************   3.0 DEFAULT STYLE   *************

**************************************************/

* {
    box-sizing: border-box;
}


/**:not(img), *:before, *:after { box-sizing: inherit; }*/

html {
    overflow-x: hidden;
}

body {
    background-color: #ffffff;
    width: 100%;
    /*height: 100vh;*/

}

h2, h4, .title {
    line-height: 1.3;
}

.search_nav {
    line-height: 1.15;
}

.site_wrapper {
    margin: 0 auto;
    width: 100%;
    min-width: 300px;
    max-width: 1600px;
    height: 101%;
    color: #4c5255;
}

/*   Schriftfarbe  + THEME  */
.gelb {
    color: #fff041;
}

.dunkel_gelb {
    color: #999027;
}

.hell_gelb {
    color: #fffac6;
}

.blau {
    color: #a1d9f8;
}

.dunkel_blau {
    color: #618295;
}

.hell_blau {
    color: #e3f4fd;
}

.grau {
    color: #4c5255;
}

.hell_grau {
    color: #c9cbcc;
}


.black {
    color: #000000;
}

.blue {
    color: #2c9fde;
}

.yellow {
    color: rgba(255, 251, 0, 0.74);
}

.turquoise {
    color: #2c9e9e;
}

.white {
    color: #ffffff

}


/* Hintergrund */
.bg_gelb {
    /*background-color: #fff041;*/
    background-color: #f1f2f3;
}

.bg_dunkel_gelb {
    background-color: #999027;
}

.bg_hell_gelb {
    background-color: #f1f2f3;
    /* border:1px solid #fff041;*/
}

.bg_blau {
    background-color: #a1d9f8;
}

.bg_dunkel_blau {
    background-color: #618295;
}

.bg_hell_blau {
    background-color: #e3f4fd;
}

.bg_grau {
    background-color: #4c5255;
}

.bg_hell_grau {
    background-color: #c9cbcc;
}


.bg_blue {
    background-color: #2c9fde;
}

.bg_green {
    background-color: #4ede64;
}

.bg_yellow {
    background-color: #c4c4c4;

}

.bg_yellow article > h2 {
    border-color: #c4c4c4;
}

.bg_white {
    background-color: #ffffff;
}

/*      Schriftfarbe auf jeweiligen Hintergrund     */


.error {
	color: #942411;	
}

.white-blue {
    background-color: #2c9fde;
    color: #ffffff;
    text-shadow: 1px 1px 1px #000000;
}

.black-blue {
    background-color: #2c9fde;
    color: #000000;
    /*text-shadow: 1px 1px 1px #ffffff;*/
}

.white-dark_blue {
    color: #ffffff;
    /*background-color: #003871;*/
    background-color: #302784;
}

.white-yellow {
    background-color: rgba(255, 251, 0, 0.74);
    color: #ffffff;
    text-shadow: 2px 2px 2px #000000;
}

.black-yellow {
    background-color: rgba(255, 251, 0, 0.74);
    color: #000000;
    /*text-shadow: 2px 2px 2px #000000;*/
}

.blue-yellow {
    color: #302784;
    background-color: #ffdd00;

}

.white-green {
    background-color: #4ede64;
    color: #ffffff;
    text-shadow: 1px 1px 1px #000000;
}

.black-green {
    color: #000000;
    background-color: #4ede64;
    /*text-shadow: 1px 1px 1px #000000;*/
}

.black-light_grey {
    color: #000000;
    background-color: #eaeaea;
}

.black-grey1 {
    color: #000000;
    background-color: #d7d7d7;
}

.black-grey2 {
    color: #000000;
    background-color: #e6e6e6;
}

.black-grey3 {
    color: #000000;
    background-color: #c4c4c4;
}

.white-turquoise {
    color: #ffffff;
    background-color: #2c9e9e;
}

.white-dark_grey {
    color: #ffffff;
    background-color: #777777;
}

.dark_grey-white {
    color: #777777;
    background-color: #ffffff;
}

.grey-white {
    color: #808080;
    background-color: #ffffff;
}


.dark_grey-light_grey {
    color: #777777;
    background-color: #eaeaea;
}

.light_grey-dark_grey {
    background-color: #777777;
    color: #eaeaea;
}

.button {
    display: block;
    margin-left: auto;
    /*width: 300px;*/
    padding: 10px 10px;
    color: #000;
    text-decoration: none;
    position: relative;
    font-weight: bold;
    margin-bottom: 3em;
    line-height: 1.15;
}

.pflicht {
	opacity:0.6;	
}

#buchen {
	margin-bottom:0;	
}

/*.button::after {
    content: ' ';
    font-size: 2rem;
    color: #fff;
    display: inline-block;
    position: absolute;
    right: -5px;
    /*top:9px;* /
    bottom: 4px;
    width: 0px;
    height: 0px;
    border: 10px solid transparent;
    border-left-color: #000;

}*/


.button.wide {
    text-decoration: none;
    width: 100%;
    padding: 10px 10px;
    box-shadow: 1px 1px 1px 0 #777777;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}


.button.small {

    display: flex;
    justify-content: center;
    align-items: center;
    /*padding: 1rem 20px;*/
    width: 125px;
    min-width: 125px;
    min-height: 4rem;
    word-break: break-word;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    box-shadow: 1px 1px 1px 0 #777777;

}

.button.smaller {
    text-decoration: none;
    /*width: 100%;*/
    width: unset;
    padding: 5px 5px;
    /*box-shadow: 1px 1px 1px 0 #777777;*/
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

.button.download {
    text-decoration: none;
    /*width: 100%;*/
    padding: 10px 10px;
    color: #000;
    text-decoration: none;
    position: relative;
    font-weight: bold;
    margin-bottom: 3em;
    cursor: pointer;
    width: 350px;
    background: #ccc;
    display: inline-block;
}


.button.download::after {
    content: ' ';
    font-size: 2rem;
    color: #fff;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 9px;
    /*bottom:0;*/
    width: 0px;
    height: 0px;
    border: 10px solid transparent;
    border-left-color: #000;

}


.button.large {
    padding: 15px 20px;
    width: 135px;
    box-shadow: 1px 1px 1px 0 #777777;
}

section > h1 {
    position: relative;
    cursor: pointer;
    /*background-color: #777777;*/
    /*color: #ffffff;*/
    /*background-color: #a1d9f8;*/
    color: #4c5255;
    border-bottom: 1px solid #4c5255;
    width: 100%;
    padding: 0.5rem 50px;
    margin: 30px 0;
    font-size: 1rem;
}

section > h1::before {
    background: #618295;
    content: '+';
    display: inline-block;
    position: absolute;
    width: 34px;
    height: 100%;
    left: 0;
    line-height: 1.1;
    color: #fff;
    font-weight: bold;
    font-size: 2rem;
    text-align: center;
    margin-top: -8px;
    border-right: 3px solid #fff;
}

section > h1.open::before {
    content: '-';
    line-height: 1;

}

section > h1.noakk {
    padding-left: 15px;
    cursor: inherit;
}

section > h1.noakk::before {
    display: none;
}

.sponsorship header > h2 {
    background-color: #777777;
    color: #ffffff;
    width: 100%;
    padding: 0.5rem 30px;
    margin: 30px 0;
    font-size: 1rem;
}

.termin-overlay h2 {
    font-size: 1.9rem;
}


.sponsorship .box .content article {
    padding: 0 30px;
}


/*section.map > h1 {*/
/*margin-bottom: 0;*/
/*}*/


section > h1 i {
    float: right;
}

.section_wrapper {
    padding: 0 30px;
}

.fullwidth {
    flex-basis: 100%;
}

a {
    text-decoration: underline;
    color: #618295; /*#65abde; /*618295;*/
}

a.button {
    background-color: #618295;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    border-radius: 3px;
}

a:hover {
    text-decoration: underline;
}

figure {
    margin-left: 0;
}

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


@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.spinner-loader {
    margin: 150px auto;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    border: 0.25rem solid rgba(0, 0, 0, 0.2);
    border-top-color: black;
    -webkit-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
}

h2.bezeichnung {
    font-size: 16px;
}

span.name {
    padding-bottom: 10px;
}

.termin-overlay form h3 > label {
    width: 100%;
}

/**************************************************

******************   4.0 HEADER   *****************

**************************************************/
.header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 30px 30px;
	position:relative;

}

.header.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100px;
    overflow: hidden;
    z-index: 20;
    padding: 0 30px;
}

.header.sticky + nav {
    position: fixed;
    top: 100px;
    left: 0;
    right: 0;
    z-index: 20;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.header.sticky + nav .sub-menu {
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5);
}

.header.sticky .logo img {

    width: 300px;
}

.sticky + .main_nav + section {
    margin-top: 210px;
}

.header .logo img {
    max-width: 100%;
    /*width: 686px;*/
    width: 380px;
    height: auto;
    vertical-align: bottom;
    transition: all 0.3s;
}

.header .contact_header {
    /*margin: 40px;*/
}

.header .contact_header p {
    margin: 0;
    display: block;
}

.header .contact_header a {
    color: inherit;
    text-decoration: none;
}


.header .search_nav {
    margin: 0 0 0 40px;
    min-width: 150px;
    /*min-height: 73.6px;*/
    display: flex;
    flex-direction: row-reverse; /*column;*/
    align-items: flex-end;
}

.header .search_nav .search-container {
    width: 100%;
}

.header .search_nav .search-container form {
    display: flex;
}


.header .search_nav input[type=text] {
    padding: 6px;
    font-size: 1rem;
    border: 1px solid transparent;

    transition: all 0.5s;
    /*box-shadow: 1px 1px 1px #777777;*/
    width: 100%;
    padding-right: 40px;
}

.header .search_nav input[type=text]:focus {
    border-color: #777;
}


.header .search_nav .search-container button {
    padding: 5px 10px;
    margin:1px 0 1px -42px;
    background: #ffffff;
    font-size: 1rem;
    cursor: pointer;
    border: 1px solid transparent;
    /*box-shadow: 1px 1px 1px #777777;*/
}

.header nav .menu {
    padding: 0;
    margin: 0;
	width:350px;
}

.header nav .menu li {
    display: inline-block;
    list-style: none;
    text-align: right;
    /*padding: 10px 0 0 10px;*/
    padding: 7px 15px;
}

.header nav .menu li:first-child {
    /*padding-left: 0;*/
}

/*Link ohne Unterline + grau     */
/*.header nav .menu li a {*/
/*text-decoration: none;*/
/*color: inherit;*/
/*}*/


.header nav .menu li a:link,
.header nav .menu li a:visited,
.header nav .menu li a:hover,
.header nav .menu li a:active {
    color: #222;
    text-decoration: none;
    white-space: nowrap;
}

.header nav .menu li a:hover, .header .contact_header a:hover {
    text-decoration: underline;
}

.header nav .menu li a i {
    padding-right: 8px;
    display: inline-block;
    height: 16px;
    width: 16px;
    /*background-image: url(templates-html/img/mail_blue.svg);*/
    background-repeat: no-repeat;
    /*background-position: 0 2px;*/

}

@media only screen and (max-width: 1500px ) {
    .contact_header {
        display: none;
    }
}

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

    .header .search_nav .search-container form {
        max-width: 183px;
    }

    .header nav .menu li {
        /*padding: 4px 0 0 10px;*/
    }

    .header nav .menu li:first-child {
        /*display: block;*/
    }

    .header nav .menu li:nth-child(2) {
        /*padding-left: 0;*/
    }
}

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

    .header .search_nav {
        display: none;
    }

    .header nav .menu li {
        display: inline-block;
        list-style: none;
        text-align: right;
        padding: 10px 0 0 10px;
    }

}

/**************************************************

*******************   5.0 NAV   *******************

**************************************************/

.main_nav {
    position: relative;
    font-weight: bold;
    border-top: 1px solid #4c5255;
    border-bottom: 1px solid #4c5255;
}

.mobileonly,
.main_nav .mobile_header {
    display: none;
}


.main_nav div ul {
    margin: 0;
}

.main_nav div ul li {
    list-style: none;
    display: inline-block;

}

.main_nav div > ul > li > ul {
    box-sizing: border-box;
    list-style: none;
    /*padding: 0;*/
    margin: 0;
    position: absolute;
    width: 100%;
    /*top: 3.8rem;*/
    left: 0;
    /*background-color: #eaeaea;*/
    /*color: #000000;*/
    border-bottom: 1px solid;
}

.main_nav div > ul > li > ul {
    display: none;
}

.main_nav div > ul > .menu-item-has-children:hover > ul {
    display: block;
    /*margin-top: 3px;*/

}


.main_nav div ul li a {
    text-decoration: none;
    color: inherit;
    display: block;
    /*padding: 1.4rem;*/
    /*width: 100%;*/
    letter-spcing: 0.05em;
    text-transform: uppercase;
}

.main_nav div ul ul li a {
    padding: 0.5rem 1.4rem;
}

.menu-item-has-children .sub-menu {
    display: none;
    background-color: #ffffff;
}


.main_nav div > ul > li:hover {
    background-color: #c9cbcc;
}

.current-menu-item {
    background-color: #f1f2f3;
}

#menu-footer-menue .current-menu-item {
    background-color: #4c5255;
    font-weight: bold;
}

.sub-menu .current-menu-item {
    background-color: #ffffff;
}

.current-menu-parent, .archive #menu-hauptmenue .current_page_parent {
    background-color: #f1f2f3;
}

.current-menu-item.menu-item-has-children .sub-menu li a:hover {
    display: block;
    /*background-color: #003871;*/
    /*background-color: #c9cbcc;*/
    /*color: #eaeaea;*/
}

.current-menu-item.menu-item-has-children .sub-menu .current-menu-item a {
    /*background-color: #003871;*/
    background-color: #c9cbcc;
    /*color: #eaeaea;*/
}


.main_nav div > ul > li > ul > li:hover {
    background-color: #c9cbcc;
    /*color: #eaeaea;*/
}

.main_nav div > ul > li:hover {
    /*background-color: #e3f4fd;*/
    background-color: #f1f2f3;
}


/*.main_nav div > ul > #menu-item-122:hover,*/
/*.main_nav div > ul > #menu-item-226:hover {*/
/*    background-color: #fffac6;*/
/*}*/


.main_nav div > ul > .menu-item-has-children:hover > ul {
    /*background-color: #e3f4fd;*/
    background-color: #f1f2f3;
    /*margin-top: -19px;*/
}

.main_nav div > ul > li > ul > li:hover {
    background-color: #ffffff;
    /*color: #eaeaea;*/
}

.main_nav div ul li a {
    padding: 0.7rem;
}

.main_nav div ul ul li a {
    padding: 0.7rem 1.4rem;
}

@media only screen and (max-width: 1023px ) {
	
	div.nl-form-box {
		margin-left:10px;
		width:95%;
	}
	
	.mobileonly {
		border-top:1px solid #000;	
	}
	
    .main_nav .mobile_header {
        display: flex;
        margin: 0;
        width: 100%;
        height: 3.9rem;
        background-color: #a1d9f8;

        cursor: pointer;
        justify-content: center;
        align-items: center;

    }

    .main_nav .mobile_header img {
        height: 2.7rem;
        width: 2.7rem;
    }

    .main_nav > div > ul {
        display: flex;
        flex-direction: column;
        padding: 0;
    }

    .main_nav div ul .menu-item-has-children {
        position: relative;
        display: block;
    }

    .main_nav div > ul > .menu-item-has-children:hover > ul {
        margin-top: 0;
    }

    .main_nav div ul li {
        display: flex;
    }

    .main_nav div > ul > li > ul {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
    }

    .menu-item-has-children .sub-menu {
        display: flex;
        flex-direction: column;
        position: relative;
    }

    .current-menu-item.menu-item-has-children .sub-menu .current-menu-item a {
        width: 100%;

    }

    .main_nav .sub-menu {
        padding-left: 20px;
    }

    .main_nav div {
        display: none;
    }
}


/**************************************************

*******************   6.0 NEWS   *******************

**************************************************/

/*DESIGN*/

.main_nav + .page {
    /*transition:margin 0.5s;*/
    margin-top: 3.5rem; /*6.8rem;*/

}

.main_nav + .news {
    /*transition:margin 0.5s;*/
    margin-top: 3.5rem; /*6.8rem;*/
}

.news {
    margin: 0 auto;
    width: 90%;
    width: calc(100% - 100px);
    padding: 0 30px;
    /*overflow: hidden;*/
}


.aktuelleblogs_widget .item a,
.contentitem a,
#news .item a {
    /*width: 20%;*/
    color: #555;
    text-decoration: none;
}

.aktuelleblogs_widget .item > a,
.contentitem > a,
#news .item > a {
    height: 220px;
    display: block;
    overflow: hidden;
    background-position: center center;
    background-size: 100% auto;
    /*opacity:0.5;*/
    transition: all 0.75s;


    /** Vorschlag **/
    background-repeat: no-repeat;
    /*background-size: cover;*/
}

.aktuelleblogs_widget .item > a::after,
.contentitem > a::after,
#news .item > a::after {
    content: ' ';
    display: block;
    width: 100%;
    height: 100%;
    /*background:rgba(255,255,255,0.5);*/
    /*background: linear-gradient(to bottom, rgba(240, 240, 240, 0.75) 0%, rgba(190, 190, 190, 0.85) 100%);*/
    /*transition: opacity 0.5s;*/
}

.contentitem > a::after {
    background: linear-gradient(to bottom, rgba(240, 240, 240, 0.75) 0%, rgba(190, 190, 190, 0.85) 100%);
    transition: opacity 0.5s;
}


.aktuelleblogs_widget .item:hover > a,
.contentitem:hover > a,
#news .item:hover > a {
    background-size: 105% auto;
    /*transition: background 6.75s;*/
}

.contentitem:hover > a::after
#news .item:hover > a::after {
    opacity: 0;
}

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

.contentitem .title {
    /*min-height: 3.2rem;*/
}

.text {
    width: 100%;
    padding: 10px;
    display: block;
    min-height: 90px
}

.text span {
    display: block;
    font-size: 0.9rem;
}


.title {
    font-size: 1.15rem;
    font-weight: bold;
}


/*SLIDER*/
#news .owl-nav {
    position: absolute;
    display: flex;
    justify-content: space-between;
    bottom: 39.7%;
    height: 69px;
    width: 100%;
    pointer-events: none;
    flex-flow: row wrap;
}

#news .owl-nav .owl-prev {
    margin-left: -5%;
    pointer-events: auto;
    background-image: url("img/arrow-left.png");
    background-size: contain;
    width: 55px;
    height: 65px;
}

#news .owl-nav .owl-next {
    margin-right: -5%;
    pointer-events: auto;
    background-image: url("img/arrow-right.png");
    background-size: contain;
    width: 55px;
    height: 65px;
}

#news .owl-dots {
    position: absolute;
    display: flex;
    justify-content: center;
    bottom: -30px;
    height: 16px;
    width: 100%;
}

#news .owl-dots .owl-dot {
    height: 16px;
    width: 16px;
    margin: 0 4px;
    background-color: #fffac6;
    border-radius: 50%;
}

#news .owl-dots .owl-dot span {
    display: block;
    height: 16px;
    width: 16px;
    background-color: #fff041;
    border-radius: 50%;
}

#news .owl-dots .owl-dot.active span {
    border-radius: 50%;
    background-color: #e3f4fd;
    box-sizing: border-box;
}

@media only screen and (max-width: 1225px ) {
    #news .owl-nav .owl-prev {
        margin-left: -6%;
        width: 40px;
        height: 50px;
    }

    #news .owl-nav .owl-next {
        margin-right: -6%;
        width: 40px;
        height: 50px;
    }
}

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

    .main_nav + .news {
        margin-top: 2.875rem;
    }

   #news .owl-nav .owl-prev {
       /* background-image: unset;
        margin-left: 0;
        width: 0;
        height: 0;*/
		margin-left:-45px;
    }

	#news .owl-nav .owl-next {
		margin-right:-45px;	
	}
	
    /*#news .owl-controls {
        display: none;
    }*/
	#news .owl-dots .owl-dot {
        display: none;
    }

}

/**************************************************

****************   7.0 CATEGORY   ****************

**************************************************/

/*
.home_subblock {
	border-top:1px solid #ccc;
	
}
*/
.page-bibliothek .button,
.site_wrapper .category .box-home-1 .button {
    /* background: #d7d7d7;*/
}

.page-bildung .button,
.site_wrapper .category .box-home-2 .button {
    /*background: #e6e6e6;;*/
}

.button,
.site_wrapper .category .box-home-3 .button {
    /*background: #c4c4c4;*/
}

.site_wrapper .category {
    margin: 90px 20px 30px 20px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-flow: row wrap;

}

.site_wrapper .category .box {
    margin: 0 10px;
    /*box-shadow: 4px 4px 4px 0 #777777;*/
    /*border: 1px solid #777777;*/
    width: calc(50% - 40px);
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
}

.site_wrapper .category .box-home-3 {
    width: calc(100% - 60px);
    margin-top: 20px;
}

.site_wrapper .category .box.green header {
    background-color: #4ede64;
}

.site_wrapper .category header {
    text-align: center;
    padding: 1px;
    font-size: 1.25rem;
}

.site_wrapper .category .content {
    padding: 30px 30px;
    background-color: #ffffff;
}

.site_wrapper .category .content:nth-child(1) {
    padding-bottom: 0;
}

.site_wrapper .category .content:nth-child(2) {
    padding-top: 0;
}

.site_wrapper .category .content article {
    width: 100%;
}

/** Vorschlag **/
.site_wrapper .category .content img {
    width: 100%;
    height: auto;
}

.site_wrapper .category .weiter_zu {
    padding-top: 1rem;
}

.site_wrapper .category .fachstellen {
    display: flex;
    flex-direction: row;
    padding-bottom: 20px;
    align-items: center;
}

.site_wrapper .category .fachstellen span {
    padding-left: 20px;
}

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

    .site_wrapper .category {
        flex-direction: column;
        align-items: center;
    }

    .site_wrapper .category .box {
        margin: 0 0 20px 0;
        width: 100%;
    }

    .site_wrapper .category .fachstellen {
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .site_wrapper .category .fachstellen span {
        padding: 0 0 10px 0;
    }

    .button.small {
        width: 100%;
        min-height: 1rem;
        padding: 0.5rem;
    }

}

/**************************************************

******************   8.0 DATES   ******************

**************************************************/

.flex_wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 20px
}

.flex_wrapper strong {
    padding-bottom: 2px;
}

.flex_wrapper.left {
    justify-content: left;
    margin: 0;
}

.flex_wrapper .terminbox {
    /*border: 1px solid #777777;*/
    /*box-shadow: 2px 2px 2px 0 #777777;*/
    background: #fff;
    margin: 10px;
    width: 20%;
    min-width: 275px;
    position: relative;
}

.flex_wrapper .terminbox--hidden {
    display: none;
}

.flex_wrapper .terminbox header {
    min-height: 6.2rem;
}

.flex_wrapper .terminbox h4 {
    margin: 0;
    padding: 2rem 30px;
}

.flex_wrapper .terminbox .termin_content {
    padding: 10px 20px 30px 20px;
    position: relative;
    margin-bottom: 30px;
    min-height: 5.125rem;
}

.flex_wrapper .terminbox .termindate {
    display: block;

}

.flex_wrapper .terminbox .time strong {
    padding-top: 10px;
}


.flex_wrapper .terminbox .time strong {
    display: block;
}

.flex_wrapper .terminbox .local strong {
    padding-top: 10px;
    display: block;
}

.flex_wrapper .terminbox .local p {
    margin: 0;
}

.flex_wrapper .terminbox .terminbuttons {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    /*padding-top: 10px;*/
    /*display: flex;*/
    /*flex-direction: row;*/
    /*align-items: center;*/
    /*justify-content: space-between;*/
}

/*.flex_wrapper .terminbox .terminbuttons .button {*/
.dates .terminbuttons .button {
    margin-bottom: 20px;
}

#single-termin .terminbuttons .button.bg_gelb,
.dates .terminbuttons .button.bg_gelb {
    /*background-color: #fff041;;*/
}

/*.flex_wrapper .terminbox .terminbuttons .button:first-child {*/
.dates .terminbuttons .button:first-child {
    margin-left: 20px;
}

#single-termin .terminbuttons .button:after,
.dates .terminbuttons .button:after {
    content: none;
}


a.ics {
    font-size: 0.6rem;
    position: absolute;
    bottom: 20px;
    right: 10px;
    text-decoration: none;
    color: #555;
    padding-right: 18px;
    background: url(img/download.png) no-repeat 20px -3px;
    /*background-position-y: -3px;*/
    /*background-position-x: 20px;*/
    /*background-position: 20px -3px;*/
}

.termin-overlay {
    display: none;
    width: calc(100% - 20px);
    margin: 0 auto;
    height: 100%;
    position: relative;
}

.termin-overlay--active {
    display: block;
}

.termin-detail-overlay {
    margin-bottom: 20px;
}

.icon_close,
.close_overlay__icon {
    background: url(img/close-window.svg) no-repeat center center;
    height: 34px;
    width: 34px;
    display: block;
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px;
}

.icon_close:hover,
.close_overlay__icon:hover {
    background: url(img/close-window_hover.svg) no-repeat center center;
}

.termin-overlay__header {
    text-align: center;
    margin-bottom: 40px;
}

.termin-overlay .container {
    max-width: calc(100% - 200px);
    margin: 0 auto;
}

.termin-overlay header img {
    /*max-width: 100%;*/
    /*max-height: 350px;*/
    /*margin-top: 20px;*/
    max-width: 100%;
    max-height: 350px;
    height: inherit !important;
}

.termin-overlay__text {
    width: 50%;
}

.termin-overlay .termin-overlay__body {
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
}

.termin-overlay .termin-overlay__body.anmeldung {

}

.termin-detail__data .termindetailsinfos {
    margin-bottom: 40px;
}

.termin-overlay .termin-overlay__body.left {
    flex-direction: row;
    justify-content: start;
}

.termin-overlay .termin-overlay__body.right {
    flex-direction: row-reverse;
}

.termin-overlay .termin-overlay__body .responsive_image_box {
    width: 60%;
    max-width: 350px;
    margin-right: 20px;
    margin-top: 1rem;
    display: flex;
    align-items: center;
}

.termin-overlay .termin-overlay__body .responsive_image_box.right {
    margin-left: 20px;
    margin-right: 0;
}

.termin-overlay .termin-overlay__body .responsive_image_box img {
    display: block;
    width: 100%;
    min-width: 100px;
    max-width: 350px; /*actual image width*/
    height: auto; /* maintain aspect ratio*/
    margin: auto; /*optional centering of image*/
}


.termin-overlay .termindetails {
    margin-top: 20px;
}

.termin-overlay .termindetails:first-child {
    margin-top: 0;
}

.termin-overlay .termindetails > p {
    margin: 0 0 2px 0;
}

.termin-overlay .termindetails > p:last-child {
    margin: 0 0 20px 0;
}

.termin-overlay .terminbuttons .button:first-child {
    margin-left: 0;
}

#goto_uploads {
    margin-bottom:0;
}

.uploaddata form,
.abmeldung form,
.nl-form-content form,
.termin-overlay form {
    margin-top: 40px;
}

.uploaddata .input_wrapper,
.abmeldung .input_wrapper,
.nl-form-content .input_wrapper,
.termin-overlay .input_wrapper {
    margin-bottom: 1rem;
}

.uploaddata .input_wrapper {
    float:left;
    width:250px;
}
.uploaddata .terminbuttons {
    clear:both;
}

.termin-overlay h2 {
    margin-bottom: 1rem;
}

.uploaddata form label,
.termin-overlay form label {
    width: 120px;
    display: block;
    margin-bottom: 3px;
    font-weight: bold;
}

.uploaddata form label,
.abmeldung form label,
.nl-form-content form label,
.termin-overlay form label {
    width: 250px;
    display: block;
    margin-bottom: 3px;
    font-weight: normal;
}

.termin-overlay form label {
	width:auto;	
}


.uploaddata form label:first-child,
.abmeldung  form label:first-child,
.nl-form-content form label:first-child,
.termin-overlay form label:first-child {
    font-weight: bold;
}

form .disclaimer_wrapper label:first-child {
	width:auto;
	margin-bottom:0;
	font-weight:normal;
	
}

form .disclaimer_wrapper {
	padding-left:30px;
	position:relative;
}

form .disclaimer_wrapper label input {
	position:absolute;
	left:7px;
	top:7px;
}

.termin-overlay form label .pflicht {
    /*color: red;*/
}



.termin-overlay input[type="checkbox"] {
    display: none;
}

.termin-overlay input[type="checkbox"] + label::before {
    width: 22px;
    height: 18px;
    background-image: url(img/unchecked.png);
    display: block;
    content: "";
    float: left;
    margin-right: 5px;
    margin-top: 5px;
}

.termin-overlay input[type="checkbox"]:checked + label::before {
    background-image: url(img/checked.png);
}

.img_container {
    width: 100%;
    height: 290px;
    background-size: cover;
    background-position: center center;
}


#single-termin .termin-overlay__header {
    margin-bottom: 0;
}

#single-termin .termin-overlay {
    width: 100%;
}

#single-termin .termin-overlay .container {
    max-width: 100%;
}

#single-termin .termin-overlay__text {
    width: 100%;
}

#single-termin .terminbuttons {
    position: relative;
}

#single-termin .termin-overlay__header {
    position: relative;
}

#single-termin .termin-overlay,
.dates {
    font-size: 18px;
}

#single-termin .close_overlay__icon {
    right: 0px;
    bottom: 0px;
    top: unset;
}


#single-termin a.ics {
    bottom: 52px;
    right: 20px;
    padding-right: 27px;
    background: url(img/download.png) no-repeat right center;
    background-size: contain;
    width: 45px;
    height: 15px;
    font-size: 16px;
}


.flex_height {
    flex-basis: 50%;
    flex-grow: 1;
}

@media only screen and (max-width: 1024px ) {
    .close_overlay__icon {
        right: 0;
        top: 0;
    }

    .termin-overlay .container {
        max-width: calc(100% - 40px);
    }

    .termin-overlay__header {
        margin-top: 34px;
    }

    .termin-overlay header img {
        /*margin-left: -20px;*/
        width: calc(100% + 40px);
        margin-top: 0;
    }
}


@media only screen and (max-width: 685px ) {
    .flex_wrapper .terminbox {
        width: 100%;
    }
}

/**************************************************

*******************   9. MAP   *******************

**************************************************/

.map {
    position: relative;
    z-index: 1;
}

#map {
    height: 600px;
    /*width: 100%;*/
    width: calc(100% - 60px);
    margin: 0 auto;


}

.open + #map {
    height: 600px;
}

#maploading {
    position: relative;
    z-index: -1;
}

#karte {
    position: relative;
    top: -200px;
}

/**************************************************

**************   10. ACCORDION   *******************

**************************************************/

.accordion {
    margin-top: 23px;
    line-height: 1.6;
    padding: 0;
}

.accordion > h3 {
    position: relative;
    font-size: 1.25rem;
    padding: 0 0 0 50px;
    margin: 0 0 5px 0;
    cursor: pointer;
    line-height: 34px;
    text-decoration: #ffdc00;
    background: #f1f2f3;
    /*background: #a1d9f8;*/
    /*background: #e3f4fd;*/
    /*color: #333;*/
    font-weight: normal;
}

.accordion > h3::before {
    content: '+';
    display: inline-block;
    position: absolute;
    width: 34px;
    height: 100%;
    left: 0;
    /*background: #333;*/
    background: #618295;
    color: #fff;
    font-weight: bold;
    font-size: 2em;
    text-align: center;
    border-right: 3px solid #fff;
}

.accordion > h3.opened {
    /*color: #fff;*/
}

.accordion > h3.opened::before {
    content: '-';
    line-height: 0.75;
    /*background: #fff;*/
}

.accordion > div {
    height: 0;
    overflow: hidden;
}

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

.accordion .description {

}

/**************************************************

**************   11. SERVICE    *******************

**************************************************/

.news + .service {
    margin: 90px 0 30px 0;
}

section + .news {
    margin: 30px auto 90px auto;
}

.service .section_wrapper {
    padding: 0 30px;
    margin: 0 20px;
    /*display: flex;*/
}
@media screen and (max-width:450px) {
	.service .section_wrapper {
		padding: 0 0px;
		margin: 0 10px;
	}	
}

.service .content_wrapper {
    display: flex;
    flex-wrap: wrap-reverse;
}

.service .content_wrapper main {
    /*width: 100%;*/
    flex-basis: 50%;
    flex-grow: 1;
    margin-right: 0px;
}

.page-presse .content_wrapper main {
    margin-right: 40px;
}

.description {
    display: flex;
    flex-direction: row;
}

.description img {
    width: 300px;
    flex: 0 0 auto;
    align-self: center;
}

article > h2 {
    font-size: 2em;
    margin: 0.67em 0;
    /*border-bottom: 10px solid #e3f4fd;*/
    border-bottom: 10px solid #a1d9f8;
    /*border-bottom: 10px solid #618295;*/
    /*border-bottom: 10px solid;*/
}


article img.alignleft {
    float: left;
    width: 250px;
    height: auto;
    margin-right: 20px;
}

article img.alignright {
    float: right;
    width: 250px;
    height: auto;
    margin-left: 20px;
}

article.clearfix::after {
    content: "";
    clear: both;
    display: table;
}


.sub_posts img.alignleft {
    float: left;
    margin-right: 20px;
}

.sub_posts img.alignright {
    float: right;
    margin-left: 20px;
}

.sub_posts p:after {
    content: '';
    display: table;
    clear: both;
}

td {
    display: table-cell;
    vertical-align: top;
}

.ahrefPDF {
    /*a[href$=".pdf"]  {*/
    position: relative;
    margin-left: 25px;
}

.terminbuttons .ahrefPDF::before {
    margin-top: 2px;
}

/*a[href$=".pdf"]:before  {*/
.ahrefPDF:before {
    width: 25px;
    height: 25px;
    display: block;
    content: "";
    /*float: left;*/
    margin-right: 5px;
    margin-top: -3px;
    background-image: url(../../uploads/2019/06/PDF_32.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: -27px;
    top: 0;
}


/*:before {*/
/*    content: "";*/
/*    display: block;*/
/*    padding-top: 210px; !* header height + empty space *!*/
/*    margin-top: -210px; !* header height to degrees padding’s space *!*/
/*}*/

/**************************************************

**************   12. ASIDE    *******************

**************************************************/

aside {
    padding: 0 30px 0 0;
    /*min-width:386px;*/
    flex-basis: 386px;
}

aside h1 {

}

aside .kontakt_person {
    display: flex;
    /*border: 1px solid #777777;*/
    justify-content: center;
    align-items: center;
    /*background: #a1d9f8;*/
    margin-bottom: 10px;
}

.blog aside .kontakt_person,
.page-template-template_termine aside .kontakt_person {
    /*background: #fff041;*/
}

aside .kontakt_person a {
    color: #4c5255;
    text-decoration: none;

}

aside .kontakt_person a:hover {
    text-decoration: underline;
}


aside .person_img {
    /*box-sizing: content-box;*/
    /*padding-left: 10px;*/
    height: 100%;

}

aside .kontakt_person img {
    min-width: auto;
    /*border-radius: 50%;*/
    height: 100%;
    vertical-align: bottom;
}

aside .daten {
    width: 250px;
    padding: 10px;
    font-size: 14px;
}

aside h2 {
    margin: 0 0 0.7rem 0;
}

aside span {
    display: block;
}

aside .sidenav {
    font-size: 1.2rem;
    text-transform: uppercase;
}

aside .sidenav ul {
    padding: 0;
    list-style: none;
}

aside .sidenav a {
    text-decoration: none;
    color: #777;
}

aside .sidenav div > ul > li {
    padding: 10px;
    /*background-color: #302784;*/
    /*color: #ffffff;*/
    margin: 2px 0;
}

aside .menu-item-has-children {
    position: relative;

}

aside .menu-item-has-children > ul {
    padding-left: 20px;
}

aside .menu-item-has-children .sub-menu {
    display: block;
    text-transform: none;
}

aside .sub-menu li::before {

    content: '- ';
}

aside .current-menu-item > a, aside .current-menu-ancestor > a {
    font-weight: bold;
    color: #000;
}

aside .web {
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

aside .web img {
    width: 300px;
    height: auto;
    align-self: center;
    padding-bottom: 30px;
}


/**************************************************

*******************   . WIDGET   *******************

**************************************************/

.widget {
    display: flex;
    flex-direction: column;
}

#sidebar .terminbox.row {
    padding-bottom: 1px;
    margin-bottom: 20px;
}


/*#sidebar .widget-box.bg_gelb.grau {*/
/*    !*background-color: #fff041;*!*/
/*    background-color: #f1f2f3;*/
/*    color: #4c5255;*/
/*}*/

/*#sidebar .widget-box.bg_blau.grau {*/
/*    !*background-color: #a1d9f8;*!*/
/*    background-color: #f1f2f3;*/
/*    color: #4c5255;*/
/*}*/

/*#sidebar .widget-box.bg_gelb.grau a {*/
/*    !*background-color: #fff041;*!*/
/*    color: #4c5255;*/
/*    text-decoration: none;*/
/*    font-size: 16px;*/
/*}*/

/*#sidebar .widget-box.bg_blau.grau a {*/
/*    !*background-color: #a1d9f8;*!*/
/*    color: #4c5255;*/
/*    font-size: 16px;*/
/*    text-decoration: none;*/
/*}*/

/*#sidebar .widget-box__title {*/
/*    margin: 14px 14px 14px 0px;*/
/*}*/

/*#sidebar .widget-box__title a {*/
/*    font-weight: bold;*/
/*    font-size: 18px;*/
/*}*/

/*#sidebar .widget-box__title a:hover {*/
/*    opacity: .75;*/
/*    text-decoration: none;*/
/*}*/

/*#sidebar .widget-box__content p {*/
/*    margin: 14px 14px 14px 0px;*/
/*    font-size: 16px;*/
/*}*/

/*#sidebar .widget-box.bg_blau.grau a.nu {*/
/*    font-size: 14px;*/
/*}*/

/*#sidebar .widget-box__content .nu {*/
/*    display: block;*/
/*    !*padding-top: 14px;*!*/
/*}*/

/*#sidebar .widget-box__date {*/
/*    text-decoration: none;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    top: 0;*/
/*    left: 0;*/
/*    position: absolute;*/
/*    padding: 14px 0 14px 14px;*/
/*    width: 64px;*/
/*    line-height: 1;*/
/*    transition: opacity .33s;*/
/*    !*text-shadow: 1px 1px 1px rgba(0, 0, 0, .22);*!*/
/*    margin: auto 0;*/
/*}*/

/*#sidebar .widget-box__date:hover {*/
/*    opacity: .75;*/
/*    text-decoration: none;*/
/*}*/

/*#sidebar .widget-box__month {*/
/*    display: block;*/
/*    font-size: 1.5rem;*/
/*    font-weight: 300;*/
/*    text-transform: uppercase;*/
/*}*/

/*#sidebar .widget-box__day {*/
/*    display: block;*/
/*    font-size: 2.02rem;*/
/*    font-weight: 700;*/
/*}*/


/**************************************************

*******************   . FOOTER   *******************

**************************************************/

footer {
    margin-top: 30px;
    /* min-height: 300px;*/
    padding: 20px 30px 10px;
    position: relative;
}

footer .contact_newsletter {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap-reverse;
}

footer .contact_wrapper {
    display: flex;
    padding-right: 80px;
    width: 100%;
}

footer .contact_wrapper span {
    line-height: 1.2;
    display: block;
}

footer .contact_wrapper a {
    color: inherit;
    text-decoration: none;
}

footer .contact_wrapper img {
    width: 236px;
    height: auto;
    padding: 16px 0;
}

footer .contact_wrapper .contact_footer {
    width: 500px;
    padding-left: 50px;
}

footer .newsletter_wrapper {
    display: flex;
    line-height: 1.2;
    text-decoration: none;
    margin:0; /*margin: 0 50px 50px 0;*/
}

footer .newsletter_wrapper img {
    width: 120px;
    height: auto;
}

footer .newsletter_wrapper .newsletter_footer {
    padding-left: 20px;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

footer .footer_nav {
    /*  margin-top: 60px;*/
}

footer .footer_nav ul {
    display: flex;
    flex-direction: row;
    color: inherit;
    padding: 0;
}

footer .footer_nav li {
    list-style: none;
    padding-right: 10px;
}


footer .footer_nav li + li:before {
    content: ' ';
    padding-right: 10px;
}

footer .footer_nav a {
    text-decoration: none;
    color: inherit;
}

footer .footer_nav a:hover, footer .contact_wrapper a:hover {
    text-decoration: underline;
}

#created {
    font-size: 0.6rem;
    position: absolute;
    right: 20px;
    bottom: 10px;

}

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

    footer .newsletter_wrapper .newsletter_footer {
        width: 100%;
    }

}

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

	footer {
		padding-left:15px;
		padding-right:15px;	
	}

	footer .contact_wrapper {
		display:block;
		padding:0;
	}

    footer .newsletter_wrapper {
        /*padding: 0 0 50px 0*/
		padding:0;
    }

    footer .footer_nav li + li:before {
        content: unset;
    }

    footer .footer_nav ul {
        flex-direction: column;
    }
}


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


    footer .newsletter_wrapper,
    footer .contact_wrapper {
        flex-direction: column;

    }

    footer .newsletter_wrapper .newsletter_footer,
    footer .contact_wrapper .contact_footer {
        padding-left: 0;
        width: 100%;
    }


}

/**************************************************

*******************   . BLOG   *******************

**************************************************/

.fullwidth > div,
.page-blog .main_description {
    display: flex;
    flex-wrap: wrap;
}

.fullwidth > div {
    padding: 0 30px;
}

.contentitem {
    width: 350px;
    margin-right: 20px;
    margin-bottom: 20px;

}

.contentitem img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.contentitem a {
    color: #000;
    text-decoration: none;
}

.contentitem a:hover {
    text-decoration: underline;
}

.contentitem .text {
    padding: 10px;
    min-height: 90px;
    font-size: 0.8em;
}

.contentitem span {
    display: block;
}

/**************************************************

*******************   . SIDEBAR   *******************

**************************************************/
#sidebar, #sidebar ul {
    list-style: none;
    padding-left: 0;
}

#sidebar li {
    font-size: 1.2rem;
}

.widgettitle {
    margin-top: 1.8em;
    font-size: 1.4rem;
    /*text-transform: uppercase;*/
}

#sidebar a {
    color: #777;
}

#sidebar .terminkategorien_widget li::before,
#sidebar .widget_categories li::before {
    content: '- ';
}


/**************************************************

*******************   . MAP   *******************

**************************************************/

.leaflet-control input[type="checkbox"] {
    display: none;
}

.leaflet-control label {
    cursor: pointer;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
}

.leaflet-control label::before {
    width: 25px;
    height: 25px;
    display: block;
    content: "";
    float: left;
    margin-right: 5px;
    margin-top: -3px;
}

.leaflet-control label:first-child::before {
    background-image: url(img/marker/barrierefrei_kw.png);
    background-size: cover;
}

.leaflet-control label:nth-child(2)::before {
    background-image: url(img/marker/noe_kw.png);
    background-size: cover;
}

.leaflet-control label:nth-child(3)::before {
    background-image: url(img/marker/fernleihe_kw.png);
    background-size: cover;
}

.leaflet-control label:nth-child(4)::before {
  background-image: url(img/marker/option1.png);
  background-size: cover;
}

.leaflet-control label:nth-child(5)::before {
  background-image: url(img/marker/option2.png);
  background-size: cover;
}

.leaflet-control label:nth-child(6)::before {
  background-image: url(img/marker/option3.png);
  background-size: cover;
}

.leaflet-control label:nth-child(7)::before {
  background-image: url(img/marker/option4.png);
  background-size: cover;
}

.leaflet-touch .leaflet-control-layers {

}

.leaflet-control-layers-overlays {
    width: 155px;
}

.leaflet-control-layers label {
    padding: 5px;
}

.leaflet-popup-content span {
    width: 27px;
    height: 27px;
    display: inline-block;
    margin-right: 10px;
}

#map .leaflet-container {
    font-family: "Roboto", Arial, Helvetica, sans-serif;
}

.leaflet-popup-content .barriere {
    background-size: cover;
    background-image: url(img/marker/barrierefrei_kw.png);
}

.leaflet-popup-content .noe {
    background-size: cover;
    background-image: url(img/marker/noe_kw.png);
}

.leaflet-popup-content .fernleihe {
    background-size: cover;
    background-image: url(img/marker/fernleihe_kw.png);
}

.leaflet-popup-content .zusatz1 {
  background-size: cover;
  background-image: url(img/marker/option1.png);
}
.leaflet-popup-content .zusatz2 {
  background-size: cover;
  background-image: url(img/marker/option2.png);
}
.leaflet-popup-content .zusatz3 {
  background-size: cover;
  background-image: url(img/marker/option3.png);
}
.leaflet-popup-content .zusatz4 {
  background-size: cover;
  background-image: url(img/marker/option4.png);
}


.leaflet-popup-content {
    font-family: "Roboto", Arial, Helvetica, sans-serif;
}

.leaflet-popup-content strong {
    font-size: 16px;
}

.leaflet-popup-content p {
    font-size: 14px;
}


.page-template-template_presse section > h1.noakk {
    padding: 0.5rem 50px;
}

.page-template-template_presse section > h1 {
    border-bottom: unset;
    font-size: 2em;
}

.contentitem p, #news .item p {
    font-size: 0.9rem;
}

.contentitem:hover > a, #news .item:hover > a {
    background-size: 105% auto;
    /* transition: background 6.75s; */
}

.contentitem > a::after {
    background: inherit;
}

#sidebar .terminkategorien_widget .widgettitle,
#sidebar .widget_categories .widgettitle {
    margin-top: 1.8em;
    font-size: 1.4rem;
    /* text-transform: uppercase; */
}

/*.widget_categories .widgettitle {*/
/*    margin-top: 1.8em;*/
/*    font-size: 1.4rem;*/
/*    !* text-transform: uppercase; *!*/
/*}*/

#sidebar .terminkategorien_widget > ul > .cat-item > a,
#sidebar .widget_categories > ul > .cat-item > a {
    display: block;
    font-size: 16px;
    text-decoration: none;
    color: #4c5255;
    font-weight: bold;
    margin: 1.8em 0 0.7rem 0;
}

#sidebar a {
    font-size: 14px;
}

.widgettitle {
    font-size: 16px;
}


#sidebar .terminkategorien_widget > ul > .cat-item:before,
#sidebar .widget_categories > ul > .cat-item:before {
    content: '';
}

#sidebar .widget_categories > ul > .cat-item:before {
    content: '';
}


#sidebar .widget .item {
    margin-bottom: 20px;
}

#sidebar .widget .title {
    font-size: 16px;
}

#sidebar .widget .body p {
    font-size: 14px;
}


#sidebar .widget-box__content p {
    font-size: 14px;
}

#sidebar .hr_widget {
    width: 100%;
    margin: 10px 0 30px;
}

#sidebar .hr_widget hr {
    border: none;
    height: 1px;
    border-bottom: 1px solid #4c5255;
    width: 100%;
}


/**

Termin Seite

 **/

.dates .flex_wrapper.date_list,
main.flex_wrapper.date_list {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}


#sidebar .aktuelletermine_widget .terminbox.row,
.dates .flex_wrapper.date_list .terminbox.row,
main.flex_wrapper.date_list .terminbox.row {
    width: calc(100% - 20px);
    display: flex;
    flex-direction: row;
    color: #4c5255;
    background-color: #f1f2f3;
    flex-basis: 47%;
    flex-grow: 0;
}

#sidebar .aktuelletermine_widget .terminbox.row a,
.dates .flex_wrapper.date_list .terminbox.row a,
main.flex_wrapper.date_list .terminbox.row a {
    color: #4c5255;
    text-decoration: none;

}

#sidebar .aktuelletermine_widget .terminbox.row .date_flex,
.dates .flex_wrapper.date_list .terminbox.row .date_flex,
main.flex_wrapper.date_list .terminbox.row .date_flex {
    /*width: 10%;*/
    min-width: 93px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    text-align: center;
    margin: 20px;

}

#sidebar .aktuelletermine_widget .terminbox.row .date_flex .date,
.dates .flex_wrapper.date_list .terminbox.row .date_flex .date,
main.flex_wrapper.date_list .terminbox.row .date_flex .date {
    background-color: #ffffff;
}

#sidebar .aktuelletermine_widget .terminbox.row .date_flex .month,
.dates .flex_wrapper.date_list .terminbox.row .date_flex .month,
main.flex_wrapper.date_list .terminbox.row .date_flex .month {
    display: block;
    font-size: 1.5rem;
    font-weight: 300;
    text-transform: uppercase;
    background: #618295;
    color: #ffffff;
    padding: 3px 25px;
    margin-bottom: 10px;
}

#sidebar .aktuelletermine_widget .terminbox.row .date_flex .number,
.dates .flex_wrapper.date_list .terminbox.row .date_flex .number,
main.flex_wrapper.date_list .terminbox.row .date_flex .number {
    display: block;
    font-size: 2.02rem;
    font-weight: 700;
    padding: 3px 25px;
    /*margin-bottom: 10px;*/
}

#sidebar .aktuelletermine_widget .terminbox.row .date_flex .day,
.dates .flex_wrapper.date_list .terminbox.row .date_flex .day,
main.flex_wrapper.date_list .terminbox.row .date_flex .day {
    display: block;
    padding: 3px 25px;
    margin-bottom: 10px;
}


#sidebar .aktuelletermine_widget .terminbox.row .termin_flex,
.dates .flex_wrapper.date_list .terminbox.row .termin_flex,
main.flex_wrapper.date_list .terminbox.row .termin_flex {
    width: 100%;
    display: flex;
    justify-content: center;
    /*align-items: center;*/
}

#sidebar .aktuelletermine_widget .terminbox.row .termin_container,
.dates .flex_wrapper.date_list .terminbox.row .termin_container,
main.flex_wrapper.date_list .terminbox.row .termin_container {
    /*background-color: #ffffff;*/
    width: 100%;
    position: relative;
}


#sidebar .aktuelletermine_widget .terminbox.row a.ics,
.dates .flex_wrapper.date_list .terminbox.row a.ics,
main.flex_wrapper.date_list .terminbox.row a.ics {
    right: 20px;
    bottom: 20px;
    line-height: 1.15;

}

#sidebar .aktuelletermine_widget .terminbox.row a.ics {
    background-position: 25px 1px;
}

#sidebar .aktuelletermine_widget .terminbox.row h4,
.dates .flex_wrapper .terminbox.row h4,
main.flex_wrapper .terminbox.row h4 {
    margin: 0 20px 0 0;
    padding: 20px 0;
    font-size: 16px;
}

#sidebar .aktuelletermine_widget .terminbox.row p,
.dates .flex_wrapper .terminbox.row p,
main.flex_wrapper .terminbox.row p {
    font-size: 14px;
    margin: 0 20px 14px 0;

}

#sidebar .aktuelletermine_widget .terminbox.row strong,
.dates .flex_wrapper .terminbox.row strong,
main.flex_wrapper .terminbox.row strong {
    font-size: 14px;
}

#sidebar .aktuelletermine_widget .terminbox.row .veranstalter,
.dates .flex_wrapper .terminbox.row .veranstalter,
main.flex_wrapper .terminbox.row .veranstalter {
    margin: 0 20px 40px 0;
}

.termin-overlay .veranstalter_flex i,
#sidebar .aktuelletermine_widget .terminbox.row .veranstalter i,
.dates .flex_wrapper .terminbox.row .veranstalter i,
main.flex_wrapper .terminbox.row .veranstalter i {
    background-repeat: no-repeat;
    background-size: contain;
    height: 40px;
    background-position: center;
    display: inline-block;
    margin-right: 10px;
}

.termin-overlay .veranstalter_flex .treff,
#sidebar .aktuelletermine_widget .terminbox.row .veranstalter .treff,
.dates .flex_wrapper .terminbox.row .veranstalter .treff,
main.flex_wrapper .terminbox.row .veranstalter .treff {
    width: 132px;
}

.termin-overlay .veranstalter_flex .fach,
#sidebar .aktuelletermine_widget .terminbox.row .veranstalter .fach,
.dates .flex_wrapper .terminbox.row .veranstalter .fach,
main.flex_wrapper .terminbox.row .veranstalter .fach {
    width: 52px;
}

.termin-overlay .veranstalter_flex .kirch,
#sidebar .aktuelletermine_widget .terminbox.row .veranstalter .kirch,
.dates .flex_wrapper .terminbox.row .veranstalter .kirch,
main.flex_wrapper .terminbox.row .veranstalter .kirch {
    width: 65px;
}

.termin-overlay .veranstalter_flex .komm,
#sidebar .aktuelletermine_widget .terminbox.row .veranstalter .komm,
.dates .flex_wrapper .terminbox.row .veranstalter .komm,
main.flex_wrapper .terminbox.row .veranstalter .komm {
    width: 72px;
}

.termin-overlay .veranstalter_flex .land,
#sidebar .aktuelletermine_widget .terminbox.row .veranstalter .land,
.dates .flex_wrapper .terminbox.row .veranstalter .land,
main.flex_wrapper .terminbox.row .veranstalter .land {
    width: 81px;
}

.termin-overlay .veranstalter_flex .forumland,
#sidebar .aktuelletermine_widget .terminbox.row .veranstalter .forumland,
.dates .flex_wrapper .terminbox.row .veranstalter .forumland,
main.flex_wrapper .terminbox.row .veranstalter .forumland {
    width: 289px;	
}

aside .forumland {
	max-width:189px;
}

.termin-overlay .veranstalter_flex .bvoe,
#sidebar .aktuelletermine_widget .terminbox.row .veranstalter .bvoe,
.dates .flex_wrapper .terminbox.row .veranstalter .bvoe,
main.flex_wrapper .terminbox.row .veranstalter .bvoe {
    width: 63px;	
}

/*aside .bvoe {
	max-width:189px;
}*/

#sidebar .aktuelletermine_widget .terminbox.row {
    flex-basis: auto;
}

@media screen and ( max-width:420px ) {
	.termin-overlay .veranstalter_flex .forumland,
	#sidebar .aktuelletermine_widget .terminbox.row .veranstalter .forumland,
	.dates .flex_wrapper .terminbox.row .veranstalter .forumland,
	main.flex_wrapper .terminbox.row .veranstalter .forumland {
		width: 189px;	
	}
	/*.termin-overlay .veranstalter_flex .bvoe,
	#sidebar .aktuelletermine_widget .terminbox.row .veranstalter .bvoe,
	.dates .flex_wrapper .terminbox.row .veranstalter .bvoe,
	main.flex_wrapper .terminbox.row .veranstalter .bvoe {
		width: 63px;	
	}*/	
	
}

@media only screen and (max-width: 1423px ) {
    .dates .flex_wrapper.date_list, main.flex_wrapper.date_list {
        flex-direction: column;
    }


    #sidebar .aktuelletermine_widget .terminbox.row,
    .dates .flex_wrapper.date_list .terminbox.row,
    main.flex_wrapper.date_list .terminbox.row {
        flex-basis: auto;
    }
}

@media only screen and (max-width: 1024px ) {
    .dates .flex_wrapper.date_list, main.flex_wrapper.date_list {
        flex-direction: column;
    }
}

@media only screen and (max-width: 960px ) {
    aside .kontakt_person {
        justify-content: flex-start;
    }

    aside {
        flex-basis: 100%;
        width: 100%;
        padding: 0;
    }

    .flex_wrapper .terminbox {
        margin: 10px 0;
    }

    .flex_height main.flex_wrapper.date_list .terminbox.row {
        width: 100%;
    }

    #sidebar .aktuelletermine_widget .terminbox.row, .dates {
        width: 100%;
    }

    .service .content_wrapper main {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    .termin-overlay header img {
        /*max-height: 100%;*/

    }

    .service .section_wrapper {
        width: auto;
    }
}

@media only screen and (max-width: 860px ) {
    footer .contact_wrapper {
        margin-bottom: 22px;
    }
}

@media only screen and (max-width: 700px ) {
    .aktuelleblogs_widget .item > a, .contentitem > a, #news .item > a {
        height: 250px;
        background-position: top center;
    }
}

@media only screen and (max-width: 572px ) {
    #sidebar .aktuelletermine_widget .terminbox.row, .dates {
        flex-direction: column;
    }

    #sidebar .aktuelletermine_widget .terminbox.row .termin_container {
        padding: 0 20px;
    }

    #sidebar .aktuelletermine_widget .terminbox.row .date_flex {
        margin: 0;
    }

    #sidebar .aktuelletermine_widget .terminbox.row .date_flex .date {
        width: 100%;
        background-color: #f1f2f3;
    }

    #sidebar .aktuelletermine_widget .terminbox.row .date_flex .day {
        display: none;
    }
}

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

    .aktuelleblogs_widget .item > a, .contentitem > a, #news .item > a {
        height: 200px;
    }

    .dates .flex_wrapper.date_list .terminbox.row,
    .dates .flex_wrapper.date_list, main.flex_wrapper.date_list {
        flex-direction: column;
    }

    .dates .flex_wrapper.date_list .terminbox.row .termin_container {
        padding: 0 20px;
    }

    .dates .flex_wrapper.date_list .terminbox.row .date_flex {
        margin: 0;
    }

    .dates .flex_wrapper.date_list .terminbox.row .date_flex .date {
        width: 100%;
        background-color: #f1f2f3;
    }

    .dates .flex_wrapper.date_list .terminbox.row .date_flex .day {
        display: none;
    }

    h2.bezeichnung {
        word-break: break-word;
    }
}

@media only screen and (max-width: 400px ) {
    footer .footer_nav {
        margin-bottom: 98px;
    }
	.sub_posts img.alignleft, img.alignleft {
		display:block;
		float:none;	
	}
	
	aside .kontakt_person {
		display:block;
	}
	.service .content_wrapper main {
		flex-basis:auto;
	}

	.page-template-default table, .page-template-default td {
		display:block;
	}
	.sub_posts p::after {
		display:inline;
	}
}

/*
*  hide "Vorwort" from Blog-Page
*/
li.cat-item-52 {
    display: none;
}

/*
* hide newsletter links for begining
*/
/*#menu-item-225, #menu-item-130 { display:none; }*/
 #menu-item-130 { display:none; }

/*
*   Pagination
 */

span.disabled {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: #4c5255;
}

span.hidden {
    display: none;
}

.flex_wrapper.date_list .terminbox.row.hidden {
    display: none;
}

.pagination {
    user-select: none;
	text-align:center;
}

.dates .pagination, .pagination {
    margin-left: 30px;
}

.dates .pagination span,.pagination span, .pagination a {
    margin-right: 8px;
}

.dates .pagination span:not(.disabled), .pagination a:not(.current) {
    color: #618295;
    text-decoration: underline;
    cursor: pointer;
	font-size:0.8em;
}

.pagination span.page-numbers.current {
	font-size:1em;
	color:#4c5255;
	text-decoration:none;
}

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

    .dates .pagination {
        margin-left: 0;
    }

}


/**************************************************

****************   . NEWSLETTER   *****************

**************************************************/
body {
    position: relative;
}

.icon_close {
    right: 0;
    top: 0;
}

.nl-overlay {
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 110;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .96);
    visibility: hidden;
    opacity: 0;
    transform: scale(1.09);
    transition: opacity .3s, transform .3s, visibility .3s;
    /*display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;*/
}

.nl-overlay--active {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}

.nl-form-box {
    position: relative;
    background-color: #f1f2f3;
    width: 50%;
    min-width: 300px;
    max-width: 900px;
    min-height: 950px;
   /* display: flex;
    justify-content: center;*/
	margin-left:25%;

}

.nl-form-content {
    padding: 3%;
    width: 94%;
    height: auto;
    margin: 16px auto;
}

#menu-item-225 {
    background-color: #ffffff;
}

.buchungtext.nl > div {
    display: none;
}

.abmeldung .terminbuttons {
    margin-bottom: 80px;
}

img.aligncenter {
	margin:0 auto;
	display:block;
}
.weiterfoerdert img {
	vertical-align:bottom;
	max-width:100%;
}

/**
* FB ICON
*/

#fb {
	display:inline-block;
	position:absolute;
	right:10px;
	top:100px;
	padding:5px 5px 0;	
}

#fb:hover {
	background:#f1f2f3;	
}

.sticky #fb {
	top:45px;
}
#fb img {
	width:auto;
	height:32px;
}

@media screen and (max-width:1023px) {
	#fb {
		top:110px;
	}
	.header {
		padding: 20px 30px 40px 30px;
	
	}
}

/**
* BiblioAktiv
*/
.biblioentry {
	position:relative;	
	background-position:cover;
	background-position:center bottom;
	width:100%;
	height:600px;
}

.biblioentry > img.entryimage {
	display:none;	
}


.bibliologo {
	display:none;	
}

#biblioaktivlogo {
	width:35%;
	background:#fff;
	padding:20px;
	position:relative;
	top:20px;
	left:20px;	
}

.bibliotrenner {
	max-width:100%;
	margin:1.5em 0;	
}

.biblioentry span img {
	width: auto;
	height: 0.7em;
	vertical-align: middle;
	position: relative;
	top: -0.1em;
	margin-right: 0.2em;
}

.page-template-template_biblioaktiv .service .content_wrapper {
	flex-wrap:wrap;
}


.biblioentry div {
	position:absolute;
	left:0;
	bottom:0;
	right:0;
	display:flex;
	background:rgba(255,255,255,0.8);
	text-align:center;
	font-size:3em;
	color:#4c5255;	
	transition:all 0.5s;	
	cursor:pointer;
	 align-items: center;
    justify-content: center;
}

.messeaussteller p {
	display:flex;
		 align-items: center;
    justify-content: center;
	
}
.messeaussteller p img {
	height:1em;	
}

.biblioentry div:hover {
	opacity:1;	
	animation:none;
}


.biblioentry img, .bibliologo {
	max-width:100%;	
	vertical-align:bottom;
}
.biblioentry + * {
	display:none; 	
}
.biblioentry + * > div {
	display:flex;
	flex-wrap:wrap;	
}

.biblioentry + * > div .contentitem {
	width:330px;	
}

.zoomticker, .messeaussteller {
	margin-top:20px;
	text-align:left;
	display:block;
	text-decoration:none;	
}
.zoomticker:hover, .messeaussteller:hover {
	text-decoration:none;	
}
.chaticon {
	max-width:80px;	
	float:left;
	margin:0 20px 80px 20px;
}

.zoomticker h3, .messeaussteller h3 {
	font-size:1.8em;
	color: 	#15a098;
	line-height:1.1;
	background:url(img/biblioaktiv/chat.png) no-repeat;
	background-position:20px 0px;
	background-size:auto 100%;
	
}

.messeaussteller h3 {
	background-image:url(img/biblioaktiv/presentation.png);
}

.zoomticker:hover h3 {
	background-image:url(img/biblioaktiv/chat_over.png);	
}
.messeaussteller:hover h3 {
	background-image:url(img/biblioaktiv/presentation_over.png);	
}
.zoomticker p, .zoomticker h3, .messeaussteller h3 {
	padding-left:100px;
}

.zoomticker .ticker {
	margin-top:20px; 
	background:#15a098;
	color:#fff;
	padding:20px; 
	text-align:center;	
}
.zoomticker .ticker ul {
	list-style:none;
	padding:0;
	position:relative;
	height:3em;
	overflow:hidden;
}
.zoomticker .ticker li {
	position:absolute;
	top:0;
	left:0; 
	right:0;
	opacity:0;	
}

.biblioentry + * .text {
	font-size:1em;
	position:relative;	
}

span.ausnummer {
	display:inline;
	padding-left:20px;	
	font-size:2em;
}

.biblioentry + * .text .ausnummer {
	position:absolute;
	right:5px;
	bottom:5px;
}

span.ausnummer img {
	height:0.75em;
	width:auto;	
	vertical-align:baseline;
}

@media screen and (max-width:768px) {
	.biblioentry {
		height:300px;	
		background-position:center center;
	}
	.biblioentry div {
		font-size:1.5em;
	}
	.biblioentry + *{
		padding-top:20px;
	}
	
	.biblioentry + * .contentitem {
		margin-right:0;	
	}
}