/*
 Theme Name:   nuBerlin
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Twenty Twelve Child Theme
 Author:       T.Bortels
 Author URI:   http://example.com
 Template:     twentytwelve
 Version:      1.0.4
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  nuberlin
*/

@charset "UTF-8";
/* CSS Document */


/* ==========================================================================
   fonts
   ========================================================================== */


/* Webfont: RobotoCondensed-Regular */@font-face {
    font-family: 'RobotoCondensedRegular';
    src: url('fonts/RobotoCondensed/RobotoCondensed-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	font-display: swap;
}

/* Webfont: RobotoCondensed-Light */@font-face {
    font-family: 'RobotoCondensedLight';
    src: url('fonts/RobotoCondensed/RobotoCondensed-Light.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	font-display: swap;
}

/* ================= */

/* Webfont: InterRegular */@font-face {
    font-family: 'InterRegular';
    src: url('fonts/Inter/Inter-Regular.woff2') format('woff2');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    font-display: fallback; /* Define how the browser behaves during download */
}

/* Webfont: InterItalic */@font-face {
    font-family: 'InterItalic';
    src: url('fonts/Inter/Inter-Italic.woff2') format('woff2');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    font-display: fallback; /* Define how the browser behaves during download */
}

/* Webfont: InterSemiBold */@font-face {
    font-family: 'InterSemiBold';
    src: url('fonts/Inter/Inter-SemiBold.woff2') format('woff2');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    font-display: fallback; /* Define how the browser behaves during download */
}

/* Webfont: InterSemiBoldItalic */@font-face {
    font-family: 'InterSemiBoldItalic';
    src: url('fonts/Inter/Inter-SemiBoldItalic.woff2') format('woff2');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    font-display: fallback; /* Define how the browser behaves during download */
}

/* Webfont: OpenSans-Bold */@font-face {
    font-family: 'OpenSansBold';
    src: url('fonts/OpenSans/OpenSans-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	font-display: swap;
}

/* Webfont: InterBold */@font-face {
    font-family: 'InterBold';
    src: url('fonts/Inter/Inter-Bold.woff2') format('woff2');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    font-display: fallback; /* Define how the browser behaves during download */
}

/* Webfont: InterBoldItalic */@font-face {
    font-family: 'InterBoldItalic';
    src: url('fonts/Inter/Inter-BoldItalic.woff2') format('woff2');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    font-display: fallback; /* Define how the browser behaves during download */
}

@font-face {
font-family: 'RobotoFlex';
src:url('fonts/RobotoFlex/RobotoFlex.woff') format('woff supports variations'),
url('fonts/RobotoFlex/RobotoFlex.woff') format('woff-variations');
	font-weight: 100 1000;
	font-stretch: 25% 150%;	
}


*, html {
  scroll-behavior: auto !important;
}

/* ================= */
body {
    background-color: transparent;
	color: #222;
	font-family: 'InterRegular', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
}

body {
    line-height: normal;
}


body .site {
    padding: 0 2.5rem;
    margin-top: 1rem;
    margin-bottom: 4rem;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
	max-width: 75rem;
}

.entry-content li, 
.comment-content li, 
.mu_register li {
  margin: 0 0 0 1.2rem;
	padding: 0 0 0 0.2rem;
}

.social-header {
	max-width: 68.571428571rem;
	text-align: right;
	margin: 2rem auto 0.75rem auto;
}

.social-header div,
.social-header a {
	width: 2rem;
	height: 2rem;
	display: inline-block;
	color: #fff;
	margin: 0 0.5rem;
}

.social-header .txt {
	display: none;
}


.social-header a,
.social-header a:visited {
	color: #fff;
	text-decoration: none;
	border: none;
}

.site-header .site-title {
	font-family: 'RobotoFlex', 'RobotoCondensedRegular' "Open Sans", Helvetica, Arial, sans-serif;
    display: inline-block;
    float: none;
    margin: 1.2rem 0 0;
    font-size: 2.4rem;
    font-weight: bold;
    height: 3rem;
    line-height: 1.2;
	letter-spacing: 0.05rem;
	font-variation-settings: "wght" 550, "wdth" 25;
}

.site-header h2,
.single-event header.site-header h2 {
    font-size: 0.85rem;
	letter-spacing: 0.025rem;
    float: none;
	font-style: italic;
    display: block;
    margin: 0.5rem 0 1.0rem 0;
	color: #141414;
}

.site-title:before {
	content:'★ ';
	font-size: 0.75rem;
    vertical-align: 50%;
	margin: 0 0.5rem 0 0 ;
}

.site-title:after {
	content:' ★';
	font-size: 0.75rem;
    vertical-align: 50%;
	margin: 0 0 0 0.5rem;
}

.site-header h2:before {
	content:' - – • ';
	margin: 0 0.25rem -0.5rem 0;
}

.site-header h2:after {
	content:' • – - ';
	margin: 0 0 -0.5rem 0.25rem;
}


.main-navigation ul.nav-menu {
	text-align: center;

}


@media screen and (max-width: 1080px) {
	.site-header {
		display: flex;
	}
	
	hgroup {
		text-align: left;
	}
	
	.site-header {
		position: relative;
	}
	
	.main-navigation {
		margin: 0rem 0 0 auto;
		position: absolute;
		right: 0;
		top: 1.75rem;
		z-index: 999;
	}
	
	 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link,
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
		 text-align: right;
	}
	
	.site-title::before,
	.site-title::after {
		display: none;
	}
		
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
	  padding: 0 3.5rem 0 0;
	}
	
}

@media screen and (max-width: 480px) {
	.site-header h2 {
		display: none;
	}

}


.site-header .main-navigation li {
	font-family: 'RobotoFlex', 'RobotoCondensedRegular', "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 1.1rem;
	letter-spacing: 0.05rem;
    margin: 0 1rem 0 1rem;
	font-variation-settings: "wght" 550, "wdth" 25;
}

.main-navigation li a {
	border-bottom: 1px solid rgba(0,0,0,0);
    color: #555;
    line-height: 3.5;
}

.main-navigation .current-menu-item > a, 
.main-navigation .current-menu-ancestor > a, 
.main-navigation .current_page_item > a, 
.main-navigation .current_page_ancestor > a,
.single-exhibition_month .menu-item-5818 > a,
.single-exhibition .menu-item-5818 > a,
.single-exhibition_month .menu-item-973 > a,
.single-exhibition .menu-item-973 > a,
.single-event_month .menu-item-5817 > a,
.single-event .menu-item-5817 > a,
.single-event_month .menu-item-2332 > a,
.single-event .menu-item-2332 > a,
.single-news-entry .menu-item-568 > a,
.page-template-page_info-page .menu-item.berlin-info > a,
.main-navigation li.current-page-ancestor > a {
    color: #000;
	font-weight: normal;
	border-bottom: 1px solid #000;
}

.single-post li.blog > a.mega-menu-link,
.single-exhibition li.exhibitions > a.mega-menu-link,
.single-exhibition_month li.exhibitions > a.mega-menu-link,
.single-event li.events > a.mega-menu-link,
.single-event_month li.events > a.mega-menu-link {
color: #d32f2f !important;
}


/* Minimum width of 600 pixels. */
div#main.wrapper {
	width: 100%;
	height: auto;
	display: flex;
}

