/*------------------------------------------------------------------------------------------------------*/

/*
Theme Name: Wir in Wuerselen Wordpress Theme
Author: Tobias Küppers und Tobias B. Tillmann
Version: 1.0
*/

/* --- Table of Content --- */

/* Fonts */
/* General */
/* Headlines */
/* Typo */
/* Preloader */
/* TopLink */
/* Forms */
/* Overlays */
/* Categories + Related Posts */
/* Flex Columns */
/* Full Width */
/* CPT */
/* Header */
/* Navigation */
/* Home */
/* Blog */
/* Footer */
/* 404 */
/* Media Queries */
/* Keyframes */


/* --- Fonts --- */

@font-face {
	font-family: "Spectral Bold";
	src: url(spectral-bold.ttf) format('truetype'),
		 url(spectral-bold.woff) format('woff'),
         url(spectral-bold.woff2) format('woff2');
}

@font-face {
	font-family: "Spectral Bold Italic";
	src: url(spectral-bolditalic.ttf) format('truetype'),
		 url(spectral-bolditalic.woff) format('woff'),
         url(spectral-bolditalic.woff2) format('woff2');
}

@font-face {
	font-family: "Spectral Extra Bold";
	src: url(spectral-extrabold.ttf) format('truetype'),
		 url(spectral-extrabold.woff) format('woff'),
         url(spectral-extrabold.woff2) format('woff2');
}

@font-face {
	font-family: "Spectral Extra Bold Italic";
	src: url(spectral-extrabolditalic.ttf) format('truetype'),
		 url(spectral-extrabolditalic.woff) format('woff'),
         url(spectral-extrabolditalic.woff2) format('woff2');
}

@font-face {
	font-family: "Spectral Extra Light";
	src: url(spectral-extralight.ttf) format('truetype'),
		 url(spectral-extralight.woff) format('woff'),
         url(spectral-extralight.woff2) format('woff2');
}

@font-face {
	font-family: "Spectral Extra Light Italic";
	src: url(spectral-extralightitalic.ttf) format('truetype'),
		 url(spectral-extralightitalic.woff) format('woff'),
         url(spectral-extralightitalic.woff2) format('woff2');
}

@font-face {
	font-family: "Spectral Italic";
	src: url(spectral-italic.ttf) format('truetype'),
		 url(spectral-italic.woff) format('woff'),
         url(spectral-italic.woff2) format('woff2');
}

@font-face {
	font-family: "Spectral Light";
	src: url(spectral-light.ttf) format('truetype'),
		 url(spectral-light.woff) format('woff'),
         url(spectral-light.woff2) format('woff2');
}

@font-face {
	font-family: "Spectral Light Italic";
	src: url(spectral-lightitalic.ttf) format('truetype'),
		 url(spectral-lightitalic.woff) format('woff'),
         url(spectral-lightitalic.woff2) format('woff2');
}

@font-face {
	font-family: "Spectral Medium";
	src: url(spectral-medium.ttf) format('truetype'),
		 url(spectral-medium.woff) format('woff'),
         url(spectral-medium.woff2) format('woff2');
}

@font-face {
	font-family: "Spectral Medium Italic";
	src: url(spectral-mediumitalic.ttf) format('truetype'),
		 url(spectral-mediumitalic.woff) format('woff'),
         url(spectral-mediumitalic.woff2) format('woff2');
}

@font-face {
	font-family: "Spectral Regular";
	src: url(spectral-regular.ttf) format('truetype'),
		 url(spectral-regular.woff) format('woff'),
         url(spectral-regular.woff2) format('woff2');
}

@font-face {
	font-family: "Spectral Semibold";
	src: url(spectral-semibold.ttf) format('truetype'),
		 url(spectral-semibold.woff) format('woff'),
         url(spectral-semibold.woff2) format('woff2');
}

@font-face {
	font-family: "Spectral Semibold Italic";
	src: url(spectral-semibolditalic.ttf) format('truetype'),
		 url(spectral-semibolditalic.woff) format('woff'),
         url(spectral-semibolditalic.woff2) format('woff2');
}


/* --- General --- */
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

::selection {
  background: #000;
  color: #fff;
}

