/*
 Theme Name: SVR Migration Theme
 Theme URI: http://www.svr-migration.de/
 Description: A mobile responsive and HTML5 theme built for the Genesis Framework.
 Author: DYMAGICS Designbüro Berlin
 Author URI: http://www.dymagics.biz/

 Version: 1.0
 Template: genesis
 Template Version: 2.1
 Tags: black, green, orange, purple, red, yellow, white, one-column, two-columns, three-columns, responsive-layout, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, premise-landing-page

 */

/* # Table of Contents
 - HTML5 Reset
 - Baseline Normalize
 - Box Sizing
 - Float Clearing
 - Defaults
 - Typographical Elements
 - Headings
 - Objects
 - Gallery
 - Forms
 - Tables
 - Structure and Layout
 - Site Containers
 - Column Widths and Positions
 - Column Classes
 - Common Classes
 - Avatar
 - Genesis
 - Search Form
 - Titles
 - WordPress
 - Widgets
 - Featured Content
 - Plugins
 - Genesis eNews Extended
 - Jetpack
 - Site Header
 - Title Area
 - Widget Area
 - Site Navigation
 - Header Navigation
 - Primary Navigation
 - Secondary Navigation
 - Content Area
 - Entries
 - Entry Meta
 - Pagination
 - Comments
 - Sidebars
 - Footer Widgets
 - Site Footer
 - Media Queries
 - Retina Display
 - Max-width: 1200px
 - Max-width: 960px
 - Max-width: 800px
 */

/* # HTML5 Reset
 ---------------------------------------------------------------------------------------------------- */


@font-face {
    font-family: 'robotoregular';
    src: url('./fonts/Roboto-Regular-webfont.eot');
    src: url('./fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('./fonts/Roboto-Regular-webfont.woff') format('woff'),
    url('./fonts/Roboto-Regular-webfont.ttf') format('truetype'),
    url('./fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
	}

@font-face {
    font-family: 'robotolight';
    src: url('./fonts/Roboto-Light-webfont.eot');
    src: url('./fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
    url('./fonts/Roboto-Light-webfont.woff') format('woff'),
    url('./fonts/Roboto-Light-webfont.ttf') format('truetype'),
    url('./fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
	}

@font-face {
    font-family: 'robotomedium';
    src: url('./fonts/Roboto-Medium-webfont.eot');
    src: url('./fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
    url('./fonts/Roboto-Medium-webfont.woff') format('woff'),
    url('./fonts/Roboto-Medium-webfont.ttf') format('truetype'),
    url('./fonts/Roboto-Medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
	}

/* ## Baseline Normalize
 --------------------------------------------- */
/* normalize.css v3.0.1 | MIT License | git.io/normalize */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
	}

body {
    margin: 0
	}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block
	}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
	}

audio:not([controls]) {
    display: none;
    height: 0
	}

[hidden], template {
    display: none
	}

a {
    background: 0 0
	}
	
a:active, a:hover {
    outline: 0
	}
	
abbr[title] {
    border-bottom: 1px dotted
	}

b, strong {
    font-weight: 700
	}
	
dfn {
    font-style: italic
	}

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

mark {
    background: #ff0;
    color: #333
	}

small {
    font-size: 80%
	}

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

sup {
    top: -.5em
	}
	
sub {
    bottom: -.25em
	}

img {
    border: 0
	}

svg:not(:root) {
    overflow: hidden
	}
	
figure {
    margin: 1em 40px
	}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
	}
	
pre {
    overflow: auto
	}
	
code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}


button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
	}

button {
    overflow: visible
	}
	
button, select {
    text-transform: none
	}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
	}
	
button[disabled], html input[disabled] {
    cursor: default
	}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
	}
	
input {
    line-height: normal
	}
	
input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
	}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto
	}
	
input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
	}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
	}
	
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
	}

legend {
    border: 0;
    padding: 0
	}

textarea {
    overflow: auto
	}

optgroup {
    font-weight: 700
	}

table {
    border-collapse: collapse;
    border-spacing: 0
	}

td, th {
    padding: 0
	}

/* ## Box Sizing
 --------------------------------------------- */

*, input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}

/* ## Float Clearing
 --------------------------------------------- */

.author-box:before, .clearfix:before, .entry:before, .entry-content:before, .footer-widgets:before, .nav-primary:before, .nav-secondary:before, .pagination:before, .site-container:before, .site-footer:before, .site-header:before, .site-inner:before, .wrap:before {
    content: " ";
    display: table;
	}

.author-box:after, .clearfix:after, .entry:after, .entry-content:after, .footer-widgets:after, .nav-primary:after, .nav-secondary:after, .pagination:after, .site-container:after, .site-footer:after, .site-header:after, .site-inner:after, .wrap:after {
    clear: both;
    content: " ";
    display: table;
	}

#mailpoet_form_6 .mailpoet_radio_label{
    display:inline !important;
    margin-right:20px;
}

#mailpoet_form_6 .mailpoet_textarea {
    height:200px;
}

#mailpoet_form_6 .mailpoet_message {
    clear:both !important;
    padding: 50px 0 0 0 !important;
}
/* # Defaults
 ---------------------------------------------------------------------------------------------------- */

body {
    background-color: #FFFFFF;
    color: #2d2d2d;
    font-family: "robotolight", sans-serif;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.625;
    margin: 0;
    width: 100%;
    overflow-x: hidden;
	}


/* ## Typographical Elements
 --------------------------------------------- */

a, button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, .button, .gallery img {
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
	}

::-moz-selection {
    background-color: #00b2fa;
    color: #FFFFFF;
	}

::selection {
    background-color: #00b2fa;
    color: #FFFFFF;
	}

a {
    color: #0494e7;
    text-decoration: none;
	}


.content a:hover, .sidebar a:hover, a:hover {
    color: #2d2d2d;
	}

p {
    margin: 0 0 28px;
    padding: 0;
	}
.category-veranstaltungen article p, .category-veranstaltungen-svr article p, .category-veranstaltungen-forschung article p {
    margin: 0 0 0px;
}
.category-veranstaltungen .full-width.center article .read-more, .category-veranstaltungen-svr .full-width.center article .read-more, .category-veranstaltungen-forschung .full-width.center article .read-more {
    margin: 20px 0 28px;
}
ol, ul {
    margin: 0;
    padding: 0;
	}

li {
    list-style-type: none;
	}
	
b, strong {
    font-weight: 700;
	}

blockquote, cite, em, i {
    font-style: italic;
	}

blockquote {
    margin: 40px;
	}

blockquote::before {
    content: "\201C";
    display: block;
    font-size: 30px;
    height: 0;
    left: -20px;
    position: relative;
    top: -10px;
	}
	
hr {
    height: 1px;
    margin-bottom: 28px;
    background-color: #eeeeee;
    color: #eeeeee;
    border: 0;
        }


/* ## Headings
 --------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
    color: #333;
    font-family: "robotolight", sans-serif;
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 10px;
	}

h1 {
	-webkit-font-smoothing: subpixel-antialiased;
    font-family: "robotoregular",sans-serif;
    font-size: 28px;
    line-height: 1.2;
    padding: 11px 0 21px 0;
	}

h2 {
    -webkit-font-smoothing: subpixel-antialiased;
	font-size: 24px;
	padding: 0 0 10px 0;
	}

h3 {
    font-size: 22px;
	}

h4 {
    font-size: 20px;
	}

h5 {
    font-size: 16px;
	}

h6 {
    font-size: 13px;
	}

		
/* ## Titles 
 --------------------------------------------- */

.page-title .page-title-content h1, .page-title-small .page-title-content h1 {
	font-family: "robotolight", sans-serif;
	font-size: 36px;
	padding: 0;
	
	}

.page-title .page-title-content h2, .page-title-small .page-title-content h2 {
	font-size: 30px;
	color: #999999;
	padding: 0;
	
	}

.page-title {
    text-align: center;
    background-color: #fff;
    height: 230px;
    margin: 0 auto;
	}
	
	.page-title .page-title-content {
    	background-color: #fff;
	    margin: 0 auto;
	    padding: 40px 0 0 0;
	    max-width: 730px;
	    text-align: center;
		}

	.page-title.green a, .left-content.green a {
		color: #179f07;
		}
		
	.page-title.green a:hover, .left-content.green a:hover {
	    color: #2d2d2d;
	    }
	    
	.page-title .page-title-content, .page-title .page-title-content a {
	    font-size: 14px;
		}
	
.page-title-small {
    background-color: #fff;
    height: 172px;
    margin: 0 auto;
    text-align: center;
	}

	.page-title-small .page-title-content {
	    background-color: #fff;
	    margin: 0 auto;
	    padding: 40px 0 0 0;
	    max-width: 1000px;
	    text-align: center;
		}

		
/* ---Publikationen  --- */	
		
.publikationen-title {
    font-size: 16px;
    font-family: "robotomedium", sans-serif;
    font-weight: normal;
	}

	.colorsection.publikationen.green h5 {
	    color: #179f07;
	    font-size: 16px;
		}
		
	.colorsection.publikationen.blue h5 {
	    color: #0494e7;
	    font-size: 16px;
		}
		
	.colorsection .area-left .content .publikationen-title.blue {
	    color: #0494e7;
	    font-size: 16px;
	    margin: 0;
	    line-height: 1.2;
	    padding: 0;
		}
		
		.colorsection .area-left .content .publikationen-title.blue a {
            color: #0494e7;
            font-size: 16px;
            line-height: 1.2;
            margin: 0;
            padding: 0;
            font-family: "robotomedium",sans-serif;
		}
		
		.colorsection .area-left .content .publikationen-title.blue a:hover, .colorsection .area-left .content .publikationen-title.green a:hover {
		    color: #2D2D2D;
		}
	.colorsection .area-left .content .publikationen-title.green {
	    color: #179f07;
	    font-size: 16px;
	    margin: 0;
	    line-height: 1.2;
	    padding: 0;
		}
		
		.colorsection .area-left .content .publikationen-title.green a {
		color: #179f07;
        font-size: 16px;
        margin: 0;
        line-height: 1.2;
        padding: 0;
		font-family: "robotomedium",sans-serif;
		 }

/* ## Objects
 --------------------------------------------- */

embed, iframe, img, object, video, .wp-caption {
    max-width: 100%;
	}

img {
    height: auto;
    border: none;
	}

.featured-content img, .gallery img {
    width: auto;
	}

/* ## Gallery
 --------------------------------------------- */

.gallery {
    overflow: hidden;
	}

.gallery-item {
    float: left;
    margin: 0 0 28px;
    text-align: left;
	}

.gallery-columns-1 {
    max-width: 280px;
}

.gallery-columns-2 .gallery-item {
    width: 50%;
	}

.gallery-columns-3 .gallery-item {
    width: 33%;
	}

.gallery-columns-4 .gallery-item {
    width: 25%;
	}

.gallery-columns-5 .gallery-item {
    width: 20%;
	}

.gallery-columns-6 .gallery-item {
    width: 16.6666%;
	}

.gallery-columns-7 .gallery-item {
    width: 14.2857%;
	}

.gallery-columns-8 .gallery-item {
    width: 12.5%;
	}

.gallery-columns-9 .gallery-item {
    width: 11.1111%;
	}

.gallery img {

    height: auto;

	}

.gallery img:hover {

	}

/* ## Forms
 --------------------------------------------- */

input, select, textarea {
    font-size: 16px;
    font-weight: 300;
    width: auto;
    background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #dddddd;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    color: #888888;
    margin: 0 !important;
    padding: 7px 8px;
    
	}
	

input:focus, textarea:focus {
    border: 1px solid #999;
    outline: none;
	}

input[type="checkbox"], input[type="image"], input[type="radio"] {
    width: auto;
	}

/* *
 *
 * Publikationen Area
 *
 * */

.archiv-publikationen .full-width {
    margin: 0 auto;
	}

.publikationen-wraper {
    margin: 0 auto;
    clear: both;
	}

.publikationen-wraper .full-width {
    width: 100%;
    max-width: 100%;
	}

.publikationen-wraper #uwpqsf_id {
    margin: 0 auto;
    border: 0px solid #ccc;
    width: auto;
    height: auto;
    background-color: #f0f0f0;
    min-height: 155px;
	}
	
#uwpqsffrom_52 ,#pubsearch,
#pubsearch ,#pubsearch {
    margin: 0 auto;
    max-width: 1174px;
    padding: 5px 0 15px 0;
	}

#publikationen-result {
    clear: both;
    margin: 66px 0 0 0;
	}


.full-width-glossar {
    max-width: 100%;
    width: 100%;
    background-color: #f0f0f0;
    float: left;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    padding: 10px 0 10px 0;
    margin: 0 0 30px 0;
}
.section.glossar {
background-color: #f0f0f0;
max-width: 1174px;
margin: 0 auto;

}

.section .glossar {
    border: none;
   
    color: #fff;
    cursor: pointer;
    float: right;
    padding: 0;
    width: 160px;
    margin: 0;
}
.glossar-btn {
   background-color: #00b2fa;
    color: #fff;
    display: inline-block;
    height: 34px;
     border-radius: 3px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    width: 160px;
}
.colorsection.blue {
    display: block;
    padding: 0;
    border: 0;
    background-color: #00b2fa;
    border-bottom: 1px solid #fff;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
	}

.colorsection.green {
    display: block;
    padding: 0;
    border: 0;
    background-color: #53be44;
    border-bottom: 1px solid #fff;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
	}

.colorsection.blue:hover .area-right .content, .colorsection.blue:hover .area-right .content a, .right-blue:hover .content a, .right-blue .content:hover a {
    color: #00b2fa;
	}

.colorsection.green:hover .area-right .content, .colorsection.green:hover .area-right .content a {
    color: #53be44;
	}

.colorsection .area {
    max-width: 1200px;
    height: 100%;
    margin: 0 auto;
    display: table;
	}

.colorsection .area-left {
    max-width: 837px;
    height: 100%;
    padding: 0;
    margin: 0 auto;
    vertical-align: top;
    float: left;
    background-color: #fff;
    display: table-cell;
    border-bottom: 1px solid #dedede;
	}

	.colorsection .area-left .content {
	    vertical-align: top;
	    font-size: 16px;
	    padding: 20px 41px 10px 31px;
	    line-height: 1.5;
		}
		
		.colorsection .area-left .content p {
		    margin: 0 0 15px 0;
		    padding: 0;
			}

.colorsection .area-right {
    max-width: 363px;
    min-width: 363px;
    height: 100%;
    padding: 0;
    margin: 0 auto;
    vertical-align: top;
    display: table-cell;
	}
	
	.colorsection .area-right h4 {
		    color: #003575;
		    font-size: 16px;
		    float: left;
			}
		
		.colorsection .area-right .title-img-download {
			padding: 8px 0 0 0;
			}

	.colorsection .area-right .content {
	    vertical-align: top;
	    color: #fff;
	    font-size: 16px;
	    padding: 20px 0px 10px 28px;
		}
		
		.colorsection .area-right .content .publikationen-infos {
		    clear: both;   
			}
			
			.colorsection .area-right .content .publikationen-infos li {
			    clear: both;
			    line-height: 1.3;
			    margin: 0;
			    padding: 0;
				}