.site-content {
	float: none;
	flex: 0 1 48rem;
	margin: 0 4rem 0 0;
	width: 48rem;
}

.widget-area {
	float: none;
	flex: 0 0 18rem;
	width: 18rem;
}

.widget-area {
  margin: 1.1rem 0 0 0;
}

@media screen and (max-width: 600px) {
	div#main.wrapper {
		width: 100%;
		height: auto;
		display: block;
	}

	.site-content,
	.widget-area {
		margin: 0;
		width: 100%;
	}

}


/* Minimum width of 600 pixels. */
/*
@media screen and (min-width: 600px) {
	.site-content {
		float: left;
		width: 64%;
	}
	
	.widget-area {
		float: right;
		width: 31%;
	}
	
}

*/

.site-header,
.site-header h2 {
	text-align: center;
}

.site-content .entry-title,
h2, 
h3,
.site-header .site-title, 
.site-header h2 {
	font-family: 'RobotoFlex', 'RobotoCondensedRegular', "Open Sans", Helvetica, Arial, sans-serif !important;
	/*font-variation-settings: "wght" 550, "wdth" 25; */
	
	font-variation-settings: "wdth" 50;
/*    font-variation-settings: "wght" 550; */
	font-weight: 550;
	font-weight: normal;
}

.site-header .site-title a, 
.site-header h2 a {
    color: #222;
    display: inline-block;
    text-decoration: none;
}

.site-header {
  padding: 1.5rem 0 1rem 0;
margin-bottom: 1.2rem;
	border-bottom: 1px solid #e1e1e1;
}

.entry-header label {
	text-transform:uppercase;
	font-size:0.9rem;
	color:#FFF;
	background-color:#21759b;
	padding:1px 4px;
	cursor:pointer;
}

