/*
Theme Name: WP CoconatTheme
Theme URI: www.coconat-space.com
Description: Coconat Theme
Author: Susan
Version: 1.0
Tags: responsive, bootstrap

*/

/*Bootstrap core CSS */
@import url('bootstrap/css/bootstrap.min.css');
/* Bootstrap theme */
@import url('bootstrap/css/bootstrap-theme.min.css');


body{
	color: #44494a;
	font-family: 'Open Sans', sans-serif;
}

ul, ol{
	margin:0px;
	padding: 0px;
}
img.social-icon {
    width: 20px;
    margin-right: 10px;
}
a,
a:hover,
a:focus{
	color: #9bb449;
}

.section-icon{
	height: 57px;
	margin-bottom: 20px;
}

h2{
	font-weight: bold;
	font-size: 24px;
	text-transform: uppercase;
	color: #245f49;
	margin: 0px 0px 60px;
}

h4{
	font-size: 18px;
	font-weight: bold;
	margin:0px 0px 20px;
}

h3{
	color: #245f49;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

/* Header */
.header-nav{
	background: white;
}
.navbar{
	position: relative;
    margin: 5px 0px;
}

#navbar{
	float: left;
    padding: 0px;
}

.navbar-toggle {
    padding-top: 9px;
    border: 1px solid #9bb449;
    border-radius: 0px;
    margin-top: 12px;
}

.header-nav a.navbar-brand{
	display: inline-table;
    width: 253px;
}

.header-nav .current-menu-item li a {
    border-bottom: 2px solid white;
}

.menu-header-menu-container,
.menu-header-menue-de-container{
	padding: 15px 0px;
    display: inline-block;
}

.navbar-brand img{
	width:100%;
}

.header-nav a.navbar-brand:hover{
	text-decoration: none;
	border:none;
	opacity: 0.6;
}

nav.navbar.header-nav {
    position: fixed;
    z-index: 99;
    display: block;
    width: 100%;
    border: 0px;
    border-radius: 0px;
    margin: 0px;
    top:0px;
}

.navbar .slash{
	height: 70px;
}

.menu-language-menu-container{
    margin-right: 20px;
}

.header-nav .menu-language-menu-container,
.header-nav .menu-language-menu-de-container{
	display: inline-block;
    padding: 15px 0px;
    right:0px;
    top: 0px;
    position: absolute;
}

.header-nav .menu-language-menu-container a,
.header-nav .menu-language-menu-de-container a{
	color: #cdcece;
	text-transform: uppercase;
}

.header-nav .menu-item-language-current a,
.header-nav .menu-item-language-current a:hover {
    color: #9bb449;
    border: none;
}

.partners .col-sm-2 a{
    display: inline-block;
}
.partners .col-sm-2 a:hover{
    opacity: 0.6;
}


.header-nav a{
	color: #44494a;
	display: inline-block;
	border-bottom: 2px solid white;
	padding: 2px 2px;
    font-size: 18px;
    font-weight: bold;
    margin: 5px;
    /*margin-bottom: 15px;*/
}

.header-nav .current-menu-item a,
.header-nav .current-menu-item li a:hover,
.header-nav a:hover,
.header-nav a:focus{
	border-bottom: 2px solid #9bb449;
	text-decoration: none;
}

.header-nav li{
	list-style: none;
	display: inline-block;
    margin: auto 2px;
}

.header-nav .language-nav li{
    margin:0px;
}

.single .simple-content h2 {
    text-align: left;
    margin-bottom: 15px;
}
.single .simple-content .date {
    margin-bottom: 20px;
}

.page-template-default .carousel{
    margin-top: 50px;
}

/*--------------------------HOME---------------------------------*/
.first-teaser{
	text-align: center;
	padding: 30px 0px 60px;
}
.page-template-default .first-teaser {
    padding: 30px 0px 30px;
}
.first-teaser p {
    font-weight: bold;
    font-size: 24px;
}

.swiper-container img{
    width: 100%;
    height: auto;
}

.swiper-slide{
    height: auto;
}

