/*
Theme Name: 
Description: 
Author: Merkwert - Agentur für nachhaltige Kommunikation
Author URI: www.merkwert.de
*/
/* HTML5 display definitions
   ========================================================================== */

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

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

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

[hidden],
template {
  display: none;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* =========== Schriften einbinden ============= */

/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/montserrat-v25-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v25-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v25-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/lato-v23-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/lato-v23-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato-v23-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lato-v23-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/lato-v23-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lato-v23-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}


/* =========== Anfang ============= */
* {
   margin: 0;
   padding: 0;
	}

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow-x: hidden;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }

ul {
	list-style-type: none; 
	}


body.home 
{
background-image:url(images/DSC06979.JPG);
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
}		
							
body
{
background-image:url(images/DSC06979.JPG);
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: 50% 40%;
overflow-x: hidden;
}							
							
hr
{
border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
margin: 20px 0;
}
	
/* =========== clearfix ============= */
    .clearfix:after {
       visibility: hidden;
       display: block;
       font-size: 0;
       content: " ";
       clear: both;
       height: 0;
       }
    * html .clearfix             { zoom: 1; } /* IE6 */
    *:first-child+html .clearfix { zoom: 1; } /* IE7 */
				
/* =========== Schriften ============= */				
main h1,
main h2,
main h3,
aside h2,
header h1,
header h2
{
font-family: 'Montserrat', sans-serif;
color: rgb(63,63,56);
}

main h1
{
margin: 0 0 1.5em 0;
font-size: 1.5em;
}
		
main h2,
aside h2 
{
font-size: 1.2em;
margin: 0 0 1em 0;
}	
			
main h3
{
font-size: 1.0em;
margin: 0 0 0.5em 0;
}					

main p,
aside p,
main table 
{
font-family: 'Lato', sans-serif;
color: rgb(63,63,56);
margin: 0 0 1em 0;
font-size: 0.95em;
line-height: 140%;
}

header h1
{
font-size: 1.2em;
text-align: center;
font-weight: 400;
margin: 0.25em 0 0 0;
}

header h2
{
font-size: 1.1em;
font-weight: 400;
text-align: center;
margin: 0.5em 0;
}

header p
{
font-family: 'Lato', sans-serif;
font-size: 1em;
text-align: center;
margin: 0.5em 0 1em 0;
}

#info-header .more:after
{
content: "\f0ab";
font-family: FontAwesome;
color:rgb(35,55,81);
font-size: 1.75em;
display: block;
}

#info-header .more:hover,
#info-header .more:active, #info-header .more:focus 
{
transform: translateY(1.25em);
transition-duration: 2s;
}

#info-header .more
{
border: none;
height: 8.5em;
opacity: 1;
outline: 0;
width: 16em;
z-index: 1;
opacity: 1;
transform: translateY(0);
visibility: visible;
top: 100%;
left: 10%;
position: absolute;
margin: 2em 0 0 0;
animation: comeup 4s;
display: block;
transform: translateY(0);
text-align: center;
font-size: 1.2em;
}

#info-header .more a:link,
#info-header .more a:visited
{
text-decoration: none;
color: #233751;
}

@keyframes comeup
{
0% 
{
opacity: 0;
transform: translateY(25em);
}
100% 
{
opacity: 1;
transform: translateY(0);
}
}

#link-to-start:target 
{
display: block;
position: relative;
top: -48em; 
visibility: hidden;
}
		
.bold 
{
letter-spacing: 2;
display: inline-block;
padding: 0.25em 0 0.125em 0;
}
		
.bold:after
{
content:'';
display: block;
height: 2px;
width: 1.5em;
background: rgb(63,63,56);
}
			
/* =========== header ============= */				
header	
{
width: 100%;
height: 6.5em;
background: #fff;
border: solid 1px rgb(35,55,81);
border-color: transparent transparent #fff transparent;
box-shadow: 0px 5px 7px -2px rgba(0, 0, 0, 0.4);
position: relative;
z-index: 9999;
}

#info-header 
{
height: auto;
-webkit-transition: all .2s linear;
-moz-transition: all .3s ease;
transition: all .1s ease;
padding: 0;
position: relative;
opacity: 1;
padding: 2em 0 0 0;
}

header.sticky #info-header 
{
opacity: 0;
}

header.sticky,
body.home header.sticky
{
position: fixed;
z-index: 9999;
top: 0;
box-shadow: 0 0 3px rgb(92, 92, 83);
background: #fff;
}		

body.home header.sticky
{
height: 70px;
}

header.sticky
{
height: 2.25em;
}

   	
header.sticky #nav-service,
header.sticky .logo_header
{
display: none; 
visibility: hidden;
}

.home header
{
height: 100vh;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s ease;
padding: 0;
position: relative;
z-index: 9999;
background: rgba(255,255,255,0.9);
opacity: 1;
}

.logo_header
{
max-width: 45%;
margin: 0.75em 0 0 0.25em;
}

.logo_header:first-of-type
{
margin: 0 0 0 0.25em;
}
.logo_header:hover,
.logo_header:focus,
.logo_header:active				
{
box-shadow: 5px 10px 30px rgb(63,63,56);
}		

header.sticky #info-header,
body.home header .logo_header
{
display: none;
visibility: hidden;
}	

body.home header.sticky .logo_header
{
display: inline-block;
visibility: visible;
margin: 0.25em 0 0 0;
}

