/*
Theme Name: Script
Description: Script template
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: script
Version: 1.01.02
 
*/

/*

 1. resets 
 2. default styles
 3. mobile
 4. retina 
 
*/


/* Custom */

.page-template-page-landing ul {
  list-style-position: inside ;
}

#eu-cookie-bar {background-color:#00949F;}
.page-id-2032 #page-quote {background-image: none;}
.page-id-2032 a.more.big.white {font-size:31px;}
span.person-name {font-family:"FranklinGothicDemi";}

/* 1 */
body, html {
 margin: 0; padding: 0; 
}

html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

img { 
 border: 0; 
}

p {
 margin: 0 0 10px 0 ; 
}

a { 
 text-decoration: none;
}

ul {
 margin:0; padding:0; 
}

h1, h2, h3, h4, h5 {
 margin:0; padding: 0 ; 
}

strong, h1, h2, h3, h4, h5, b {
 font-family: 'FranklinGothicDemi',Arial, sans-serif;
 font-weight: normal ; 
}




/* 2 */

@font-face {
  font-family: 'FranklinGothicBook';
  src: url('fonts/FranklinGothicBook.ttf') format('truetype');
}

@font-face {
  font-family: 'FranklinGothicDemi';
  src: url('fonts/FranklinGothicDemi.ttf') format('truetype');
}

body {
 background-color: #f1eeeb ; 
 font-size: 18px; 
 font-family: 'FranklinGothicBook', Arial, sans-serif;
}

.wrapper { 
 width: 1200px ; margin: auto; 
}

.wrapper2 {
 width: 90% ; margin: auto; 
}

.row {
 display: table; 
 width: 100%; 
}

span.person-name {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	text-transform: uppercase; 
	text-align: center;
	background-color: rgba( 128, 90, 82, 0.5 );
	/* word-break: break-all; */
	padding: 19px 0;
	padding-top: 5px; 
	color: #fff;
}

.col {
 display: table-cell ;
 vertical-align: top; 
}

.col_1_2 { width: 50%; }

.center {
 text-align: center; 
}

img.custom-logo {
 height: 50px; width: auto; 
}

#teaser {
  color: #fff ; 
   background-image: url( gfx/sea_new.jpg ) ;
  background-repeat: no-repeat ; 
  background-position: center top ; 
  background-size: cover ; 	   
  margin-bottom: 30px; 			
}


#noteaser {
  margin-bottom: 30px; 			
}

.home #teaser {
  background-position: center center ; 
     
}

.lppost {
 border-radius: 10px; 
 background-color: #fff; 
 width: 48%; 
 margin-bottom: 30px; 
}

.lppost img {
 width: 100%; 
 height: auto ;
 border-radius: 10px 10px 0 0;
 margin-bottom: 10px;
}

.lppost h3 {font-size:28px;margin-bottom:10px;}
.lppost p {font-size:22px;}

.lp0 {
 float: left ;
}

.lp1 {
  float: right; 
}

.clear { clear: both; width: 100%; overflow: hidden; }

.lp_in {
 margin-left: 20px; 
 margin-right: 20px;
 padding-bottom: 15px; 
}

#teaser .light { 
  font-weight: lighter; 
  font-family: FranklinGothicBook,Arial, sans-serif; 	
}

#teaser_content {
 /* text-shadow:	
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;	 */
  position: relative ; 
  height: 100%; 	
}

.custom-navigation {
 position: absolute;
bottom: 20px;
right: 0;
left: 0 ;  
}

.custom-navigation span {
 display: none; 
}

/*.single #teaser {
 min-height: 890px; 
 background-position: center top ; 
} */

.flexslider .slides > li div.wrapper {
 height: 100%; 
}

#teaser_content h2 {
 font-size: 110pt ; 
 /* margin-top: 10%; */
/* padding-top: 180px;  */
 
 font-family: FranklinGothicBook, Arial, sans-serif ; 
}

#teaser_content .only_header h2 { 
 
}

#teaser_content .only_header span.valign {

}

#teaser_content span.valign, .post_image span.valign {
 display: inline-block ; 
 width: 0 ; 
 overflow: hidden ; 
 height: 100%; 
 vertical-align: middle ; 
}

#teaser_content div.valign {
 display: inline-block ; 
 width: 100% ; 
  
 
 vertical-align: middle ; 
}

#teaser_content p {
 font-size: 36pt; 
 
 margin: 0 ; 
 /*margin-top: 10%; */
 padding: 0 5px; 
}

#teaser_content div.bg {
  margin-top: 0%; 
  background-color: rgba( 255, 255, 255, 0.4 ) ;
  color: #16405B ; 
  padding: 15px 0 ;
  background-image: url( gfx/s_transparent.png);	
background-position: right center;
background-repeat: no-repeat;			
}

.button {
  cursor: pointer; 
  border-radius: 3px; 
  -moz-border-radius: 3px; 
  -webkit-border-radius: 3px; 
  padding: 14px 20px ;
  color: #fff ;		
  font-size: 25pt; 
  text-transform: uppercase; 			
  display: inline-block; 			
  background-color: transparent ;	
}

.button.brown {
   color: #805a52;  
   border: 1px solid #805a52; 
}

.button.brown:hover {
   color: #fff; 
   background-color: #805a52; 
}

.button.white {
  color: #fff; /* #0095a0 ; */
  border: 1px solid #fff ;
}

.button.white:hover {
 background-color: #fff; 
 color: #0095a0 ;
}

#content {
 clear: both; 
}


#main_col {
 float: left ; width: 845px; padding-bottom: 30px; min-height: 260px; 
}