.header-wrapper{
    position: absolute;
    z-index: 4;
    color: white;
    text-align: center;
    width: 100%;
    padding-left: 15%;
    padding-right: 15%;
    height: 100%;
    background-color: rgba(0,0,0,0.2);
    display: flex; 
    justify-content: center;
    align-content: center;
    flex-direction: column;

    display: -webkit-flex;
    display: -ms-flexbox;    
    
    -webkit-justify-content: center;
    -ms-justify-content: center;
    
    -webkit-align-content: center;
    -ms-align-content: center;
    
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}

.header-wrapper h1 {
    font-size: 78px;
    font-weight: bold;
    margin-top: 0px;
}

.swiper-container {
    width: 100%;
    height: auto;
} 

p.split_subline {
    font-style: italic;
    font-size: 20px;
}

.no-navigation .swiper-button-prev,
.no-navigation .swiper-button-next{
    display: none;
}

.offer .swiper-container {
    overflow: hidden;
}

a.show-all.hasActionbutton {
    position: relative;
    z-index: 8;
    color: white;
    bottom: 40px;
    margin: auto;
    width: 380px;
    background-color: #9bb449;
    padding: 20px;
    font-style: italic;
    font-size: 15px;
    letter-spacing: 1px;
    border-width: 2px;
    margin-bottom: -40px;
}

a.show-all.hasActionbutton span {
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 5px;
    display: block;
    font-style: normal;
}

a.show-all.hasActionbutton span:after {
    content: '';
    display: block;
    width: 90px;
    height: 2px;
    background: white;
    margin: 10px auto;
}

a.show-all.hasActionbutton:hover,
a.show-all.hasActionbutton:focus{
	text-decoration: none;
	background: white;
	color:#9bb449;
	opacity: 1;
}


a.godown {
    text-align: center;
    display: block;
    margin-top: 30px;
    margin-bottom: 15px;
}

a.godown:hover {
	opacity: 0.6;
}

.godown img {
    height: 50px;
}

.teaser-box{
	position: relative;
	margin-bottom: 20px;
}

.teaser-boxes a{
	font-size: 16px;
	text-transform: uppercase;
	line-height: 2em;
	border-bottom: 1px solid;
}

a:hover .teaser-box,
.teaser-boxes a:hover{
	text-decoration: none;
	opacity: 0.6;
}

.teaser-box img.box-bg{
	width: 100%;
}

.teaser-box .overlay{
	position: absolute;
	margin:auto;
	width: 100%;
	height: 100%;
	opacity: 0.9;
	text-align: center;
	top: 0px;
}
.teaser-box .overlay .box-title{
    text-transform: uppercase;
    font-size: 69px;
    color: white;
    margin: auto;
    bottom: 0px;
    top: 0px;
    left: 0px;
    right: 0px;
    position: absolute;
    height: 70px;
    font-weight: bold;
}

.de .teaser-box .overlay .box-title{
    font-size: 45px;
}

.stay .teaser-box{
	border-bottom: 10px solid #ff8880;
}

.work .teaser-box{
	border-bottom: 10px solid #55487f;
}

.life .teaser-box{
	border-bottom: 10px solid #235f49;
}

.teaser-boxes{
	text-align: center;
	margin-bottom: 60px;
}


.close-to-berlin{
	text-align: center;
	background: #f1f5ef;
	padding: 60px 0px;
}

.close-to-berlin .time-box{
	background: #9bb449;
    color: white;
    margin-top: 0px;
    margin-bottom: 20px;
    display: inline-block;
    padding: 10px 50px;
}

.close-to-berlin .time-box .time{
	font-size: 33px;
}


.close-to-berlin .time-box .place{
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
}

.train{
	margin-bottom: 60px;
}

.time-box div{
	display: inline-block;
	margin: 10px 15px;
}

.time-box img{
	vertical-align: top;
	margin: 0px 10px;
}

.close-to-berlin .map{
	padding: 0px 50px 30px;
    width: 100%;
}


.calendar{
	text-align: center;
	background: white;
	padding: 60px 0px;
}

.calendar .row{
	text-align: left;
}

.calendar .row img {
    margin-bottom: 20px;
    width: 100%;
}

.news .title {
    padding: 2px 5px;
    background: #9ab348;
    display: inline-block;
    color: white;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 20px;
}