.akkreditierung
{
display: flex;
flex-wrap: nowrap;
justify-content:space-between;
align-items: flex-start;
margin: 1.5em 0;
}

.logo_akkreditierung
{
width: auto;
height: 40px;
}

body.home header.sticky .wrapper
{
height: 0;
}

.home-button
{
width: 2em;
height: auto;
border: 1px solid rgb(35,55,81);
padding: 0.4em;
border-radius: 50%;
background: rgb(63,63,56);
position: relative;
left: 3em;
top: 0;
border: 1px solid #fff;
}

body.home .home-button
{
display: none;
visibility: hidden;
}

header.sticky .home-button
{
top: 0;
}

.home-button:hover,
.home-button:active,
.home-button:focus
{
background: #233751;
border: none;
}

/* =========== Servicemenue ============= */
#nav-service .sub-menu
{
visibility: hidden;
opacity: 0;
position: absolute;
background: #fff;
padding: 10px 5px 5px 10px;
transition: opacity 1s ease-in-out;
z-index: 9999;
}

#nav-service li
{
display: inline-block;
padding: 0 5px;
border-right: 1px solid rgb(63,63,56);
}
	
#nav-service li:last-child
{
border-right: none;
}
			
#nav-service li a
{
text-decoration: none;
font-family: 'Lato', sans-serif;
color: rgb(63,63,56);
font-size: 0.9em;
}

/* =========== Hauptmenue ============= */		
nav > input
{
display: none; 
visibility: hidden;
}
			
header nav label:before 
{
content: "\f0c9";
font-family: FontAwesome;
position: relative;
font-size: 1.5em;
color:rgb(35,55,81);
left: 0.25em;
top: -1.5em;
}

body.home header nav label:before 
{
position: absolute;
left: 0.25em;
top: 1em;
}

body.home header.sticky nav label:before 
{
top: 1.75em;
    left: 1em;
}

header nav input:checked ~ label:before 
{ 
content: "\f00d";
font-family: FontAwesome;
color: rgb(35,55,81);
}

header nav > ul 
{
transform: translateX(-400em);
transition: all 0.6s ease-in;
-webkit-transition: all 0.6s ease-in;
-moz-transition: all 0.6s ease-in;
-ms-transition: all 0.6s ease-in;
-o-transition: all 0.6s ease-in;     		
background: #fff;
opacity: 0;
width:0;
height: 0;
}	
        		
header nav > input:checked ~ ul 
{
transform: translateX(0);
opacity: 1;
visibility: visible;
position: relative;
z-index: 20;
left: 0;
top: -2em;
overflow-y: auto;
width: 100%;
height: auto;
}	

body.home header nav > input:checked ~ ul 
{
position: absolute;
top: 4em;
}
			
#nav-main li
{
display: block;
padding: 10px 0;
}

#menu-item-186
{
border: 5px solid RGB(120,83,150);
border-radius: 5px;
background: RGB(120,83,150);
margin: 0.5em 0;
}

#menu-item-187
{
border: 5px solid RGB(242,118,18);
background: RGB(242,118,18);
margin: 0.5em 0;
border-radius: 5px;
}

