/*
Theme Name: BlankSlate
Theme URI: https://github.com/tidythemes/blankslate
Author: TidyThemes
Author URI: http://tidythemes.com/
Version: 4.0.4
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2017 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/


/*------------------------------------*\
    MAIN
\*------------------------------------*/


/* variables */

:root {
    --black: rgb(0, 0, 0);
    --anthrazit: rgb(54, 54, 54);
    --darkgrey: rgb(112, 112, 112);
    --grey: rgb(216, 216, 216);
    --lightgrey: rgb(248, 248, 248);
    --red: rgb(192, 0, 0);
    --quotesbox: 30%
}

/* global box-sizing */

*,
*:after,
*:before {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
* {
    vertical-align: top
}

/* html element 62.5% font-size for REM use */

html {
    font-size: 62.5%;
}
body {
    font: 300 16px/1.4 'Arimo', sans-serif;
    color: rgb(54, 54, 54);
}

/* clear */

.clear:before,
.clear:after {
    content: ' ';
    display: table;
}
.clear:after {
    clear: both;
}
.clear {
    *zoom: 1;
}
img {
    max-width: 100%;
    vertical-align: top;
}
a {
    color: #444;
    text-decoration: none;
}
a:hover {
    color: #444;
}
a:focus {
    outline: 0;
}
a:hover,
a:active {
    outline: 0;
}
input:focus {
    outline: 0;
    border: 1px solid #04A4CC;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/


/* wrapper */

.wrapper {
    max-width: 1280px;
    width: 95%;
    margin: 0 auto;
    position: relative;
}

/* header */

header {
    background-color: rgb(216, 216, 216)
}

/* logo */

section#branding {
    background-color: rgb(255, 255, 255);
    float: left;
    min-height: 118px;
    padding-top: 1em;
    padding-bottom: 1em;
    width: 30%
}
.logo-img {}

/* nav */

nav#menu {
    float: right;
    width: 70%;
}
section {
    padding-right: 1em;
    padding-left: 1em;
    width: 100%
}
li.mega-current-menu-item ul.mega-sub-menu,
li.mega-current-menu-ancestor ul.mega-sub-menu {
    margin-top: 0!important;
    opacity: 1!important;
    visibility: visible!important
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
    background-color: rgb(216, 216, 216)!important
}
#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu,
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
    text-align: right
}
#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li,
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li {
    display: inline-block!important;
    float: none!important;
    width: auto!important
}
li#mega-menu-item-wpml-ls-2-de a.mega-menu-link,
li#mega-menu-item-wpml-ls-2-fr a.mega-menu-link {
    background-color: rgb(68, 68, 68)!important
}
li#mega-menu-item-wpml-ls-2-de a.mega-menu-link:hover,
li#mega-menu-item-wpml-ls-2-fr a.mega-menu-link:hover {
    background-color: rgb(85, 85, 85)!important
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding-bottom: 0.75em!important
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding-bottom: 0.75em
}
li.mega-toggle-on ul {
    position: relative;
    z-index: 1000!important
}
ul.socialmedia-menu {
    list-style: none;
    position: absolute;
    right: 1em;
    top: 0;
}
ul.socialmedia-menu li {
    display: inline-block;
    margin-right: 1em
}
ul.socialmedia-menu img {
    height: 20px;
}

/* sections */