.news .date{
	font-size: 16px;
}

.news .text{
	font-size: 16px;
}

a.show-all {
    padding: 10px;
    text-transform: uppercase;
    border: 1px solid;
    margin: 20px 0px;
    display: block;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
a.show-all:hover {
	text-decoration: none;
	opacity: 0.6;
}

.news h4 a, .events h4 a {
    color: #44494a;
}

.blog-teaser a.show-all,
.events .event-teaser a.show-all {
    display: inline-block;
    margin: 0px;
    border: none;
    padding: 0px;
}

.event-teaser{
    padding-bottom: 20px;
    border-bottom: 1px dotted #ff877f;
    margin-bottom: 40px;

}

.blog-teaser{
	margin-right: 30px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #9bb449;
    margin-bottom: 40px;
}

.events .title {
    text-transform: uppercase;
    color: #ff877f;
    font-size: 16px;
    font-weight: bold;
}

.events .date{
    padding: 2px 5px;
    background: #ff877f;
    display: inline-block;
    color: white;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
}

.events h4{
	margin-bottom: 0px;
}

.events a.show-all{
	color: #ff877f;
	border-color: #ff877f;
}
.events a.show-all:hover{
	color: #ff877f;
}

.events a,
.events a:hover{
    color: #ff877f;
}

.event {
    margin-bottom: 30px;
}

.vimeo .title {
    text-transform: uppercase;
    color: #4bf;
    font-size: 16px;
    font-weight: bold;
}

.vimeo a.show-all{
	color: #4bf;
	border-color: #4bf;
}
.vimeo a.show-all:hover{
	color: #4bf;
}



.media{
	text-align: center;
	background: #e3e9e7;
	padding: 60px 0px;
}

.vision-press,
.newsletter{
	margin-bottom: 60px;
}

.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.presslogo img {
    width: 100%;
    margin-bottom: 20px;
}

.presslogo a:hover {
    opacity: 0.6;
}

.newsletter{
	font-weight: bold;
    font-size: 16px;
}

.footer{
	background: white;
	padding: 60px 0px;
}

.footer a.coconat-logo{
	padding-bottom: 0px;
}

.footer a.coconat-logo img{
	width: 100%;
    max-width: 263px;
    margin-left: -10px;
}

.footer .menu li {
    list-style: none;
}

.footer .menu li a{
	font-weight: bold;
	display: inline-block;
	border-bottom: 2px solid white;
	padding: 2px 2px;
    font-size: 16px;
    margin-bottom: 16px;
}

.footer .menu .current-menu-item a,
.footer .menu li a:hover{
	border-bottom: 2px solid #9bb449;
	text-decoration: none;
}

.footer a {
    padding-bottom: 20px;
    display: block;
}



span.icon-bar {
    background: #9bb449;
}

/*--------------------------WORK/STAY/LIFE---------------------------------*/
.booking {
    margin-bottom: 60px;
}

.booking .left{
	background: #f1f5ef;
	border-right: 15px solid white;
	padding: 30px;
}

.booking .right{
	background: #9bb449;
	border-left: 15px solid white;
	padding: 30px;
	text-align: center;
}

.booking p.subtitle,
.booking h2{
	text-align: center;
	margin-bottom: 20px;
	font-weight: bold;
}

.booking .right h2 {
    color: white;
}

.booking .section-icon {
    margin-bottom: 10px;
}

.booking .left li{
	list-style: none;
	text-transform: uppercase;
}

.booking .left li:before{
    width: 10px; 
    height: 20px;
    content:url('img/coconat-check.svg');
}

.booking .left ul {
	margin-top: 35px;
}


.our-sections{
	margin-top:60px;
}

.our-sections h2{
	text-align: center;
}


.booking a.show-all {
    background-color: white;
    display: inline-block;
    padding: 10px 50px;
    margin-bottom: 0px;
    color: #245f49;
    border:none;
    margin-top: 30px;
    border: 4px solid #9bb449;
    outline: 1px solid white;
}
.booking a.show-all .small {
    font-weight: normal;
    font-size: 80%;
}
.booking .left li {
    list-style: none;
    text-transform: uppercase;
    line-height: 30px;
    position: relative;
    padding-left: 45px;
}
.booking .left li:before {
    width: 35px;
    content: url('img/coconat-check.svg');
    display: inline-block;
    line-height: 13px;
    position: absolute;
    top: 0px;
    left: 5px;
}

.special-offer{
	margin: 60px auto 20px;
}

.special-offer h2 {
    text-align: center;
}

.special-offer h4{
	text-transform: uppercase;
    color: #9bb449;
    padding-left: 10px;
}

.offer{
	padding-bottom: 40px;
}

.offer ul{
	list-style: inside;
	font-weight: bold;
	padding-left: 10px;
}
.offer p{
	padding-left: 10px;
}

.offer img {
    width: 100%;
    margin-bottom: 20px;
}

.include{
	color: white;
}

.background-infos{
	text-align: center;
	background: #e3e9e7;
	padding: 60px 0px;
}

.background-infos .content{
	text-align: left;
	margin-bottom: 30px;
}


.gform_wrapper .top_label label.gfield_label {
    display: none;
}


.gform_wrapper .newsletter-gform input[type=email], 
.gform_wrapper .newsletter-gform input[type=number], 
.gform_wrapper .newsletter-gform input[type=password], 
.gform_wrapper .newsletter-gform input[type=tel], 
.gform_wrapper .newsletter-gform input[type=text], 
.gform_wrapper .newsletter-gform input[type=url]{
    border: none;
    line-height: 45px;
    padding: 0px 20px;
    width: 100%;
    min-width: 250px;
    text-align: left;
    font-weight: normal;
    font-size: 14px;
}

.ginput_container {
    text-align: center;
}

.gform_wrapper .newsletter-gform {
    text-align: center;
}

.gform_wrapper .gform_footer.top_label {
    text-align: center;
    margin: 10px 0px;
    padding: 0px;
    display: inline-block;
    background-color: white;
}

.newsletter-gform_wrapper .gform_body {
    width: 50% !important;
    display: inline-block;
}

.newsletter-gform_wrapper .gform_footer.top_label {
    background-color: transparent;
    display: inline;
}

.background-infos .newsletter {
    margin-bottom: 0px;
}

.newsletter-gform_wrapper.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){
    padding: 0px 20px;
}