#sidebar, #sidebar_single, #sidebar2 {
  float: right ; 
  width: 325px; 	
}

#sidebar_mobile_top, #sidebar_mobile_bottom {
 clear: both; display: none; 
}


.widget {
 margin-bottom: 30px; 
 border-radius: 10px; 
 -moz-border-radius: 10px; 
 -webkit-border-radius: 10px; 
}

.widget.tldr {
 background-color: #0095a0 ;
 color: #fff ;
 padding: 20px; 
}

.widget.tldr h2 {
 font-family: FranklinGothicDemi, Arial, sans-serif; font-weight: normal; 
 margin-bottom: 10px; 
}

.widget.tldr .post_tags {
 color: #fff; 
 font-weight: normal;
 font-family: FranklinGothicDemi, Arial, sans-serif; 
 
}

.widget.author {
  position: relative ; 
  padding-top: 52px; 	
}

.widget .author_in {
 background-color: #fff; 
 color: #000; 
 padding: 20px; 
 padding-top: 50px; 
 border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 
}

.author_in a {
 color: #000; 
}

.widget .author_in p, .widget.tldr p {
  font-size: 18px; 
  line-height: 23px; 	
}

.widget.author h2 {
	margin: 10px 0px 10px 0px;
 font-family: FranklinGothicDemi,Arial, sans-serif; font-weight: normal; font-size:22px;
}

.widget.author strong {
 font-weight: normal ; 
 font-family: FranklinGothicDemi,Arial,sans-serif; font-weight: normal; 
}

.widget.author div.avatar {
 text-align: center; 
 position: absolute;
 left: 0; right: 0 ; top: 0;
}

.widget.author img.avatar {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border: 2px solid #fff;
	height: 96px; 
}

.widget.gallery {
  
}

.gallery_in {
 position: relative; 
}

.widget.gallery h2 {
 padding: 20px; 
 padding-top:0 ; font-weight: normal; 
 font-family: FranklinGothicDemi, Arial, sans-serif; 
}

.widget.gallery ul.gallery_slide {
  list-style: none; 
 
}

.widget.gallery .gallery_ico {
  background-image: url( gfx/gallery.png ) ;
  display: inline-block ;
  width: 100%; 
  background-size: 32px; 	
  background-repeat: no-repeat; 
  background-position: center center; 		
  height: 32px; 			
  position: absolute; 
  top: 44%; 
  cursor: pointer; 			
}

.gallery_nav {
 position: absolute; top: 0 ; width: 50%; height: 100%; cursor: pointer; z-index: 2; 
}

.gallery_nav.prev {
 left: 0 ; 
}

.gallery span.valign {
 display: inline-block ; 
 width: 0 ; 
 overflow: hidden ; 
 height: 100%; 
 vertical-align: middle ; 
}

.gallery_nav.next {
  right: 0 ; text-align: right ; 
}

.widget.gallery ul.gallery_slide img.gallery {
  width: 100%;
  height: auto ; 	
   border-radius: 10px; 	
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px; 
		
}

.widget.gallery span.nav {
 color: #fff ; 
 font-size: 36pt ; 
 cursor: pointer; 
 vertical-align: middle; 
/* position: absolute ; 
 top: 45% ;  */
 text-shadow:	
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;	
}

.widget.gallery span.next {
 right: 0 ; 
}



a.more {
 color: #805a52 ;
 background-image: url( gfx/more.png ) ;
 background-repeat: no-repeat ; 
 background-position: left center; 
 padding-left: 20px;
 background-size: 16px; 
}

a.more.big {
 background-image: url( gfx/more_big.png ) ;
 background-size: 34px; 
 padding-left: 44px;
}

a.more.big.white {
 background-image: url( gfx/more_big_white.png ) ;
 background-size: 34px; 
 padding-left: 44px;
 color: #fff ;
 height: 34px; 
 display: inline-block ; 
 font-size: 36px; 
 line-height: 32px; 
 margin-top: 20px; 
}

#social li {
  
}

#social a {
 display: inline-block ; 
 /*width: 100px;  */
}

#social .facebook {
  background-image: url( gfx/fb_braun.png ) ;
  background-repeat: no-repeat;
  background-position: left center ;		
  text-indent: 12px; 	
}

#social .blog {
 background-image: url( gfx/blog_braun.png ) ;
  background-repeat: no-repeat;
  background-position: left center ;		
  text-indent: 12px; 	
}

#social .script {
 background-image: url( gfx/script_braun.png ) ;
  background-repeat: no-repeat;
  background-position: left center ;		
  
}

#social .bestfriend {
  background-image: url( gfx/bf_braun.png ) ;
  background-repeat: no-repeat;
  background-position: left center ;		
   
}

#social .bestfriend a, #social .script a {
text-indent: -99999px;	
}

#footer {
 clear: both; 
 padding: 40px 0; 
}

#footer ul {
 list-style: none ; 
 display: inline-block; 
}

#footer h2 {
 margin-bottom: 30px; 
 color: #805a52; 
 display: inline-block; 
 font-family: FranklinGothicDemi,Arial, sans-serif; font-weight: normal; 
}

#footer li {
 	margin-bottom: 7px; 
}

#footer .copyright {

 font-size: 12pt; 
 color: #805a52; 
 clear: both; 
}

#footer_bottom {
 margin-top: 80px; 
 clear: both ;
}

#footer .footer_hrefs {
 font-size: 10pt; 
 color: #805a52; 
}

#footer .footer_hrefs a {
  
 font-size: 10pt; 
 color: #805a52; 
}