#menu-item-920
{
border: 5px solid #f27612;
background: #f1de20; /* Old browsers */
background: linear-gradient(110deg, #f27612 50%, #785396 50%);
margin: 0.5em 0;
border-radius: 5px;
}

#menu-item-187 > a,
#menu-item-186 > a,
#menu-item-920 > a
{
color: #fff !important;
border-top: none !important;
}

#menu-item-186 > .sub-menu,
#menu-item-187 > .sub-menu
{
background: #fff;
white-space: nowrap; 
overflow-y: auto;
}

#nav-main li a
{
padding: 0 0 0 20px;		
}			
			
#nav-main li a,
#nav-main .sub-menu li a,
#nav-main .sub-menu > ul li a 
{
text-decoration: none;
color: rgb(63,63,56);
font-family: 'Montserrat', sans-serif;
letter-spacing: 0.05;
font-size: 0.9em;
}

#nav-main .sub-menu > li.current-menu-item > ul > li a
{
color: rgb(63,63,56);
text-shadow: none;
}
			
#nav-main li a:hover,
#nav-main .sub-menu li a:hover,
#nav-main .sub-menu > li > ul > li a:hover,
#nav-main .sub-menu > li > ul > li.current-menu-item a,
#nav-main .sub-menu li.current-menu-item a,
#nav-main li.current-menu-item a,
#nav-main li.current-page-ancestor a
{
color:rgb(35,55,81);
text-shadow: -1px -1px 0px #202020, 1px 1px 0px #FFF;
}
			
#nav-main .sub-menu
{
visibility: hidden;
opacity: 0;
position: absolute;
}
	
#nav-main li.current-menu-item .sub-menu,
#nav-main li.current-menu-ancestor .sub-menu
{
display: block;
position: static;
visibility: visible;
opacity: 1;
border-left: 1px solid rgb(63,63,56);
}	
												
#nav-main li.current-menu-item .sub-menu li
{
padding: 5px 0;
}

#nav-main .sub-menu li a
{
background-image: none;
padding: 0 0 8px 0;
top: 0;
margin: 0 0 0 1.5em;
border-bottom: none;
font-size: 0.9em;
color:rgb(92, 92, 83);
text-shadow: none;
}			
	
			
#nav-main .sub-menu > li > ul > li a
{
font-weight: 400;
color: rgb(63,63,56);
border-bottom: none;
text-shadow: none;
}

#nav-main .sub-menu > li > ul > li a,
#nav-main .sub-menu li.menu-item-has-children ul > li a
{
font-weight: 400;
color: rgb(63,63,56);
font-size: 0.8em;
}
			
.menu-description 
{
font-size: 0.8em;
white-space: nowrap;
display: inline-block;
margin: 0 0 0 1em;
}

/* =========== Suche ============= */
#header-search
{
position: relative;
top: -3.875em;
display: block;
left: 11em;
}

.btn
{
visibility: hidden;    
}

header.sticky #header-search,
header nav input:checked ~ #header-search
{
display: none;
}

body.home #header-search
{
position: absolute;
top: 1.5em;
left: 4em;
}

input 
{
outline: none;
}

input[type=search] 
{
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
font-family: inherit;
font-size: 100%;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button 
{
display: none; 
}

input[type=search] 
{
background: #ededed url(https://static.tumblr.com/ftv85bp/MIXmud4tx/search-icon.png) no-repeat 9px center;
border: solid 1px #fff;
padding: 5px 10px 5px 32px;
width: 3em;
-webkit-border-radius: 10em;
-moz-border-radius: 10em;
border-radius: 10em;	
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
font-family: 'Lato', sans-serif;
}

input[type=search]:focus 
{
width: 130px;
background-color: #fff;
border-color: #233751;
-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
box-shadow: 0 0 5px rgba(109,207,246,.5);
}

input:-moz-placeholder
{
color: #999;
}

input::-webkit-input-placeholder 
{
color: #999;
}

#header-search input[type=search] 
{
padding-left: 10px;
color: transparent;
cursor: pointer;
}

#header-search input[type=search]:hover 
{
background-color: #fff;
}

#header-search input[type=search]:focus 
{
width: 11em;
padding-left: 32px;
color: #000;
background-color: #fff;
cursor: auto;
}

#header-search input:-moz-placeholder 
{
color: transparent;
}

#header-search input::-webkit-input-placeholder 
{
color: transparent;
}

.search-results .ninja_pages_read_more
{
display: none;
    visibility: hidden;
}
/* =========== Startseite ============= */
#billboard-front
{
display: flex;
flex-direction: column;
}
#teaser_meg
{
order: 2;
}
#wrapper-front
{
order: 1;
}

h2.stand-alone
{
color: rgb(35,55,81);
font-family: 'Montserrat', sans-serif;
letter-spacing: 0.05;
border-radius: 5px;
padding: 10px;
margin: 2em 0;
background: rgba(255,255,255,0.8);
}

#main-info:hover,
#main-info:focus,
#main-info:active,
#main-info:hover img,
#main-info:focus img,
#main-info:active img
{
box-shadow: 5px 10px 30px rgb(63,63,56);
}

.thumb_home
{
max-width: 450px;
float: left;
}

.thumb_home img
{
border-top: 10px solid #fff;
border-bottom: 20px solid #fff;
border-left: 10px solid #fff;
border-right: 10px solid #fff;
border-radius: 10px;
}

#main-info p
{
float: right;
}

.teaser_home,
#teaser_meg,
#main-info
{
background-position: 50%;
border-radius: 10px;
padding: 20px;
}

#teaser_meg
{
width:100%;
background: url(images/flipchart-2686211_1280.png) rgba(255,255,255,0.9);
background-size: 60%;
background-position: 5% 90%;
background-repeat: no-repeat;
border-bottom: 4px solid rgb(35,55,81);
z-index:900;
position: relative;
margin: 2em 0 0 0;
}			


.teaser_home p,
#teaser_meg ul
{
background: rgba(255,255,255,0.7);
}


#wrapper-front
{
background: rgba(255,255,255,0.6);
margin: 10em 0 0 0;
}

.teaser_home
{
width: 100%;
margin: 0;
background: url(images/chair-1246107_1280.png) rgba(255,255,255,0.7);
background-size: 50%;
background-position: 50%;
background-repeat: no-repeat;
border-bottom: 4px solid rgb(35,55,81);
}	
			
.teaser_home:nth-of-type(2)	
{
background: url(images/compass-2188475_1280.png) rgba(255,255,255,0.7);
background-size: 50%;
background-position: 50%;
background-repeat: no-repeat;
background-repeat: no-repeat;
margin: 2em 0 0 0;
}		

#flex-container >.teaser_home h2,
#teaser_meg h2
{
width: 100%;
background: rgba(255,255,255,0.7);
padding: 0.25em;
border-left: 5px solid rgb(35,55,81);
font-size: 1.1em;
}

#teaser_termine > input 
{
cursor: pointer;
position: relative;
z-index: 99;
opacity: 0;
}

#teaser_termine > .termine-front
{
opacity: 0;
position: absolute;
top: -9999px;
left: -9999px;
transition: opacity 0.6s ease-in;
overflow: hidden;
z-index: 20;        		
border-bottom: 10px solid rgb(35,55,81);
}
        		
#teaser_termine > input[id="toggle-content"]:checked ~ .termine-front:nth-of-type(1),        					
#teaser_termine > input[id="toggle-content_1"]:checked ~ .termine-front:nth-of-type(2),
#teaser_termine > input[id="toggle-content_2"]:checked ~ .termine-front:nth-of-type(3),
#teaser_termine > input[id="toggle-content_2"]:checked ~ .termine-front:nth-of-type(4)
{
height: auto;
opacity: 1;
padding: 20px;
background: rgba(255,255,255,0.9);
position: relative;
top: -3em;
left: 0;
}



.header-termine-front
{
font-weight: 600;
margin: 0 0 1em 0;
}

#teaser_termine label[for="toggle-content"]:before, 
#teaser_termine label[for="toggle-content_1"]:before, 
#teaser_termine label[for="toggle-content_2"]:before, 
#teaser_termine label[for="toggle-content_3"]:before
{
content: "\f055";
font-family: FontAwesome;
position: relative;
font-size: 2em;
color:rgb(35, 55, 81);
z-index: 99;
top: 0;
}		
  	 
#teaser_termine > input[id="toggle-content"]:checked ~ label[for="toggle-content"]:before,
#teaser_termine > input[id="toggle-content_1"]:checked ~ label[for="toggle-content_1"]:before,
#teaser_termine > input[id="toggle-content_2"]:checked ~ label[for="toggle-content_2"]:before,
#teaser_termine > input[id="toggle-content_3"]:checked ~ label[for="toggle-content_3"]:before
{ 
content: "\f00d";
font-family: FontAwesome;
}	

.termine-front
{
background: rgba(255, 255, 255, 0.9);
border-radius: 5px;
padding: 10px;
font-family: 'Lato', sans-serif;
color: rgb(63,63,56);
}

h3.stand_alone
{
font-family: 'Montserrat', sans-serif;
letter-spacing: 0.05;
color: rgb(63,63,56);
padding: 1em 0 1em 3em;
background: rgba(255, 255, 255, 0.9);
border-radius: 5px;
width: 100%;
position: relative;
top: -2.5em;
border-bottom: 0.25em solid rgb(35,55,81);
}

.teaser_home h2,
#teaser_meg h2
{
font-family: 'Montserrat', sans-serif;
letter-spacing: 0.05;
margin: 0 0 15px 0;
}

.teaser_home p,
#main-info p,
#teaser_meg p
{
font-family: 'Lato', sans-serif;
color:#000;
margin: 0 0 1em 0;
}

.teaser_home a:link,
#teaser_meg a:link,
#teaser_meg a:visited
{
text-decoration: none;
outline: none;
color:rgb(35, 55, 81);
font-family: 'Lato', sans-serif;
}

#teaser_meg ol li
{
margin: 0 0 0.5em 2em;
font-family: 'Lato', sans-serif;
color: rgb(63,63,56);
list-style:decimal outside none;
}


.termine-front a:link,
.termine-front a:visited
{
text-decoration: none;
outline: none;
color: rgb(35, 55, 81);
}

.termine-front a:hover,
.termine-front a:focus,
.termine-front a:active,
#teaser_meg a:focus,
#teaser_meg a:active,
#teaser_meg a:hover
{
border-bottom: 1px dotted rgb(35,55,81);
}	


#slider-front
{
position: relative;
top: -4em;
}

#main-info p
{
width: 45%;
}	
.image_home 
{
float: left;
margin: -120px 0 0 55%;
}
.image_home > img
{
background: #fff;
padding: 10px;
margin: 0 20px 0 0;
}

/* =========== inhalte ============= */
main
{
width: 100%;
padding: 20px;
min-height: 60vh;
background-color: rgba(255,255,255,0.9);
margin: 40px 0 20px 0;
}
				
main a:link,
main a:visited
{
color:rgb(35,55,81);
text-decoration: none;
}	

main a:hover,
main a:focus,
main a:active
{
border-bottom: 1px dotted rgb(35,55,81);
}	

main ul,
main ol
{
margin: 5px 0 20px 20px;
}

main ul li
{
font-family: 'Lato', sans-serif;
color: rgb(63,63,56);
list-style: disc outside none;
}		

main ol li
{
font-family: 'Lato', sans-serif;
color: rgb(63,63,56);
list-style:decimal outside none;
}
/* =========== pdf-linkj ============= */
a[href$=".pdf"]:before
{
content: url(images/pdf-file-format-symbol.png);
display: inline-block;
margin: 0 0.25em 0 0; 
}

/* =========== Video Container ============= */
.video-container 
{
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
margin: 0.5em 0 1em 0;
}

.video-container iframe, .video-container object, .video-container embed 
{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

.html5-video-container
{
z-index: 1 !important;
}

/* =========== FAQ ============= */
.ewd-ufaq-post-margin-symbol span
{
font-size: 1em;
margin-top: 5px;
display: block;
}

.ewd-ufaq-post-margin-symbol
{
border-radius: 1em;
}

.ufaq-faq-title-text
{
font-family: 'Montserrat', sans-serif;
letter-spacing: 0.05;
}

/* =========== Newsletter-Anmeldung ============= */
.single-mailpoet_page main
{
max-width: 980px;    
margin-left: auto !important;
    margin-right: auto !important;
}
/* =========== toggle ============= */
.otw-sc-toggle .toggle-trigger span
{
position: absolute;
top: 0.75em;
float: none !important;
left: 0.5em;
}

.otw-sc-toggle .toggle-trigger
{
position: relative;
padding: 0.75em 0 0.75em 2.5em !important;
}
/* =========== Farben sub-pages ============= */
main
{
border-top: 2px solid rgb(38, 55, 81);
border-bottom: 4px solid rgb(38, 55, 81);
}


/* =========== Kalender ============= */
#eme_cat_filter
{
font-family: 'Lato', sans-serif !important;
font-size: 0.8em !important;
color: rgb(38, 55, 81);
margin: 0 0 1em 0;
background: #f6f6f6;
border-bottom: none;
border-top: none;
border-left: 6px solid rgb(38, 55, 81);
padding: 0.5em 0.125em;
}

input[type="submit"]
{
font-family: 'Lato', sans-serif !important;
font-size: 1em !important;
color: #fff;
background: rgb(38, 55, 81);
padding: 5px;
box-shadow: none;
border: none;
-webkit-transition-duration: 0.5s; /* Safari */
    transition-duration: 0.5s;
border-radius: 0.2em;
}

input[type="submit"]:hover,
input[type="submit"]:focus
{
color: rgb(38, 55, 81);
background: #fff;
border: 1px solid rgb(38, 55, 81);
}
ul.eme_events_list li 
{
list-style-type: none; 
margin: 0 0 10px 0;
}

li.eme_period
{

font-size: 1.1em;
margin: 20px 0 5px -15px !important;
font-weight: 400;
font-family: 'Montserrat', sans-serif;
letter-spacing: 0.05;
border-left: 6px solid rgb(35,55,81);
padding: 0 0 0 0.5em;
}

li.eme_period:after
{
content: '';
background-color: rgb(35,55,81);
height: 1px;
display: block; 
width: 70%;
}

.list-depends ul.eme_events_list li 
{
border-bottom: 1px dotted rgb(35,55,81);

}

.eme-rsvp-form
{
font-family: 'Lato', sans-serif;
color: rgb(63,63,56);
font-weight: 400;
}

.toggle-content > table.eme-rsvp-form,
.toggle-content > input
{
position: relative;
top: -280px;
}
table.eme-rsvp-form 
{
width: 98% !important;
}

table.eme-rsvp-form th
{
width: 100%;
text-align: left;
margin: 1em 0 0 0;
}

table.eme-rsvp-form tr
{
line-height:20px;
}
table.eme-rsvp-form tr.hide
{
display: none !important; 
visibility: hidden !important;
}
table.eme-rsvp-form td,
table.eme-rsvp-form th
{
display: block;
}

table.eme-rsvp-form td
{
width: 100%;
line-height:20px;
}

table.eme-rsvp-form td > input,
table.eme-rsvp-form td > textarea
{
width: 80%;
height: 40px;
border: none;
border-bottom: 1px solid rgb(63,63,56);
font-size: 1em;
color: rgb(63,63,56);
background: #fff;
}

table.eme-rsvp-form td > textarea
{
min-height: 10em;
}

table.eme-rsvp-form td > input[type="checkbox"]
{
width: 16px;
height: 16px;
margin: 0 5px 0 0;
}

table.eme-rsvp-form td > input:focus
{
border-bottom: 1px solid rgb(158, 88, 132);
border-top: 1px solid rgb(158, 88, 132);
}
tr.hide
{
display: none !important; 
visibility: hidden !important;
}
.eme-required-field
{
font-size: 0.7em;
}
.eme-rsvp-message
{
background: #fff !important;
font-family: 'Lato', sans-serif;
color: rgb(63,63,56);	
}

/* =========== Suchergebniss ============= */
.read_more
{
display: block;
font-family: 'Lato', sans-serif;
margin: 0 0 1em 0;
}

/* =========== breadcrumbs ============= */				
				
#breadcrumbs{
    list-style:none;
    margin:10px 0 20px -5px;
    overflow:hidden;
}
  
#breadcrumbs li{
    display:inline-block;
    font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 0.05;
	margin: 0 5px;
	color: rgb(63,63,56);
	
}
 
#breadcrumbs li a
{
text-decoration: none;
color: rgb(63,63,56);
} 

#breadcrumbs li a:hover,
#breadcrumbs li a:focus,
#breadcrumbs li a:active
{
color:rgb(35,55,81);
border-bottom: 1px dotted rgb(35,55,81);
}
  
#breadcrumbs .separator{
    
    font-weight:100;
    color:rgb(63,63,56);
}				
				