.colorsection:hover {
    border: 0;
    color: #3a3a3a;
    background-color: #f8f8f8;
    border-bottom: 1px solid #fff;
	}

	.colorsection:hover .area-right {
	    border: 0;
	    color: #3a3a3a;
	    background-color: #f8f8f8;
	    border-bottom: 0;
		}
	
		.colorsection:hover .area-right .content {
		    color: #3a3a3a;
			}

.colorsection:hover .area-left {
    border: 0;
    background-color: #fff;
    border-bottom: 1px solid #dedede;
	}


.publikationen-infos {
    padding: 0 0 15px 0;    
	}

.files {
    display: table;
    color: #FFFFFF;
    font-size: 15px;
    line-height: 1;
    font-family: 'robotoregular';
    padding: 0 0 15px 0;
    height: auto;
    float: left;
    width: 330px;
	}

	.files:after {
	    clear: both;
		}
	
	.files a, .right-blue .content a {
	    color: #FFFFFF;
		}
		
	.file-ico {
	    display: table-cell;
	    float: left;
	    margin: 0 20px 0 0;
	    width: 38px;
	    height: 44px;
		}
	
	.file-link {
	    display: table-cell;
	    vertical-align: middle;
	    max-width: 270px;
	    width: 270px;
		}

    .file-link .green {
     color: #179F07;   
    }
    
    .file-link .blue {
     color: #0494e7;   
    }
    
    
#uwpqsffrom_52 .uwpqsf_class,
#pubsearch .uwpqsf_class {
    width: auto;
    margin: 12px 0 0 0;
    clear: none;
	}

#uwpqsffrom_52 .publikation-check,
#pubsearch .publikation-check {
    background-color: #00b2fa;
    width: auto;
    float: left;
    height: 42px;
    /*padding: 11px 18px;*/
    padding: 11px 14px;
    margin: 10px 2px 0 0;
	}

#uwpqsffrom_52 .publikation-check.forschungsbereich,
#pubsearch .publikation-check.forschungsbereich {
    background-color: #53be44;
	}

#uwpqsffrom_52 .publikation-check.alle,
#pubsearch .publikation-check.alle {
    background-color: #869090;
    float: right;
    margin: 10px 2px 0 0;
	}
	
#uwpqsffrom_52 [class*="tax-check-"] label, #uwpqsffrom_52 [class*="cmf-check-"] label,
#pubsearch [class*="tax-check-"] label, #pubsearch [class*="cmf-check-"] label {
    float: left;
    width: auto;
	}

#uwpqsffrom_52 .publicationen-select.tax-select-1, #uwpqsffrom_52 .publicationen-select.cmf-select0,
#pubsearch .publicationen-select.tax-select-1, #pubsearch .publicationen-select.cmf-select0 {
    margin: 16px 2px 0 0;
    width: 300px;
    float: left;
    background-color: #9eaaaa;
    height: 40px;
	}

#uwpqsffrom_52 .publicationen-select.tax-select-1 #tdp-1, #uwpqsffrom_52 .publicationen-select.cmf-select0 #cmfdp-0,
#pubsearch .publicationen-select.tax-select-1 #tdp-1, #pubsearch .publicationen-select.cmf-select0 #cmfdp-0 {
    padding: 0;
	}

#uwpqsffrom_52 input[type=checkbox],
#pubsearch input[type=checkbox] {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
	}

#uwpqsffrom_52 label,
#pubsearch label {
    padding-left: 29px;
    height: 18px;
    font-size: 16px;
    color: #FFFFFF;
    display: inline-block;
    line-height: 18px;
    background: url("images/checkbox.png") no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    cursor: pointer;
    width: auto;
    margin: 0 20px 0 0;
	}

#uwpqsffrom_52 input[type=checkbox]:checked + label,
#pubsearch input[type=checkbox]:checked + label {
    background: url("images/checkbox.png") 0 -18px no-repeat;
	}

#uwpqsffrom_52 .string-search,
#pubsearch .string-search {
    float: left;
    margin: 16px 0 0 0;
	}

#uwpqsffrom_52 .string-search input,
#pubsearch .string-search input {
    width: 380px;
    height: 40px;
    background-color: #9eaaaa;
    border: 0;
    float: left;
    padding: 2px;
    margin: 0 0 0 16px;;
	color: #ffffff;
	}

#uwpqsffrom_52 .uwpqsf_submit,
#pubsearch .uwpqsf_submit {
    width: 160px;
    height: 34px;
    float: left;
    margin: 20px 0 0 12px;
	}
	
#uwpqsffrom_52 .uwpqsf_submit .usfbtn.usearchbtn,
#pubsearch .uwpqsf_submit .usfbtn.usearchbtn {
    background-color: #003575;
    border: medium none;
    color: #fff;
    cursor: pointer;
    padding: 0px;
    text-transform: uppercase;
    width: 160px;
    height: 34px;
    float: left;
    border-radius: 3px;
	}
	


/* *
 *
 * END Publikationen Area
 *
 * */



/**
 *     
 * NEWSLETTER and FORM
 * 
 */


.wpml.widget_newsletters select.wpml {
    height: 42px;
    width: auto !important;
}

.wpml.widget_newsletters .newsletters_submit input.ui-button {
    width: 200px !important;
}
.wpml.widget_newsletters .newsletters_submit input.ui-button:hover {
    background: #00B2FA;
     width: 200px !important;
}

.wpml input.ui-button.ui-button-disabled, .wpml a.ui-button-disabled {
    background: none repeat scroll 0 0 #999999 !important;
    color: #999999 !important;
}
.wpml.widget_newsletters input.ui-button, .wpml.widget_newsletters a.ui-button, .wpml.widget_newsletters input.ui-button:hover, .wpml.widget_newsletters a.ui-button:hover {
    background: #003575;
    border: medium none;
    color: #fff !important;
    cursor: pointer;
    padding: 0px;
    text-transform: uppercase;
    width: 160px !important;
    height: 34px;
    float: left;
    border-radius: 3px;
    text-align: center;
    text-decoration: none !important;
}


.wpml.widget input.wpml, .wpml.widget_newsletters input.wpml, .wpml.widget_newsletters input {
    width: 400px !important;
}

.wpml.widget_newsletters input:focus, .wpml.widget_newsletters textarea:focus {
    border: 1px solid #999;
    outline: none;
    }

.full-width.center input.wpmlradio, .full-width.center input.wpmlcheckbox {
    width: 50px !important;
    float: left;
    height: 30px;
}

.wpml.widget_newsletters textarea {
    height: 136px;
    width: 400px;
}
.newsletters-fieldholder.medium, .newsletters-fieldholder.redaktion {
    display: none;
}


.full-width.center .wpmlwidget .wpmlerror, .full-width.center .widget_newsletters .wpmlerror {
    list-style: outside none none;
    margin: 20px 0 10px;
    padding: 0;
    text-indent: 0px;
}

.newsletters_loading_wrapper {
    margin: 0px 0 0 10px;
    top: 5px;
    position: relative;
    
}

.full-width.center .wpmlradiolabel.wpml {
    clear: both;
    cursor: pointer;
    height: 30px;
}

.wpcf7-form input {
    width: 400px;
}

.wpcf7-form p, .wpcf7-form hr {
    clear: both;
}

.wpcf7-form p {
    margin: 0 0 10px 0;
}
.wpcf7-form .wpcf7-form-control {
    display: inline-block;
}
.wpcf7-form .wpcf7-select {
    height: 42px;
    width: auto !important;
}

.wpcf7-form hr {
    margin: 0px 0 10px 0;
}
.wpcf7-form label.label-field, .wpcf7-form label {
    display: block;
    width: 100%;
    font-weight: bold;
    padding: 0 0 4px;
}
.wpcf7-form .required {
    color: #cc0000;
}

.wpcf7-form .wpcf7-list-item {
    float: left;
    clear: both;
    cursor: pointer;
     margin-left: 0;
}
.wpcf7-form .wpcf7-list-item label {
    cursor: pointer;
}

.wpcf7-form .wpcf7-list-item-label {
     float: left;
     font-weight: normal;
}

.wpcf7-form p.captcha, .wpml.widget_newsletters .newsletters-fieldholder.wpmlcaptcha {
    padding: 10px 0 0 0;
}

.wpcf7-form p.captcha label {
    font-weight: normal;
}

.wpcf7-form input[type="checkbox"] {
    height: 27px;
    float: left;
    width: 30px !important;
}






/**
 *     
 * END FORMS
 * 
 */


.content-header-img {
    height: 380px;
    width: 100%;
}


/* --- Table SPLIT page colorsection --- */

table.splitcolor {
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
	}

.splitcolor tbody, .splitcolor tr, .splitcolor td {
    border: 0;
    padding: 0;
    margin: 0;
    vertical-align: top;
	}

.splitcolor td.auto {
    width: auto;
	}

.splitcolor td.left {
    width: 775px;
	}

.splitcolor td.right {
    width: 425px;
	}

.left-content {
    padding: 30px 90px 10px 20px;
	}

.right-blue {
    position: relative;
    width: auto;
    height: 100%;
    padding: 30px 0 30px 0;
    background-color: #00b2fa;
    color: #fff;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
	}
	
	.right-blue .content {
	    max-width: 425px;
	    padding: 10px 41px 10px 31px;
	    font-size: 16px;
	    color: #2d2d2d;
	    line-height: 1.2;
	    display: table-cell;
		}
	
	.right-blue:after {
	    content: " ";
	    position: absolute;
	    display: block;
	    height: 19px;
	    width: 100%;
	    background: url(images/arrow-blue.png) center no-repeat;
	    bottom: -19px;
		}

	.right-blue:hover {
	    background-color: #f8f8f8;
		}
	
		.right-blue:hover .content {
		    color: #3a3a3a;
			}
		
			.right-blue:hover .content h2 {
			    color: #3a3a3a;
			    padding: 0;
				}
	
		.right-blue:hover .content li:before,  .publikationen.blue:hover .content li:before, .publikationen.blue .content:hover li:before {
		    content: "\f105";
		    color: #0494e7;
			}
	
		.right-blue:hover:after {
		    background: url(images/arrow-grey.png) center no-repeat;
			}

.right-green {
    position: relative;
    width: auto;
    height: 100%;
    padding: 30px 0 30px 0;
    background-color: #53be44;
    color: #fff;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
	}

	.right-green .content {
	    max-width: 425px;
	    padding: 10px 41px 10px 31px;
	    font-size: 16px;
	    color: #2d2d2d;
	    line-height: 1.2;
	    display: table-cell;
		}
	
	.right-green:after {
	    content: " ";
	    position: absolute;
	    display: block;
	    height: 19px;
	    width: 100%;
	    background: url(images/arrow-green.png) center no-repeat;
	    bottom: -19px;
		}

.right-green:hover {
    background-color: #f8f8f8;
	}

	.right-green:hover .content {
	    color: #3a3a3a;
		}
	
		.right-green:hover .content a {
		    color: #179f07;
			}
		
		.right-green:hover .content h2 {
		    color: #3a3a3a;
		    padding: 0;
			}
	
	.right-green:hover .content li:before, .publikationen.green:hover .content li:before, .publikationen.green .content:hover li:before {
	    content: "\f105";
	    color: #179f07;
		}
	
	.right-green:hover:after {
	    background: url(images/arrow-grey.png) center no-repeat;
		}

/* --- styles blue/green content  --- */

.right-blue .content h2, .right-green .content h2 {
    color: #fff;
    padding: 0;
	}
	.right-press .clear ul {
	    padding: 0 0 15px 0;
	}
	
	.right-blue .content h5 {
		    color: #003575;
		    margin: 20px 0 10px 0;
			}
			
	.right-green .content h5 {
		    color: #3a3a3a;
		    margin: 20px 0 10px 0;
			}
			
		.clear {
			float: left;
			clear: both;
			}
		
	.right-blue .content p, .right-green .content p {
	    margin: 27px 0px 7px 0px;
	    padding: 0;
		}
		
	.right-blue .content .files, .right-green .content .files {
	    display: table;
	    color: #FFFFFF;
	    font-size: 15px;
	    line-height: 1;
	    font-family: 'robotoregular';
	    margin: 0 0 15px 0;
	    height: auto;
	    width: 330px;
		}
		
	.right-blue .content .file-ico, .right-green .content .file-ico {
	    display: table-cell;
	    float: left;
	    margin: 0 20px 0 0;
	    width: 38px;
	    height: 44px;
		}
	
	.right-blue .content .file-link, .right-green .content .file-link {
	    display: table-cell;
	    vertical-align: middle;
	    max-width: 270px;
	    width: 270px;
		}

.right-blue .content a, .right-green .content a, .publikationen.blue .content a, .publikationen.green .content a {
    -webkit-font-smoothing: subpixel-antialiased;
    font-family: "robotoregular", sans-serif;
    font-size: 15px;
    color: #fff;
	}

.right-blue .content li, .right-green .content li {
    line-height: 1.3;
    padding: 0;
    margin: 0;
    clear: both;
	}

	.right-blue .content li:before, .right-green .content li:before, .publikationen.blue .content li:before, .publikationen.green .content li:before {
	    content: "\f105";
	    font-family: 'FontAwesome';
	    margin: 0 8px 0 0;
	    padding: 0;
	    color: #fff;
	    font-size: 18px;
	    display: inline-block;
	    float: left;
		}	

/* --- END styles blue/green content  --- */

.right-white {
    max-width: auto;
    padding: 30px 0 30px 0;
    color: #3a3a3a;
	}

	.right-white .widget-title {
	    font-size: 20px;
	    font-style: italic;
	    margin-bottom: 20px;
		}
	
	.right-white .widget-title:after {
	    display: block;
	    content: '';
	    width: 300px;
	    border-bottom: 1px solid #c8c8c8;
	    margin: 15px 0 0 0;
	    padding: 1px 0;
		}

	.right-white .widget-wrap li {
	    line-height: 1.3;
	    padding: 0;
	    margin: 0;
		}
	
	.right-white .widget-wrap a {
	    font-size: 15px;
	    color: #001c46;
		}

		.right-white .widget-wrap a:hover {
		    color: #0494e7;
			}

		.right-white .green .widget-wrap a:hover {
		    color: #179f07;
			}

.right-white .widget-wrap a:before {
    content: "\f105";
    font-family: 'FontAwesome';
    margin: 0 8px 0 0;
    color: #0494e7;
    font-size: 18px;
	}

	.right-white .green .widget-wrap a:before {
	    content: "\f105";
	    font-family: 'FontAwesome';
	    margin: 0 8px 0 0;
	    color: #179f07;
	    font-size: 18px;
		}
	
	.right-white .content {
	    max-width: 425px;
	    font-size: 16px;
	    padding: 10px 41px 10px 31px;
		}