#footer a {
 color: #805a52 ;
 text-transform: uppercase;
 font-size: 14pt; 
 line-height: 17pt; 
}

#footer .col {
 width: 33.3% ; 
 padding-bottom: 80px; 
}

#footer .col_50 {
 width: 50%; 
}

#footer .col_auto {
  width: auto ; 
}

#footer .footer_hrefs {
 text-align: right; 
}

#call_to_action {
  color: #fff ; 
  clear: both; 	
  background-color: #0095a0 ;	
  padding-bottom: 90px ; 		
  font-size: 24pt; 			
	
	background-size: 287px 244px; 
   background-image: url( 'gfx/s.png' ) ;	
  background-repeat: no-repeat; 
 
  background-position: right center ; 
}

#call_to_action .in { 
  padding-top: 90px;	
 
}

#call_to_action p {
 padding-right: 297px; 
}

#call_to_action b, #call_to_action strong {
  font-family: FranklinGothicDemi, Arial, sans-serif; font-weight: normal; 
}

#call_to_action .button {
  margin-top: 30px; 		
  display: inline-block ; 
  text-transform: uppercase ; 	
  padding-left: 20px; 
  padding-right: 20px;		
  font-size: 24pt; 	
}



.filter {
 background-color: #0095a0 ;
 color: #fff ; 
 padding: 20px; 
}

.filter.sticky {
 position: fixed; 
 top: 0 ; 
}

.filter label {
 border-bottom: 1px solid #fff; 
 display: block ; 
 padding: 3px 0 ; 
 line-height: 30px; 
 font-size: 20px; 
}

.filter input {
  float: right ; 
}

.filter label.last {
 border-bottom: 0 ;
}

.filter h2 {
 font-family: FranklinGothicDemi, Arial, sans-serif; 
 font-size: 20pt;  font-weight: normal; 
 margin-bottom: 5px; 
}



.filter input[type="radio"] {
    display:none;
}

.filter input[type="radio"] + label span {
    display:inline-block;
    width:20px;
    height: 20px;
    margin:4px 10px 0 0;
	 float: right;
	 background-size: 20px 20px; 
    vertical-align:middle;
    background:url(gfx/slider_off.png) center bottom no-repeat;
    cursor:pointer;
}

.filter  input[type="radio"]:checked + label span {
    background-size: 20px 20px; 
    background:url(gfx/slider_on.png) center top no-repeat;
}





 .fb-video {
    position: relative;
    padding-bottom: 52.25%;  
    padding-top: 25px;
    height: 0;
	 width: 100% !important; 
}
/*
.fb-video span, .fb-video iframe {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
	 border-radius: 10px; 
	 -moz-border-radius: 10px; 
	 -webkit-border-radius: 10px; 
} */

.fb-video iframe {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
	 border-radius: 10px; 
	 -moz-border-radius: 10px; 
	 -webkit-border-radius: 10px; 
}

.fb-video span {
 overflow: hidden ; 
  position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
	 border-radius: 10px; 
	 -moz-border-radius: 10px; 
	 -webkit-border-radius: 10px; 
}

.teaserbox {
 background-color: #fff; padding: 20px; 
}

.teaserbox ul {
 list-style: none; 
}

.teaserbox h2 {
 color: #000 ; 
 text-transform: none ; 
 font-family: FranklinGothicDemi, Arial, sans-serif; font-weight: normal; 
 margin-bottom: 10px; font-size:22px;
}

.teaserbox li {
 padding-bottom: 20px; 
 margin-bottom: 20px ;
 border-bottom: 1px solid #000 ;
}

.teaserbox li.last {
 border-bottom: 0px; 
 margin-bottom: 0 ;
}

.teaserbox_content img.wp-post-image {
   width:100%; height: auto; 
 }

.teaserbox_single {

}

.teaserbox p, .teaserbox_single p {
  font-size: 18px; 
  line-height: 23px; 	
}
 
.teaserbox_single .teaserbox_top {
 padding: 20px;
 padding-top: 0 ; 
}