.entry-header .labels {
	margin:0 0 1.6rem 0;
	display:block;
}

.entry-header a.label {
	display:inline;
	text-decoration:none;
}

.entry-header img.wp-post-image {
    margin: 1.2rem 0 0 0;
}

.entry-header .entry-title {
    font-size: 1.4rem;
	margin: 0.8rem 0 1rem 0;
}

.single-event .main-navigation li#menu-item-2332 a {
    color: #636363;
}

.events .subtitle {
	font-weight:normal;
	font-size:1.2rem;
	margin-top:0.4rem;
}

.single-event header h2 {
	font-weight:normal;
	font-size:1.2rem;
	margin-top:0.8rem;
}

.single-event .link {
	word-break: break-all;
	padding-right: 1rem;
}

.page .entry-content .events .timedate {
	margin: 0.8rem 0 0.8rem 0;
    font-style:normal;
}

.single-event .entry-content .date {
    font-style:normal;
}

.single-event .entry-content label {
	font-size:0.9rem;
	font-weight:bold;
}

img.product {
	float:left;
	max-width:240px;
	margin:0 20px 20px 0;
}

.wp-caption-text,
.wp-caption .wp-caption-text, 
.gallery-caption, .entry-caption {
  font-style: italic;
  font-size: 12px;
  font-size: 0.857142857rem;
  line-height: 2;
  color: #757575;
}

/* events */


.nav-previous, 
.previous-image,
.nav-next, 
.next-image {
  float: none;
  width: 50%;
}

.post-navigation .nav-links {
	display: flex;
}

.nav-previous {
	order: 1;
	text-align: left;
}

.nav-next {
	order: 2;
	text-align: right;
}


.post-navigation a {
	text-decoration: none;
}

.posts-navigation div.nav-previous a::before, 
.post-navigation div.nav-previous a::before, 
.posts-navigation div.nav-next a::after, 
.post-navigation div.nav-next a::after, 
.pagination a.prev-page::after, 
.pagination a.next-page::after {
  display: inline-block;
  content: url("imgs/next.svg");
  width: 0.8rem;
  height: auto;
  margin: 0 0 0 1rem;
  opacity: 1;
  transition: all 0.2s ease;
}

.post-navigation div.nav-previous a::before, 
.pagination a.prev-page::before {
  content: url("imgs/prev.svg");
  margin: 0 1rem 0 0;
}

/* -- */

.month_navigation {
	display:flex;
	margin: 2rem 0;
}

.month_navigation .month {
	flex: 1 1 50%;
}

.month_navigation .next {
	text-align:right;
}

.events .subtitle {
	font-weight:normal;
	font-size:1.2rem;
	margin-top:0.4rem;
}

.single-event header h1,
.single-event header h2 {
	font-weight:normal;
	font-size:1.2rem;
	margin:0.8rem 0 1rem 0;
}

.page .entry-content .events .timedate {
	margin: 0.8rem 0 0.8rem 0;
    font-style:normal;
}

.single-exhibition .entry-content .date,
.single-event .entry-content .date {
    font-style:normal;
}

.single-exhibition .entry-content label,
.single-event .entry-content label {
	font-size:0.9rem;
	font-weight:bold;
}

.single-exhibition .entry-header,
.single-event .entry-header {
	margin:0;
}

.single-event .date,
.single-event .location,
.single-event .address,
.single-exhibition .date,
.single-exhibition .location,
.single-exhibition .address {
	margin:0 0 0.5rem 0;
	line-height:1.5;
}

.single-event .link,
.single-exhibition .link {
	margin:0 0 2rem 0;
	line-height:1.5;
}


.single-exhibition .entry-header img,
.single-event .entry-header img {
    margin: 1.6rem 0 1.6rem 0;
	max-width:320px;
}

.single-exhibition label,
.single-event label,
.single-news-entry label,
.single-event_month label,
.single-exhibition_month label,
.single-event .ticket_info h3,
.single-exhibition .ticket_info h3.title {
    font-size: 0.85rem;
    font-weight: bold;
	margin:1.5rem 0 0.6rem 0;
	display:block;
	text-transform: uppercase;
	letter-spacing: 0.02rem;
}

.ticket_info {
	line-height: 1.5;
}

.ticket_info ul {
	list-style: square;
	padding: 0 0 0 1rem;
}

.single-exhibition .wp-caption-text,
.single-event .wp-caption-text {
	max-width:480px;
	margin: 0 0 1.5rem 0;
	font-size:0.85rem;
	font-style:italic;
	color:#666;
	line-height:1.4;
}

