/* --------------------------------------------------------------
    Fonts
-------------------------------------------------------------- */
/* roboto-300 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/roboto-v18-latin-300.eot'); /* IE9 Compat Modes */
    src: local('Roboto Light'), local('Roboto-Light'),
    url('../fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/roboto-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/roboto-v18-latin-300.woff') format('woff'), /* Modern Browsers */
    url('../fonts/roboto-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300italic - latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    src: url('../fonts/roboto-v18-latin-300italic.eot'); /* IE9 Compat Modes */
    src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
    url('../fonts/roboto-v18-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/roboto-v18-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/roboto-v18-latin-300italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/roboto-v18-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/roboto-v18-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/roboto-v18-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Roboto Bold'), local('Roboto-Bold'),
    url('../fonts/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/roboto-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/roboto-v18-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/roboto-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/roboto-v18-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700italic - latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/roboto-v18-latin-700italic.eot'); /* IE9 Compat Modes */
    src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
    url('../fonts/roboto-v18-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/roboto-v18-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/roboto-v18-latin-700italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/roboto-v18-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/roboto-v18-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* montserrat-500 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/montserrat-v12-latin-500.eot'); /* IE9 Compat Modes */
    src: local('Montserrat Medium'), local('Montserrat-Medium'),
    url('../fonts/montserrat-v12-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/montserrat-v12-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/montserrat-v12-latin-500.woff') format('woff'), /* Modern Browsers */
    url('../fonts/montserrat-v12-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/montserrat-v12-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-600 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/montserrat-v12-latin-600.eot'); /* IE9 Compat Modes */
    src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
    url('../fonts/montserrat-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/montserrat-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/montserrat-v12-latin-600.woff') format('woff'), /* Modern Browsers */
    url('../fonts/montserrat-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/montserrat-v12-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* --------------------------------------------------------------
    Basic Structure
-------------------------------------------------------------- */
html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 100%;
    height: 100%;
}
*, *:before, *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body
{
    font-family: 'Roboto', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
    color: #333;
    line-height: 1.5;
    min-height: 100%;
    font-weight: 300;
}
#page-container
{
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 100%;
    min-height: 100vh;
}
#main
{
    flex: 1;
    overflow: hidden;
    margin-top: 80px;
    -webkit-transition: margin-top 0.3s ease;
    -moz-transition: margin-top 0.3s ease;
    -ms-transition: margin-top 0.3s ease;
    -o-transition: margin-top 0.3s ease;
    transition: margin-top 0.3s ease;
}
body.mobile #main,
#main.small
{
    margin-top: 40px;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    #main
    {
        flex: auto;
    }
}
.wrapper
{
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    padding: 0 20px;
}
#main > .wrapper
{
    padding: 0 20px;
}
/* --------------------------------------------------------------
    General

    Magic Mint:             #b4edd2
    Pale Robin Egg Blue:    #a0cfd3
    Gray-Blue:              #8d94ba
    Mountbatten-Pink:       #9a7aa0
    Old Lavender:           #87677b
-------------------------------------------------------------- */
img
{
    max-width: 100%;
    height: auto;
    display: block;
}
p{
    margin: 0;
    padding-bottom: 1rem;
}
p:empty
{
    display: none;
}
a
{
    color: #bf0100;
    text-decoration: none;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
a:hover, a:focus, a:active
{
    color: rgba(191, 1 ,0, 0.5);
}
.link
{
    color: #bf0100;
    margin-top: 10px;
    padding: 0;
}
.link,
.link a
{
    font-family: 'Montserrat', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: center;*/
}
.link a:after
{
    content: '\f054';
    margin-left: 5px;
    display: block;
    font-family: 'FontAwesome';
}
i
{
    padding: 0 5px;
    font-size: 0.9em;
}
h1, h2, h3, h4, h5, h6
{
    font-family: 'Montserrat', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
    line-height: 1.15;
    color: #bf0100;
}
blockquote:before
{
    content: "\00bb";
    display: block;
    font-size: 50px;
    height: 0;
    left: -35px;
    position: relative;
    top: -4px;
    color: #bf0100;
}
blockquote
{
    margin: 1rem 0 3rem 2rem;
    font-size: 1.6rem;
    color: #78787b;
}
blockquote p
{
    padding-bottom: 0;
}
blockquote small
{
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.7);
}
@media(max-width: 450px)
{
    blockquote:before
    {
        font-size: 55px;
        left: -35px;
        top: -30px;
    }
    blockquote
    {
        font-size: 1.2rem;
        line-height: 1.5;
    }
}
hr{
    background-color: #9a7aa0;
    height: 1px;
    border: none;
    width: 33%;
    max-width: 200px;
    margin: 3rem auto;
}
strong, b
{
    font-weight: 700;
}
section .post-edit-link
{
    display: table;
    margin: 0 auto;
}
.wp-block-cover-image
{
    margin-bottom: 0;
}
body.phone .wp-block-cover-image.has-parallax,
body.smart .wp-block-cover-image.has-parallax
{
    background-attachment: initial;
}
body.front section:first-child .wp-block-cover-image
{
    min-height: 650px;
    min-height: 65%;
    min-height: 65vh;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
body.front #home-contact .wp-block-cover-image
{
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-top: 4rem;
}
/*body.front .boxshadow*/
/*{*/
    /*-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);*/
    /*-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);*/
    /*box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);*/
/*}*/
/* --------- 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%; /* Image does not overflow the content area */
    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 p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}
/* --------------------------------------------------------------
    Header-Bar
-------------------------------------------------------------- */
#header
{
    width: 100%;
    /*-webkit-transition: background-color 0.3s ease;*/
    /*-moz-transition: background-color 0.3s ease;*/
    /*-ms-transition: background-color 0.3s ease;*/
    /*-o-transition: background-color 0.3s ease;*/
    /*transition: background-color 0.3s ease;*/
    z-index: 10;
    position: fixed;
    background-color: #FFF;
    min-height: 80px;
    top: 0;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
    -webkit-transition: min-height 0.3s ease;
    -moz-transition: min-height 0.3s ease;
    -ms-transition: min-height 0.3s ease;
    -o-transition: min-height 0.3s ease;
    transition: min-height 0.3s ease;
}
#header.small,
body.mobile #header
{
    min-height: 40px;
}
#header >.wrapper
{
    align-items: center;
    justify-content: space-between;
    display: flex;
    padding: 0 20px;
    flex-wrap: wrap;
}
/* --------- Mobile ------------------------------------- */
body.mobile #header
{
    background-color: #fff;
}
body.mobile #header >.wrapper
{
    justify-content: space-between;
}
/* --------------------------------------------------------------
    Logo / Site-Title
-------------------------------------------------------------- */
#header h1
{
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}
#header #site-logo
{
    /*width: 70px;*/
    height: auto;
    line-height: 0;
    align-self: center;
    width: 216px;
}
#header #site-logo .custom-logo-link
{
    /*width: 70px;*/
    overflow: hidden;
    display: block;
    line-height: 0;
}
#header #site-logo .custom-logo-link img
{
    height: 100%;
    width: auto;
    max-height: 80px;
    -webkit-transition: max-height 0.3s ease;
    -moz-transition: max-height 0.3s ease;
    -ms-transition: max-height 0.3s ease;
    -o-transition: max-height 0.3s ease;
    transition: max-height 0.3s ease;
}

#header.small #site-logo .custom-logo-link img,
body.mobile #header #site-logo .custom-logo-link img
{
    max-height: 40px;
}
/* --------------------------------------------------------------
    Navigation
-------------------------------------------------------------- */
#header #main-navigation
{
    width: 100%;
    position: relative;
    /*left: 0;*/
    /*top: 0;*/
    /*height: 70px;*/
    font-family: 'Montserrat', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}
#header #main-navigation > .wrapper
{
    font-weight: 400;
    display: flex;
    align-content: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    flex-wrap: wrap;
}
body.admin-bar #header #main-navigation
{
    /*top: 32px;*/
}
#header .navigation-container
{
    height: 100%;
    display: flex;
    align-items: center;
    align-self: center;
    flex-wrap: wrap;
}
#header .navigation-widgets
{
    width: 100%;
    text-align: right;
}
#header .navigation-widgets ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    width: auto;
}
#header .navigation-widgets ul li
{
    display: inline-block;
}
#header .navigation-widgets ul li a
{
    padding: 10px;
    margin: 0 10px;
    display: block;
}
#header .navigation-widgets:empty
{
}
#header #main-navigation .navigation-hamburger
{
    display: none;
}
#header #main-navigation #menu-list
{
    align-items: center;
    justify-content: flex-end;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: right;
}