.teaserbox_single li {
 padding-top: 20px; 	
 margin-bottom: 30px;   
 background-color: #fff;  
  border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
 
.teaserbox_single ul {
 list-style: none; 
}

.teaserbox_single h2 {
 color: #000 ; 
 text-transform: uppercase ; 
 font-family: FranklinGothicDemi, Arial, sans-serif; font-weight: normal; 
 padding: 20px; 
}
 
.teaserbox_single img.wp-post-image {
 display: block ;
 width: 100%;
 height: auto ; 
  border-radius: 0 0 10px 10px  ;
-moz-border-radius: 0 0 10px 10px   ;
-webkit-border-radius: 0 0 10px 10px  ;
} 

.teaserbox_single a h3 {
 color: #000 ; 
 font-family: FranklinGothicDemi, Arial, sans-serif; font-weight: normal; 
 font-size: 22px; 
 margin-bottom: 15px; 
}

.teaserbox_single li.last  img.wp-post-image {
  border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
}
 
.post {
 border-radius: 10px; 
 -moz-border-radius: 10px; 
 -webkit-border-radius: 10px;
 margin-bottom: 30px; 
}

.post.single {
 padding: 30px; 
}

.post.quote {
 background-color: #805a52 ;
 color: #fff; 
 padding: 30px; 
 min-height: 370px; 
 padding-top: 90px; 
 font-size: 36pt; 
 background-image: url( gfx/quote.png ) ;
 background-repeat: no-repeat ; 
 background-position: right calc( 100% - 90px); 
}

.post.quote p {
 padding-right: 136px; 
}

.post.quote strong {
 font-family: FranklinGothicDemi, Arial, sans-serif; font-weight: normal; 
}

.post.standard, .post.gallery {
  background-color: #fff; 
  padding-bottom: 20px; 	
}

.post.video {
  position: relative ; 
	
   padding-bottom: 52.25%; /* 16:9 */	
    padding-top: 25px;
    height: 0;
	 width: 100% !important; 
}

.post.video p { margin: 0; }

.post.videofb { 
 position: relative; 
}

.post.video .video-title, .post.videofb .video-title {
 position: absolute; 
 bottom: 0;
 left:0 ; 
 right: 0 ;
 z-index: 10; 
 background-color: rgba( 0,0,0, 0.8 ) ;
 padding: 10px; 
 color: #fff; 
 border-radius: 0 0 10px 10px ;
 -moz-border-radius: 0 0 10px 10px ;
 -webkit-border-radius: 0 0 10px 10px ;
}

.post h1, .post h2, .post h3 {
  word-wrap: break-word;
}
 
.post.video iframe {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
	 border-radius: 10px; 
	 -moz-border-radius: 10px; 
	 -webkit-border-radius: 10px; 
}


.post iframe { width: 100%; }
.post iframe {
border-radius: 10px; 
 -moz-border-radius: 10px; 
 -webkit-border-radius: 10px;
}

.post_title {
  width: 295px; 
  font-family: FranklinGothicDemi, Arial, sans-serif; font-weight: normal; 
 /* -webkit-hyphens: auto;	
   -moz-hyphens: auto;
	-ms-hyphens: auto;
        hyphens: auto; */
			
  overflow-wrap: break-word;	
  word-wrap: break-word;
	  
	/*		
   -ms-word-break: break-all;
     word-break: break-all;
 
     
     word-break: break-word; */


}

.post.standard.noimage {
  padding-top: 20px; 
  border-top: 15px solid #805a52 ;	
}

.post.gallery img {
  width: 100%;
  height: auto ; 	
 /*  border-radius: 10px; 	
 -moz-border-radius: 10px; 
 -webkit-border-radius: 10px;*/
}

.post_image {
  margin-bottom: 30px; 
}

.post_title_in {
 padding: 0 30px; 
}

.post_title_in a {
 color: #000; 
}

.post_title_in h2 {
 margin-bottom: 10px; 
 /*hyphens: auto; */ font-weight: normal; 
}

.post_content {
 padding-right: 30px; 
}

.post_content img, .post_content iframe {
  width: 100%; 
  height: auto ;	
}

.post_content_single img {
  width: 100%; 
  height: auto ;	
  margin: 15px 0 ; 	
}

  
/*

.post_content_single iframe {
  position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
	 border-radius: 10px; 
	 -moz-border-radius: 10px; 
	 -webkit-border-radius: 10px; 
} */

.post_title_single p {
  font-size: 30px; line-height: 40px ; 
}

.page-karriere p { 
	font-size: 21px;
	line-height: 30px;
}

.post_image img {
  width: 100% ;
  height: auto ; 	
  border-radius: 10px 10px 0 0; 	 
	
  position: absolute; top: 0 ; 	
}

/*
.post_image {
 height: 320px; overflow: hidden ; 
} */

.post_image {
	height: 0;
	overflow: hidden;
	padding-top: 37.86%;
	position: relative;
	box-sizing: border-box;
}

 

div.post_gallery {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url( gfx/gallery_ico.png );
	background-position: calc( 100% - 20px ) 20px;  /*center center */;
	background-repeat: no-repeat;
	background-size: 90px;  
}

/*
div.post.gallery .ico {
 position: absolute ;
 right: 20px; 
 top: 20px;
 width: 50px; 
 height: 42px ;
 border-radius: 5px;
 background-color: rgba( 0,0,0, 0.7 ) ;
 background-image: url( gfx/gallery_ico.png ) ;
 background-repeat: no-repeat;
 background-position: center center ;
 background-size: 36px 29px;
} */

div.post_gallery a {
  display: block ; width: 100%; height: 100%; 
}

ul.post_tags {
 list-style: none ; 
 color: #805a52 ; 
}

.ytp-title {
  display: none ;
}

#menu-header {
 list-style: none ;
}

#menu-header li {
  display: inline-block ;
}

#menu-header a {
 color: #fff; 
 font-size: 16pt; 
 margin-left: 30px; 
}

#menu-header .current-menu-item a {
  font-family: FranklinGothicDemi, Arial, sans-serif; 	font-weight: normal; 
}


#top {
 padding: 20px  0 ;
 background-color: rgba( 0, 0, 0, 0.2 ) ;
}

.home #top {
 position: absolute ;
 top: 0 ; 
 left: 0 ;
 right: 0 ; 
 z-index: 20; 
}

.bold {
font-family: FranklinGothicDemi, Arial, sans-serif;	
font-weight: bold; 
}

.top_menu {
 text-align: right; 
 vertical-align: middle; 
}

.post_title_single {
 padding-bottom: 20px; 
}

.post_title_single h1 {
 font-family: FranklinGothicDemi, Arial, sans-serif ;
 font-weight: normal;  
 margin-bottom: 5px; 
 font-size: 30pt; line-height: 40px;
}

.post_title_single p, .page-karriere p {
/* font-size: 19pt; */
} 

.post_title_single h3 {
 font-family: FranklinGothicDemi, Arial, sans-serif ;
 font-weight: normal; 
}

.post_content_single h2, .post_content_single h3, .post_content_single h4 {
 margin-bottom: 20px; 
 margin-top: 20px; 
  font-family: FranklinGothicDemi, Arial, sans-serif ;
  font-weight: normal ; 	
}

 