::-moz-selection {
  background: #000;
  color: #fff;
}

html, body {
	background-color: #fff;
	font-family: Calibri, sans-serif;
	color: #000;
	font-size: 100%;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	padding: 0;
	margin: 0 auto;
}

html {
    overflow: auto;
}

body {
overflow: hidden;
}

#page-wrapper {
	position: relative;
	width: 100%;
	margin: 0 auto;
}

#main {
	position: relative;
	width: 100%;
	margin: 0 auto;
}


/* --- Headlines --- */

/* Headline single Posts + Archives */
h1 {
	font-family: Calibri, sans-serif;
	font-size: 35px;
	font-size: 2.1875rem;
    line-height: 50px;
    line-height: 3.125rem;
    margin: 0 0 30px 0;
}

.page-image-wrapper h1 {
		width: 95%;
		margin: 0 auto;
}

.page-image-wrapper img {
	max-width: 100%;
	height: auto;
	margin: 0 0 50px 0;
}

/* Headline Home (post teasers) */
h2 {	
	font-family: Calibri, sans-serif;
	font-weight: bold;	
	font-size: 35px;
	font-size: 2.1875rem;
    line-height: 50px;
    line-height: 3.125rem;
    margin: 30px 0 0 0;
}

h2 a {	
	font-family: Calibri, sans-serif;
	font-weight: bold;	
	font-size: 35px;
	font-size: 2.1875rem;
    line-height: 50px;
    line-height: 3.125rem;
    margin: 0 0 30px 0;
    color: #000;
    transition: color 0.5s ease;
}

h2 a:hover {
    color: #078930;
}

/* Presseschau */
h3 {
	font-family: Calibri, sans-serif;
	font-weight: bold;	
	font-size:25px;
	font-size:1.5625rem;
    line-height: 35px;
    line-height: 2.1875rem;
    margin: 35px 0 10px 0;    
}

h3 a {
	font-family: Calibri, sans-serif;
	font-weight: bold;	
	font-size:25px;
	font-size:1.5625rem;
    line-height: 35px;
    line-height: 2.1875rem;
    margin: 35px 0 15px 0;    
}

/* Subheadline Posts I */
h4 {
	font-family: Calibri, sans-serif;
	font-weight: bold;		
	font-size:30px;
	font-size:1.875rem;
    line-height: 40px;
    line-height: 2.5rem;
    margin: 30px 0 15px 0;
}

/* Subheadline Posts II */
h5 {
	font-family: Calibri, sans-serif;
	font-weight: bold;	
	font-size:20px;
	font-size:1.25rem;
	line-height: 30px;
	line-height: 1.875rem;
    margin: 20px 0 10px 0;
    text-transform: uppercase;
}

/* Headline Widgets */
h6 {
	font-family: Calibri, sans-serif;
	font-weight: bold;	
	font-size:30px;
    font-size:1.875rem;
    line-height: 40px;
    line-height: 2.5rem;
    margin: 0 0 30px 0;
}


/* --- Typo --- */
a {
	text-decoration: none;
	transition: color 0.5s ease;
	font-family: Calibri, sans-serif;
	font-size:20px;
	font-size:1.25rem;
	line-height: 30px;
	line-height: 1.875rem;
    cursor: pointer;
    color: #078930;
}

a:hover {
	color: #fcdd09;
}

article {
	font-size:20px;
	font-size:1.25rem;
	line-height: 30px;
	line-height: 1.875rem;
	font-family: Calibri, sans-serif;
    text-align: left;
    text-align: left;
}

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

article p {
	margin: 0 0 20px 0;
}

.alignright {
	float: right;
	margin: 10px 0 10px 20px;
}

.alignleft {
	float: left;
	margin: 10px 20px 10px 0;
}

.aligncenter,
.alignnone {
	display: block;
	float: none;
	clear: both;
	margin: 10px;
	max-width: 100% !important;
	height: auto !important;    
}

.wp-caption-text {
	font-style: italic;
}

strong {
	font-weight: bold;	
}

em {
	font-style: italic;
}

blockquote {
	font-style: italic;
    padding: 20px 30px;
    text-transform: uppercase;
}