section#leading > *,
section.content > * {
    margin: 0 auto;
    max-width: 960px;
    width: 100%;
}
section.content > * {
    margin: 0 auto;
    width: 100%;
}
section#top {
    background-color: rgb(54, 54, 54);
    padding: 0
}
section#top div.zitate {
    color: rgb(255, 255, 255);
    float: left;
    padding: 1.5em;
    width: 30%
}
section#top div.zitate p.quote {
    font-family: 'Frank Ruhl Libre', serif;
    font-size: 1.3em;
    margin: 0 0 1em;
    text-align: left
}
section#top div.zitate p.author {
    margin-bottom: 0;
    text-align: right;
}
section#top div.headerimage {
    float: right;
    position: relative;
    width: 70%;
    z-index: 1
}
section#top div.headerimage img {
    width: 100%
}
section#top div.headerimage p.headerimage-caption {
    color: rgb(255, 255, 255);
    margin-top: -2em;
    position: absolute;
    right: 1em
}
section#leading {
    background-color: rgb(255, 255, 255);
    padding-top: 3em;
    padding-bottom: 3em
}
section.content {
    padding-top: 2em;
    padding-bottom: 2em
}
section.lightgrey {
    background-color: rgb(248, 248, 248);
}
section.content .content-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
section.content .search-box form {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}
section.content .search-box input {
    background-color: #ffffff;
    border-style: solid;
    border-radius: 0;
    border-width: 1px;
    border-color: #313131;
    padding: 5px;
}
section.content .search-box button {
    background-image: url("images/search-icon.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-color: transparent;
    background-position: center;
    border: none;
    display: inline-block;
    width: 25px;
    height: 24px;
    padding: 2px 10px;
    box-sizing: content-box;
}

section.content .reset-search {
    position: absolute;
    top: 0;
    right: 46px;
    height: 30px;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* sidebar */

.sidebar {}

/* footer */

footer#footer {
    background-color: rgb(216, 216, 216);
    color: rgb(0, 0, 0);
    padding: 0 1em
}
div.footer-inhalt {
    margin: 2em auto;
    max-width: 960px;
}
div.footer-column {
    display: inline-block;
    margin-right: 1.5%;
    position: relative;
    width: 32%
}
div.footer-column:nth-of-type(3n) {
    margin-right: 0;
}
div#copyright {
    background-color: rgb(54, 54, 54);
    border-radius: 0;
    color: rgb(255, 255, 255);
    font-size: 0.875em;
    padding: 1em 3em
}

/* downloads */