.post_content_single p {
font-size: 19px; line-height: 30px ; 
}

.post_content_single ul, .post_content_single ol {
  list-style-position: outside; 
  font-size: 19px;	
  line-height: 30px;
  margin-bottom: 10px;
	margin-left:20px;
}

.post_content_single a, .post_content a {
 color: #805A53 ; 
 text-decoration: underline ; 
}

.post_content_single a:hover, .post_content a:hover {
 text-decoration: none ; 
}

.single_page  {
 background-color: #fff ; 
 padding: 30px; 
 border-radius: 10px; 
 -moz-border-radius: 10px; 
 -webkit-border-radius: 10px; 
 font-size: 22pt; 
 margin-bottom: 30px;
}

#landing {
 margin-bottom: 30px; 
}

.section {
 padding: 30px; 
 border-radius: 10px; 
 -moz-border-radius: 10px; 
 -webkit-border-radius: 10px; 
 font-size: 26px; 
	color:#333;
 margin-bottom: 30px;
}

.section.default ul {
  list-style-position: inside ; 
}

.section.default {
 background-color: #fff ; 
	margin-bottom:50px;
}

.section.default p { 
	margin-bottom:20px;
}

.section.image {
  padding: 0;
  padding-top: 56.25%;
  position: relative ; 
  overflow: hidden ;		
}

.section.image img {
  display: block ;
  height: auto ;
  width: 100%; ; 
  position: absolute;
  top:0;				
}

.section.image h1 {
font-size:100px;  
position: absolute;
  bottom: 30px;
  left: 30px; 		
}
 

.section.partner {
  border: 3px solid #805a52;
	margin-bottom:40px;
}

.section.partner a {
text-decoration:underline;
	color:#805A53
}

.section.partner a:hover {
text-decoration:none;
}

.section.partner img {
  margin-right: 20px; 
  border: 2px solid #fff;
  border-radius: 50%;		
}

.section.partner .partner_image { text-align: center; }

.section_header {
 padding: 0px 30px 30px 30px; 
 font-size: 22pt; 
}

.section_header h2 {
 font-size: 26pt; 
 font-family: FranklinGothicDemi, Arial, sans-serif ;
 font-weight: normal; 
}

.section h2 {
 margin-bottom: 10px; 
 font-size: 36px; 
 font-family: FranklinGothicDemi, Arial, sans-serif ;
 font-weight: normal; 
}

.single_page h1 {
 margin-bottom: 20px; 
 font-size: 30pt; line-height: 40px ;
  font-weight: normal; 
 font-family: FranklinGothicDemi, Arial, sans-serif ;
}

.single_page h2 {
 margin-bottom: 20px; 
 font-size: 26pt; 
 font-family: FranklinGothicDemi, Arial, sans-serif ;
 font-weight: normal; 
}

#page-quote {
 margin-right: 15px; 
 background-color: #805a52 ; 
 padding: 30px; 
 padding-right: 140px; 
 font-size: 26pt; 
 color: #fff ; 
  min-height: 300px;
 position: relative; 
  border-radius: 10px; 
 -moz-border-radius: 10px; 
 -webkit-border-radius: 10px; 
  background-image: url( gfx/quote.png ) ;
 background-repeat: no-repeat ; 
 background-position: right calc( 100% - 30px); 
 padding-bottom: 100px; 
}

#page-quote b, #page-quote strong {
 font-family: FranklinGothicDemi, Arial, sans-serif ;
}

div.flow {
 color: #fff ; 
 padding: 30px; 
 border-radius: 10px; 
 -moz-border-radius: 10px; 
 -webkit-border-radius: 10px; 
 background-color: #0095a0 ; 
 margin-bottom: 30px; 
 margin-top: 30px; 
}

div.flow_in {
 background-size: 110px; 
 background-image: url( gfx/unlimited.png ) ;
 background-position: right center; 
 background-repeat: no-repeat; 
}

div.flow p.head {
 font-size: 24pt;
 margin-bottom: 20px; 
}

#page-contact {
 margin-right: 15px; 
 background-color: #805a52 ; 
 padding: 30px; 
 
 
 color: #fff ; 
  border-radius: 10px; 
 -moz-border-radius: 10px; 
 -webkit-border-radius: 10px; 
  
}

p.bottom {
 position: absolute; 
 left: 30px; 
 bottom: 30px; 
 margin: 0 ; 
}

#page-contact p {
  font-size: 20pt; 
}

#page-contact h2 {
 margin-bottom: 20px; 
 font-family: FranklinGothicDemi, Arial, sans-serif;
  font-weight: normal ;
  	font-size: 35px; 	
}

#page-contact b, #page-contact strong {
 font-family: FranklinGothicDemi, Arial, sans-serif;
 font-weight: normal ;
}

#page-contact a { 
  color: #fff; 
}

#page-tags {
 background-color: #0095a0 ; 
 color: #fff ; 
 padding: 30px; 
 min-height: 300px;
 position: relative ; 
 padding-bottom: 100px; 
 margin-left: 15px; 
 border-radius: 10px; 
 -moz-border-radius: 10px; 
 -webkit-border-radius: 10px; 
}


#page-tags h2 {
 margin-bottom: 20px;
   font-family: FranklinGothicDemi, Arial, sans-serif ;
	font-size: 35px; 
  font-weight: normal ;	
}

ul.page-tags {
  list-style: none; 
  padding: 0 ; 
  margin: 0 ; 		
  
  font-size: 32pt; 
  font-weight: normal ;	
}


.single-team ul.page-tags {
  font-size: 18pt;
}