ul {
    list-style-type: disc;
	font-size:20px;
	font-size:1.25rem;
	line-height: 30px;
	line-height: 1.875rem;
    padding: 25px 0 25px 25px;
}

ol {
	list-style-type: decimal;
	font-size:20px;
	font-size:1.25rem;
	line-height: 30px;
	line-height: 1.875rem;
    padding: 25px 0 25px 25px;
}

li {
	margin: 0 0 10px 0;
}

hr {
    border: 0;
    height: 3px;
    background: #078930;
}

.blogmeta,
.blogmeta a,
.more-link{
	text-align: right;
	font-size:20px;
	font-size:1.25rem;
	line-height: 30px;
	line-height: 1.875rem;
	margin: 10px 0 0 0;
	font-family: Calibri, sans-serif;
    text-transform: uppercase;    
}

.noresult {
	font-size:20px;
	font-size:1.25rem;
	line-height: 30px;
	line-height: 1.875rem;
}


/* --- Preloader --- */
#preloader-wrapper{
    width: 100%;
    height: 100vh;
    position: fixed;
    background-color: #fff;
    z-index:5000;
}

/* --- TopLink --- */
#top-link {
	position: fixed; 
	right: 4%; 
	bottom: 2%; 
	z-index: 1000;
	display: block;
	cursor: pointer;
    height: 60px;
    width: 60px;
    background: none;
	font-family: Calibri, sans-serif;
    text-transform: uppercase;
	background: #078930;
	padding: 5px;
	color: #fff;
}

#top-link:hover {
    animation: rotate_360 0.5s ease-in-out;
}

/* --- Forms --- */
input, textarea {
	width: 100%;
    border: none;
	font-size:20px;
	font-size:1.25rem;
	line-height: 30px;
	line-height: 1.875rem; 
	font-family: Calibri, sans-serif;
	color: #fff;
    padding: 5px;
    outline: 0;
	transition: background 0.5s ease,
                color 0.5s ease;	
    margin: 10px 0 0 0;
    background: #078930;
}

input:hover, textarea:hover {
    background: #fcdd09;
	color: #000;
}

input[type="submit"] {
	width: 100%;
	height: auto;
    color: #000;
    background: #fcdd09;
    border: none;
	font-family: Calibri, sans-serif;
	font-size:25px;
	font-size:1.5625rem;
	outline: 0;
    cursor: pointer;
	transition: background 0.5s ease,
                color 0.5s ease;
    margin: 30px 0 0 0;
}

input[type="submit"]:hover {
    color: #fff;
    background: #078930;
}

input[type="checkbox"] {
	width: 50px;
	height: 50px;
	float: left;
}

/* --- Overlays --- */
#page-overlay-impressum,
#page-overlay-content-impressum {
    display:none;
}

#page-overlay-search,
#page-overlay-content-search {
    display:none;
}

#page-overlay-lebenslauf,
#page-overlay-content-lebenslauf {
    display:none;
}

#page-overlay-arbeitswochen,
#page-overlay-content-arbeitswochen {
    display:none;
}

.page-overlay {
    z-index: 2000;
    position: fixed;
    height: 100vh;
    width: 100%;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,0.8);
}

.page-overlay-content {
    z-index: 2100;
    position: relative;
    width: 90%;
    height: 80vh;
    background: #fff;
    top: 50%;
    left: 0px;
    color: #000;
    padding: 20px;
	overflow-y: scroll;
	overflow-x: hidden;
	text-align: left;
	font-size:20px;
	font-size:1.25rem;
	line-height: 30px;
	line-height: 1.875rem;
    margin: 0 auto;
    margin-top: -45vh;
}

.page-overlay-close {
    position: fixed;
    height: 50px;
    width: 50px;
    border-radius: 100%; 
    background: #fcdd09;
    color: #000;
    cursor: pointer;
    text-align: center;
    z-index: 2200;
    font-family: Spectral Black, serif;
    transition: background 0.5s ease;
	font-size:25px;
	font-size:1.5625rem;
    line-height:45px;
	line-height:2.8125rem;
    left: 45%;
    bottom: 5%;
    padding: 4px 0 0 0;
}