ul.downloads {
    list-style: none;
    margin-left: 0;
    padding: 0
}
ul.downloads li {
    padding: 0.75em 0;
    border-bottom: solid 1px rgb(216, 216, 216)
}
ul.downloads li:first-child {
    border-top: solid 1px rgb(216, 216, 216)
}
ul.downloads li a.button {
    float: right
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/

div.articlecontainer {
    background-color: rgb(255, 255, 255);
    display: inline-block;
    margin-right: 1.5%;
    margin-bottom: 1.5em;
    padding: 0 1em;
    vertical-align: top;
}
div.content-subcontainer {}

/* news */

section.content.news > * {
    max-width: 960px;
}
div.news.articlecontainer {
    height: 430px;
    overflow-y: hidden;
    padding: 0;
    width: 32%
}
div.news.articlecontainer.nopic:nth-child(2n) {
    background-color: rgb(54, 54, 54);
    color: rgb(255, 255, 255)
}
div.news.articlecontainer.nopic:nth-child(2n) a {
    color: rgb(255, 255, 255)
}
div.imagecontainer {
    height: 140px;
    overflow: hidden
}
div.imagecontainer img {
    width: 100%
}
div.inhalt_publikation,
div.titlecontainer {
    padding: 1em
}
div.titlecontainer {
    background-color: rgb(54, 54, 54)
}
div.titlecontainer h3 {
    color: rgb(255, 255, 255);
    margin-top: 0;
    margin-bottom: 0;
    text-align: center
}
div.news.articlecontainer.nopic div.inhalt_publikation {
    margin-top: 30%
}
div.news.articlecontainer.nopic.twitter div.inhalt_publikation {
    margin-top: 5%;
}
div.inhalt_publikation h3 {
    margin-top: 0
}
div.inhalt_publikation p.small {
    font-size: 0.875em;
}
div.inhalt_publikation p.subtitle {
    margin-bottom: 0
}
div.news.articlecontainer:nth-of-type(3n) {
    margin-right: 0
}
div.news.articlecontainer ul {
    font-size: 0.875em;
    list-style: none;
    margin-left: 0
}
div.news.articlecontainer ul h2 {
    font-size: 1.4285em
}

/* agenda */

section.content.agenda > * {
    max-width: 1440px;
    width: 100%;
}
div.agenda.articlecontainer {
    background-color: rgb(248, 248, 248);
    padding: 0;
    width: 48.5%
}
div.agenda.articlecontainer:nth-of-type(2n) {
    margin-right: 0
}
div.eventtitlerow {
    background-color: rgb(54, 54, 54);
    width: 100%
}
p.eventdate {
    background-color: rgb(192, 0, 0);
    color: rgb(255, 255, 255);
    display: inline-block;
    font-family: 'Frank Ruhl Libre', serif;
    margin: 0;
    padding: 0.5em 1em;
    width: 35%
}
h3.eventtitle {
    display: inline-block;
    font-family: 'Frank Ruhl Libre', serif;
    font-size: 1em;
    margin: 0 1em;
    max-width: 63%;
    padding: 0.5em 0;
}
h3.eventtitle a {
    color: rgb(255, 255, 255);
}
div.eventimage {
    display: inline-block;
    width: 35%
}
div.eventimage img {
    width: 100%
}
div.eventcontent {
    display: inline-block;
    max-width: 63%;
    padding: 0.5em 0 0 1em;
}
p.eventbuttons a:nth-child(n+2) {
    margin-left: 1em
}

/* ueber uns */

div.board.articlecontainer,
div.fraction.articlecontainer {
    background-color: rgb(248, 248, 248);
    margin-bottom: 2em;
    padding: 1em;
    width: 48.5%
}
div.fraction.articlecontainer.other {
    margin-bottom: 0;
    width: 100%
}
div.board.articlecontainer > h3 {
    font-size: 1em;
    font-weight: 400;
    margin-top: 0
}
div.board.articlecontainer > h2 {
    margin-top: 0
}
div.board.articlecontainer:nth-of-type(2n),
div.fraction.articlecontainer:nth-of-type(2n) {
    margin-right: 0
}
div.board.articlecontainer .articlesubcontainer {
    background-color: rgb(255, 255, 255);
    padding: 1em
}
div.boardimage {
    display: inline-block;
    border-radius: 50%;
    margin-right: 1em;
    overflow: hidden;
    width: 160px;
    height: 160px
}
div.boardimage img {
    width: 100%
}
div.boardcontent {
    display: inline-block;
    max-width: calc(100% - 186px)
}
div.boardcontent ul {
    list-style: none;
    margin: 0;
    padding: 0
}
div.boardcontent ul li {
    padding-left: 0
}

/* auftrag */


/* vernetzung */

div.vernetzung.articlecontainer {
    border-bottom: solid 1px;
    display: block;
    margin-bottom: 0;
    padding: 0
}
div.vernetzung.articlecontainer div.buttons {
    float: right;
    margin-top: -2.5em
}

/* mitglieder */

section.content.mitglieder div.inhalt_home.first {
    margin-bottom: 3em
}
div.members.articlecontainer {
    background-color: rgb(248, 248, 248);
    margin-bottom: 2em;
    padding: 1em;
    width: 48.5%
}
div.members.articlecontainer > h3 {
    font-size: 1em;
    margin-top: 0
}
div.members.articlecontainer:nth-of-type(2n) {
    margin-right: 0
}
div.members.articlecontainer .members-logo {
    background-color: rgb(255, 255, 255);
    height: 122px;
    padding: 1em;
    text-align: center;
    width: 100%
}
div.members.articlecontainer .members-logo img {
    max-height: 100%;
    width: auto
}

/* mitglied werden */

section.content.mitgliedwerden h3 {
    font-size: 1em
}

/* publikationen */

div.publikationen.articlecontainer {
    border-bottom: solid 1px;
    display: block;
    margin-bottom: 0;
    padding: 0
}
div.publikationen.articlecontainer:first-child {
    border-top: solid 1px
}
div.publikationen.articlecontainer h3 {
    margin-bottom: 0.5em
}
div.publikationen.articlecontainer div.buttons {
    float: right;
    margin-top: -2.5em
}
div.publikationen.articlecontainer.seitentitel:first-child {
    border-top: none;
}

.content .load-more-pagination {
    margin-top: 25px;
    text-align: center;
}

.content .load-more-pagination a {
    position: relative;
    margin: 0;
}

.content .load-more-pagination a:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -12px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 3px solid rgba(203, 203, 203, 0.6);
    border-right-color: #ffffff;
    animation: spinner 0.7s infinite linear;
    display: none;
}

.content .load-more-pagination.loading a {
    color: rgb(192, 0, 0);
    cursor: default;
}

.content .load-more-pagination.loading a:before {
    display: block;
}

@keyframes spinner {
    to {
        transform: rotate(1turn);
    }
}

/* login */


/*------------------------------------*\
    IMAGE-SLIDER
\*------------------------------------*/