.page-team-contact {
 background-color: #fff ; 
 padding: 30px; 
 border-radius: 10px; 
 -moz-border-radius: 10px; 
 -webkit-border-radius: 10px; 
 font-size: 22pt; 
 margin-bottom: 30px;
 background-image: url( 'gfx/say_hello.png' ) ;
 background-position: calc(100% - 20px) calc(100% + 20px) ; 
 background-repeat: no-repeat ; 
}


.page-team-contact h2 {
 margin-bottom: 20px; 
 font-size: 26pt; 
 font-family: FranklinGothicDemi, Arial, sans-serif ;
}

div.person {
 position: relative ;
 margin-bottom: 30px;
 padding-top: 175px; 
}

div.person_in { 
 background-color: #fff; 
 padding: 30px; 
 padding-top: 175px;
 border-radius: 10px; 
 -moz-border-radius: 10px; 
 -webkit-border-radius: 10px;  
}

div.person_in h1 {
	font-family: FranklinGothicDemi, Arial, sans-serif;
	font-weight: normal;
	margin-bottom: 20px;
	font-size: 30pt;
	line-height: 40px;
}

div.person_in h2 {
	font-family: FranklinGothicDemi, Arial, sans-serif;
	font-weight: normal;
  
   margin-bottom: 20px; 
   margin-top: 20px; 
  
}

div.person_in h3 {
	font-family: FranklinGothicDemi, Arial, sans-serif;
	font-weight: normal;
	margin-bottom: 10px;
}

div.person_in ul {
  margin-bottom: 20px; 
}

div.person_in a {
	color: #805A53;
	text-decoration: underline;
}

div.person_in a:hover {
  text-decoration: none; 
}


div.person p {
	font-size: 19px;
	line-height: 30px;
}
  
div.person div.avatar {
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
}

div.person div.no-avatar {
	background-image: url( gfx/no-avatar.png );
	height: 350px;
	background-repeat: no-repeat;
	background-position: center;
}

div.person img.avatar {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border: 2px solid #fff;
	height: 350px;
}

div.person_in ul {
 list-style-position: inside; 
}

div.person_in li {
	font-size: 21px;
	line-height: 30px;
}

#person-contact {
 font-size: 26pt; 
 font-family: FranklinGothicDemi, Arial, sans-serif ;
 margin-top: 30px; 
}

#person-contact a {
 color: #000 ;
}

#person-contact a:hover {
 text-decoration: underline ; 
}

#our-team {
 padding-top: 60px; 
 padding-bottom: 60px; 
 clear: both; 
}

.widget.tags {
	background-color: #0095a0;
	color: #fff;
	padding: 20px;
	margin-top: 175px; 
	word-wrap: break-word;
}

.widget.tags h2 {
 margin-bottom: 15px; 
}

.widget.contact { 
  background-color: #fff ; 
  color: #000 ; 
  padding: 20px; 		
}


.widget.contact p {
     font-size: 21px;
    line-height: 30px;
}

.widget.contact h2 {
 margin-bottom: 15px; 
}

.widget.contact a {
 color: #805A53 ; 
 text-decoration: underline;
}

.widget.contact a:hover {
 text-decoration: none; 
}

#our-team h2 {
 font-size: 26pt; 
 font-family: FranklinGothicDemi, Arial, sans-serif ;
 font-weight: normal ; 
 margin-bottom: 60px; 
}

#our-team div.single_person {
 display: inline-block ;
 width: 250px; 
 overflow: hidden ; 
 position: relative; 
 height: 250px; 
 	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
 background-image: url( gfx/no-avatar.png ) ;	
}

#team-list .team-list-column {
  display: inline-block ; 
  padding: 0 25px; 
  margin-bottom: 25px; 		
}

#team-list a {
 display: block ; 
 width: 100%;
 height: 100%; 
}

#team-list img.avatar {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	width: 250px; 
	height: 250px; 
}


#teaser-top {
 position: relative; 
 margin-bottom: 20px; 
}
#teaser-top #top {
 position: absolute; top: 0 ; left: 0; right: 0 ; 
}
#teaser-top img.teaser-img {
 width: 100%; 
 height: auto ; 
}

#map {
 width: 100%; 
 height: 300px; 
}

.mobile-logo { 
 display: none;
}

span.mobile-menu {
    display: none ; cursor: pointer;  	
}	

.post.video div.wp-video { 
  background-color: #0095a0; 
}