.newsletter-gform input.gform_button {
    background-color: #9bb449;
    border: none;
    color: white;
    font-weight: normal;
    padding: 10px 20px;
    line-height: 42px;
    padding: 0px 20px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 1px;
    border: 2px solid #9bb449;
}
.newsletter-gform input.gform_button:hover {
    background-color: white;
    color: #9bb449;
}
.newsletter div.gform_confirmation_message{
    background-color: #9bb449;
    padding: 20px; 
}


.gform_body {
    display: inline-block;
}

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

.newsletter-box{
    text-align: center;
    background: #f1f5ef;
    padding-top: 60px;
}

.simple-content{
    text-align: center;
    background: #f1f5ef;
    padding: 60px 0px;
}

.page-template-coconat-blog .simple-content{
    text-align: left;
    background: white;
    padding: 60px 0px;
}

.header-nav .menu-item-has-children:hover ul.sub-menu{
	display: block;
}

.header-nav ul.sub-menu{
	position: absolute;
	display: none;
    border: 2px solid #9bb449;
    z-index: 99;
    background-color: white;
}

.header-nav ul.sub-menu:before{
	position: absolute;
	content:'';
	width: 0; 
	height: 0; 
	top: -12px;
	left:12px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #9bb449;
}

.header-nav .sub-menu li {
    display: block;
    padding: 0px 10px;
}

.footer ul.sub-menu{
	margin-left: 20px;
}
.footer .menu-header-menue-container,
.footer .menu-header-menue-de-container{
	padding: 0px;
}

.single .simple-content,
.page-template-default .simple-content{
	text-align: left;
}

.simple-content h2{
	text-align: center;
}

.simple-content .next{
	float: right;
}
.simple-content .next,
.simple-content .previous{
	display: inline-block;
}

.book-button a {
	background: #9bb449;
    color: white;
    border: 1px solid #9bb449;
    font-size: 16px;
    padding: 5px 10px;
}