.single-exhibition .entry-header img,
.single-event .entry-header img,
.events img,
.single-places .image {
/*	box-shadow: 0 1px 4px 2px rgba(0,0,0,0.1);	*/
	box-shadow: none;
}

.location.container.columns {
	display: flex;
}

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

	.location.container.columns {
		display: block;
	}
}

.info_column,
.map_column {
	flex: 1 1 47.5%;
}

.map_column {
	margin: 1.25rem 0 0 0;
}

.map_column #wpsl-base-gmap_0 {
  height: 240px;
}


.single-places .image {
	max-width: 20rem;
	padding: 0;
	margin: 2rem 0;
}

.single-places .image.large {
	max-width: 20rem;
}

.single-places .image.small {
	max-width: 15rem;
}

.single-places .image img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 0 0.25rem 0;
}

.single-places .entry-header img.wp-post-image {
    margin-top: 0;
}

.single-places .map {
	margin: 2rem 0;
}

.single-event .social,
.single-exhibition .social,
.single-places .social,
.social {
	text-align: left;
    margin: 2rem 0 2rem 0;
}

.single-places .event_exhibition.entry .image {
	display: none;
	
}

.single-places .entry-content label {
	text-transform:uppercase;
	font-size:0.9rem;
	display: block;
}

.single-places .entry-content .address {
	margin: 0 0 1rem 0;
}

.events {
	margin:2rem 0 2rem 0;
}

.events .entry {
	margin:0 0 0 0;
	padding:1.8rem 0 2.2rem 0 ;
	border-bottom: rgba(0,0,0,0.025) 4px solid;
	clear:left;
}

.events .entry p {
	margin:0;
}

.events .entry table {
	margin:0;
	padding:0;
}

table tr td {
	font-size:0.95rem;
	line-height:2.4;
	vertical-align:top;
}

.events .entry td {
	margin:0;
	padding:0;
	vertical-align:top;
	font-size:1rem;
	color:#333;
}

.entry-content td h3 {
	margin: 0 0 0.75rem 0;
}

.events .entry td:first-of-type {
	width:140px;
}

.events .entry td.info {
	width:80%;

}

.events .entry:first-of-type {
	border-top: rgba(0,0,0,0.025) 4px solid;
}

.events h3 {
	margin:0 0 0 0;
	font-style:normal;
	font-weight:normal;
	font-size:1.3rem;
}

.events .entry .date,
.events .entry .location {
	margin:0 0 0 0;
	font-family: 'RobotoFlex', 'RobotoCondensedRegular', "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 1.1rem;
	font-variation-settings: "wght" 550, "wdth" 25;
}

.events .entry .image {
	width:140px;
	height:auto;
	margin:0.4rem 2rem 0 0;
}

.events .entry .image img {
	width:100%;
	height:auto;
}

.events a:link,
.events a:visited {
	color:#333;
	text-decoration:none;
}

.events a:link h3,
.events a:visited h3 {
	color:#21759b;
	text-decoration:none;
}

.events a:hover,
.events a:hover td {
	color:#21759b;
}

.nav-single {
	margin: 1.5rem 0 1.5rem 0;
}


@media screen and (max-width: 420px) {
	img.product {
		float:none;
		max-width:420px;
		width:100%;
		margin:0 0 0 0;
	}
}

/* content blocks */

section.link_list {
	margin: 0 0 2rem 0;
}

.entry-content .link_list h3 {
  font-size: 16px;
	margin: 1rem 0 0.5rem 0;
}

.entry-content .link_list p.text {
	margin: 0 0 0.5rem 0;
}

/* */

.month_list {
	margin: 0 0 2rem 0;
}

.month_list a {
	display: inline-block;
	padding: 0.5rem 0.85rem;
	text-decoration: none;
	background-color: rgba(0,0,0,0.05);
	margin: 0 0.75rem 0 0;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	border-radius: 0.5rem;
}

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

.month_list a {
	display: block;
	margin: 0 0.75rem 0.75rem 0;
	text-align: center;
}
	
}

/* social share */

.social {
	text-align:left;
	margin:2rem 0 2rem 0;
}

.social hr {
	margin:2rem 0 2rem 0;
}

hr {
    background-color: transparent;
    border-bottom: 4px double #ededed;
    border-top: none;
    border-left: none;
    border-right: none;
    height: 1px;
	margin:2rem 0 2rem 0;
}

.social a {
	padding:0.5rem 1rem;
	margin:0 0.4rem 0 0.4rem;
	color:#FFF;
	text-decoration:none;
}

.social a:hover,
.social a:active,
.social a:visited {
	color:#FFF;
}