.right-grey {
    max-width: auto;
    padding: 30px 0 30px 0;
    color: #3a3a3a;
    background-color: #F0F0F0;
	}

	.right-grey .content {
	    max-width: 425px;
	    font-size: 16px;
	    padding: 10px 10px 10px 31px;
	    display: table-cell;
		}
	
		.right-grey .content h2 {
		    padding: 0;
			}
		
		.right-grey .content img {
		    margin: 20px 0 10px 0;
		    padding: 0px;
		    border: none;
			}
	
		.right-grey .content p {
		    margin: 0;
			}
			
	.right-grey .content .zero {
	    margin: 0;
	    padding: 0;
	    width: auto;
	    height: auto;
	    line-height: 1.2;
		}
	
	.right-grey .content .first {
	    margin: 0 22px 0 0;
	    padding: 0;
	    width: 180px;
	    float: left;
	    height: auto;
	    font-size: 13px;
	    line-height: 1.7;
		}
	
	.right-grey .content .second {
	    margin: 0;
	    padding: 0;
	    width: 180px;
	    float: left;
	    height: auto;
	    font-size: 13px;
	    line-height: 1.7;
		}
		
		.right-grey .content .first h5, .right-grey .content .second h5 {
		    line-height: 1.7;
			}
			
		.full-width.blue .right-grey .content .first a, .full-width.blue .right-grey .content .second a {
		    color: #0494e7;
			}
	
		.full-width.green .right-grey .content .first a, .full-width.green .right-grey .content .second a {
		    color: #179f07;
			}
	
/* --- END Table SPLIT page colorsection --- */


::-moz-placeholder {
    color: #333;
    font-weight: 300;
    opacity: 1;
	}

::-webkit-input-placeholder {
    color: #333;
    font-weight: 300;
	}

button, input[type="button"], input[type="reset"], input[type="submit"], .button {
    background-color: #003575;
    border: medium none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    float: left;
    height: 34px;
    padding: 0;
    /*text-transform: uppercase;*/
    width: 160px;
	}
	
.post-password-form label, .post-password-form label input, .post-password-form input[type="submit"] {
    float: none;
    clear: both;
    display: block;
}

.post-password-form input[type="submit"] {
    margin: 30px 0 0 0;
}

.footer-widgets button, .footer-widgets input[type="button"], .footer-widgets input[type="reset"], .footer-widgets input[type="submit"], .footer-widgets .button {
    background-color: #00b2fa;
    color: #fff;
	}

button:hover, input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"], .button:hover {
    background-color: #00b2fa;
    color: #fff;
	}

.entry-content .button:hover {
    color: #fff;
	}

.footer-widgets button:hover, .footer-widgets input:hover[type="button"], .footer-widgets input:hover[type="reset"], .footer-widgets input:hover[type="submit"], .footer-widgets .button:hover {
    background-color: #fff;
    color: #333;
	}

.button {
    display: inline-block;
	}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button {
    display: none;
	}

/* ## Tables
 --------------------------------------------- */

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 40px;
    width: 100%;
	}

tbody {
    border-bottom: 0;
	}

td, th {
    text-align: left;
	}

td {
    border-top: 0;
    padding: 5px 30px 5px 0;
	}

th {
    font-weight: 400;
	}
tr {
    vertical-align: top;
}

.ttitle {
    padding: 10px 0 0 0;
}

/* # Structure and Layout
 ---------------------------------------------------------------------------------------------------- */

/* ## Site Containers
 --------------------------------------------- */

.svr-home .zone.right {
    position: relative;
    vertical-align: top;
    display: inline-block;
    height: 100%;
    width: 1900px;
    background: none repeat scroll 0 0 #00b2fa;
    text-align: left;
	}

.svr-home .zone.right {
    background: none repeat scroll 0 0 #FFFFFF;
	}

.zone.right .front-content {
    min-height: 180px;
    height: auto;
    padding: 10px;
    text-align: left;
    width: 412px;
    float: left;
	}

#featured-post-5 {
    float: left;
	}	

	#featured-post-5.widget {
	    margin: 0;
	    max-width: 300px;
	    overflow: hidden;
	    padding: 40px 0;
		}

.site-inner, .wrap {
    margin: 0 auto;
    max-width: 100%;
	}

.site-inner {
    background-color: #fff;
    clear: both;
	}

/* ## Column Widths and Positions
 --------------------------------------------- */

/* ### Wrapping div for .content and .sidebar-primary */

.content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap {
    width: 980px;
	}

.content-sidebar-sidebar .content-sidebar-wrap {
    float: left;
	}

.sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap {
    float: right;
	}

.content-sidebar .content, .content-sidebar-sidebar .content, .sidebar-content-sidebar .content {
    float: left;
	}

.content-sidebar-sidebar .content, .sidebar-content-sidebar .content, .sidebar-sidebar-content .content {
    width: 580px;
	}

.full-width-content .content {
    width: 100%;
	}

/* ### Primary Sidebar */

.sidebar-primary {
    float: right;
    width: 360px;
	}

.sidebar-content .sidebar-primary, .sidebar-sidebar-content .sidebar-primary {
    float: left;
	}

/* ### Secondary Sidebar */

.sidebar-secondary {
    float: left;
    width: 180px;
	}

.content-sidebar-sidebar .sidebar-secondary {
    float: right;
	}

/* ## Column Classes
 --------------------------------------------- */
/* Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css */

.five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds {
    float: left;
    margin-left: 2.564102564102564%;
	}

.one-half, .three-sixths, .two-fourths {
    width: 48.717948717948715%;
	}

.one-third, .two-sixths {
    width: 31.623931623931625%;
	}


.four-sixths, .two-thirds {
    width: 65.81196581196582%;
	}

.one-fourth {
    width: 23.076923076923077%;
	}

.three-fourths {
    width: 74.35897435897436%;
	}

.one-sixth {
    width: 14.52991452991453%;
	}

.five-sixths {
    width: 82.90598290598291%;
	}

.first {
    clear: both;
    margin-left: 0;
	}

/* # Common Classes
 ---------------------------------------------------------------------------------------------------- */

/* ## Avatar
 --------------------------------------------- */

.avatar {
    float: left;
	}

.alignleft .avatar, .author-box .avatar {
    margin-right: 24px;
	}

.alignright .avatar {
    margin-left: 24px;
	}

.comment .avatar {
    margin: 0 16px 24px 0;
	}

/* ## Genesis
 --------------------------------------------- */

.breadcrumb {
    margin-bottom: 20px;
	}

.archiv-publikationen .archive-description {
    text-align: center;
	}

	.archive-description, .author-box {
	    background-color: #fff;
	    font-size: 16px;
	    margin-bottom: 40px;
	    padding: 40px 40px 40px 0px;
		}
	
	.author-box-title {
	    font-size: 16px;
	    margin-bottom: 4px;
		}
	
	.archive-description p:last-child, .author-box p:last-child {
	    margin-bottom: 0;
		}

/* ## Search Form
 --------------------------------------------- */

.site-header .search-wrap {
    float: right;
    margin: 10px 0 0 0;
	}
	
.site-header #search-title {
    right: 0px;
    float: left;
    font-size: 15px;
    margin: 10px 0 0 0px;
	}

.site-header .search-form {
    position: relative;
    left: 10px;
    top: 0px;
    float: left;
	}

	.site-header .search-form input {
	    background-color: transparent;
	    background-image: url("images/search-icon.png");
	    background-position: 0 0;
	    background-repeat: no-repeat;
	    background-size: 32px 32px;
	    border: none;
	    cursor: pointer;
	    height: 37px;
	    margin: 3px 0;
	    padding: 0 0 0 36px;
	    position: relative;
	    -webkit-transition: width 400ms ease, background 400ms ease;
	    transition: width 400ms ease, background 400ms ease;
	    width: 0;
		}
	
	.search-form
		input[type="submit"] {
	    display: none;
		}
	
	.search-form {
	    overflow: hidden;
		}

	.site-header .search-form input[type="search"] {
	    padding-right: 10px;
	    -moz-transition: 400ms width ease;
	    -webkit-transition-duration: 400ms;
	    -webkit-transition-property: width;
	    -webkit-transition-timing-function: ease;
	    -o-transition-duration: 400ms;
	    -o-transition-property: width;
	    -o-transition-timing-function: ease;
	    width: 32px;
	    height: 32px;
		}
	
	.site-header .search-form input[type="search"]:focus {
	     background-color: #fff;
	    border: 1px solid #D6D6D6;
	    border-radius: 6px;
	    cursor: text;
	    outline: 0;
	    width: 190px;
	    height: 32px;
	    font-size: 15px;
		}

/* ## WordPress
 --------------------------------------------- */

a.aligncenter img {
    display: block;
    margin: 0 auto;
	}

a.alignnone {
    display: inline-block;
	}

.alignleft {
    float: left;
    text-align: left;
	}

.alignright {
    float: right;
    text-align: right;
	}

a.alignleft, a.alignnone, a.alignright {
    max-width: 100%;
	}

img.centered, .aligncenter {
    display: block;
    margin: 0 auto 24px;
	}

img.alignnone, .alignnone {
    margin-bottom: 12px;
	}

a.alignleft, img.alignleft, .wp-caption.alignleft {
    margin: 0 24px 24px 0;
	}

a.alignright, img.alignright, .wp-caption.alignright {
    margin: 0 0 24px 24px;
	}

.wp-caption-text {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    line-height: 1.2;
	}

.entry-content p.wp-caption-text {
    margin-bottom: 0;
	}

.sticky {
	}

/* # Widgets
 ---------------------------------------------------------------------------------------------------- */

.widget {
    word-wrap: break-word;
	}

	.widget ol > li {
	    list-style-position: inside;
	    list-style-type: decimal;
	    padding-left: 20px;
	    text-indent: -20px;
		}
	
	.widget li li {
	    border: none;
	    margin: 0 0 0 30px;
	    padding: 0;
		}

.widget_calendar table {
    width: 100%;
	}

	.widget_calendar td, .widget_calendar th {
	    text-align: center;
		}

/* ## Featured Content
 --------------------------------------------- */

.featured-content .entry {
    margin-bottom: 0px;
    padding: 0;
	}

.footer-widgets .entry {
    border-bottom: 1px dotted #666;
	}

.featured-content .entry-title {
    font-size: 20px;
	}


.full-width.center .read-more, .read-more {
    clear: both;
    display:block;
    margin: 20px 0 0 0;
    /*font-size: 14px;*/
    font-size: 15px;
    float: none;
    font-weight: 700;
	}
.green .read-more, .read-more.green  {
    color: #179F07;
}

/* Home Page / widgets
 --------------------------------------------- */
.svr-home {
    font-size: 15px;
    line-height: 1.35;
    text-align: justify;
	}

.split {
    display: table;
    position: relative;
    width: 100%;
	}
	
.split > * {
    display: table-cell;
    vertical-align: top;
    width: 50%;
	}

.home-widgets .widget {
    clear: both;
    margin: 0 auto;
    max-width: 1200px;
    padding: 30px 0 24px 0;
    overflow: hidden;
	}
	
#home-widgets .wrap {
    max-width: 1200px;
	}

#home-widgets .wrap.white {
	margin-top: 10px;
    height: auto;
	}

.home-area .home-featured .wrap, .home-title .wrap {
    margin: 40px 0 0 0;
	}
	
.home-widgets-1 {
	max-width: 500px;
	margin: 0 100px 0 0;
    color: #FFFFFF;
    height: auto;
    float: right;
	}

.home-widgets-2 {
	max-width: 480px;
    color: #FFFFFF;
    height: auto;
    margin: 0 0px 0 100px;
	}

.home-widgets-3 {
    float: left;
    max-width: 375px;
    margin: 0 0 0 50px;
	}

.home-widgets-4 {
    max-width: 1176px;
    margin: 0 auto;
    height: auto;
    color: #FFFFFF;
	}

.footer-stiftungen {
    max-width: 1176px;
    margin: 0 auto;
	}

.home-widgets .more-from-category,
.home-widgets .featured-content article ~ ul,
.home-widgets .featured-content article ~
.widget-title {
    clear: both;
	}
	
.home-widgets .more-from-category {
    padding: 0 0 20px 0;
     margin: 0 0 20px 0;
    font-weight: 700;
}

.home-widgets .entry-content > p:last-child, .home-featured .entry-content > p:last-child, .home-title .home-area > p:last-child {
    margin-bottom: 0;
	}
	

/* Home Page / color area / blue / green
 --------------------------------------------- */

.home-wrap-blue {
    background-color: #00b2fa;
    -webkit-transition: background-color 250ms ease-in-out, color 250ms ease-in-out, border 250ms ease-in-out, opacity 250ms ease-in-out;
    -moz-transition: background-color 250ms ease-in-out, color 250ms ease-in-out, border 250ms ease-in-out, opacity 250ms ease-in-out;
    -ms-transition: background-color 250ms ease-in-out, color 250ms ease-in-out, border 250ms ease-in-out, opacity 250ms ease-in-out;
    transition: background-color 250ms ease-in-out, color 250ms ease-in-out, border 250ms ease-in-out, opacity 250ms ease-in-out;
	}
	
	.home-wrap-blue:hover {
    	background-color: #ffffff;
    	color: #00b2fa;
		}

	.home-wrap-blue:hover a {
    	color: #0494e7;
		}

.home-wrap-green {
    background-color: #53be44;
    -webkit-transition: background-color 250ms ease-in-out, color 250ms ease-in-out, border 250ms ease-in-out, opacity 250ms ease-in-out;
    -moz-transition: background-color 250ms ease-in-out, color 250ms ease-in-out, border 250ms ease-in-out, opacity 250ms ease-in-out;
    -ms-transition: background-color 250ms ease-in-out, color 250ms ease-in-out, border 250ms ease-in-out, opacity 250ms ease-in-out;
    transition: background-color 250ms ease-in-out, color 250ms ease-in-out, border 250ms ease-in-out, opacity 250ms ease-in-out;
	}

	.home-wrap-green:hover {
    	background-color: #ffffff;
    	color: #53be44;
		}
	
	.home-wrap-green:hover a {
		padding-top: 20px;
    	color: #179f07;
		}
		
/* gemeinsame Farben blue/green */

	.home-wrap-blue h2, .home-wrap-green h2 {
		padding: 0 0 11px 0;
		font-size: 30px;
	 	color: #fff;
		}
		
	.home-wrap-blue:hover h2, .home-wrap-green:hover h2 {
    	color: #2d2d2d;
		}

	.home-wrap-blue:hover article, .home-wrap-green:hover article {
    	color: #2d2d2d;
		}

	.home-wrap-blue p, .home-wrap-green p {
		margin-top: 10px;
		margin-bottom: 0px;
		}
	
	.home-wrap-blue a, .home-wrap-green a {
	 	color: #fff;
		}
		
/* END gemeinsame Farben blue/green */		