#header #main-navigation #menu-list li
{
    position: relative;
}
body:not(.front) #header #main-navigation #menu-list li.current-menu-item a
{
    color: #bf0100;
    position: relative;
}
/*#header #main-navigation #menu-list li:hover a:after,*/
/*#header #main-navigation #menu-list li.current-menu-item a:after*/
/*{*/
    /*content: '\f077';*/
    /*font-family: 'FontAwesome';*/
    /*color: #bf0100;*/
    /*position: absolute;*/
    /*text-align: center;*/
    /*bottom: -5px;*/
    /*left: 0;*/
    /*width: 100%;*/
    /*font-size: 0.8rem;*/
/*}*/
#header #main-navigation #menu-list li.menu-item-has-children
{
    position: relative;
}
#header #main-navigation #menu-list a
{
    padding: 10px;
    margin: 0 10px;
    display: block;
    color: #78787b;
}
#header #main-navigation #menu-list li a:hover,
#header #main-navigation #menu-list li a:active,
#header #main-navigation #menu-list li a:focus
{
    color: #bf0100;
}
#header #main-navigation #menu-list li > .sub-menu
{
    display: none;
}
/*#header ul.menu > li.menu-item-has-children > .sub-menu,*/
/*#header ul.menu > li.menu-item-has-children:hover > .sub-menu*/
/*{*/
    /*display: block;*/
    /*position: absolute;*/
    /*border: 1px solid FUchsia;*/
    /*width: auto;*/
    /*top: 40px;*/
    /*left: 0;*/
    /*right: 0;*/
    /*z-index: 999;*/