.post_content_single div.wp-video {
   width: 100% !important; 
}

  video.wp-video-shortcode, .mejs-container, .mejs-overlay.load {
	width: 100% !important;
	height: 100% !important;
}
.mejs-container {
	padding-top: 56.25%;
}
 video.wp-video-shortcode {
	max-width: 100% !important;
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	background-color: transparent; /*#0095a0;  */
	
}
video.wp-video-shortcode {
	position: absolute;
	left: 0 ; 
	top: 0 ; 
}
.mejs-mediaelement {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.mejs-controls {
	display: none;
}
.mejs-overlay-play {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: auto !important;
	height: auto !important;
}

  .mejs-container .mejs-controls {
	 
	border-radius: 0 0 10px 10px;
}


.mejs-container,   .mejs-embed, .mejs-embed body {
	background: transparent !important;
}

video::-webkit-media-controls {
  display: block;
}


.twitter-tweet {
 margin-left: auto;
 margin-right: auto;
}


h2.karriere_header {
 margin-bottom: 20px; 
}


.videoyt:hover .video-title {
  display: none; 
}





/* 3 */

@media all and (max-width: 1210px) {
 .wrapper { 
  width: 100%; 
  margin: auto; 
 }
 
 #teaser {
    margin-bottom: 0 ;  
 }
 
 div.person {
   margin-top: 30px; 
 }
 
 .filter {
   border-radius: 0 ;
	-moz-border-radius: 0 ; 
	-webkit-border-radius: 0 ; 
 }
 
 .filter_list {
   display: flex;  
	width: 100%;
	border-bottom: 1px solid #fff ; 
 }
 
 .filter label {
    
	flex-grow: 1;
	border-bottom: 0 ;  
 }
 
 .filter input {
	float: none;
	margin-left: 10px; 
}

 .filter input[type="radio"] + label span {
     float: left ; 	
  }

 
 .teaserbox {
   background-color: transparent ; 
	padding: 0 ;
	padding-left: 10px; 
 }
 
 .teaserbox li {
	padding: 0px;
	margin: 0px;
	border-bottom: 0px;
	display: block;
	width: 33.3%;
	float: left;
	margin-right: 0px;
	margin-bottom: 20px;
 }
 
 .teaserbox .teaserbox_content {
   background-color: #fff ;
	padding: 10px;  
	margin-right: 10px; 
	border-radius: 10px ; 
   -moz-border-radius: 10px ; 	
	-webkit-border-radius: 10px ; 
 }
 
 
 
 #main_col {
   width: auto ; 
	padding: 0; 
	float: none ;
	clear: both; 
 }
 
 #sidebar, #sidebar2 {
    float: none; 
	 width: 100%; 
 }
 
 .widget.tags {
	 
	margin-top: 0;
 }

 #sidebar2 { 
    margin-top: 30px; 
 }
 
 #sidebar2 .teaserbox  {
   padding-left: 0 ; 
 }
 
 #sidebar2 .teaserbox .teaserbox_content{
   margin: 0 10px; 
	border-radius: 0 ;
	-moz-border-radius: 0 ;
	-webkit-border-radius: 0 ; 
 }
 
 
 #sidebar_single {
   display: none ; 
 }
 
 #sidebar_mobile_top, #sidebar_mobile_bottom {
   display: block ; 
 }
 
 #sidebar_mobile_top .widget, #sidebar_mobile_bottom .widget, #sidebar_mobile_top .author_in, #sidebar_mobile_bottom .author_in, #sidebar_mobile_top img.gallery, #sidebar_mobile_bottom img.gallery,  .teaserbox_single img.wp-post-image, .teaserbox_single li  {
   border-radius: 0 ;
	-moz-border-radius: 0 ; 
	-webkit-border-radius: 0; 
 }
 
  

 #content {
   margin-bottom: 30px; 
 }
 
 #call_to_action {
  padding-left: 10px; 
  padding-right: 10px; 	
 }
 
 .post, .post iframe, .post_image img, .post.video iframe, .post.video .video-title, .post.videofb .video-title, .fb-video span, video.wp-video-shortcode, .widget {
  border-radius: 0 ;
  -moz-border-radius: 0;
  -webkit-border-radius: 0 ; 		
 }
}

@media all and (max-width: 1000px) {
 #team-list {
 text-align: center; 
}
}

@media all and (max-width: 940px) {
  #teaser_content h2 {
	font-size: 65pt;
  }
 #teaser_content p {
   font-size: 28pt; 
 }
 
 #teaser_content p {
    padding: 0 15px; 
 }
}

@media all and (max-width: 850px ) {
  #content .row, #footer .row {
    display: block ;	
  }
  #content .col, #footer .col {
    display: block ; 	
	 width: auto ; 
  }	
	
  #page-tags, #page-quote, #page-contact {
    margin: 0 ;  border-radius: 0 ;  -moz-border-radius: 0 ; -webkit-border-radius: 0 ; 	
  }	
	
  #page-quote {
    margin-bottom: 20px; 	
  }	
	
  .single_page, .page-team-contact, .post.gallery img  {
	 -moz-border-radius: 0 ; -webkit-border-radius: 0 ; 
  }
		
  	 
		
  #our-team h2 {
    padding: 0 10px; 	
  }		
  #footer .col  {
     text-align: center ;	
	  float: left ; 
	  width: 300px; 		
  }	
	
  #footer_top .col {
    text-align: left; 
	 float: none; 
	 width: 80%; 
	 margin: auto ;	
  }	
	
  #footer_bottom .col {
     width: 100% ; 	
  }	
	
  #footer .col > div {
    text-align: left; 
	 display: inline-block ; 
	 
	 margin-bottom: 0px; 	
  }	
	
  #footer .col {
    padding-bottom: 30px; 	
	}	
	
  .post_title {
    width: auto ; margin-bottom: 20px; 
  }	
	
  .post_content p, .post_content ul {
    padding-left: 30px; 	
  }	
	
  .standard a.more {
    margin-left: 30px; 	
  }	
	
  .post_tags li {
    display: inline-block ; 
	 margin-right: 20px; 
  }	
	
  .post_image {
  /*  height: 200px; 	 */
  }	
	
  .post.quote {
	  font-size: 24pt; 
  }		
	
  #teaser_content p {	
   	font-size: 26pt;
	 
  }  
} 

@media all and (max-width: 740px ) {
  .teaserbox li {
	 
	width: 100%;
	float: none;
	 
	margin-bottom: 20px;
}

 #page-quote, #call_to_action {
   font-size: 22pt; 
 }
 
 #page-tags h2 {
 font-size: 22px;
 
 }
 
 #page-tags {
   min-height: auto; 
 }
 
 ul.page-tags {
   font-size: 22pt;
 } 