.wrap-blue-dark {
    background-color: #0096ee;
    -webkit-transition: background-color 250ms ease-in-out, color 250ms ease-in-out, border 250ms ease-in-out, opacity 250ms ease-in-out;
    -moz-transition: background-color 250ms ease-in-out, color 250ms ease-in-out, border 250ms ease-in-out, opacity 250ms ease-in-out;
    -ms-transition: background-color 250ms ease-in-out, color 250ms ease-in-out, border 250ms ease-in-out, opacity 250ms ease-in-out;
    transition: background-color 250ms ease-in-out, color 250ms ease-in-out, border 250ms ease-in-out, opacity 250ms ease-in-out;
    display: table;
    width: 100%;
	}
	
	.home-widgets-4 #featured-custom-post-type-3 {
    	padding: 20px 80px 10px 0;
        max-width: 900px;
        float: left;
		}
		
	.home-widgets-4 #text_icl-10, .home-widgets-4 #text_icl-11 {
        padding: 20px 0 10px 0;
        max-width: 250px;
        display: table-cell;
        }

    /*
    .home-widgets-4 {
        display: flex;
        flex-direction: row;
    }
    .home-widgets-4 #text_icl-10 {
        padding: 20px 0 10px 0;
        max-width: 250px;
        display: flex;
        margin: 0 0 0 auto;
    }
       */
		
	.wrap-blue-dark h2 {
		padding: 11px 0 11px 0;
	    font-size: 30px;
	 	color: #fff;
		}

	.wrap-blue-dark article h2 {
		padding-bottom: 11px;
    	font-size: 18px;
 		color: #fff;
		}
		
	.wrap-blue-dark img {
		padding: 0 30px 0 0;
		}
	
	.wrap-blue-dark p {
		margin-top: 10px;
		margin-bottom: 0px;
		}
	
	.wrap-blue-dark a {
	 	color: #fff;
		}
		
		
		
	.wrap-blue-dark a.read-more {
    	display: block;
        font-size: 14px;
        margin: 20px 0 0;
        clear: none;
		}

.wrap-blue-dark:hover {
    background-color: #ffffff;
    color: #2d2d2d;
}

	.wrap-blue-dark:hover article {
    	color: #2d2d2d;
		}
		
	.wrap-blue-dark:hover h2 {
    	/*color: #2d2d2d;*/
        color: #0494e7;
		}
	
	.wrap-blue-dark:hover a {
    	color: #0494e7;
		}
		
	
/* Home Page /  Aktuelles
 --------------------------------------------- */

#featured-post-3 {
    text-align: left;
    height: 420px;
	}

	#featured-post-3 h2 {
		padding: 0;
	    margin: 0 0 30px 0;
	    font-size: 30px;
		}
	
	
	
	#featured-post-3 article {
	    padding: 0 0 10px 0;
	    margin: 0 0 10px 0;
	    border-bottom: 1px solid #c8c8c8;
		}
		
		#featured-post-3 article p {
			margin: 0 0 14px 0;
			}
	
		#featured-post-3 article:last-child {
		    padding: 9px 0 20px 0;
		    margin: 0;
		    border-bottom: none;
			}
	
	#featured-post-3 .entry-title {
	    font-size: 15px;
	    padding: 0;
	    margin: 0 0 10px 0;
		}

	#featured-post-3 .entry-content.blue a, #featured-post-3 .entry-content.blue a h2, #featured-post-3 .entry-content.blue p, .entry-content.blue {
        color: #05a9f3;
        }
    
    #featured-post-3 .entry-content.green a, #featured-post-3 .entry-content.green a h2, #featured-post-3 .entry-content.green p {
        color: #179f07;
        }
	
	#featured-post-3 .entry-content.blue a:hover, #featured-post-3 .entry-content.blue a.blue:hover h2, #featured-post-3 .entry-content.green a:hover, #featured-post-3 .entry-content.green a:hover h2 {
	    color: #2d2d2d;
		}

    #featured-post-3 .entry-content a {
        font-weight: 700;
    }
	
	#featured-post-3 .more-link {
		margin-top: 10px;
	    font-size: 13px;
	    font-family: 'robotoregular';
		}

    .more-link {
        font-weight: 700;
    }


/* Home Page /  Carousel 
--------------------------------------------- */

.carousel-area {
    float: left;
    margin: 0 auto;
    max-width: 775px;
    margin: 30px 0 0 0;
    text-align: left;
	}

	.carousel {
	    display: block;
	    overflow: hidden;
	    position: relative;
	    width: 775px;
	    margin: 0;
	    padding: 0;
		}
		
	.carousel-container, .carousel-container-en {
	    border: 0;
	    margin: 20px 0px;
	    display: block;
	    overflow: hidden;
	    width: 820px;
	    margin: 0;
	    /* height: 360px;*/
	   height: auto;
		}
	
	.carousel-wrapper, .carousel-wrap {
	    padding: 0;
		}
		
		.carousel-wrap {
        margin: 0px 0 0 0;
        }
	

	.carousel-container .featured-content article .entry-header, .carousel-container .featured-content article .entry-content {
	    padding: 0;
	    margin: 0 60px 0 30px;
		}

.carousel.responsive {
    width: 100% !important;
	}

	.carousel-press-title {
	    position: absolute;
	    top: 0px;
	    display: inline-block;
		}
	
	.carousel-press-title h2 {
		padding: 0;
	    font-size: 30px;
		}
		
	.carousel-nav, .carousel-nav-en {
	    float: right;
	    width: 64px;
	    height: 32px;
	    margin: 0 0 24px 0;
		}
	
		.carousel-nav .previous {
		    display: block;
		    width: 32px;
		    height: 32px;
		    float: left;
		    background: url("images/arrow_left.png") no-repeat 0 0;
			}
		
		.carousel-nav .next {
		    display: block;
		    width: 32px;
		    height: 32px;
		    float: left;
		    background: url("images/arrow_right.png") no-repeat 0 0;
			}

		.carousel-nav .previous:hover {
		    background: url("images/arrow_left_on.png") no-repeat 0 0;
			}
		
		.carousel-nav .next:hover {
		    background: url("images/arrow_right_on.png") no-repeat 0 0;
			}

.carousel-container article {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    border: 0px;
	}
	
.carousel-container-en article {
    width: 360px;
    float: left;
    margin: 0 50px 0 0;
    padding: 0;
    border: 0px;
    }

.carousel-content {
    padding: 0;
    width: 360px;
	}

.carousel-area header {
    width: 100%;
	}

	.carousel-content .entry-content {
	    max-width: 340px;
	    margin: 0 auto;
	    padding: 10px 0 0 0;
		}
		
		
		
		.carousel-content .entry-content-en {
        max-width: 360px;
        margin: 0 auto;
        padding: 0;
        }
        
        .carousel-content .entry-content-en p {
        max-width: 340px;
        margin: 0 auto;
        padding: 10px 0 0 0;
        }
	
        
         
	.carousel-content .entry-title, .carousel-content .entry-content-en h2 {
	    font-size: 15px;
	    line-height: 1.2;
	    padding: 0;
	    text-align: left;
		}
	
	.carousel-content .entry-title.blue, .carousel-content .entry-content-en.blue h2 {
	    background: #05a9f3;
	    color: #ffffff;
		}

	.carousel-content .entry-title.blue a, .carousel-content .entry-content-en.blue h2 a {
	    color: #ffffff;
	    padding: 5px 18px;
	    display: block;
		}
	
	.carousel-content .entry-title.blue a:hover, .carousel-content .entry-content-en.blue h2 a:hover {
	    background-color: #ffffff;
	    color: #00b2fa;
		}
	
	.carousel-content .entry-title.green, .carousel-content .entry-content-en.green h2 {
	    background: #51b842;
	    color: #ffffff;
		}
	
	.carousel-content .entry-title.green a, .carousel-content .entry-content-en.green h2 a {
	    color: #ffffff;
	    padding: 8px 18px;
	    display: block;
		}
	
	.carousel-content .entry-title.green a:hover, .carousel-content .entry-content-en.green h2 a:hover {
	    background-color: #ffffff;
	    color: #179f07;
		}
		
		.carousel-content .entry-content-en.green p a {
		 color: #179f07;   
		}
		.carousel-content .entry-content-en.green p a:hover {
         color: #2d2d2d;   
        }
		
/* # Site Header
 ---------------------------------------------------------------------------------------------------- */

.site-header {
    background-color: #FFFFFF;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 400;
	}

.admin-bar .site-header {
    top: 32px;
	}

.bumper {
    min-height: 177px;
	}

.site-header .wrap {
    padding: 0px 40px 0px 40px;
    max-width: 1280px;
    min-height: 177px;
	}

.site-header, .site-header .wrap, .site-description {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
	}


/* ## subnav language
 --------------------------------------------- */

#language {
    float: right;
    margin: 0;
    padding: 7px 13px 0 0;
    width: auto;
    height: 15px;
    font-family: "robotoregular", sans-serif;
    font-size: 11px;
    color: #9ea1a2;
    letter-spacing: 0.1em;
    line-height: 1.5;
    text-transform: uppercase;
    vertical-align: top;
    }

    
#lang_sel_list.wpml-ls-statics-shortcode_actions, #lang_sel_list.wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu, #lang_sel_list.wpml-ls-statics-shortcode_actions a {
    border-color: none;
}
#lang_sel_list.wpml-ls-legacy-list-horizontal {
    border: none;
    clear: both;
    padding: 4px 0 0 0;
    height: 15px;
}
#lang_sel_list.wpml-ls-legacy-list-horizontal a {
    display: block;
    line-height: 1;
    padding: 0px;
    text-decoration: none;
}


    #lang_sel_list {
	   	float: right;
	   	margin: 0;
	    padding: 10px 13px 0 0;
	    width: auto;
	    height: 15px;
	    font-family: "robotoregular", sans-serif;
	    font-size: 11px;
	    color: #9ea1a2;
	    letter-spacing: 0.1em;
	    text-transform: uppercase;
	    margin: 0 0 0 -5px;
    }
    #lang_sel_list li {
        margin: 4px 5px 0 0 !important;
        float: left;
    }
    #lang_sel_list li.icl-de {
         border-right: 1px solid #CCCCCC;
        padding: 0 5px 0 0 !important;
        color: #9ea1a2;
    }
    
    #lang_sel_list li.icl-en {
       
    }
    
    #lang_sel_list li.icl-de a.lang_sel_other, #lang_sel_list li.icl-en a.lang_sel_other, #lang_sel_list a.lang_sel_sel:hover {
        color: #9ea1a2;
    	}

    #lang_sel_list a.lang_sel_sel {
        color: #646360;
        font-weight: bold;
    }
    
    #lang_sel_list a.lang_sel_sel {
        background-image: none;
        color: #9ea1a2;
    }
    #lang_sel_list ul a{
        color: #9ea1a2;
    }
    #lang_sel_list a,  #language a {
        color: #9ea1a2;
        text-align: left;
    	}
    
    #lang_sel_list a:hover,  #language a:hover {
        color: #00a6e2;
    	}
    



/* ## Header Top / Title Area
 --------------------------------------------- */

.title-area {
    float: left;
    padding: 0px 0 10px 0;
    width: 440px;
    height: 100px;
	}

    .title-area img {
        height: 100%;
        padding-top: 10px;
    }

.header-full-width .title-area {
    width: 100%;
	}

.site-title {
    font-size: 32px;
    font-weight: 400;
    line-height: 1.2;
	}

	.site-title a, .site-title a:hover {
	    color: #333;
		}

.header-image .site-title > a {
    float: left;
    min-height: 100px;
    width: 100%;
	}

.site-description {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
	}

.site-description, .site-title {
    margin-bottom: 0;
	}

.header-image .site-description, .header-image .site-title {
    display: block;
    text-indent: -9999px;
	}

/* ## Widget Area
 --------------------------------------------- */

.site-header .widget-area {
    color: #049fe7;
    float: left;
    text-align: left;
    margin-top: 15px;
    margin-left: 30px;
    /*margin-bottom: 29px;*/
    margin-bottom: 14px;
    width: 730px;
}


/* Shrink
 --------------------------------------------- */

.site-header.shrink .wrap {
    background-color: rgba(255, 255, 255, 0.1);
    min-height: 130px;
    padding: 0 40px 24px 40px;
	}

.shrink .site-title {
    font-size: 36px;
    padding-top: 10px;
	}

.shrink .title-area img {
    float: left;
    padding: 0px 0 10px 0;
    width: auto;
    height: 95px;
	}

.header-image .shrink .site-title {
    padding: 0;
	}

	.header-image .shrink .site-title > a {
	    min-height: 80px;
		}

.shrink .site-title a {
    background-size: 350px 80px !important;
	}

.site-header.shrink .widget-area {
    padding-top: 0;
}

.site-header.shrink .nav-secondary {
    margin: 0px;
}


/* # Site Navigation
 ---------------------------------------------------------------------------------------------------- */

.ubermenu-skin-none {
  font-size: 12px;
  color: #888888;
	}

#ubermenu-nav-main-3-primary a, #ubermenu-nav-main-78-primary a {
    -moz-transition-property: none;
	-webkit-transition-property: none;
	-o-transition-property: none;
	transition-property: none;
	}
	
	
#ubermenu-nav-main-3-primary .top-svr.ubermenu-current-menu-ancestor.ubermenu-item-level-0 a span, #ubermenu-nav-main-3-primary .top-forschung.ubermenu-current-menu-ancestor.ubermenu-item-level-0 a span, #ubermenu-nav-main-78-primary .top-svr.ubermenu-current-menu-ancestor.ubermenu-item-level-0 a span, #ubermenu-nav-main-78-primary .top-forschung.ubermenu-current-menu-ancestor.ubermenu-item-level-0 a span {
    font-family: "robotoregular",sans-serif;
}
	
#ubermenu-nav-main-3-primary .top-svr.ubermenu-current-menu-ancestor.ubermenu-item-level-0:after, #ubermenu-nav-main-3-primary .top-forschung.ubermenu-current-menu-ancestor.ubermenu-item-level-0:after, #ubermenu-nav-main-78-primary .top-svr.ubermenu-current-menu-ancestor.ubermenu-item-level-0:after, #ubermenu-nav-main-78-primary .top-forschung.ubermenu-current-menu-ancestor.ubermenu-item-level-0:after {
   content: "";
   height: 1px;
   background: #97a4a4;
   position: relative;
   bottom: 8px;
   width: 70px;
   left: 20px;
}
#ubermenu-nav-main-3-primary .ubermenu-submenu-drop, #ubermenu-nav-main-78-primary .ubermenu-submenu-drop {
    border-top: 1px solid #f0f0f0;
    margin: 15px 0 0;
    height: 273px;
	}

#ubermenu-nav-main-3-primary .top-svr a span, #ubermenu-nav-main-78-primary .top-svr a span {
    color: #00b2fa;
	}

	#ubermenu-nav-main-3-primary .top-svr div a span, #ubermenu-nav-main-78-primary .top-svr div a span {
	    color: #cacaca;
		}

#ubermenu-nav-main-3-primary .top-forschung a span, #ubermenu-nav-main-78-primary .top-forschung a span {
    color: #53be44;
	}

	#ubermenu-nav-main-3-primary .top-forschung div a span, #ubermenu-nav-main-78-primary .top-forschung div a span {
	    color: #cacaca;
	    color: #53be44;
	    font-size: 15px;
		}

#ubermenu-nav-main-3-primary li.top-forschung div ul .ubermenu-has-submenu-stack .ubermenu-target, #ubermenu-nav-main-78-primary li.top-forschung div ul .ubermenu-has-submenu-stack .ubermenu-target {
    color: #fff;    
    background: #53be44;
    width: 347px;
    margin: 25px 0 0 0;
    font-weight: 300;
    text-transform: uppercase;
	}