/* =========== sidebar ============= */				
aside		
{
width: 100%;
}
				
aside li
{
background-color: rgba(255, 255, 255, 0.9);
padding: 20px 10px 10px 10px;
list-style: none;
border-bottom: 1px solid rgb(92, 92, 83);
font-family: 'Lato', sans-serif;
}	

aside li a:link,
aside li a:visited
{
color: rgb(74, 91, 119);
text-decoration: none;
}	

aside ul.eme_events_list li	
{
margin: 0 !important;
padding: 5px 10px 0 10px;
border-bottom: none;
}	

aside ul.eme_events_list li .bold
{
color: rgb(92, 92, 83);
}

aside h3
{
font-size: 1.1em;
color: rgb(92, 92, 83);
}
/* =========== Testimonials ============= */	
.testimonial-name
{
font-family: 'Montserrat', sans-serif;
letter-spacing: 0.05;
color: rgb(63,63,56) !important;
}

.testimonial-message ul li
{
font-family: 'Lato', sans-serif;
color: rgb(63,63,56);
list-style: disc outside none !important;
}
/* =========== footer ============= */				
footer
{
clear: both;
height: auto;
padding: 20px;
width: 100%;
background:rgb(35,55,81);
border-top: 8px solid #fff;
}

body.home footer
{
position: relative;
top: 0;
}	
			