.teaserbox .teaserbox_content {
	padding: 10px 20px;
}


	 .post_title_in h2 {		
    width: 100%; 	
	 
    overflow-wrap: break-word;
  }	

#teaser_content p {	
   	font-size: 22pt;
	 
  }  
	
  #sidebar2 .teaserbox .teaserbox_content{	
   margin: 0;  
 }
	
  .post.quote p {
    padding-right: 0 ; 	
  }	
	
  .post.quote {
    padding-bottom: 140px; 	
	 background-position: right calc( 100% - 30px);
  }	
	
  #call_to_action {
    background-image: url( gfx/cta_bg.png ) ;	
	 background-size: 190px 167px; 
  }	
	
  #call_to_action p {	
     padding-right: 190px; 
  }
}

@media all and (max-width: 650px ) {
  .section.image h1 {
    font-size: 42pt; 	
  }
	
  .lp0, .lp1 {
    float: none;
	 width: 100%; 	
  }	
}

@media all and (max-width: 600px) {
  #teaser_content h2 {
	font-size: 45pt;
  }
  #teaser_content p {
   	font-size: 17pt;
	 
  }  
	div.person {
	 
	padding-top: 86px;
}
  div.person img.avatar {	
 
	height: 175px;
	width: auto;
}

div.person div.no-avatar {
	 
	height: 175px;
	 
	background-size: 175px 175px;
}
	
  #footer_bottom .col {
    display: block ; 
	 width: 100%; 
	 float: none; 	
  }	
	
  .page-team-contact {
     padding-bottom: 100px; 	
  }	
	
  div.menu-header-container {
	background-color: #0095a0;
	text-align: left;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	padding: 30px; 
	display: none; 
  }
	
  div.menu-header-container.show-mobile {
    display: block ; 	
  }	
	
  #menu-header li {	
	display: block;
	line-height: 22pt;
  }
		
  img.custom-logo {
    display: none; 	
  }	
	
  .mobile-logo {
    display: inline-block ; 	
	 width: 40px ; 
	 height: 31px; 
	 background-size: 40px 31px ; 
	 background-image: url( gfx/mobile_logo.png ) ;
  }	
	
  span.mobile-menu {
    display: inline-block ; 	
	 width: 37px;
	 height: 26px; 
	 background-size: 37px 27px ; 
	 background-image: url( gfx/menu_icon.png ) ;
	 background-position: center center ; 
	 background-repeat: no-repeat; 
	 position: absolute;  
	 right: 30px;  
	 cursor: pointer; 
	 top: 24px; 
  }	
	
  span.mobile-menu.active {
	background-position: center bottom ; 
	background-size: 26px 26px; 
	background-image: url( gfx/menu_icon_close.png ) ;
  }	
	
  #top {
   /* background-color: transparent ;  */
  }
  
  .filter_list {
    display: block ; 
	 border-bottom: 0 ; 	
  }	
	
  .filter label {	
	
	  border-bottom: 1px solid #fff ; 
  }
  .filter input {	
	float: right;
	margin-left: 10px;
}
  .filter input[type="radio"] + label span {
     float: right ; 	
  }

}

@media all and (max-width: 500px) {
 .flow_in {
   background-image: none !important; 
 }
 
 #teaser_content p {
   	font-size: 15pt;
	 
  }  
	
  #page-quote {
    background-size: 100px;  	
  }	
	
  div.flow_in {
    background-image: none ; 	
	}	
	
 .post.single {
	padding: 15px;
 }
 
 #call_to_action {
	background-image: url( gfx/cta_bg.png );
	background-position: right calc( 100% - 90px );
	padding-bottom: 280px;
	background-size: 190px; 
  }

  #call_to_action p {
    padding-right: 0px; 
  } 	
}


@media all and (max-width: 450px) {
  #teaser_content h2 {
	font-size: 25pt;
  }
#teaser_content p {
	font-size: 15pt;
	 
}
  
  div.person img.avatar {	
	 
  /*	height: auto; */
  /*	max-width: 90%; */
}


#team-list img.avatar {
	width: 235px;
	height: 235px;
}

#our-team div.single_person {
	 
	width: 235px;
	height: 235px;
	  
	background-position: center;
}

}






/*  retina    */

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
  .mobile-logo {
    background-image: url(gfx/mobile_logo@2x.png);
  }
	
   span.mobile-menu {	
  
	 background-image: url( gfx/menu_icon@2x.png ) ;
	 
  }	
	
  span.mobile-menu.active {
 
	background-image: url( gfx/menu_icon_close@2x.png ) ;
  }	
	
  .filter input[type="radio"] + label span {	
    
    background:url(gfx/slider_off@2x.png) center center no-repeat;
    background-size: 20px 20px; 
}

  .filter  input[type="radio"]:checked + label span {
   background-size: 20px 20px; 
	border-radius: 10px;
	-moz-border-radius: 10px;
   -webkit-border-radius: 10px;
	 background:url(gfx/slider_on@2x.png) center center no-repeat;
  }
	
  #call_to_action {	
	background-image: url( gfx/s@2x.png );
	 
	background-size: 190px; 
   }
	
	.widget.gallery .gallery_ico {
     background-image: url( gfx/gallery@2x.png ) ;
  }	
	
	div.post_gallery {
	 
	background-image: url( gfx/gallery_ico@2x.png ); 
	}

	a.more {
 
 background-image: url( gfx/more@2x.png ) ; 
}

   a.more.big {
 background-image: url( gfx/more_big@2x.png ) ;
  }

a.more.big.white {
 background-image: url( gfx/more_big_white@2x.png ) ;
 }
  
}