#ubermenu-nav-main-3-primary li.top-svr div ul .ubermenu-has-submenu-stack .ubermenu-target, 
#ubermenu-nav-main-78-primary li.top-svr div ul .ubermenu-has-submenu-stack .ubermenu-target {
    color: #fff;    
    background: #00b2fa;
    width: 347px;
    margin: 25px 0 0 0;
    font-weight: 300;
    text-transform: uppercase;
	}

	#ubermenu-nav-main-3-primary li div ul .ubermenu-has-submenu-stack a.ubermenu-target .ubermenu-target-title, #ubermenu-nav-main-78-primary li div ul .ubermenu-has-submenu-stack a.ubermenu-target .ubermenu-target-title {
	    color: #eeeeee; 
		}

#ubermenu-nav-main-3-primary .ubermenu-target-text, #ubermenu-nav-main-78-primary .ubermenu-target-text {
    font-weight: 300;
    text-transform: uppercase;
	}


#ubermenu-nav-main-3-primary li.top-svr div ul .ubermenu-has-submenu-unk ul .ubermenu-item-level-3 a.ubermenu-target,
#ubermenu-nav-main-3-primary li.top-svr div ul .ubermenu-has-submenu-unk ul .ubermenu-item-level-3 a span.ubermenu-target-title,
#ubermenu-nav-main-78-primary li.top-svr div ul .ubermenu-has-submenu-unk ul .ubermenu-item-level-3 a.ubermenu-target,
#ubermenu-nav-main-78-primary li.top-svr div ul .ubermenu-has-submenu-unk ul .ubermenu-item-level-3 a span.ubermenu-target-title,
#ubermenu-nav-main-3-primary li.top-svr div ul .ubermenu-has-submenu-stack ul .ubermenu-item-level-3 a.ubermenu-target, #ubermenu-nav-main-3-primary li.top-svr div ul .ubermenu-has-submenu-stack ul .ubermenu-item-level-3 a span.ubermenu-target-title, #ubermenu-nav-main-78-primary li.top-svr div ul .ubermenu-has-submenu-stack ul .ubermenu-item-level-3 a.ubermenu-target, #ubermenu-nav-main-78-primary li.top-svr div ul .ubermenu-has-submenu-stack ul .ubermenu-item-level-3 a span.ubermenu-target-title {
    color: #00b2fa; 
    background: none;
    margin: 0;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 15px;
	}

#ubermenu-nav-main-3-primary li.top-forschung div ul .ubermenu-has-submenu-stack ul .ubermenu-item-level-3 a.ubermenu-target, #ubermenu-nav-main-3-primary li.top-forschung div ul .ubermenu-has-submenu-stack ul .ubermenu-item-level-3 a span.ubermenu-target-title, #ubermenu-nav-main-78-primary li.top-forschung div ul .ubermenu-has-submenu-stack ul .ubermenu-item-level-3 a.ubermenu-target, #ubermenu-nav-main-78-primary li.top-forschung div ul .ubermenu-has-submenu-stack ul .ubermenu-item-level-3 a span.ubermenu-target-title {
    color: #53be44; 
    background: none;
    margin: 0;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 15px;
	}

#ubermenu-nav-main-3-primary li div ul .ubermenu-has-submenu-stack ul .ubermenu-item-level-3 a span.ubermenu-target-description, #ubermenu-nav-main-78-primary li div ul .ubermenu-has-submenu-stack ul .ubermenu-item-level-3 a span.ubermenu-target-description {
    color: #898989; 
    background: none;
    text-transform: none;
    font-style: italic;
    font-size: 13px;
	}

#ubermenu-nav-main-3-primary li div ul .ubermenu-column-1-3 ul .ubermenu-item-level-3 a span, #ubermenu-nav-main-78-primary li div ul .ubermenu-column-1-3 ul .ubermenu-item-level-3 a span {
    color: #253557; 
    background: none;
    text-transform: none;
	}


/* Hauptmenu Punkte SVR / Forschung */

.ubermenu-skin-none .ubermenu-target {
  	color: #555555;
	}

	.ubermenu-skin-none .ubermenu-target-description {
	  	color: #aaaaaa;
		}
	
.ubermenu-skin-none.ubermenu-responsive-toggle {
  	background: #222222;
  	color: #eeeeee;
  	font-size: 12px;
  	text-transform: uppercase;
  	font-weight: bold;
	}

	.ubermenu-skin-none.ubermenu-responsive-toggle:hover {
	  	background: #111111;
	  	color: #ffffff;
		}
	
.ubermenu-skin-none {
  	border: none;
  	background: #222222;
	}
	
.ubermenu-skin-none .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target,
.ubermenu-skin-none .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target,
.ubermenu-skin-none .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target {
 
	}

.ubermenu-skin-none .ubermenu-item.ubermenu-item-level-0 > .ubermenu-highlight {
  	color: #4d90fe;
  	background: transparent;
	}

.ubermenu-skin-none.ubermenu-vertical .ubermenu-item-level-0 > .ubermenu-target {
  	background: #222222;
	}

/* Hauptmenu Punkte */

.ubermenu-skin-none .ubermenu-item-level-0 > .ubermenu-target {
	}

.ubermenu-skin-none .ubermenu-item-level-0:first-child > .ubermenu-target {
  	box-shadow: none;
	}

.ubermenu-skin-none .ubermenu-item-level-0 > .ubermenu-submenu-type-stack > .ubermenu-item > .ubermenu-target {
  	color: #d9d9d9;
	}

.ubermenu-skin-none .ubermenu-item-level-0 > .ubermenu-submenu-type-stack > .ubermenu-item > .ubermenu-target:hover {
  	color: #ffffff;
	}

/* Megamenu Background Color */

.ubermenu-skin-none .ubermenu-submenu.ubermenu-submenu-drop {
  	background: #f9f9f9;
	}

.ubermenu-skin-none.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop {
  	border-top: none;
	}
	
.ubermenu-skin-none .ubermenu-tab-content-panel {
  	background: #f9f9f9;
	}
	
.ubermenu-skin-none .ubermenu-submenu,
.ubermenu-skin-none .ubermenu-submenu .ubermenu-target {
  	color: #555555;
	}
	
.ubermenu-skin-none .ubermenu-submenu .ubermenu-highlight {
  	color: #4d90fe;
	}
	
.ubermenu-skin-none .ubermenu-submenu .ubermenu-target:hover,
.ubermenu-skin-none .ubermenu-submenu .ubermenu-active > .ubermenu-target {
  	color: #111111;
	}
	
	.ubermenu-skin-none .ubermenu-submenu .ubermenu-target > .ubermenu-target-description {
	  	color: #aaaaaa;
		}
	
	.ubermenu-skin-none .ubermenu-submenu .ubermenu-active > .ubermenu-target > .ubermenu-target-description {
	  	color: #666666;
		}

.ubermenu-skin-none .ubermenu-submenu .ubermenu-item-header > .ubermenu-target {
  	font-weight: normal;
  	color: #555555;
	}

/* Caption Unterstrich */

.ubermenu-skin-none .ubermenu-submenu .ubermenu-item-header.ubermenu-has-submenu-stack > .ubermenu-target {
	}

.ubermenu-skin-none .ubermenu-submenu .ubermenu-item-header > .ubermenu-target:hover {
  	color: #222222;
	}

/* Current Item */

.ubermenu-skin-none .ubermenu-submenu .ubermenu-current-menu-item > .ubermenu-target {
  	color: #222222;
  	background: transparent;
	}

.ubermenu-nojs.ubermenu-skin-none .ubermenu-submenu .ubermenu-tabs .ubermenu-tab:hover > .ubermenu-target,
.ubermenu-skin-none .ubermenu-submenu .ubermenu-tab.ubermenu-active > .ubermenu-target {
  	background: #eeeeee;
  	color: #111111;
	}
	
.ubermenu-skin-none .ubermenu-tabs-group,
.ubermenu-skin-none .ubermenu-tab > .ubermenu-target,
.ubermenu-skin-none .ubermenu-tab-content-panel {
  	border-color: #eeeeee;  
	}
	
.ubermenu-skin-none .ubermenu-submenu-drop {
  	border-bottom-width: 3px;
	}


/* Nav header */ 

.nav-header {
    display: inline-block;
    float: left;
	}

#ubermenu-nav-main-3-primary, #ubermenu-nav-main-78-primary {
    -webkit-font-smoothing: subpixel-antialiased;
    font-family: "robotoregular", sans-serif;
    font-size: 16px;
    line-height: 1;
	}
	
#ubermenu-nav-main-3-primary .top-forschung, #ubermenu-nav-main-78-primary .top-forschung {
    margin: 0 0 0 20px;
}

	#ubermenu-nav-main-3-primary li a, #ubermenu-nav-main-78-primary li a {
	    text-transform: uppercase;
		}

.nav-secondary {
    height: 41px;
	}

.nav-secondary .wrap {
    padding: 0;
    height: 41px;
    min-height: 41px;
	}
	


.site-header.shrink .nav-secondary .wrap {
    background-color: rgba(255, 255, 255, 0.1);
    min-height: 41px;
    padding: 0;
	}

#ubermenu-nav-main-3-secondary .ubermenu-item, #ubermenu-nav-main-4-secondary .ubermenu-item, #ubermenu-nav-main-53-secondary .ubermenu-item {
    background-color: #97a4a4; /*#00a6e2;*/
    font-family: "robotoregular", sans-serif;
    margin: 0 2px 0 0;
	}

#ubermenu-nav-main-3-secondary .ubermenu-jahresgutachten, 
#ubermenu-nav-main-3-secondary .ubermenu-barometer, 
#ubermenu-nav-main-4-secondary .ubermenu-jahresgutachten, 
#ubermenu-nav-main-4-secondary .ubermenu-barometer, 
#ubermenu-nav-main-53-secondary .ubermenu-jahresgutachten, 
#ubermenu-nav-main-53-secondary .ubermenu-barometer {
    background-color: #00a6e2; /*#00a6e2;*/
    font-family: "robotoregular", sans-serif;
	}

#ubermenu-nav-main-3-secondary .ubermenu-item a, #ubermenu-nav-main-4-secondary .ubermenu-item a, #ubermenu-nav-main-53-secondary .ubermenu-item a {
    color: #FFFFFF;
    display: block;
    padding: 10px 25px 10px 25px;
    text-transform: uppercase;
    font-size: 15px;
	}

#ubermenu-nav-main-3-secondary .ubermenu-item a:hover, 
.genesis-nav-menu .current-menu-item > a, 
#ubermenu-nav-main-4-secondary .ubermenu-item a:hover, 
#ubermenu-nav-main-4-secondary .ubermenu-current-menu-item a, 
.genesis-nav-menu .current-menu-item > a, 
#ubermenu-main-4-secondary .ubermenu-current-post-ancestor a, 
#ubermenu-main-4-secondary .current-menu-ancestor a, 
#ubermenu-nav-main-3-secondary .ubermenu-current-category-ancestor a, 
#ubermenu-main-4-secondary .ubermenu-current-category-ancestor a, 
#ubermenu-nav-main-53-secondary .ubermenu-item a:hover, 
#ubermenu-nav-main-53-secondary .ubermenu-current-menu-item a, 
#ubermenu-nav-main-53-secondary .ubermenu-current-post-ancestor a, 
#ubermenu-nav-main-53-secondary .current-menu-ancestor a {
    background-color: rgba(0, 55, 118, 1.0);
    color: #ffffff;
	}


/* ubermenu-nav-main-3-primary */

#ubermenu-nav-main-3-primary .ubermenu-has-submenu-drop:hover > .ubermenu-target:after, #ubermenu-nav-main-78-primary .ubermenu-has-submenu-drop:hover > .ubermenu-target:after {
    content: "";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    margin-top: -14px;
    position: absolute;
    right: 50%;
    top: 100%;
    font-size: 22px;
    height: 26px;

}

#ubermenu-nav-main-3-primary .ubermenu-has-submenu-drop > .ubermenu-target:after, #ubermenu-nav-main-78-primary .ubermenu-has-submenu-drop > .ubermenu-target:after {
    display: none;
}

#ubermenu-nav-main-3-secondary .ubermenu-current-menu-item {
    background-color: #003776;
}

/* Nav-tabs Genesis */

#nav-tabs {
    width: 100%;
    height: 66px;
    margin: 0 auto;
    z-index: 1;
    background: #05a9f3;
	}

	#nav-tabs .blue {
	    background: #05a9f3;
		}
	
	#nav-tabs .green {
	    background: #18a907;
		}
	
	#nav-tabs .menu-topmenue-container, #nav-tabs .menu-topmenue-en0-container {
	    max-width: 1200px;
	    height: 66px;
	    margin: 0 auto;
	    z-index: -1;
		}

#nav-tabs #blue {
    position: absolute;
    background: #4dc1f4;
    width: 100%;
    height: 56px;
    z-index: 1;
    float: left;
    opacity: 0;
	}

#nav-tabs #blue-follow {
    position: relative;
    background: #4dc1f4;
    width: 100%;
    height: 56px;
    z-index: 1;
    float: left;
    opacity: 1;
	}

#nav-tabs #green {
    position: absolute;
    background: #18a907;
 	width: 100%;
    height: 56px;
    z-index: 1;
    float: left;
    opacity: 0;
	}

/* ## Site Header Navigation
 --------------------------------------------- */

.site-header .sub-menu {
    border-top: 1px solid #eee;
	}

	.site-header .sub-menu .sub-menu {
	    margin-top: -56px;
		}
	
.site-header .genesis-nav-menu li li {
	margin-left: 0;
	}

/* ## Primary Navigation
 --------------------------------------------- */

.nav-primary {
	}

.nav-primary .genesis-nav-menu li .sub-menu, .nav-primary {
    background-color: #FFFFFF;
	}

/* ## Secondary Navigation
 --------------------------------------------- */

.nav-secondary {
    background-color: #fff;
    z-index: 10;
    /* float: left; */
	}

.ubermenu .ubermenu-item .ubermenu-submenu-drop {
    background-color: #FFFFFF;
	}

/* # Content Area
 ---------------------------------------------------------------------------------------------------- */

/* *
 *
 * Page Full width
 *
 * */

section.full-width {
    max-width: 1200px;
	}
	
section.full-width.center {
	max-width: 1200px;
    margin: 0 auto;
    padding: 40px 13px 0 13px;
	}
	
section.full-width.presse {
	max-width: 1200px;
    margin: 0 auto;
    padding: 80px 13px 0 13px;
	}
		