/*}*/

/* --------- Mobile ------------------------------------- */
body.mobile #header #main-navigation
{
    display: block;
    position: relative;
}
body.mobile #header #main-navigation > .wrapper {
    display: block;
}
body.mobile #header #main-navigation #menu-list
{
    display: none;
    width: 100%;
}
body.mobile #header #main-navigation >li
{
    border-bottom: 1px solid #dedede;
    width: 100%;
}
body.mobile #header #main-navigation >li>a{

    font-weight: bold;
}
body.mobile #header #main-navigation li a
{
    padding: 1em 0;
    display: block;
}
body.mobile #header #main-navigation .navigation-hamburger
{
    display: flex;
    cursor: pointer;
    font-size: 2em;
    width: 25px;
    flex: 0 0 40px;
    position: absolute;
    align-items: center;
    right: 50px; top: 10px;
}
body.mobile #header #main-navigation button.navbar-toggle
{
    display: flex;
    flex-direction: column;
    /*height: 20px;*/
    justify-content: space-between;
    background-color: transparent;
    border: none;
    position: relative;
}
body.mobile #header #main-navigation button.navbar-toggle:focus
{
    outline: none;
}
body.mobile #header #main-navigation button.navbar-toggle .icon-bar {
    display: block;
    width: 25px;
    height: 2px;
    background-color: #333;
    -webkit-transition: transform 0.3s ease, opacity 0.3s ease;
    -moz-transition: transform 0.3s ease, opacity 0.3s ease;
    -ms-transition: transform 0.3s ease, opacity 0.3s ease;
    -o-transition: transform 0.3s ease, opacity 0.3s ease;
    transition: transform 0.3s ease, opacity 0.3s ease;
    -webkit-transform-origin:       1px 1px;
    -moz-transform-origin:          1px 1px;
    -ms-transform-origin:           1px 1px;
    -o-transform-origin:            1px 1px;
    transform-origin:               1px 1px;
    margin: 3px 0;
    opacity: 1;
}
body.mobile #header #main-navigation button.navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
body.mobile #header #main-navigation button.navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(2) {
    opacity: 0;
}
body.mobile #header #main-navigation button.navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.section-scroll-link
{
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    font-size: 3rem;
    left: 0;
}
.section-scroll-link a
{
    color: #bf0100;
}
/* --------------------------------------------------------------
    Content
-------------------------------------------------------------- */
section
{
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
section:nth-child(odd)
{
}
section:nth-child(even)
{

    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
    background-color: #f7f7f7;
}
body.front section
{
    padding: 3% 0 6%;
}
body.front section:first-child
{
    padding: 0;
    height: 650px;
    height: 65%;
    height: 65vh;
}
body.front section:last-child
{
    padding-bottom: 0;
}
section.full-height
{
    width: 100%;
    height: 100%;
    height: 100vh;
    height: calc(100vh - 70px);
    align-items: center;
}

body.page:not(.front) section
{
    margin-bottom: 6%;
}
section .wrapper
{
    width: 100%;
}
section .site-title
{
    text-align: center;
    font-size: 2rem;
    color: #333;
    margin-bottom: 3rem;
}
section .content-wrapper
{
    max-width: 640px;
    margin: 0 auto;
}
section .section-header
{
    width: 100%;
    height: 450px;
    text-align: center;
    color: #bf0100; /* TODO: als customfield auslagern */
    background: center center / cover no-repeat transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 3rem;
}
/* --------------------------------------------------------------
    Accordion
-------------------------------------------------------------- */
.bioeq-acc-container
{
    width: 100%;
    display: block;
}
.bioeq-acc-title
{
    color: #bf0100;
    font-family: 'Montserrat', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
    display: block;
    width: 100%;
    margin-bottom: 10px;
    cursor: pointer;
}
.bioeq-acc-content
{
    display: none;
    width: 100%;
}
/* --------------------------------------------------------------
    Footer
-------------------------------------------------------------- */
#main-footer {
    width: 100%;
    background-color: #ededed;
    /*border-top: 1px solid #dddddd;*/
    align-self: flex-end;

    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
}
#main-footer .footer-top .wrapper
{
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
#main-footer .wrapper a
{
    color: #333333;
    text-decoration: underline;
}
#main-footer .wrapper a:hover,
#main-footer .wrapper a:active,
#main-footer .wrapper a:focus
{
    color: #bf0100;
}
.footerwidget
{
    width: 33%;
}
.footerwidget:last-child,
.footerwidget:last-child p
{
    text-align: right;
}
@media(max-width: 640px)
{
    .footerwidget
    {
        width: 100%;
    }
    .footerwidget,
    .footerwidget p,
    .footerwidget:last-child,
    .footerwidget:last-child p
    {
        text-align: center;
    }
}
    /*#main-footer .footer-bottom*/
/*{*/
    /*!*border-top: 2px solid rgba(30,86,125,0.2);*!*/
/*}*/
/*#main-footer .footer-bottom .wrapper*/
/*{*/
    /*padding: 20px 0;*/
    /*text-align: center;*/
    /*font-size: 0.9rem;*/
/*}*/
/*#main-footer .footer-bottom .wrapper p,*/
/*#main-footer .footer-bottom .wrapper a*/
/*{*/
    /*color: rgba(0, 0, 0, 0.5);*/
    /*margin: 0 auto;*/
    /*padding: 0;*/
/*}*/
/*#main-footer .footer-bottom .wrapper a:hover,*/
/*#main-footer .footer-bottom .wrapper a:active,*/
/*#main-footer .footer-bottom .wrapper a:focus*/
/*{*/
    /*color: rgba(0, 0, 0, 0.8);*/
/*}*/


/* --------------------------------------------------------------
    Pagination
-------------------------------------------------------------- */
#site-pagination
{
    width: 100%;
    margin: 0 auto 40px;
    display: block;
    text-align: center;
}
.pagination-container
{
    margin: 0 auto;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.pagination-container .prev,
.pagination-container .next
{
    background-color: #b4edd2;
    padding: 40px;
    width: 49%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #a0cfd3;
}
#site-pagination.pagination-back
{
    text-decoration: none;
    color: #333;
    padding-left: 20px;
    position: relative;
}
#site-pagination .pagination-back:before {
    content: '\f053';
    font-family: 'Font Awesome';
    position: absolute;
    left: 0;
    top: 0;
    color: #9a7aa0;

    -webkit-transition: 0.3s left ease;
    -moz-transition: 0.3s left ease;
    -ms-transition: 0.3s left ease;
    -o-transition: 0.3s left ease;
    transition: 0.3s left ease;
}
#site-pagination .pagination-back:hover:before
{
    left: -5px;
}
#site-pagination .page-numbers
{
    display: inline-block;
    min-width: 40px;
    height: 36px;
    text-align: center;
    background-color: #FFF;
    padding: 6px 15px;
    margin: 5px;
    text-decoration: none;
    color: #333;
}
#site-pagination .page-numbers.current,
#site-pagination .page-numbers.dots
{
    background-color: #9a7aa0;
}


/*======================== Cookies =====================*/
.cc-window {
    opacity: 1;
    transition: opacity 1s ease
}

.cc-window.cc-invisible {
    opacity: 0
}

.cc-animate.cc-revoke {
    transition: transform 1s ease
}

.cc-animate.cc-revoke.cc-top {
    transform: translateY(-2em)
}

.cc-animate.cc-revoke.cc-bottom {
    transform: translateY(2em)
}

.cc-animate.cc-revoke.cc-active.cc-bottom,
.cc-animate.cc-revoke.cc-active.cc-top,
.cc-revoke:hover {
    transform: translateY(0)
}

.cc-grower {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s
}

.cc-link,
.cc-revoke:hover {
    text-decoration: underline
}

.cc-revoke,
.cc-window {
    position: fixed;
    overflow: hidden;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 1.5em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    z-index: 9999
}

.cc-window.cc-static {
    position: static
}

.cc-window.cc-floating {
    padding: 2em;
    max-width: 24em;
    -ms-flex-direction: column;
    flex-direction: column
}

.cc-window.cc-banner {
    padding: 1em 1.8em;
    width: 100%;
    -ms-flex-direction: row;
    flex-direction: row
}

.cc-revoke {
    padding: .5em
}

.cc-header {
    font-size: 18px;
    font-weight: 700
}

.cc-btn,
.cc-close,
.cc-link,
.cc-revoke {
    cursor: pointer
}

.cc-link {
    opacity: .8;
    display: inline-block;
    padding: .2em
}

.cc-link:hover {
    opacity: 1
}

.cc-link:active,
.cc-link:visited {
    color: initial
}

.cc-btn {
    display: block;
    padding: .4em .8em;
    font-size: .9em;
    font-weight: 700;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    white-space: nowrap
}

.cc-highlight .cc-btn:first-child {
    background-color: transparent;
    border-color: transparent
}

.cc-highlight .cc-btn:first-child:focus,
.cc-highlight .cc-btn:first-child:hover {
    background-color: transparent;
    text-decoration: underline
}

.cc-close {
    display: block;
    position: absolute;
    top: .5em;
    right: .5em;
    font-size: 1.6em;
    opacity: .9;
    line-height: .75
}

.cc-close:focus,
.cc-close:hover {
    opacity: 1
}

.cc-revoke.cc-top {
    top: 0;
    left: 3em;
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em
}

.cc-revoke.cc-bottom {
    bottom: 0;
    left: 3em;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em
}

.cc-revoke.cc-left {
    left: 3em;
    right: unset
}

.cc-revoke.cc-right {
    right: 3em;
    left: unset
}

.cc-top {
    top: 1em
}

.cc-left {
    left: 1em
}

.cc-right {
    right: 1em
}

.cc-bottom {
    bottom: 1em
}

.cc-floating>.cc-link {
    margin-bottom: 1em
}

.cc-floating .cc-message {
    display: block;
    margin-bottom: 1em
}

.cc-window.cc-floating .cc-compliance {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.cc-window.cc-banner {
    -ms-flex-align: center;
    align-items: center
}

.cc-banner.cc-top {
    left: 0;
    right: 0;
    top: 0
}

.cc-banner.cc-bottom {
    left: 0;
    right: 0;
    bottom: 0
}

.cc-banner .cc-message {
    display: block;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 100%;
    margin-right: 1em
}

.cc-compliance {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.cc-floating .cc-compliance>.cc-btn {
    -ms-flex: 1;
    flex: 1
}

.cc-btn+.cc-btn {
    margin-left: .5em
}

@media print {
    .cc-revoke,
    .cc-window {
        display: none
    }
}

@media screen and (max-width:900px) {
    .cc-btn {
        white-space: normal
    }
}

@media screen and (max-width:414px) and (orientation:portrait),
screen and (max-width:736px) and (orientation:landscape) {
    .cc-window.cc-top {
        top: 0
    }
    .cc-window.cc-bottom {
        bottom: 0
    }
    .cc-window.cc-banner,
    .cc-window.cc-floating,
    .cc-window.cc-left,
    .cc-window.cc-right {
        left: 0;
        right: 0
    }
    .cc-window.cc-banner {
        -ms-flex-direction: column;
        flex-direction: column
    }
    .cc-window.cc-banner .cc-compliance {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
    .cc-window.cc-floating {
        max-width: none
    }
    .cc-window .cc-message {
        margin-bottom: 1em
    }
    .cc-window.cc-banner {
        -ms-flex-align: unset;
        align-items: unset
    }
    .cc-window.cc-banner .cc-message {
        margin-right: 0
    }
}

.cc-floating.cc-theme-classic {
    padding: 1.2em;
    border-radius: 5px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
    text-align: center;
    display: inline;
    -ms-flex: none;
    flex: none
}

.cc-theme-classic .cc-btn {
    border-radius: 5px
}

.cc-theme-classic .cc-btn:last-child {
    min-width: 140px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
    display: inline-block
}

.cc-theme-edgeless.cc-window {
    padding: 0
}

.cc-floating.cc-theme-edgeless .cc-message {
    margin: 2em 2em 1.5em
}

.cc-banner.cc-theme-edgeless .cc-btn {
    margin: 0;
    padding: .8em 1.8em;
    height: 100%
}

.cc-banner.cc-theme-edgeless .cc-message {
    margin-left: 1em
}

.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn {
    margin-left: 0
}