footer li {
			font-family: 'Montserrat', sans-serif;
			letter-spacing: 0.05;
			color: #fff;
			}

footer pre{
			font-family: 'Montserrat', sans-serif;
			letter-spacing: 0.05;
			color: #fff;
			white-space: pre-wrap;
 			white-space: -moz-pre-wrap !important;
 			white-space: -pre-wrap;
  			white-space: -o-pre-wrap;
  			font-size: 18px;
			}	
			
#service_footer li{
				display: block;
				margin: 0 0 20px 0;
				font-size: 18px;
				}	
				
#service_footer li a {
					text-decoration: none;
					color:#fff;
					}	
#service_footer li a:hover,
#service_footer li a:focus,
#service_footer li a:active,
#service_footer li.current-menu-item a
{		
border-top: 2px solid #fff;			
text-shadow: -1px -1px 0px #202020, 1px 1px 0px #FFF;
}		

footer a:link,
footer a:visited,
footer .fab
{
color: #fff;
}	

.link-xing:before
{
content:url(images/XNG_Sharebutton_v02.png);
display: inline-block;
margin: 0 1em 0 0;
}


.link-linked-in:before
{
content:url(images/In-2C-48px-R.png);
display: inline-block;
margin: 0 0.5em 0 0;
}

.link-instagram:before
{
content:url(images/logo-instagram.png);
display: inline-block;
margin: 0 0.75em 0 0;
}
.link-youtube:before
{
content:url(images/yt_icon_rgb.png);
display: inline-block;
position: relative;
top: -0.5em;
}
.link-blog:before
{
content:url(images/logo_MEG-Blog_200px.jpg);
display: inline-block;
margin: 1em 0;
}