/* ## Full width content 
 * -------------------- */

	.full-width.center ul, .left-content.blue ul, .left-content.green ul {
		list-style: none;
        margin: 0;
        padding: 0 0 20px 16px;
		text-indent: -14px;
		}
		
	.full-width.center li, .left-content.blue li, .left-content.green li {
    	list-style-type: none;
    	line-height: 1.3;
		padding: 0;
		margin: 0;
		}
	
	.full-width.center li a, .left-content.blue a {
    	font-size: 17px; /* font-size: 16px;*/
		color: #0494e7;
		margin: 0;
		display: inline;
		}
	
	.full-width.center a {
	    display: inline-block;
	}
	
	.full-width.center a.fancybox {
	    /* float: left; */
	}

	.full-width.center li a:hover, .left-content.blue li a:hover {
     	color: #001c46;
    }
	
	.full-width.center li:before, .left-content.blue li:before {
        content: "\f105";
        font-family: 'FontAwesome';
        margin: 0 8px 0 0;
        color: #0494e7;
        font-size: 18px;
        display: inline;
    }

    .full-width.center.green li:before, .left-content.green li:before {
        content: "\f105";
        font-family: 'FontAwesome';
        margin: 0 8px 0 0;
        color: #179f07;
        font-size: 18px;
        display: inline;
    }


    .full-width.green .full-width.center a[href$='.pdf']:before,
    .left-content.green a[href$='.pdf']:before,
    .full-width.green.center a[href$='.pdf']:before {
        position: relative;
        padding-right: 10px;
        padding-left: 4px;
        padding-bottom: 0;
        margin: 0;
        float: left;
        background: url(images/icon-pdf-green.gif) no-repeat 4px 2px / auto 24px;
        height: 26px;
        width: 17px;
        display: block;
        content: '';
    }



    .full-width.blue .full-width.center a[href$='.pdf']:before,
    .left-content.blue a[href$='.pdf']:before,
    .full-width.center a[href$='.pdf']:before {
        /*content: url(images/icon-pdf-blue.gif);*/
        position: relative;
        padding-right: 10px;
        padding-left: 4px;
        padding-bottom: 0;
        margin: 0;
        float: left;
        background: url(images/icon-pdf-blue.gif) no-repeat 4px 2px / auto 24px;
        height: 26px;
        width: 17px;
        display: block;
        content: '';
    }

    .full-width.blue .left a[href$='.pdf'],
    .left-content.blue a[href$='.pdf'],
    .full-width.green a[href$='.pdf'],
    .left-content.green a[href$='.pdf'],
    .full-width.green.center a[href$='.pdf'] {
        display: inline-block;
    }

    .full-width.blue .left a, .left-content.blue a, .full-width.green a, .left-content.green a, .full-width.green.center a {
        clear: both;
        /*display: inline-block;*/
    }

    .full-width.green .left a, .left-content.green a, .full-width.green.center a {
        clear: both;
        /*display: inline-block;*/
        color: #179f07;
    }

    .full-width.green a:hover, .left-content.green a:hover {
        color: #2D2D2D;
    }
		
	.full-width.center >div:not(.sp-dsgvo) img {
    	border: none;
		padding: 0 30px 30px 0;
		height: auto;
		width: auto;
		margin: 0;
		position: relative;
		top: 10px;
    }
		
	.full-width.center h5 {
    	font-size: 16px;
    	padding: 0;
    	margin: 0 0 10px 0;
    }
	
/* ## Full width Titel grey / blue / green -------------------- */
			
section.full-width-grey .single-content {
	margin: 0 auto;
    max-width: 1176px;	
    height: 67px;
	}		

section .full-width-single-content {
	margin: 0 auto;
    max-width: 1176px;	
	}
	
	section .full-width-single-content h4 {
		margin: 0;
		padding: 20px 0 0 0;
		color: #ffffff;
		}
		
		section.full-width-grey .single-content h2 {
        margin: 0;
        padding: 20px 0 0 0;

        }
		
section.full-width-blue {
	clear: both;
    background: #05a8f3;
    height: 67px;
    color: #ffffff;
	}
	
section.full-width-green {
	clear: both;
    background: #51b842;
    height: 67px;
    color: #ffffff;
	}	
	
	
/* --- Full width / Listen Titel  / grey / blue / green  --- */	


article.blue h2 {
	background: #05a8f3;
	color: #ffffff;
	padding: 10px;
	margin-bottom: 10px;
	}

	article.blue h2 a {
		color: #ffffff;
		padding: 10px;
		}

article.blue h2:hover {
	background: #ffffff;
	color: #05a8f3;
	padding: 10px;
	margin-bottom: 10px;
	}

	article.blue h2:hover a {
		color: #05a8f3;
		padding: 10px;
		}


article.green h2 {
	background: #51b842;
	color: #ffffff;
	padding: 10px;
	margin-bottom: 10px;
	}

	article.green h2 a {
		color: #ffffff;
		padding: 10px;
		}

article.green h2:hover {
	background: #ffffff;
	color: #51b842;
	padding: 10px;
	margin-bottom: 10px;
	}

	article.green h2:hover a {
		color: #51b842;
		padding: 10px;
		}


article.grey h2 {
	background: #f0f0f0;
	padding: 10px;
	margin-bottom: 10px;
	}

	article.grey h2 a {
		color: #2d2d2d;
		padding: 10px;
		}

article.grey h2:hover {
	background: #ffffff;
	padding: 10px;
	margin-bottom: 10px;
}

article.grey h2:hover a {
	color: #05a8f3;
	padding: 10px;
}


.entry-title {
    font-size: 24px;
    font-family: "robotolight", sans-serif;
	}
	
	
/* ## Wir über uns / Full width Titel grey -------------------- */

	
section.full-width-grey {
	clear: both;
    background: #F0F0F0;
    height: auto;
	}
	
section.full-width-grey .content {
    margin: 0 auto;
    text-align: center;
	}
	
section.full-width-grey	.sub-title-content {
    margin: 0 auto;
    max-width: 1176px;	    
	}
	
	section.full-width-grey .content .subtitel {
		padding: 45px 0 53px 0;
		}
	
	section.full-width-grey .content .subtitel h1 {
    	padding: 0;
    	margin: 0;
    	font-weight: 400;
		}
		
	section.full-width-grey .content .subtitel h3 {
    	color: #929191;
    	margin: 0;
    	font-weight: 400;
		}
	
/* ## Wir über uns / Mitarbeieter -------------------- */	
	
	section.full-width.center .third {
		width: 100%;
    	padding: 0;
    	margin: 0;
    	display: table;
		}

	section.full-width.center .one-third {
        width: 390px;
        padding: 0;
        margin: 0;
        display: table-cell;
        }
        
        section.full-width.center .one-third.class_0 {
            clear: both;
            float: left;
        	}

		section.full-width.center .one-third .img {
			width: auto;
	    	padding: 0;
	    	margin: 0;
	    	border: none;
			}
		
	section.full-width.center .two-third {
		width: 100%;
    	padding: 0 20px 80px 0;
    	margin: 0;
    	vertical-align: top;
    	display: table-cell;
		}
		
		section.full-width.center .two-third h3 {
			font-size: 23px;
			}
			
		section.full-width.center .two-third .flow {
			display: table-row;
			}
			

/* ## Stiftungen -------------------- */

.flow {
    clear: both;
}


.one {
	float: left;
    margin: 0;
    padding: 0;
    width: 33%;
    min-width: 360px;
	}
	
.two {
	float: left;
    margin: 0;
    padding: 20px 20px 80px 0;
    vertical-align: middle;
    width: 67%;
	}

				
/* ## Single Publikationen -------------------- */

.splitcolor td.left-press {
    width: 870px;
	}

.splitcolor td.right-press {
    width: 320px;
    padding-left: 29px;
	}

.right-grey-press {
    background-color: #f0f0f0;
    color: #3a3a3a;
    padding: 30px 0 10px 0;
    margin-top: 40px;
	}

	.right-grey-press .content {
	    display: table-cell;
	    font-size: 16px;
	    max-width: 320px;
	    padding: 0 10px 0 31px;
		}
		
		.right-grey-press .content .first {
		    float: left;
		    font-size: 13px;
		    height: auto;
		    line-height: 1.7;
		    margin: 0 22px 0 0;
		    padding: 0;
		    width: 180px;
			}

.single-publikationen .site-inner {
    max-width: 100%;
    margin: 0 auto;
	}

	.single-publikationen .site-inner .wrap {
	    max-width: 100%;
	    margin: 0 auto;
		}

.single-publikationen section.full-width {
    max-width: 100%;
    width: 100%;
	}

.single-publikationen .left-column article {
    float: left;
	}

.single-publikationen .left-column {
    width: 70%;
	}

.single-publikationen .right-column {
    background-color: #00b2fa;
    float: left;
    width: 100%;
	}

.fill-in {
    width: 100%;
    background-color: #00b2fa;
    float: left;
    height: 100%;
    border: 1px solid #000000;
	}

.publikationen-title.jahresgutachten, .publikationen-title.barometer {
    color: #0494e7;
	}

.publikationen-title.forschungsbereich {
    color: #179f07;
	}

.entry {
    margin-bottom: 80px;
	}

.content .entry {
    background-color: #fff;
	}

.entry-content ol, .entry-content ul {
    margin-bottom: 28px;
    margin-left: 40px;
	}

.entry-content ol > li {
    list-style-type: decimal;
	}

.entry-content ul > li {
    list-style-type: disc;
	}

.entry-content ol ol, .entry-content ul ul {
    margin-bottom: 0;
	}

.entry-content code {
    background-color: #333;
    color: #ddd;
	}


/* ## Mitglieder
 --------------------------------------------- */

.featured {
    float: left;
    padding: 0 50px 0 0;
	}
	
.entry-mitglieder {
    float: left;
    max-width: 800px;
	}

.entry-mitglieder p {
 	margin: 28px 0 14px 0;
    padding: 0;
	}


.entry-mitarbeiter {
    float: left;
    max-width: 800px;
    }
    
 .entry-mitarbeiter p {
    margin: 28px 0 14px 0;
    padding: 0;
    }

.mitarbeiter.geschaeftsfuehrung.center {  
	width: 420px;
	margin: 0 auto;    
	}
	
.mitarbeiter.geschaeftsfuehrung .wraper {
     float: left;
     margin: 0 30px 50px 50px;
     padding: 0 0px 0 27px;
    }

.mitarbeiter .wraper {
     float: left;
     margin: 0 40px 50px 50px;
     padding: 0 0px 0 14px;
	}

.mitglieder .wraper {
     float: left;
     margin: 0 0px 80px 0px;
	}

h3.mitglieder-title  {
  	font-size: 21px;  
  	margin: 0; 
  	padding: 30px 0 2px 0;
	}
	
h3.mitarbeiter-title  {
    font-size: 21px;  
    margin: 0; 
    padding: 0px 0 2px 0;
    }

h4.mitglieder-title  {
  	font-size: 17px; 
  	margin: 0;
  	padding: 2px 0 0 0;
	}
	
h6.mitglieder-title  {
  	font-size: 14px;   
  	margin: 0;
  	padding: 20px 0 5px 0;
	}
	
.full-width-head {
    clear: both;
    height: 83px;
    background: #4dc0f4;
    color: #FFFFFF;
	}

.head-title {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    font-size: 23px;
    padding: 21px;
}

.mitarbeiter-link {
    padding: 15px 0 0px 0;
}

/* ## Entry Meta
 --------------------------------------------- */

p.entry-meta {
    font-size: 16px;
    margin-bottom: 0;
	}

.entry-header .entry-meta {
    margin-bottom: 24px;
	}

.entry-footer .entry-meta {
    border-top: 2px solid #f5f5f5;
    padding-top: 24px;
	}

.entry-categories, .entry-tags {
    display: block;
	}

.entry-comments-link::before {
    content: "\2014";
    margin: 0 6px 0 2px;
	}

/* ## Pagination
 --------------------------------------------- */

.pagination {
    clear: both;
    margin: 40px 0;
}


.adjacent-entry-pagination {
    margin-bottom: 0;
	}

.full-width.center .archive-pagination li:before {
    color: #0494e7;
    content: none;
    display: block;
    font-family: "robotolight";
    font-size: 18px;
    margin: 0;
}
	
.full-width.center .archive-pagination ul {
    margin: 0;
    padding: 0;
}

.full-width.center .archive-pagination li {
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-indent: 0px;
	}

	.full-width.center .archive-pagination li a {
	    background-color: #869090;
	    color: #fff;
	    cursor: pointer;
	    display: inline-block;
	    font-size: 16px;
	    padding: 8px 12px;
	    margin: 0;
		}
		
	
	.full-width.center .archive-pagination li a:before {
	    content: none;
		}
	
	.full-width.center .archive-pagination li a:hover, .full-width.center .archive-pagination .active a {
	    background-color: #00b2fa;
	    padding: 8px 12px;
		}


/* ## Print / Send
 --------------------------------------------- */

.options-print-send {
	width: 100%;
	height: 100px;
}
.cat-nav {
	width: 1174px;
    margin: 0 auto;
    padding-top: 10px;
}
#options {
    width: 1174px;
    margin: 0 auto;
    padding-top: 40px;
    }
    
    #options {
        clear: both;
    }
    #options .print {
        position: relative;
        margin: 0;
        padding: 0 37px 0 0;
        font-size: 12px;
        float: left;
        }
        
        #options .print:before {
            content: " ";
            position: relative;
            height: 18px;
            width: 19px;
            padding: 0 15px 0 0;
            background: url(images/icon-print.gif) no-repeat;
            display: inline-block;
            float: left;
            }
        
    #options .send {
        margin: 0;
        padding: 0;
        font-size: 12px;
        }
        
        #options .send:before {
            content: " ";
            position: relative;
            height: 18px;
            width: 21px;
            padding: 0 15px 0 0;
            background: url(images/icon-send.gif) no-repeat;
            display: inline-block;
            float: left;
            }
        

/* ## Foundations
 --------------------------------------------- */

#foundations {
    width: 1200px;
    margin: 0 auto;
    padding: 80px 0 40px 0;
    display: table;
    }
    
    #foundations img {
            margin: 0 0 1px 0;
            padding: 0;
            border: none;
            }
            
    #foundations .clear {
        margin: 0 auto;
        clear: both;
        }
        
    #foundations .left {
        width: 238px;
        height: auto;
        margin: 0;
        padding: 0;
        display: table-cell;
        font-size: 15px;
        }
        
    #foundations .right {
        width: auto;
        height: auto;
        margin: 0;
        padding: 0 20px 0 0;
        display: table-cell;
        font-size: 15px;
        }
        
    #foundations .right .single-first {
        max-width: auto;
        margin: 0 16px 0 0;
        float: left;
        }
    
    #foundations .right .single {
        max-width: auto;
        margin: 0 16px 0 16px;
        float: left;
        }
              

/* ## END Foundations
 --------------------------------------------- */

/* # Sidebars
 ---------------------------------------------------------------------------------------------------- */

.sidebar {
    font-size: 16px;
	}

	.sidebar li {
	    border-bottom: 1px dotted #ddd;
	    margin-bottom: 10px;
	    padding-bottom: 10px;
		}

	.sidebar p:last-child, .sidebar ul > li:last-child {
	    margin-bottom: 0;
		}

.sidebar .widget {
    background-color: #fff;
    margin-bottom: 40px;
    padding: 40px;
	}

.footer-widgets #menu-topmenue ul {
    display: none;
	}

/* # Footer stuff
 ---------------------------------------------------------------------------------------------------- */
#footer-widgets {
    clear: both;
    padding: 0;
    margin-top: 10px;
    width: 100%;
    }
    
    .footer-widgets {
        background-color: #9eaaaa;
        padding: 20px 0 20px 0;
        margin: 0 auto;
        width: 100%;
        display: table;
        font-size: 15px;
        color: #fff;
        }
        
        .grey-light-auto {
            background-color: #9eaaaa;
            width: auto;
            display: table-cell;
            }
    
        .grey-light {
            background-color: #9eaaaa;
            width: 512px;
            display: table-cell;
            vertical-align: top;
            }
            
        .grey-dark {
            background-color: #869090;
            width: 688px;
            display: table-cell;
            vertical-align: top;
            }
            
        .grey-dark-auto {
            background-color: #869090;
            width: auto;
            display: table-cell;
            }