.book-button a:hover,
.book-button a:focus {
	background: white;
	color: #9bb449;
	border: 1px solid #9bb449;
    font-size: 16px;
}

.supporters a.show-all{
    display: inline-block;
    color: #245f49;
    border-color: #245f49;
}

/*---------------Single flexible ----------------------*/

.single .textbild img {
    width: 100%;
    height: auto;
}

.single .actionbox{
    background: white;
    padding: 20px 25px 15px;
}

.single .actionbox strong {
    font-weight: 700;
    margin: 20px 0px 0px;
    display: inline-block;
}

.single .actionbox ul {
    margin-top: 35px;
}
.single .actionbox li {
    list-style: none;
    text-transform: uppercase;
    line-height: 30px;
    position: relative;
    padding-left: 45px;
}
.single .actionbox li:before {
    width: 35px;
    content: url(img/coconat-check.svg);
    display: inline-block;
    line-height: 13px;
    position: absolute;
    top: 0px;
    left: 5px;
}

.single .actionbox h4{
    text-transform: uppercase;
    color: #9bb449;
}

.single .row {
    margin: 40px auto;
}

.single .quote p {
    font-size: 20px;
    color: deeppink;
    line-height: 1.8em;
    font-style: italic;
}
.single .quote p.author {
    color: grey;
}
.single-post {
    margin-top: 50px;
}


/*---------------EVENTS ----------------------*/
.single-event h2{
    display: none;
}

.single-event {
    margin-top: 50px;
}

.event-content .col-sm-4 {
    background: white;
    padding: 25px;
}

.event-content h4{
    text-transform: uppercase;
    color: #9bb449;
}

.event-content h2{
    display: block;
}

.event-content p.subtitle {
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 20px;
}

.event-content .col-sm-8 {
    margin: 25px 0px;
    padding: 0px 45px;
}

/*---------------Summer of pioneers ----------------------*/

.page-template-coconat-summer a.godown {
    display: none;
}
.special-site {
    background: #f1f5ef;
    padding: 0px 0px 60px;
    text-align: center;
}

.special-teaser {
    background-color: #55487e;
    color: white;
    margin-top: -40px;
    margin-bottom: 40px;
    padding: 20px;
    border: 2px solid;
    position: relative;
    z-index: 6;
}

.special-teaser .special-date:after {
    content: '';
    display: block;
    width: 90px;
    height: 2px;
    background: white;
    margin: 10px auto;
}

.special-teaser .special-date {
    font-weight: bold;
    font-size: 30px;
    letter-spacing: 5px;
}

.special-teaser .special-subtitle {
    font-style: italic;
    font-size: 15px;
    letter-spacing: 1px;
}

.special-include .include {
    color: #235f49;
    font-weight: bold;
}

.special-include .section-icon {
    height: 75px;
}

.special-include {
    margin-bottom: 60px;
}

.special-price{
	color: #9bb449;
	margin-bottom: 60px;
}

.special-price .big-price {
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
}

.special-booking-form h2 {
    text-align: center;
    background-color: white;
    margin: auto;
    padding: 20px;
    position: absolute;
    top: -33px;
    left: 0px;
    right: 0px;
    max-width: 50%;
    border: 2px solid #9bb449;
}

.special-booking-form .gform_body {
    display: block;
}

.special-site .special-booking-form {
    background-color: #9bb449;
    padding: 40px 20px 20px;
    text-align: left;
    position: relative;
    margin-top: 90px;
}

.special-booking-form .gform_wrapper .top_label label.gfield_label {
    display: inline-block;
    color: white;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0px;
}

.special-booking-form .gform_wrapper input[type=email], 
.special-booking-form .gform_wrapper input[type=number], 
.special-booking-form .gform_wrapper input[type=password], 
.special-booking-form .gform_wrapper input[type=tel], 
.special-booking-form .gform_wrapper input[type=text], 
.special-booking-form .gform_wrapper input[type=url],
.special-booking-form .gform_wrapper input,
.special-booking-form .gform_wrapper textarea {
	padding: 10px;
	border: none;
	outline: none; 
}