.fb a {
	background-color: #3a589e;
}
.tw a {
	background-color: #429cd6;
}


/* Maps bzw. Karten */

.post-5574 table td:first-of-type { 
	width: 180px;
	padding: 1rem 2rem 0 0;
}

/* Menu Navigation */

.menu-toggle,
.menu-toggle.toggled-on {
	border-top: 3px solid #555555;
	border-bottom: 3px solid #555555;
	border-left: none;
	border-right: none;
	border-radius: 0;
	background-color: #FFFFFF;
	background-image: none;
	height: 1rem;
	padding: 0.05rem 0rem 1.5rem 0rem;
	margin-top: -2.5rem;
	font-size: 1rem;
	text-transform: uppercase;
	font-weight: 400;
}

.menu-toggle span {
	text-transform: uppercase;
	font-size: 0.75rem;
	letter-spacing: 0.05rem;
	font-weight: bold;
}

.menu-toggle span {
/*	display: none; */
}

.main-navigation ul.nav-menu.toggled-on {
	margin: 0.75rem 0 0 0;
}


.main-navigation ul.nav-menu.toggled-on a {
	padding: 0.25rem 0 0.25rem 0;
	text-decoration: none;
	line-height: 1.75;
	display: block;
}

/* --- */

.main-navigation li:last-of-type a {
    color: rgba(168,49,51,1.00);
}

.site-content article {
    border-bottom: 4px double #ededed;
    margin-bottom: 2rem;
    padding: 0;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.site-content article.news-entry {
    padding: 0 0 2rem 0;
}

.news-entry .source {
    margin-bottom: 0.75rem;
}


.news-entry a:hover .source,
.news-entry a:hover .details,
.events a:hover .source,
.events a:hover .details {
	color: #21759b;
}

.news-entry img.link {
	box-shadow: none;
	width: 1rem;
	height: 1rem;
}

.single-places .site-content article {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
	margin: 1rem 0 0.5rem 0;
}

.single-places .site-content article:last-of-type {
    border-bottom: 4px double #ededed;
    margin-bottom: 36px;
    margin-bottom: 2rem;
    padding-bottom: 1.714285714rem;
}

footer.entry-meta {
    margin: 2rem 0;
    font-size: 1rem;
    line-height: 2;
    color: #757575;
}


footer hr {
	margin: 2rem 0 4rem 0;
}

.footer_menu ul {
	text-align: center;
	margin: 2rem 0;
}

.footer_menu li {
	display: inline-block;
	padding: 0 0.5rem;
}

.footnote {
    text-align: center;
    font-size: 0.85rem;
    margin: 0 0 4rem 0;
    padding: 0 0 0 0;
    border-top:none;
}

.entry-content a:visited, 
.comment-content a:visited {
  color: #21759b;
}

.entry-content h3, .comment-content h3 {
  font-size: 16px;
  font-size: 1.142857143rem;
  line-height: 1.846153846;
	margin: 1.5rem 0 0.25rem 0;
}

/* -- */ 
#BorlabsCookieBox .cookie-logo {
    width: 40px !important;
    height: 33px !important;
	padding: 0 !important;
	margin: 0 8px 8px 0;
}


.ol-overlay-container .wpgmza-infowindow {
	background-color: #FFF;
	padding: 0.75rem 1em;
	text-align: center;
	border-radius: 0.5rem;
	box-shadow: 0 0.5rem 0.5rem 0.05rem rgba(0,0,0,0.25);
}

.ol-overlay-container .ol-info-window-plain {
  font-size: 1rem;
  width: 220px;
  max-width: 220px;
}

.entry-content .ol-overlay-container .wpgmza-infowindow p.wpgmza_infowindow_title {
font-family: 'RobotoFlex', 'RobotoCondensedRegular', "Open Sans", Helvetica, Arial, sans-serif;
  font-variation-settings: "wght" 550, "wdth" 25;
	font-size: 1.142857143rem;
  line-height: 1.846153846;
  margin: 0 0 0.25rem 0;
}

.entry-content .ol-overlay-container .wpgmza-infowindow p.wpgmza_infowindow_link {
}


.entry-content .ol-overlay-container .wpgmza-infowindow p {
	margin: 0 0 0.25rem 0;
}

.google-auto-placed {
	margin: 1.5rem 0 1.5rem 0;
}

.anchor_navigation {
	float: right;
	padding: 0 0 1rem 1rem;
}


/* -- */

.parking_zone_list h4 {
	margin: 0;
}

.parking_zone_list h4 .add_title {
	font-weight: normal !important;
}