/* # Footer Widgets
 ---------------------------------------------------------------------------------------------------- */
    .footer-widgets .widget#text-7,
    .footer-widgets .widget {
        margin: 1.7em 0;
    }

    .footer-widgets .widget#nav_menu-9 {
        margin-top: 3.4em;
    }

    
    .footer-widgets .widget-title {
    	color: #fff;
		}
 
    .footer-widgets img {
        margin: 10px 11px 0 0;
        float: left;
        }

    .footer-widgets-1 {
        float: left;
        padding-left: 13px;
        width: 290px;
        }
    
    .footer-widgets-2 {
        float: left;
        padding-left: 13px;
        width: 222px;
        }
    
     .footer-widgets-3,
     .footer-widgets-4,
     .footer-widgets-5 {
        float: left;
        padding-left: 60px;
        width: 221px;
        }
     
     .footer-widgets-1 a, .footer-widgets-1, .footer-widgets-2 a, .footer-widgets-2, .footer-widgets-3 a, .footer-widgets-3 a:hover {
        color: #fff;
        /*text-transform: uppercase;*/
         text-align: left;
         display: block;
        }
        
     .footer-widgets li {
        line-height: 1.7;
        }
        
        .footer-widgets-5 {
            text-align: left;
        }
        
    .btn-maillist {
        margin-top: 10px;
        background-color:#869292;
        -webkit-border-top-left-radius:8px;
        -moz-border-radius-topleft:8px;
        border-top-left-radius:8px;
        -webkit-border-top-right-radius:8px;
        -moz-border-radius-topright:8px;
        border-top-right-radius:8px;
        -webkit-border-bottom-right-radius:8px;
        -moz-border-radius-bottomright:8px;
        border-bottom-right-radius:8px;
        -webkit-border-bottom-left-radius:8px;
        -moz-border-radius-bottomleft:8px;
        border-bottom-left-radius:8px;
        text-indent: 0px;
        border:1px solid #757d7d;
        display:inline-block;
        height:32px;
        width:165px;
        color: #fff;
        line-height:30px;
        text-decoration:none;
        text-align:center;
        }

        .btn-maillist:hover {
            background-color:#757d7d;
            color: #fff;    
            }
            
        .btn-maillist:active {
            position:relative;
            top:1px;
            }

 .footer-widgets input {
 	border: 1px solid #333;
 	}
 
 .footer-widgets a.button {
 	color: #fff;
 	}

 .footer-widgets p:last-child {
 	margin-bottom: 0;
 	}
 
#custom-menu-wizard-9, #custom-menu-wizard-8, #custom-menu-wizard-10 {
    margin: 30px 0 0 0;
	}
	
#custom-menu-wizard-7 {
    margin: 0px 0 30px 0;
	}
    
#text-7 {
    margin: 0;
}
 /* # Site Footer
 ---------------------------------------------------------------------------------------------------- */

 .site-footer {
	 background-color: #fff;
	 font-size: 16px;
	 line-height: 1;
	 padding: 25px 0;
	 text-align: center;
	 }

	 .site-footer p {
	 	margin-bottom: 0;
	 	}
	
	 .site-footer .footer-copyright, .site-footer .footer-copyright a {
	 	font-size: 14px;
	 	color: #5c5c5c;
	 	}


 /* # smoothup 
 ---------------------------------------------------------------------------------------------------- */

#smoothup { 
    height: 40px; 
    width: 40px; 
    position:fixed;
    bottom:50px;
    right:100px;
    text-indent:-9999px;
    display:none;
    background: url("images/icon_top.png"); 
    -webkit-transition-duration: 0.3s; 
    -moz-transition-duration: 0.3s; 
    transition-duration: 0.3s; 
    opacity: 0.4;
    z-index: 100;
}

#smoothup:hover {
    opacity: 0.7;
}
.footer-widgets-4 {
		text-align: left;
}

#tweets {
    margin: 0;
    padding: 0;
    float: left;
}

a .fa-twitter-square {
		font-size: 2.1em;
}
.fa.fa-twitter-square {
		margin-right: 10px;
}

.head-right-wrapper #tweets a {
    height: 25px;
    width: 25px;
    display: block;
    margin: -4px 10px 0 0;
}

.head-right-wrapper #tweets a .fa-twitter-square::before {
    content: "\f099";
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    color: #fff;
    font-size: 24px;
    transition: all 0.2s;
    background: #1da1f2;
    height: 25px;
    width: 25px;
    display: block;
    text-align: center;
}

#language #tweets, #language #tweets a {
    color: #0494e7;
}
#language #tweets a:hover {
    color: #9ea1a2;
}

.ubermenu .ubermenu-submenu-type-unk > .ubermenu-item.ubermenu-column-auto {
	width: 100%;
	display: block;
	float: none;
	min-width: 0;
}

.ubermenu .ubermenu-submenu-type-unk > .ubermenu-item.ubermenu-column-auto:first-child {
	margin-top: 10px;
}

.ubermenu .ubermenu-submenu-type-unk > .ubermenu-item > .ubermenu-target {
    padding-top: 5px;
    padding-bottom: 5px;
}

.whistles-accordion .whistle-title:first-of-type,
.whistles-accordion .whistle-content:first-of-type {
    display: block;
    margin: 0 0 20px 0;
    padding: 5px 40px 5px 10px;
    border-bottom: 1px solid #eeeeee;
}




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

.fa {
    display:inline-block;
    font:normal normal normal 14px/1 FontAwesome;
    font-size:inherit;text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
    }




    .site-header .nav-secondary {

    }
    .site-header .nav-secondary ul.menu-secondary,
    .site-header .nav-secondary ul#menu-hauptmenue-eng,
    .site-header .nav-secondary ul#menu-hauptmenue {
        display: flex;
        align-items: flex-start;
        flex-wrap: nowrap;
        width: 100%;
    }
    .site-header .nav-secondary ul.menu-secondary > li,
    .site-header .nav-secondary ul#menu-hauptmenue-eng > li,
    .site-header .nav-secondary ul#menu-hauptmenue > li {
        width: 20%;
    }
    .site-header .nav-secondary ul.menu-secondary .sub-menu,
    .site-header .nav-secondary ul#menu-hauptmenue-eng .sub-menu,
    .site-header .nav-secondary ul#menu-hauptmenue .sub-menu {
        border-top: 1px solid #eee;
        display: flex;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-direction: column;
    }
    .site-header .nav-secondary ul.menu-secondary .sub-menu > li,
    .site-header .nav-secondary ul#menu-hauptmenue-eng .sub-menu > li,
    .site-header .nav-secondary ul#menu-hauptmenue .sub-menu > li {
        width: 100%;
    }





.nav-secondary ul li {
    background-color: #00a6e2;
    font-family: "robotoregular", sans-serif;
    margin: 0 2px 0 0;
    float: left;
}

.nav-secondary ul li a {
    color: #FFFFFF;
    display: block;
    padding: 10px 25px 10px 25px;
    /*text-transform: uppercase;*/
    font-size: 15px;
    line-height: 21px;
    cursor: pointer;
}

.nav-secondary ul li.current-menu-item > a,
.nav-secondary ul li a:hover {
    background-color: rgba(0, 55, 118, 1.0);
    color: #ffffff;
}

    /*.nav-secondary ul li ul li a,*/

    .nav-secondary ul#menu-hauptmenue-eng > li:nth-of-type(4) ul li.current-menu-item a,
    .nav-secondary ul#menu-hauptmenue-eng > li:nth-of-type(4) a:hover,
    .nav-secondary ul#menu-hauptmenue > li:nth-of-type(4) ul li.current-menu-item a,
    .nav-secondary ul#menu-hauptmenue > li:nth-of-type(4) a:hover,
    .nav-secondary ul.menu-secondary > li:nth-of-type(4) ul li.current-menu-item a,
    .nav-secondary ul.menu-secondary > li:nth-of-type(4) a:hover {
        background-color: #53be44;
        color: #ffffff;
    }

#primary-nav {

}

#primary-nav ul.menu-primary {
    font-family: "robotoregular", sans-serif;
    font-size: 16px;
    line-height: 1;
}

#primary-nav ul.menu-primary > li {
    float: left;
}

#primary-nav ul.menu-primary > li:last-child {
    float: none;
}

#primary-nav ul.menu-primary > li:nth-of-type(2) {
    padding: 0 0 0 20px;
}

#primary-nav ul.menu-primary > li:nth-of-type(2) > a {
    color: #53be44;
}

#primary-nav ul.menu-primary > li > a {
    /*text-transform: uppercase;*/
    padding: 15px 25px 15px 20px;
    font-weight: 300;
    color: #00b2fa;
    position: relative;
    display: block;
    line-height: 23px;
    border-bottom: 15px solid transparent;
    background: #ffffff;
}

#primary-nav ul.menu-primary > li > a::after {
    content: "\f13a";
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    margin-top: -14px;
    position: absolute;
    right: 50%;
    top: 100%;
    font-size: 22px;
    height: 26px;
    display: none;
    color: #555555;
}

#primary-nav ul.menu-primary > li > a:hover::after,
#primary-nav ul.menu-primary > li > a.active::after {
    display: inline-block;
}

#primary-nav ul.menu-primary > li .sub-menu-outer-outer.active,
#primary-nav ul.menu-primary > li .sub-menu-outer-outer.active:hover {
    top: auto;
    visibility: visible;
}

#primary-nav .sub-menu-outer-outer {
    border-top: 1px solid #f0f0f0;
    /*margin: 15px 0 0;*/
    margin: 0;
    height: 273px;
    max-height: 600px;
    overflow-y: auto;
    transition: none;
    width: 100%;
    left: 0;
    clip: rect(0,5000px,5000px,-5000px);
    box-shadow: 0 0 20px rgba(0,0,0,.15);
    position: absolute;
    z-index: 500;
    top: -10000px;
    /*top: auto;*/
    visibility: hidden;
    /*visibility: visible;*/
    background-color: #FFFFFF;
}

.site-container {
    opacity: 0;
    transition: all 0.3s ease 0s;
}

.site-container.visible {
    opacity: 1;
}

#primary-nav .sub-menu-outer {
    max-width: 1200px;
    margin: 0 auto;
}

#primary-nav ul.menu-primary > li:nth-of-type(1) .sub-menu {
    margin-left: 33.33%;
    max-width: 1200px;
    border: none;
}

#primary-nav ul.menu-primary > li:nth-of-type(2) .sub-menu {
    margin-left: 58.33%;
    max-width: 1200px;
    border: none;
}

#primary-nav ul.menu-primary > li:nth-of-type(1) .sub-menu a {
    color: #00b2fa;
}

#primary-nav ul.menu-primary > li:nth-of-type(2) .sub-menu a {
    color: #53be44;
}

#primary-nav ul.sub-menu > li {
    float: none;
    display: block;
}

#primary-nav ul.sub-menu > li:first-child {
    margin-top: 10px;
}

#primary-nav ul.sub-menu > li a {
    padding: 5px 20px 4px;
    display: block;
    /*text-transform: uppercase;*/
    line-height: 22px;
    font-size: 15px;
    background-color: #fff!important;
}

    .footer-widgets .fa-twitter,
    .footer-widgets .twitter {
        margin-top: 5px;
    }

    .footer-widgets .fa-twitter::before,
    .footer-widgets .twitter::before {
        content: "\f099";
        font-family: "FontAwesome";
        font-style: normal;
        font-weight: normal;
        color: #fff;
        font-size: 30px;
        transition: all 0.2s;
    }

    .footer-widgets .fa-twitter:hover::before,
    .footer-widgets .twitter:hover::before {
        color: #555;
    }


    .btn-maillist {
        margin-top: 5px;
        background-color: #869090;
        text-indent: 0;
        border: 1px solid #fff;
        display: inline-block;
        height: 30px;
        width: 165px;
        color: #fff;
        line-height: 28px;
        text-decoration: none;
        text-align: center;
        border-radius: 0;
    }



.site-header .search-wrap {
    color: #888888;
}

.sp-dsgvo-privacy-popup .sp-dsgvo-popup-top,
.sp-dsgvo-popup-top,
.sp-dsgvo-popup-top.svr-popup-height {
    max-height: 40vh!important;
    overflow-x: hidden!important;
    overflow-y: auto!important;
}

    a.sp-dsgvo-blocked-embedding-button-enable {
        text-transform: none!important;
        background: #00b2fa!important;
        color: #fff!important;
        border-color: #00b2fa!important;
    }

    a.sp-dsgvo-blocked-embedding-button-enable:hover, a.sp-dsgvo-blocked-embedding-button-enable:active {
        border: 2px solid rgba(0, 55, 118, 1.0)!important;
        background-color: rgba(0, 55, 118, 1.0)!important;
        color: #fff!important;
    }

    .sp-dsgvo-privacy-bottom a.sp-dsgvo-popup-button {
        text-transform: none!important;
    }