.special-booking-form .gform_wrapper .gform_footer.top_label{
    text-align: center;
    display: block;
    background-color: transparent;
}

.special-booking-form .ginput_container {
    text-align: left;
}

.special-booking-form .gform_wrapper .hidden_label input.large, 
.special-booking-form .gform_wrapper .hidden_label select.large, 
.special-booking-form .gform_wrapper .top_label input.large, 
.special-booking-form .gform_wrapper .top_label select.large,
.special-booking-form .gform_wrapper .top_label input.medium, 
.special-booking-form .gform_wrapper .top_label select.medium{
	width: 95%;
}

li.name, 
li.email, 
li.from, 
li.to {
    display: inline-block;
    width: 50%;
}

.special-booking-form .gform_wrapper ul li.gfield{
	margin-bottom: 20px;
}

.special-booking-form .gform_wrapper .datepicker{
    width: 50% !important;
}

.special-booking-form .gform_wrapper input.gform_button {
    background-color: white;
    display: inline-block;
    padding: 10px 50px;
    margin-bottom: 0px;
    color: #245f49;
    border: 4px solid #9bb449;
    outline: 1px solid white;
    font-weight: bold;
    text-transform: uppercase;
}

.special-events {
    margin: 60px auto;
	text-align: center;
}

.special-event{
	text-align: left;
	padding: 10px 20px 10px 0px;
    overflow: hidden;
    word-wrap: break-word;
}

.special-event .date {
    font-size: 15px;
    font-weight: bold;
}

.special-event a{
    color: #ff877f;
}

.special-event h4{
    text-transform: uppercase;
    font-weight: 100;
    font-size: 26px;
    letter-spacing: 3px;
    line-height: 1.4em;
    color: #ff877f;
}
.special-event h4 {
    margin-bottom: 10px;
}

.special-event.border {
    border-right: 2px solid #9bb449;
}

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

.simple-content .col-sm-6 img,
.simple-content .col-sm-4 img{
	width: 100%;
	height: auto;
}
div.gform_confirmation_message {
    text-align: center;
    color: white;
    margin: 20px;
    font-size: 20px;
}


.page-template-coconat-faq .faq{
    border-bottom: 2px solid lightgrey;
    margin-bottom: 20px;
}
.page-template-coconat-faq .faq-group h2 {
    margin-bottom: 20px;
    margin-top: 40px;
}
div#faq {
    margin-top: 20px;
}
.page-template-coconat-faq .answer{
    padding-left: 25px;
}

@media (max-width: 768px) {

    .single-post img {
        margin-top: 20px;
    }

    .single .aktionbox{
        margin-top: 20px;
    }

    .event-content .col-sm-8{
        padding: 0px;
    }

    .swiper-container{
        margin-top: 61px;
    }

    .header-nav a {
        margin: 0px;
    }

    nav.navbar.header-nav{
        border-bottom: 2px solid #9bb449;
    }

    .close-to-berlin .map{
        padding: 0px 0px 30px;
    }
    .header-wrapper h1{
        font-size: 40px; 
    }
    a.show-all.hasActionbutton{
        bottom: 0px;
        margin-bottom: -0px;
        width: 100%;
    }
    .first-teaser{
        padding: 20px 0px 20px;
    }
    .teaser-boxes .col-sm-4{
        margin-bottom: 40px;
    }
    .section-icon,
    .teaser-box{
        margin-bottom: 10px;
    }
    .teaser-boxes{
        margin-bottom: 0px;
    }
    .close-to-berlin,
    .calendar,
    .media,
    .footer{
        padding: 40px 0px;
        text-align: center;
    }
    .navbar .slash{
        display: none;
    }
    .header-nav .menu-language-menu-container, .header-nav .menu-language-menu-de-container{
        top: 40px;
    }
    h2{
        margin: 0px 0px 20px;
    }
}



@media (min-width: 768px) {
  .row-sm-height {
    display: table;
    table-layout: fixed;
  }
  .col-sm-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
}



/******* OVERRIDES JEREMIAS ******/
@media (max-width: 768px){
    .swiper-button-next, .swiper-button-prev{
        margin-top: 0;
    }
}


.carousel-inner>.item>img{
    width: 100%;
}