.page-overlay-close:hover {
    background: #078930;
    color: #fff;    
}

/* --- Flex Columns --- */
.flex-wrapper {
    padding: 70px 10% 0 10%;    
}

.flex-wrapper-vorstand {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;    
}


.alm-reveal {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;    
}

.flex-column-wrapper {
    padding: 0 0 80px 0;
}

.flex-column {
    display: block;
    width: 100%;
    height: auto;
    text-align: left;
    margin: 0 auto;
}

.flex-column img {
    width: 100%;
    height: auto;
    transition: transform 0.5s ease-in-out;
}

.flex-column img:hover {
    transform: scale(1.1);
}

.flex-column-vorstand img {
	 -webkit-filter: grayscale(1);
  	filter: grayscale(1);	
}

.cpt-column article {
    text-align: left;
}


/* --- Full Width --- */
.fullwidth-wrapper {
    padding: 70px 10% 50px 10%;
}


/* --- CPT --- */
.cpt-single-wahlkreis {
    background: #fff;
    color: #286cad;
}

.cpt-single-wahlkreis h1 {
    color: #286cad;
}

.cpt-single-wahlkreis a {
    color: #286cad;
}

.cpt-single-wahlkreis a:hover {
    color: #97c6e2;
}

.cpt-single-themen {
    background: #97c6e2;
    color: #fff;
    min-height: 100vh;
}

.cpt-single-themen h1 {
    color: #286cad;
}

.cpt-single-themen a {
    color: #fff;
}

.cpt-single-themen a:hover {
    color: #286cad;
}


/* --- Header --- */



/* --- Navigation --- */
nav {
    width: 100%;
    padding: 10px 20px;
    position: fixed;
    z-index: 1000;
    background: rgba(255,255,255,0.9)
}

nav ul {
    padding: 0;
    list-style-type: none;
}

nav li {
	font-size:20px;
	font-size:1.25rem;
	font-family: Calibri, sans-serif;
	font-weight: bold;
    cursor: pointer;
    display: block;
    text-align: left;
    margin: 0 0 30px 0;
    color: #078930;
}

nav li a{
	font-size:20px;
	font-size:1.25rem;
	font-family: Calibri, sans-serif;
	font-weight: bold;
    color: #078930;
}

nav li a:hover{
    color: #fcdd09;  
}

#nav-mobile {
    padding: 80px 20px 10px 20px;
    display: none;
}

#nav-desktop {
    display: none;
}

#nav-blog {
    background: rgba(255,255,255,0.9)
}

#nav-blog li {
    float: left;
}

#nav-blog li {
    margin: 0;
}

#nav-blog li:first-child {
    margin: 0 70px 0 0;
}

#nav-blog a {
    color: #078930;
    transition: color 0.5s ease;
}

#nav-blog a:hover {
	color: #fcdd09;
}

#mobile-toggle {
    width: 100%;
    height: 50px;
    position: fixed;
    background: rgba(7,137,48,0.8);
    padding: 10px 20px;
    z-index: 2000;
    height: auto;
    overflow: auto;
    text-align: center;
}

#mobile-toggle a {
	font-size:20px;
	font-size:1.25rem;
	line-height: 40px;
	line-height: 2.5rem;
	font-family: Calibri, sans-serif;
	font-weight: bold;
	color: #fff;
}

/* --- Home --- */
section {
    width: 100%;
    height: auto;
    overflow: hidden;
}

#section-5864 {
    background: #fff;
    color: #286cad;
}

#section-5864 a {
    color: #286cad;
}

#section-5864 a:hover {
    color: #97c6e2;
}

#section-6190 {
    background: #97c6e2;
    color: #fff;
}

#section-6190 a {
    color: #286cad;
}

#section-6197 {
    background: #fff;
    color: #286cad;
}

#section-6197 a {
    color: #286cad;
}

/* Page Image */
.page-image-wrapper {
    width: 100%;
    min-height: 30vh;
    padding: 80px 0 0 0;
	text-align:center;
}