body.home .full .wrap-blue-dark .home-widgets-4 h2.entry-title {
    margin-top: -5px;
    padding-top: 0;
    margin-bottom: 0;
}
body.home .full .wrap-blue-dark .home-widgets-4 img {
    margin-bottom: 30px;
}
























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

        body .title-area {
            width: 350px;
            padding-top: 10px;
        }

        body .site-header .widget-area {
            width: calc(100% - 350px);
            padding: 0 10px 0 0;
            margin-left: 0;
            margin-right: 0;
        }

        body .site-header .search-form input[type="search"]:focus {;
            width: 200px!important;
        }

        .nav-secondary ul li a {
            padding: 10px 20px;
        }
    }
    @media only screen and (max-width: 1150px)  {
        .nav-secondary ul li a {
            padding: 10px 15px;
        }
    }
    @media only screen and (max-width: 1075px)  {
        .nav-secondary ul li a {
            padding: 10px;
        }
    }













    .mobile-menue-wrapper .logo {
        background: #31333b;
    }

    .mobile-menue-wrapper .logo {
        position: relative;
        z-index: 123;
        font: 18px verdana;
        color: #fff;
        float: left;
        width: 15%;
        padding: 17px 15px;
    }

    .mobile-menue-wrapper .logo a {
        color: #fff;
    }

    .mobile-menue-wrapper nav {
        position: relative;
        width: 980px;
        margin: 0 auto;
    }

    .menu-mobile-container,
    .menu-mobile-en-container,
    .menu-mobile-container ul,
    .menu-mobile-en-container ul,
    .menu-mobile-container ul li,
    .menu-mobile-en-container ul li,
    .menu-mobile-container ul li a,
    .menu-mobile-en-container ul li a,
    #head-mobile {
        border: 0;
        list-style: none;
        line-height: 1;
        display: block;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .menu-mobile-container:after,
    .menu-mobile-en-container:after,
    .menu-mobile-container > ul:after,
    .menu-mobile-en-container > ul:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0
    }

    #head-mobile {
        display: none
    }

    .menu-mobile-container ,
    .menu-mobile-en-container {
        font-family: sans-serif;
        background: #31333b;
        background: #fff;
    }

    .menu-mobile-container > ul > li ,
    .menu-mobile-en-container > ul > li {
        float: left
    }

    .menu-mobile-container > ul > li > a,
    .menu-mobile-en-container > ul > li > a {
        text-decoration: none;
        color: #fff;
        color: #333;
        font-family: 'Noto Sans', sans-serif;
        font-size: 13px;
        padding: 22px 15px;
        margin: 0px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: bold;
    }

    .menu-mobile-container > ul > li > a,
    .menu-mobile-en-container > ul > li > a {
        color: #00b2fa;
    }

    /*.menu-mobile-container > ul > li:nth-of-type(2) > a {
        color: #53be44;
    }*/

    .menu-mobile-container > ul > li:hover > a,
    .menu-mobile-en-container > ul > li:hover > a,
    .menu-mobile-container ul li.active a,
    .menu-mobile-en-container ul li.active a {
        color: #8a8a8e;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .menu-mobile-container > ul > li:hover,
    .menu-mobile-en-container > ul > li:hover,
    .menu-mobile-container ul li.active:hover,
    .menu-mobile-en-container ul li.active:hover,
    .menu-mobile-container ul li.active,
    .menu-mobile-en-container ul li.active,
    .menu-mobile-container ul li.has-sub.active:hover,
    .menu-mobile-en-container ul li.has-sub.active:hover {
        color: #8a8a8e;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .menu-mobile-container > ul > li.has-sub > a,
    .menu-mobile-en-container > ul > li.has-sub > a {
        padding-right: 30px
    }

    .menu-mobile-container > ul > li.has-sub > a:after,
    .menu-mobile-en-container > ul > li.has-sub > a:after {
        position: absolute;
        top: 27px;
        right: 11px;
        width: 8px;
        height: 2px;
        display: block;
        background: #fff;
        background: #333;
        content: ''
    }

    .menu-mobile-container > ul > li.has-sub > a:before,
    .menu-mobile-en-container > ul > li.has-sub > a:before {
        position: absolute;
        top: 24px;
        right: 14px;
        display: block;
        width: 2px;
        height: 8px;
        background: #fff;
        background: #333;
        content: '';
        -webkit-transition: all .25s ease;
        -ms-transition: all .25s ease;
        transition: all .25s ease
    }

    .menu-mobile-container > ul > li.has-sub:hover > a:before,
    .menu-mobile-en-container > ul > li.has-sub:hover > a:before {
        top: 28px;
        height: 0
    }

    .menu-mobile-container ul ul,
    .menu-mobile-en-container ul ul {
        position: absolute;
        left: -9999px
    }

    .menu-mobile-container ul ul li,
    .menu-mobile-en-container ul ul li {
        height: 0;
        -webkit-transition: all .25s ease;
        -ms-transition: all .25s ease;
        background: #333;
        transition: all .25s ease
    }

    .menu-mobile-container ul ul li:hover,
    .menu-mobile-en-container ul ul li:hover {

    }

    .menu-mobile-container li:hover > ul,
    .menu-mobile-en-container li:hover > ul {
        left: auto
    }

    .menu-mobile-container li:hover > ul > li,
    .menu-mobile-en-container li:hover > ul > li {
        height: 35px
    }

    .menu-mobile-container ul ul ul,
    .menu-mobile-en-container ul ul ul {
        margin-left: 100%;
        top: 0
    }

    .menu-mobile-container ul ul li a,
    .menu-mobile-en-container ul ul li a {
        border-bottom: 1px solid rgba(150, 150, 150, 0.15);
        border-bottom: 1px solid rgba(150, 150, 150, 1);
        padding: 11px 15px;
        width: 170px;
        font-size: 12px;
        text-decoration: none;
        color: #ddd;
        color: #333;
        font-weight: 400;
    }

    .menu-mobile-container ul ul li:last-child > a,
    .menu-mobile-en-container ul ul li:last-child > a,
    .menu-mobile-container ul ul li.last-item > a,
    .menu-mobile-en-container ul ul li.last-item > a {
        border-bottom: 0
    }

    .menu-mobile-container ul ul li:hover > a,
    .menu-mobile-en-container ul ul li:hover > a,
    .menu-mobile-container ul ul li a:hover,
    .menu-mobile-en-container ul ul li a:hover {
        color: #fff;
        color: #333;
    }

    .menu-mobile-container ul ul li.has-sub > a:after,
    .menu-mobile-en-container ul ul li.has-sub > a:after {
        position: absolute;
        top: 16px;
        right: 11px;
        width: 8px;
        height: 2px;
        display: block;
        background: #ddd;
        content: ''
    }

    .menu-mobile-container ul ul li.has-sub > a:before,
    .menu-mobile-en-container ul ul li.has-sub > a:before {
        position: absolute;
        top: 13px;
        right: 14px;
        display: block;
        width: 2px;
        height: 8px;
        background: #ddd;
        content: '';
        -webkit-transition: all .25s ease;
        -ms-transition: all .25s ease;
        transition: all .25s ease
    }

    .menu-mobile-container ul ul > li.has-sub:hover > a:before,
    .menu-mobile-en-container ul ul > li.has-sub:hover > a:before {
        top: 17px;
        height: 0
    }

    .menu-mobile-container ul ul li.has-sub:hover,
    .menu-mobile-en-container ul ul li.has-sub:hover,
    .menu-mobile-container ul li.has-sub ul li.has-sub ul li:hover,
    .menu-mobile-en-container ul li.has-sub ul li.has-sub ul li:hover {
        background: #363636;
        background: #fff;
    }

    .menu-mobile-container ul ul ul li.active a,
    .menu-mobile-en-container ul ul ul li.active a {
        border-left: 1px solid #333
    }

    .menu-mobile-container > ul > li.has-sub > ul > li.active > a,
    .menu-mobile-en-container > ul > li.has-sub > ul > li.active > a,
    .menu-mobile-container > ul ul > li.has-sub > ul > li.active> a,
    .menu-mobile-en-container > ul ul > li.has-sub > ul > li.active> a {
        border-top: 1px solid #333
    }

    .mobile-menue-wrapper {
        display: none;
    }

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

        .mobile-menue-wrapper {
            display: block;
        }

        body .title-area {
            max-width: 80%;
            padding-left: 10px;
        }

        body .title-area img {
            max-height: 80px;
        }

        .bumper,
        .site-header .wrap {
            min-height: 100px;
            max-height: 100px;
        }

        body .site-header .widget-area,
        .nav-secondary {
            display: none!important;
        }

        .mobile-menue-wrapper #search-title {
            display: none;
        }

        .site-header .search-wrap {
            float: left!important;
            margin: 10px 0 10px 5px;
        }

        .mobile-menue-wrapper .logo {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 46px;
            text-align: center;
            padding: 10px 0 0 0;
            float: none;
            height: 0;
            font-size: 0;
            padding: 0;
        }
        .mobile-menue-wrapper .logo2 {
            display: none;
        }
        .mobile-menue-wrapper nav {
            width: 100%;
        }
        .menu-mobile-container,
        .menu-mobile-en-container {
            width: 100%;
        }
        .menu-mobile-container ul,
        .menu-mobile-en-container ul {
            width: 100%;
            display: none;
        }
        .menu-mobile-container ul#mobile,
        .menu-mobile-en-container ul#mobile {
            box-shadow: 0 10px 10px rgba(0,0,0,0.2);
        }
        .menu-mobile-container ul li,
        .menu-mobile-en-container ul li {
            width: 100%;
            border-top: 1px solid #444;
        }
        .menu-mobile-container ul li:hover,
        .menu-mobile-en-container ul li:hover {
            background: #363636;
            background: #fff;
        }
        .menu-mobile-container ul ul li,
        .menu-mobile-en-container ul ul li,
        .menu-mobile-container li:hover > ul > li,
        .menu-mobile-en-container li:hover > ul > li {
            height: auto;
        }
        .menu-mobile-container ul li a,
        .menu-mobile-en-container ul li a,
        .menu-mobile-container ul ul li a ,
        .menu-mobile-en-container ul ul li a {
            width: 100%;
            border-bottom: 0;
        }
        .menu-mobile-container > ul > li,
        .menu-mobile-en-container > ul > li {
            float: none;
        }
        .menu-mobile-container ul ul li a,
        .menu-mobile-en-container ul ul li a {
            padding-left: 25px;
        }
        .menu-mobile-container ul ul li,
        .menu-mobile-en-container ul ul li {
            background: #333!important;
            background: #fff!important;
        }
        .menu-mobile-container ul ul li:hover,
        .menu-mobile-en-container ul ul li:hover {
            background: #363636!important;
            background: #fff!important;
        }
        .menu-mobile-container ul ul ul li a,
        .menu-mobile-en-container ul ul ul li a {
            padding-left: 35px;
        }
        .menu-mobile-container ul ul li a,
        .menu-mobile-en-container ul ul li a {
            color: #ddd;
            color: #333;
            background: none;
        }
        .menu-mobile-container ul ul li:hover > a,
        .menu-mobile-en-container ul ul li:hover > a,
        .menu-mobile-container ul ul li.active > a,
        .menu-mobile-en-container ul ul li.active > a {
            color: #fff;
            color: #333;
        }
        .menu-mobile-container ul ul,
        .menu-mobile-en-container ul ul,
        .menu-mobile-container ul ul ul,
        .menu-mobile-en-container ul ul ul {
            position: relative;
            left: 0;
            width: 100%;
            margin: 0;
            text-align: left;
        }
        .menu-mobile-container > ul > li.has-sub > a:after,
        .menu-mobile-en-container > ul > li.has-sub > a:after,
        .menu-mobile-container > ul > li.has-sub > a:before,
        .menu-mobile-en-container > ul > li.has-sub > a:before,
        .menu-mobile-container ul ul > li.has-sub > a:after,
        .menu-mobile-en-container ul ul > li.has-sub > a:after,
        .menu-mobile-container ul ul > li.has-sub > a:before ,
        .menu-mobile-en-container ul ul > li.has-sub > a:before {
            display: none;
        }
        #head-mobile {
            display: block;
            padding: 23px;
            padding: 0;
            color: #ddd;
            color: #333;
            font-size: 12px;
            font-weight: 700;
        }
        .mobile-menue-wrapper .button {
            width: 55px;
            width: 50px;
            height: 46px;
            position: absolute;
            right: 0;
            top: 0;
            top: -70px;
            cursor: pointer;
            z-index: 12399994;
            background-color: #0096ee;
        }
        .mobile-menue-wrapper .button:after {
            position: absolute;
            top: 22px;
            right: 20px;
            right: 15px;
            display: block;
            height: 4px;
            width: 20px;
            border-top: 2px solid #fff;
            border-bottom: 2px solid #fff;
            content: '';
        }
        .mobile-menue-wrapper .button:before {
            -webkit-transition: all .3s ease;
            -ms-transition: all .3s ease;
            transition: all .3s ease;
            position: absolute;
            top: 16px;
            right: 20px;
            right: 15px;
            display: block;
            height: 2px;
            width: 20px;
            background: #fff;
            content: '';
        }
        .mobile-menue-wrapper .button.menu-opened:after {
            -webkit-transition: all .3s ease;
            -ms-transition: all .3s ease;
            transition: all .3s ease;
            top: 23px;
            border: 0;
            height: 2px;
            width: 19px;
            background: #fff;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }
        .mobile-menue-wrapper .button.menu-opened:before {
            top: 23px;
            background: #fff;
            width: 19px;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }
        .menu-mobile-container .submenu-button,
        .menu-mobile-en-container .submenu-button {
            position: absolute;
            z-index: 99;
            right: 0;
            top: 0;
            display: block;
            border-left: 1px solid #444;
            height: 57px;
            width: 46px;
            cursor: pointer;
        }
        .menu-mobile-container .submenu-button.submenu-opened,
        .menu-mobile-en-container .submenu-button.submenu-opened {
            background: #31333b;
            background: #fff;
        }
        .menu-mobile-container ul ul .submenu-button,
        .menu-mobile-en-container ul ul .submenu-button {
            height: 34px;
            width: 34px;
        }
        .menu-mobile-container .submenu-button:after,
        .menu-mobile-en-container .submenu-button:after {
            position: absolute;
            top: 28px;
            right: 19px;
            width: 8px;
            height: 2px;
            display: block;
            background: #ddd;
            background: #333;
            content: '';
        }
        .menu-mobile-container ul ul .submenu-button:after,
        .menu-mobile-en-container ul ul .submenu-button:after {
            top: 15px;
            right: 13px;
        }
        .menu-mobile-container .submenu-button.submenu-opened:after,
        .menu-mobile-en-container .submenu-button.submenu-opened:after {
            background: #fff;
            background: #333;
        }
        .menu-mobile-container .submenu-button:before,
        .menu-mobile-en-container .submenu-button:before {
            position: absolute;
            top: 25px;
            right: 22px;
            display: block;
            width: 2px;
            height: 8px;
            background: #ddd;
            background: #333;
            content: '';
        }
        .menu-mobile-container ul ul .submenu-button:before,
        .menu-mobile-en-container ul ul .submenu-button:before {
            top: 12px;
            right: 16px;
        }
        .menu-mobile-container .submenu-button.submenu-opened:before,
        .menu-mobile-en-container .submenu-button.submenu-opened:before {
            display: none;
        }
        .menu-mobile-container ul ul ul li.active a,
        .menu-mobile-en-container ul ul ul li.active a {
            border-left: none;
        }
        .menu-mobile-container > ul > li.has-sub > ul > li.active > a,
        .menu-mobile-en-container > ul > li.has-sub > ul > li.active > a,
        .menu-mobile-container > ul ul > li.has-sub > ul > li.active > a,
        .menu-mobile-en-container > ul ul > li.has-sub > ul > li.active > a {
            border-top: none;
        }
    }

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

        .head-right-wrapper {
            margin-right: 5px;
        }

        .mobile-menue-wrapper .button {
            margin-right: 10px;
        }
    }

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


        .sp-dsgvo-privacy-popup .sp-dsgvo-logo-wrapper {
            width: 100%!important;
        }

        .sp-dsgvo-privacy-popup .sp-dsgvo-logo-wrapper img {
            max-width: 100%!important;
            max-height: unset!important;
        }

        body .sp-dsgvo .sp-dsgvo-privacy-bottom.d-block.d-sm-none .lwb-col-4.px-1 {
            padding: 0 10px!important;
        }

        body .sp-dsgvo .lwb-col-4 {
            -ms-flex: 0 0 50%!important;
            flex: 0 0 50%!important;
            max-width: 50%!important;
        }

    }

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

        body .title-area {
            margin-top: 10px;
            width: calc(100% - 160px);
            height: 90px;
            padding-bottom: 10px;
        }

        body .title-area img {
            height: auto;
            width: 100%;
        }

        .mobile-menue-wrapper .button {
            top: -64px;
        }
    }

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

        body .title-area img {
            margin-top: 5px;
        }
    }

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

        body .title-area {
            width: calc(100% - 100px);
        }

        body .title-area img {
            margin-top: 10px;
        }
    }