footer .fab
{
margin: 0 1em 0 0;
font-size: 1.3em;
}		
footer .fab:hover
{
-ms-transform: scale(1.1); /* IE 9 */
-webkit-transform: scale(1.1); /* Safari */
transform: scale(1.1);	
}							
/* =========== images ============= */

img		{
		border:0;
		max-width: 100%;
		height: auto;
		}
		
/* ==========================================================================
   media Queries
   ========================================================================== */
@media only screen and (min-width: 400px) {
header
{
height: 7em;
}

.home-button
{
left: 5em;
top: -0.125em;
}

#header-search
{
left: 13.5em;
}
}

@media only screen and (min-width: 450px) {
   
#teaser_meg
{
background-size: 45%;
}
 .teaser_home
{
background-size: 35%;
}	
			
.teaser_home:nth-of-type(2)	
{
background-size: 35%;
}		  
}

@media only screen and (min-width: 480px) {

header nav label::before
{
top: 0;
}

header.sticky nav label::before
{
top: -1.5em;
left: 1em;
}

header nav > input:checked ~ ul
{
top: 0;
}

#header-search
{
top: -1.75em;
left: 14em;
}

#header-search input[type=search]:focus 
{
width: 14em;
}

}
   
 @media only screen and (min-width: 550px) {
 /* =========== Startseite ============= */

#teaser_meg
{
background-size: 40%;
}
 .teaser_home
{
background-size: 30%;
}	
			
.teaser_home:nth-of-type(2)	
{
background-size: 30%;
}		

.link-blog:before
{
margin: 0 0 1em 1em;
}
     
}

 @media only screen and (min-width: 600px) {
 /* =========== Startseite ============= */   
#teaser_meg
{
background-size: 35%;
}
 .teaser_home
{
background-size: 25%;
}	
			
.teaser_home:nth-of-type(2)	
{
background-size: 25%;
}		  
}

 @media only screen and (min-width: 680px) {
 /* =========== Startseite ============= */ 
 
body.home
{
background-image:url(images/DSC06979.JPG);
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: 50% 40%;
} 

 /* =========== Events Made Easy ============= */ 
table.eme-rsvp-form td
{
min-width: 300px;
}
 
}

 @media only screen and (min-width: 800px) {
 /* =========== Startseite ============= */ 
#billboard-front
{
flex-direction: row;
margin: 320px -3000px 0;
padding: 20px 3000px 40px;
background-color: rgba(255,255,255,0.6);
}

#wrapper-front
{
order: 1;
width: 50%;
margin: 0 20px 0 0;
background: transparent;
}

#flex-container
{
display: flex; 
flex-wrap:nowrap;
 flex-direction:column;
justify-content:space-between;
align-items:flex-start;
}

.teaser_home:nth-of-type(2)
{
margin: 0;
}

.teaser_inner
{
position: relative;
z-index: 999;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transition: all 0.5s linear;
}
				
.teaser_inner h2
{
color: #000;
}			

#teaser_meg
{
order: 2;
margin: 0;
width: 50%;
height: 32em;
background: url(images/flipchart-2686211_1280.png);
background-size: 60%;
background-position: 5% 70%;
border-bottom: 4px solid rgb(35,55,81);
background-repeat: no-repeat;
}			

 .teaser_home:hover
{
-ms-transform: scale(1.1); /* IE 9 */
-webkit-transform: scale(1.1); /* Safari */
transform: scale(1.1);
}					
				
#flex-container >.teaser_home
{
flex-basis: 50%;
flex-grow:1;
min-height: 14.75em;
background: url(images/chair-1246107_1280.png);
background-size: 40%;
background-position: 5% 60%;
background-repeat: no-repeat;
border-bottom: 4px solid rgb(35,55,81);
}	
			
#flex-container >.teaser_home:nth-of-type(2)	
{
background: url(images/compass-2188475_1280.png);
background-size: 40%;
background-position: 5% 80%;
background-repeat: no-repeat;
}		

#flex-container >.teaser_home p,
#teaser_meg ul
{
width: 60%;
margin-left: 40%;
background: rgba(255,255,255,0.7);
padding: 0.75em;
}

#teaser_meg p
{
background: rgba(255,255,255,0.7);
padding: 0.75em;
}

#teaser_termine
{
margin: 80px -3000px 0;
padding: 40px 3000px 0;
background: rgba(255,255,255,0.6);
}


#slider-front
{
margin: 145px -3000px 10px;
padding: 40px 3000px;
background: rgba(255,255,255,0.6);
}

/* =========== Footer ============= */			

footer .wrapper
{
display: flex;
display: flex; 
flex-wrap:wrap;
flex-direction:row;
justify-content:space-between;
align-items: stretch;
}

.items-footer 
{
flex-basis: 33%;
flex-grow:1;
max-width: 320px;
background-clip: padding-box; 
}				

body.home footer
{
}	

 @media only screen and (min-width: 960px) {
 
  /* =========== wrapper ============= */

.wrapper		{
				max-width: 980px;
				margin: 5px auto;
				text-align: left;
				}
 
/* =========== Header ============= */	 
header
{
height: auto:
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: height 0.4s ease;
padding: 0;
background: rgba(255,255,255,0.9);
}

header.sticky
{
height: 3.5em;
}
.home header
{
height: 98vh;
}   

header h1
{
font-size: 1.8em;
}

header h2
{
font-size: 1.5em;
}

header p
{
font-size: 1.1em;
}

.logo_akkreditierung
{
height: 70px;
}

#info-header .more
{
top: 115%;
left: 30%;
}
			
.logo_header:first-of-type,
.logo_header:nth-of-type(2)
{
max-width: 80%;
position: relative;
top: -1em;
}

header nav label::before
{
top: 0;
left:0.25em;
}

.home-button
{
left: 7em;
top: -2.75em;
}

#header-search
{
top: -4em;
left: 62%;
}

input[type=search] 
{
box-shadow: 1px 1px 2px rgb(63,63,56);
}

body.home #header-search
{
position: absolute;
top:0;
left: 40%;
}
body.home #header-search input[type=search]:focus
#header-search input[type=search]:focus 
{
width: 32.5%;
}
   		
body.home header.sticky #nav-main
{
position: fixed;
top: 4em;
width: 100vw; 
}

  /* =========== Servicemenue ============= */
#nav-service
{
position:relative;
left: 62%;
top: 0; 
}	

#nav-service .sub-menu
{
visibility: hidden;
opacity: 0;
position: absolute;
background: #fff;
padding: 10px 5px 5px 10px;
transition: opacity 1s ease-in-out;
z-index: 9999;
}

#nav-service .sub-menu li
{
display: block;
}
	
#nav-service li a:link
{
padding: 0.125em;
border-radius: 2px;
}		
							
#nav-service li:hover .sub-menu,
#nav-service li:active .sub-menu
{
display: block;
visibility: visible;
opacity: 1;
border-left: 1px solid rgb(63,63,56);
}
			
#nav-service li.current-menu-item a:link,
#nav-service li a:hover,
#nav-service li a:focus,
#nav-service li a:active,
#nav-service li.current-menu-item a
{
background: rgba(92,92,83,0.8);
color: #fff;
box-shadow: 1px 1px 2px rgb(63,63,56);
}

/* =========== Sartseite ============= */
#link-to-start:target 
{
display: block;
position: relative;
top: -65em; 
visibility: hidden;
}
		
 h2.stand-alone
{
margin: 3.5em auto 1em auto;
display: block;
max-width: 980px;
}

#teaser_termine h2.stand-alone
{
margin: 0 0 2em;
}

#slider-front h2.stand-alone
{
margin: 0;
}

/* =========== Inhalte ============= */		
main 
{
min-height: 70vh;
width: 65%;
float: left;
margin: 6em 0 4em 0;
}

aside
{
width: 32%;
float: left;
margin: 6em 0 0 1.25em;
}
/* =========== Einzelansicht Termine ============= */	
.ganze-breite 
{
width: 100%;
}
				
.main-information
{
width: 65%;
padding: 20px;
float: left;
}	

.aside-termine
{
position: relative;
top: -30px;
}	

.aside-termine li
{
margin: 0 0 20px 0;
padding: 10px 5px;
border: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: currentcolor #ecebeb #ecebeb;
border-image: none;
border-style: none solid solid;
border-width: 0 1px 1px;
box-shadow: 0 0 15px #ededed inset;
display: block;
padding: 14px 18px;
}		
	
}

@media only screen and (min-width: 1225px) {

/* =========== Header ============= */

header.sticky .home-button
{
left: 1em;
top: 0;
}


#header-search
{
top: -6.75em;
left: 62%;
}
    
/* =========== Hauptmenue ============= */		
			
header nav > ul 
{
transform: translateX(0);
padding: 0;
visibility: visible;
height: 65px;
width: 100%;
opacity: 1;
}	

header nav > label
{
display: none;
visibility: hidden;
}
			
#nav-main
{
position: relative;
background: rgba(35,55,81,1);
height: 65px;
margin: 0 auto;
text-align: center;
width: 100vw;
left: 50%;
transform: translateX(-50%);
}

#nav-main li 
{
display: inline-block;
padding: 0 2.5em 0 0;	
width: calc(100/6);
}
		
#nav-main li a
{
display: inline-block;
padding: 0.25em 0 0.25em 0;	
color: #fff;	
margin: 0.5em 0 0 0;	
}			
		
#nav-main li.current-menu-item a,
#nav-main li.current-page-ancestor a,
#nav-main li a:hover,
#nav-main li a:active
{
color:#fff;
border-top: 2px solid #fff;
}
				
#nav-main li:nth-child(4) a,
#nav-main li:nth-child(5) a,
#nav-main li:nth-child(6) a
{
position: relative;
top: -20px;
padding: 0.25em 0 42px 0;
}

#nav-main #menu-item-216 > ul.sub-menu,
#nav-main #menu-item-205 > ul.sub-menu,
#nav-main #menu-item-211 > ul.sub-menu
{
margin-top: -2.5em;
}
									
#nav-main li:nth-child(5) > ul.sub-menu li > ul,
#nav-main li:nth-child(6)> ul.sub-menu li > ul
{
margin-top: 0;
}
			
#nav-main li a 
{
font-size: 1em;
text-align: center;
}			
			
#nav-main li:hover .sub-menu,
#nav-main li.current-menu-item:hover .sub-menu,
#nav-main li.current-menu-ancestor:hover .sub-menu
{
visibility: visible;
opacity: 1;
border-left: 1px solid rgb(63,63,56);
z-index: 9999;
}
			
#nav-main .sub-menu,
#nav-main li.current-menu-item .sub-menu,
#nav-main li.current-menu-ancestor .sub-menu
{
visibility: hidden;
opacity: 0;
text-align: left;
background: #fff;
padding: 10px 5px 5px 10px;
transition: opacity 1s ease-in-out;
position: absolute;
overflow: hidden;
}			

#nav-main ul.sub-menu > li > ul,
#nav-main li.current-menu-item .sub-menu li ul,
#nav-main li.current-menu-ancestor .sub-menu li ul
{
position: relative;
display: block;
left: 20px;
padding: 0;
border-left: none !important;
top: 0;
}			

#nav-main .sub-menu li,
#nav-main li.current-menu-item .sub-menu li,
#nav-main li.current-menu-item .sub-menu ul li,
#nav-main li.current-menu-item .sub-menu li ul li,
#nav-main li.current-menu-ancestor .sub-menu li,		
#nav-main .sub-menu > li > ul > li,
#nav-main li.current-menu-item .sub-menu li ul li,
#nav-main li.current-menu-ancestor .sub-menu li ul li
{
display: block;
}		
				
#nav-main li.current-menu-item .sub-menu li
{
padding: 0;
}

#nav-main .sub-menu li a,
#nav-main li.current-menu-item .sub-menu li a
{
padding: 0 0 8px 0;
top: 0;
margin-right:10px;
color:rgb(92, 92, 83);
}			
						
#nav-main .sub-menu li a:after 
{
content:'';
height: 1px;
width: 100%;
background-color: rgb(63,63,56);
position: relative;
top: 0em;
}
								
#nav-main .sub-menu > li > ul > li > ul
{
position: relative;		
left: 25px;
box-shadow: none;
}

.menu-description 
{
font-size: 0.8em;
white-space: nowrap;
display: block;
margin: 0;
}

}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 0.3125em 1.25em 1.25em 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 0.3125em auto 0.3125em auto;
}