.page-image {
    width: 90%;
    height: 100%;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.page-image-text {
    position: relative;
    top: 60%;
    text-align: right;
    padding: 0 20px 0 0;
	font-family: Calibri, sans-serif;
	font-size:20px;
	font-size:1.25rem;	
    line-height:25px;
	line-height:1.5625rem;
    color: #fff;
    z-index: 2;
    color: #286cad;
}

.page-image-text span {
	font-family: Calibri, sans-serif;
	font-weight: bold;
	font-size:25px;
	font-size:1.5625rem;	
    line-height:35px;
	line-height:2.1875rem;
    display: block;
}

.page-image h1 {
	font-size:50px;
	font-size:3.125rem;	
    display: block;
    top: 20%;
    color: #078930;
    padding: 0 0 0 20px;
    position: relative;
}

#page-image-18 h1,
#page-image-22 h1 {
    color: #fcdd09;
}

/* Contact */
.wpcf7 {
    margin: 0 0 0 0 !important;
}

.wpcf7 p {
    font-family: Calibri, serif;
	font-weight: bold;
	font-size:25px;
	font-size:1.5625rem;
    margin: 50px 0 0 0;
}

/* --- Blog --- */
.blog-title-wrapper {
    min-width: 320px;
    height: 400px;
}

.blog-title-image {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.blog-title {
    position: relative;
    top: 50%;
    padding: 0 0 0 20px;
    text-align: left;
    color: #000;
    z-index: 2;
}

.blog-title .blogmeta {
    text-align: left;
}

.page-navigation {
	display: block;
	float: none;
	clear: both;
}

.crp_related {
    padding: 100px 0 0 0;
}

.archive-teaser {
    margin: 0 0 50px 0;
}

.archive-teaser h2 {
    text-align: center;
}

.archive-category {
    background: #97c6e2;
}

.archive-category h1 {
    color: #286cad;
}

.category-description {
    margin: 50px 0 150px 0;
}

.category-description article {
    color: #286cad;
	font-family: Calibri, sans-serif;
	font-weight: bold;
}

.archive-search {
    background: #286cad;
}

.archive-search h1 {
    color: #97c6e2;
}


/* --- Footer --- */
footer {
	width: 100%;
    height: auto;
	position: relative;
	margin: 0 auto;
	padding: 10px 20px;
    clear: both;
}

.impressum {
    text-align: left;
}

.impressum p {
    display: inline;
    margin: 0 10px 0 0;
    font-size:20px;
    font-size:1.25rem;
	font-family: Calibri, sans-serif;
	font-weight: bold;
}

.impressum a {
    display: inline;
    margin: 0 10px 0 0;	
    font-size:20px;
    font-size:1.25rem;
	font-family: Calibri, sans-serif;
	font-weight: bold;
}

/* --- 404 --- */
#main-404 {
    width: 100%;
    min-height: 90vh;
    text-align: center;
    padding: 10%;
}

#main-404 h1 {
    margin: 30px 0;
    text-shadow: none;
    color: #000;
}

#main-404 img {
    width: 50%;
    height: auto;
    margin: 5%;
}

#main-404 p {
	font-family: Calibri, sans-serif;
	font-weight: bold;
    margin: 40px 0;
	font-size:20px;
	font-size:1.25rem;
	line-height: 30px;
	line-height: 1.875rem;
}

#main-404 a {
    display: block;
    margin: 20px 0 0 0;
}


/* --- Media Queries --- */

/* 480px - Smartphone/Phablet Landscape */
@media only screen and (min-width: 30em) {
    
    /* TopLink */
    #top-link {
        right: 3%; 
        bottom: 3%; 
    }
    
    /* Overlays */
    .page-overlay-content {
        width: 80%;
        height: 75vh;
        margin-top: -45vh;
    }

    .page-overlay-close {
        left: 45%;
        bottom: 3%;
    }
    
    #page-overlay-content-search {
        top: 40%;
    }

    #page-overlay-close-search {
        bottom: 15%;
        left: 45%;
    }
    
    /* Home */  
    .blog-title-wrapper {
        min-width: 480px;
        height: 300px;
    }    
    
    /* Footer */
    .impressum p,
	.impressum a {
        margin: 0 50px 0 0;
    }
    
    /* 404 */
    #main-404 img {
        width: 30%;
    }
    
}