div.ms-theme-highway {
    padding-bottom: 0px !important;
}
div.nivo-caption {
    background: transparent !important;
    color: #fff !important;
    display: block!important;
    font-family: 'Frank Ruhl Libre', serif !important;
    font-size: 1.3em !important;
    margin-left: -40% !important;
    opacity: 1!important;
    overflow: visible!important;
    position: absolute !important;
    right: 1em !important;
    text-align: left !important;
    top: 40% !important
}
div.nivoSlider {
    overflow: visible !important;
}

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

h1 {
    font: 400 2.25em 'Frank Ruhl Libre', serif;
}
h2 {
    font-family: 'Frank Ruhl Libre', serif
}
h3 {
    margin: 1.5em 0 0.5em
}
p {
    margin-bottom: 1em
}
ul.servicemenu {
    list-style: none;
    margin-left: 0;
    padding: 0
}
ul.servicemenu li {
    padding-left: 0
}
section#leading p {
    font-size: 1.5em;
    line-height: 1.5em
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (max-width:1024px) {
    section#top div.zitate p.quote {
        font-size: 1.25em;
        margin: 0;
    }
    ul#mega-menu-main-menu {
        background-color: rgb(0, 0, 0)!important;
        position: absolute!important;
        width: 100%!important;
        z-index: 99
    }
    #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
    #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
        border-radius: 6px;
    }
}
@media only screen and (max-width:920px) {
    div.news.articlecontainer {
        width: 48.75%
    }
    div.news.articlecontainer:nth-of-type(3n) {
        margin-right: 1.5%
    }
    div.news.articlecontainer:nth-of-type(2n) {
        margin-right: 0
    }
    div.agenda.articlecontainer {
        width: 100%
    }
    div.eventimage,
    p.eventdate {
        width: 30%
    }
    div.footer-column {
        width: 48.75%
    }
    div.footer-column:first-child {
        margin-bottom: 2em;
        width: 100%;
    }
    section#top div.zitate p.quote {
        font-size: 1em;
    }
    div.nivo-caption {
        font-size: 1em !important;
    }
}
@media only screen and (max-width:856px) {
    div.nivo-caption {
        left: 18%!important;
        overflow: visible!important;
        top: 6%!important;
        width: 35% !important;
    }
}
@media only screen and (max-width:768px) {
    /* logo */
    section#branding,
    section#top div.zitate {
        width: 40%
    }
    /* nav */
    nav#menu,
    section#top div.headerimage {
        width: 60%;
    }
    section#leading {
        padding-top: 0;
        padding-bottom: 0
    }
    div.board.articlecontainer,
    div.fraction.articlecontainer {
        width: 100%
    }
    div.nivo-caption {
        left: 0!important;
        margin-left: -35% !important;
        width: 50% !important;
    }
    section.content .content-title {
        flex-direction: column;
        align-items: initial;
    }
}
@media only screen and (max-width:720px) {
    :root {
        --quotesbox: 50%
    }
    /* logo */
    section#branding,
    nav#menu,
    section#top div.zitate,
    section#top div.headerimage {
        width: 50%
    }
    section#top div.zitate,
    div.nivo-caption {
        display: none!important
    }
    section#top div.headerimage {
        width: 100%
    }
}
@media only screen and (max-width:600px) {
    div.footer-column {
        display: block;
        margin-bottom: 2em;
        width: 100%
    }
}
@media only screen and (max-width:480px) {
    div.articlecontainer,
    div.news.articlecontainer {
        display: block;
        width: 100%
    }
    section#leading p {
        font-size: 1.25em;
    }
}
@media only screen and (max-width:414px) {
    section#branding,
    nav#menu {
        width: 100%
    }
    section#leading p {
        font-size: 1em;
    }
    p.eventdate,
    h3.eventtitle {
        max-width: 100%;
        width: 100%
    }
    div.boardimage {
        width: 120px;
        height: 120px;
    }
    div.boardcontent {
        max-width: calc(100% - 146px);
    }
    h1 {
        font-size: 1.75em;
        margin-top: 0.25em
    }
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi) {}

/* buttons */

a.button {
    display: inline-block;
    background-color: rgb(192, 0, 0);
    color: rgb(255, 255, 255);
    padding: 0.25em 0.5em;
    border-radius: 0.2em;
    margin-top: -0.25em;
}
a.button.grey {
    background-color: rgb(170, 170, 170)
}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none;
}
::-webkit-selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none;
}
::-moz-selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption {
    background: #FFF;
    border: 1px solid #F0F0F0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
.sticky {}
.bypostauthor {}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}