.alignright {
    float:right;
    margin: 0.3125em 0 1.25em 1.25em;
}

.alignleft {
    float: left;
    margin: 0.3125em 1.25em 1.25em 0;
}

a img.alignright {
    float: right;
    margin: 0.3125em 0 1.25em 1.25em;
}

a img.alignnone {
    margin: 0.3125em 1.25em 1.25em 0;
}

a img.alignleft {
    float: left;
    margin: 0.3125em 1.25em 1.25em 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 0.0625em solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 0.3125em 0.1875em 0.625em;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 0.3125em 1.25em 1.25em 0;
}

.wp-caption.alignleft {
    margin: 0.3125em 1.25em 1.25em 0;
}

.wp-caption.alignright {
    margin: 0.3125em 0 1.25em 1.25em;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 0.6875em;
    line-height: 1.0625em;
    margin: 0;
    padding: 0 0.25em 0.3125em;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(0.0625em, 0.0625em, 0.0625em, 0.0625em);
	position: absolute !important;
	height: 0.0625em;
	width: 0.0625em;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 0.1875em;
	box-shadow: 0 0 0.125em 0.125em rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 0.875em;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 0.3125em;
	line-height: normal;
	padding: 0.9375em 1.4375em 0.875em;
	text-decoration: none;
	top: 0.3125em;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}