/* 720px - Tablet Portrait */
@media only screen and (min-width: 45em) {
    
    /* Headlines */
    h6 {
        font-size: 40px;
        font-size: 2.5rem;
        line-height: 60px;
        line-height: 3.75rem;
    }
    
    /* TopLink */
    #top-link {
        right: 3%; 
        bottom: 2%; 
        height: 70px;
        width: 70px;
    }

    #top-link img {
        max-width: 70px;
        height: auto;
    }
    
    /* Overlays */
    .page-overlay-content {
        width: 70%;
        height: 80vh;
        margin-top: -45vh;
        padding: 50px;
    }

    .page-overlay-close {
        left: 48%;
        bottom: 5%;
    }
    
    #page-overlay-content-search {
        top: 45%;
    }

    #page-overlay-close-search {
        bottom: 30%;
        left: 45%;
    } 
    
    /* Categories + Related Posts */
    .flex-categories-list {
        padding: 0 0 40px 0;    
    }
    
    .flex-categories-list li,
    .crp_related li {
        padding: 0 0 30px 0;
    }    
    
    /* Flex Columns */
    .flex-wrapper {
        padding: 70px 20% 0 20%;
    }
    
    .flex-column {
        width: 75%;
    }
    
    /* Full Width */
    .fullwidth-wrapper {
        padding: 70px 20% 50px 20%;
    } 
    
    /* Navigation */
    nav {
        padding: 10px 50px;
    }
    
    #mobile-toggle {
        padding: 10px 50px;
    }
    
    /* Home */
    .page-image-text {
        padding: 0 50px 0 0;
        font-size:30px;
        font-size:1.875rem;
        line-height:40px;
        line-height:2.5rem;
    }

    .page-image-text span {
        font-size:45px;
        font-size:2.8125rem;	
        line-height:65px;
        line-height:4.0625rem;
    }
    
    /* Blog */
   .blog-title-wrapper {
        min-width: 720px;
        height: 600px;
    } 
    
    .blog-title {
        padding: 0 20%;
        margin: 0 auto;
    }

    /* Footer */    
    footer {
        padding: 10px 50px;
    }
    
    /* 404 */
    #main-404 img {
        width: 40%;
    }    
    
}


/* 1024px - Tablet Landscape */
@media only screen and (min-width: 64em) {
    
    /* TopLink */
    #top-link {
        right: 2%; 
        bottom: 2%; 
    }
    
    /* Overlays */
    #page-overlay-close-search {
        bottom: 20%;
    }
    
    /* Categories + Related Posts */
    .flex-categories-list {
        padding: 0 0 70px 0;    
    }  
    
    .fullwidth-wrapper .flex-categories-list {
        padding: 200px 0 0 0;    
    }
    
    .flex-categories-list li,
    .crp_related li {
        width: 50%;
        float: left;
    }    
    
    .flex-categories-list li:nth-child(1n) {
        padding: 0 35px 30px 0;
    }
    
    .flex-categories-list li:nth-child(2n) {
        padding: 0 0 30px 35px;
    }    
    
    .flex-categories-list li:last-child {
        padding: 0 0 100px 35px;
    }
    
    .fullwidth-wrapper .flex-categories-list li:last-child {
        padding: 0 0 100px 30px;
    }
    
    .fullwidth-wrapper .flex-categories-list li,
    .crp_related li {
        width: 50%;
        padding: 0 15px 30px 0;
    }    
    
    .fullwidth-wrapper .flex-categories-list li:nth-child(2n),
    .crp_related li:nth-child(2n) {
        padding: 0 0 30px 15px;
    }
    
    .fullwidth-wrapper .flex-categories-list li:last-child {
        padding: 0 0 100px 15px;
    }

    /* Flex Columns */
    .flex-wrapper {
        padding: 100px 20% 0 20%;
    }  

    .flex-column-wrapper-vorstand {
        width: 50%;
    }    	
	
    /* Full Width */
    .fullwidth-wrapper{
        padding: 100px 20% 50px 20%;
    }
        
    /* Home */
    .blog-title-wrapper {
        min-width: 1024px;
        height: 500px;
    }      
    
    /* Footer */

    /* 404 */
    #main-404 img {
        width: 30%;
    }
    
}


/* 1280px */
@media only screen and (min-width: 80em) {
    
    /* Headlines */
    h1 {
        font-size: 60px;
        font-size: 3.75rem;
        line-height: 80px;
        line-height: 5rem;
        margin: 0 0 30px 0;   
    }
    
    /* Overlays */
    .page-overlay-content {
        width: 60%;
        height: 80vh;
        margin-top: -45vh;
    }
    
    .page-overlay-close {
        left: 47%;
        bottom: 5%;
    }
    
    #page-overlay-close-search {
        left: 46%;
    }
    
    /* Categories + Related Posts *
    .flex-categories-list li {
        width: 25%;
        padding: 0 35px 30px 35px;
    }

    .flex-categories-list li:nth-child(1n) {
        padding: 0 35px 30px 35px;
    }        
    
    .flex-categories-list li:nth-child(2n) {
        padding: 0 35px 30px 35px;
    }            
    
    .flex-categories-list li:last-child {
        padding: 0 35px 100px 35px;
    } 
    
    .fullwidth-wrapper .flex-categories-list li {
        width: 50%;
        padding: 0 15px 30px 0;
    }    
    
    .fullwidth-wrapper .flex-categories-list li:nth-child(2n) {
        padding: 0 0 30px 15px;
    }
    
    .fullwidth-wrapper .flex-categories-list li:last-child {
        padding: 0 0 100px 15px;
    }    
    
    /* Flex Column */
    .flex-wrapper {
        padding: 100px 10% 0 10%;
    }     
    
    .flex-column {
        width: 50%;
    }
	
    /* Navigation */
    nav li {
        float: left;
        margin: 0 50px 0 0;
    }
    
    #nav-desktop {
        display: block;
    }
    
    #mobile-toggle {
        display: none;
    }
    
    /* Home */
    
    .page-image {
        height: 100vh;
        background-attachment: fixed;
    }
    
    .page-image-wrapper {
        padding: 0;
    }
    
    #page-image-wrapper-24 {
        padding: 100px 0 0 0;
    }
        
    .page-image-text {
        top: 60%;
        right: -50%;
        width: 50%;
        font-size:30px;
        font-size:1.875rem;
        line-height:40px;
        line-height:2.5rem;
    }

    .page-image-text span {
        font-size:40px;
        font-size:2.5rem;	
        line-height:60px;
        line-height:3.75rem;
    }
    
    .page-image h1 {
        font-size:70px;
        font-size:4.375rem;
        padding: 0 0 0 50px;
    }
    
    /* Blog */
    .blog-title-wrapper {
        width: 100%;
        height: 70vh;
    }   
    
    .blog-title-image {
        height: 70vh;
        background-attachment: fixed;
    }
    
    .archive-category,
    .archive-search {
        height: 60vh;
    }
    
    /* 404 */
    #main-404 img {
        width: 20%;
    }    
    
}


/* 1680px */
@media only screen and (min-width: 105em) {

    /* TopLink */
    #top-link {
        right: 1%; 
        bottom: 2%; 
    }    
    
    /* Overlays */
    #page-overlay-close-search {
        bottom: 30%;
        left: 47%;
    }
            
    /* Full Width */
    .fullwidth-wrapper{
        padding: 100px 30%;
    }
	
    .flex-column-wrapper-vorstand {
        width: 33%;
    }       
	
	.page-image-wrapper {
		min-height: 25vh;
	}	
	
	.page-image-wrapper h1 {
		width: 80%;
		margin: 0 auto;
	}	
	
    /* Home */
    .page-image-text {
        top: 60%;
        right: -50%;
        width: 50%;
        font-size:45px;
        font-size:2.8125rem;	
        line-height:65px;
        line-height:4.0625rem;
    }

    .page-image-text span {
        font-size:60px;
        font-size:3.75rem;	
        line-height:80px;
        line-height:5rem;
    }
    
    /* Blog */
    .blog-title {
        padding: 0 25%;
        top: 60%;
    }
    
}


/* --- Keyframes  --- */

@keyframes rotate_360 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}