/*
Theme Name: Urban Transport Magazine
Theme URI: https://urban-transport-magazine.com
Description: https://urban-transport-magazine.com
Version: 1.0
Author: onehundred.digital
Author URI: https://www.onehundred.digital/
*/

/***************/
/* BASIC 
/*
/* #dcaa23 - gelb
/* #686161 - grau 
/* #333333 - schwarz 
/*
/***************/

html {
	display:block;
	position:relative;
	background-color: #efefef;
	width:100%;
}

body {
	width: 65rem;
	margin: 0 auto;
}

.mainwrapper {
	background: #fff;
	padding: 1.6rem;
	margin-bottom: 5rem;
}

.tagbtn:link, .tagbtn:visited {
	border:1px solid #333;
	padding: 0.2rem 0.5rem;
	font-size: 0.75rem;
	color: #333;
	display: inline-block;
	margin-right: 0.4rem;
	margin-bottom: 0.4rem;
}

.tagbtn:hover, .tagbtn:active {
	border:1px solid #dcaa23;
}

.hidden {
	display: none;
}

.visible {
	display: block !important;
}

.clear {
	clear: both;
}

.col-2-box {
	display: block;
	width: 100%;
}

.col-2-box .col {
	width: calc(50% - 1rem);
	float: left;
}

.col-2-box .col:nth-of-type(2n-1) {
	margin-right: 1rem;
}

.col-2-box .col:nth-of-type(2n) {
	margin-left: 1rem;
}

.titlelink:link, .titlelink:visited {
	color:#333;
}

.no-img {
	display: block;
	width: 100%;
	height: 100%;
	background: url(bilder/img_noimg.png) center center no-repeat;
	background-size: cover;
}

.smallh1 {
	font-size: 1.4rem;
}

.floatleft {
	float:left;
}

.btn:link, .btn:visited {
	display: inline-block;
	background: #686161;
	color: #fff;
	padding: 0.3rem 1rem;
	margin: 1rem 0;
}

.btn:hover, .btn:active {
	background: #333333;
}

.wp-block-gallery .blocks-gallery-item figcaption{
	display: none;
}

#slb_viewer_wrap .slb_theme_slb_default .slb_container {
	border-radius: 0 !important;
}

#slb_viewer_wrap .slb_theme_slb_default .slb_data_title, #slb_viewer_wrap .slb_theme_slb_default .slb_group_status {
	font-family: 'open_sansregular' !important;
}

#slb_viewer_wrap .slb_theme_slb_baseline * {
	font-size: 1rem;
}

.mainwrapper li {
	margin-bottom: 0.3rem;
}

/***************/
/* HEADER
/***************/

.header {
	position: relative;
}
.header-buttons{
	display: flex;
	width: 100%;
}
.logo {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.languages {
	width: max-content;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: space-between;
}
.rec-1-left,
.rec-2-right {
	display: flex;
    	width: max-content;
    	flex-wrap: wrap;
    	flex-direction: column;
}

.adv-right{
	display: block;
	background: #2e23dc;
	color: #fff;
	padding: 1rem;
	float: left;
	width: 28rem;
	box-sizing: border-box;
	font-family: 'glegoobold';
}

.logopanel:link, .logopanel:visited {
	display: block;
	width: 28rem;
	background: #dcaa23;
	color: #fff;
	padding: 1rem;
	box-sizing: border-box;
	font-size: 2.75rem;
	font-family: 'glegoobold';
	line-height: 3rem;
}

.logopanel img {
	width: 100%;
	display: block;
}

.claim {
    left: 0;
    top: 8.1rem;
    background: #686161;
    padding: 0.3rem 1rem 0 1rem;
    color: #fff;
    font-family: 'glegooregular';
    box-sizing: border-box;
    display: inline-block;
    width: 28rem;
}

.rectangle1 {
    top: 0,5rem;
    width: 90%;
	display: block;
    background: #fff;
}

.langswitch {
	position: relative;
	top: 0.5rem;
	right: 0;
}

.searchbar {
	position: relative;
	right: 0;
}

.searchbtn {
	display: block;
	width: 2.5rem;
	height: 2.5rem;
	background-color: #dcaa23;
	background-image:url(bilder/bg_magnifier.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100%;
	float: left;
}

.searchbtn:hover {
	cursor: pointer;
	background-color: #ebb82f;
}

.searchbar form {
	padding: 0.25rem;
	background: #ebb82f;
	float: left;
	border-right: 1px solid #fff;
	display: none;
}

.searchbar form input {
	margin: 0;
	height: 2rem;
	background: #ebb82f;
	border:0;
}

.langselector-box {
	position: absolute;
	background: #686161;
	border: 0.1rem solid #686161;
	right: 0;
	z-index: 100;
	display: none;
}

.langselector-box li {
	padding: 0;
	background: transparent;
}

.langselector-box a:link, .langselector-box a:visited {
	padding: 0.25rem 1rem;
	display: block;
	color:#fff;
}

.langselector-box a:hover, .langselector-box a:active {
	background: #fff;
	color:#686161;
}

.active_lang_code:link, .active_lang_code:visited {
	color: #686161;
	margin-left: 0.5rem;
}


/*** MENU ***/
nav::after {
    clear: both;
    content: "";
    display: block;
}

.vert_dropdown {
	position: relative;
    background: #fff none repeat scroll 0 0;
    border-top:0.5rem solid #686161;
    border-bottom: 0.2rem solid #686161;
    padding-left: 0.8rem;
}

.vert_dropdown ul {
    list-style: outside none none;
    position: relative;
}
.vert_dropdown ul li {
    float: left;
    position: relative;
	background:none; /* overwrite Basic list */
	padding-left:0rem; /* overwrite Basic list */
}
.vert_dropdown ul li a {
    color: #333;
    display: block;
    padding: 0 0.8rem;
    text-decoration: none;
    height: 2.875rem;
    line-height: 2.875rem;
    font-family: 'glegooregular';
    font-size: 1rem;
}
.vert_dropdown ul li:hover a, .vert_dropdown ul li:hover li:hover a, .vert_dropdown ul li:hover li:hover li:hover a {
    background: #fff;
    color: #686161;
    text-decoration: none;
}
.vert_dropdown ul li:hover ul a {
    background: #686161 none repeat scroll 0 0;
    color: #fff;
	min-width:10rem;
}
.vert_dropdown ul ul {
    background: #686161 none repeat scroll 0 0;
    display: none;
    left: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    border-left: 0.2rem solid #686161;
    border-right: 0.2rem solid #686161;
    border-bottom: 0.2rem solid #686161;
    z-index: 100;
}
.vert_dropdown ul ul li {
    float: none;
    width: auto;
}
.vert_dropdown ul ul a {
    line-height: 120%;
    padding: 10px 15px !important;
    height: auto;
}
.vert_dropdown ul li:hover > ul {
    display: block;
}

.vert_dropdown ul ul ul {
	left:100%;
	top:0;
	position:absolute;

}

.vert_dropdown ul li:hover li:hover ul a {
    background: #ccc;
    color: #000;
    text-decoration: none;
}

.fixed-menu {
	position: fixed;
	width: 64.2rem;
	z-index: 9999;
	box-shadow: 0px 10px 10px rgba(0,0,0,0.3);
}

.add-margin {
	margin-bottom: 57px;
}

/****************/
/* FEATURED POST
/****************/

.featured-post-box {
	display: block;
	width: 100%;
	min-height: 21rem;
	margin-bottom: 1.6rem;
}

.feature-post-image {
	float: left;
	width: 30.8125rem;
	height: 100%;
}

.featured-post-column {
	float: left;
	height: 100%;
	width: calc(100% - 30.8215rem);
	position: relative;
}

.featured-post-detail {
	padding-left: 2rem;
}

.featured-post-detail .category {
	font-family: glegoobold;
	font-size: 1rem;
	border-bottom: 5px solid #dcaa23;
	float: left;
	width: calc(100% - 7.25rem);
	padding-left: 0.5rem;
	margin-left: -0.2rem;
	line-height: 1.6rem;
}

.station {
	position: absolute;
	left: -1.1rem;
}

.diag1 {
	width: 1.5rem;
height: 1.5rem;
float: left;
margin-top: 0.4rem;
overflow: hidden;
margin-left: -0.3rem;
}

.diag1 hr {
	height: 5px;
	background:#dcaa23;
	margin-top: 50%;
    margin-left: -20%;
    width: 140%;
	-moz-transform: rotate(135deg);  
    -o-transform: rotate(135deg);  
  	-webkit-transform: rotate(135deg);  
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);  
    filter:  progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',  
             M11=0.9914448613738104, M12=-0.13052619222005157,M21=0.13052619222005157, M22=0.9914448613738104); 
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.9914448613738104, M12=-0.13052619222005157, M21=0.13052619222005157, M22=0.9914448613738104,sizingMethod='auto expand')"; 
}

.post-date {
	float: left;
	border-top: 5px solid #dcaa23;
	padding: 0.3rem 0rem 0;
	margin-top: 0.5rem;
	margin-left: -0.1rem;
	width: 5.5rem;
	text-align: center;
	font-size: 0.75rem;
}

.featured-post {
	border-left: 5px solid #686161;
	margin-left: 1.5rem;
	margin-top: 0.1rem;
	padding: 1.2rem 1.3rem 0;
}

.readmore:link, .readmore:visited {
	background: url(bilder/icon_readmore.png) 0 0 no-repeat;
	height: 1.75rem;
	padding-left: 2.75rem;
	font-family: 'open_sansbold';
	display: inline-block;
	line-height: 1.75rem;
	margin-left: -1.95rem;
	margin-top: 0.75rem;
	text-decoration: none;
	color: #333;
}

.author-box {
	margin-bottom: 0.5rem;
}

.featured-plot {
	margin-bottom: 0.75rem;
}

/*************************/
/* ARTICLE TEASER
/*************************/

.overview-trenner {
	display: block;
	width: 41.5rem;
	height: 5px;
	background: #dcaa23;
	position: relative;
}

.diag2 {
	width: 2rem;
	height: 2rem;
	overflow: hidden;
	position: absolute;
	right: -1.9rem;
}

.diag2 hr {
	height: 5px;
	background:#dcaa23;
	margin-top: 50%;
    margin-left: -20%;
    width: 140%;
	-moz-transform: rotate(45deg);  
    -o-transform: rotate(45deg);  
  	-webkit-transform: rotate(45deg);  
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);  
    filter:  progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',  
             M11=0.9914448613738104, M12=-0.13052619222005157,M21=0.13052619222005157, M22=0.9914448613738104); 
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.9914448613738104, M12=-0.13052619222005157, M21=0.13052619222005157, M22=0.9914448613738104,sizingMethod='auto expand')"; 
}

.articles-overview-box {
	width: 41rem;
	padding-right: 2rem;
	border-right: 5px solid #686161;
	float: left;
	margin-top: 3rem;
	padding-bottom:4rem;
}

.eyecatcher {
	font-family: 'glegoobold';
	font-size: 1.5rem;
	background: #fff;
	padding: 0.75rem 1rem;
	margin-left: -4rem;
	margin-top: -3rem;
}

.singleteaser img {
	width: 100%;
	height: 12.3rem;
}

.singleteaser .tagbtn {
	margin: 0.4rem 0.4rem 0.4rem 0;
}

.singleteaser h2 {
	font-size: 1.3rem;
	line-height: 1.6rem;
}

.singleteaser .author-box {
    font-size: 0.875rem;
    display: block;
}

.singleteaser {
	min-height: 20.375rem;
}

.smallteaser-box {
	min-height: 6.79rem;
	overflow: hidden;
}

.smallteaserimg {
	width: 5.625rem;
	height: 5.625rem;
	float: left;
	margin-right: 1rem;
}

.smallteaserimg img {
	width: 100%;
	height: 100%;
}

.smallteaser {
	width: calc(100% - 6.625rem);
	float: left;
}

.smallteaser h2 {
	font-size: 1rem;
	line-height: 1.4rem;
}

.smallteaser .author-box {
    font-size: 0.75rem;
    display: block;
    margin-top: -0.2rem;
    margin-bottom: 0;
}

.aktuelles-box {
	margin-bottom: 1.5rem;
}

.more-articles-box .col-2-box .col {
	min-height: 13.25rem;
	position: relative;
	margin-bottom: 1.5rem;
}

.more-articles-box .col img {
	max-width: 100%;
	max-height: 100%;
}

.more-articles-box h2 {
	font-size: 1.3rem;
	line-height: 1.6rem;
	margin: 0.5rem 0;
}

.more-articles-box .teaser {
	margin-top: 0.5rem;
}

.more-articles-box hr {
	position: absolute;
	bottom: 0;
	width: 100%;
	margin: 0;
}

.more-articles-box .imagelink {
	height: 13.25rem;
	display: block;
}


/****************/
/* EVENTS
/****************/
.event-teaser-box {
	margin-bottom: 3rem;
}

.event-teaser-box h3 {
	font-size:1.2rem;
}

.event-box {
	display: block;
	max-height: 18rem;
	background: url(bilder/bg_veranstaltung.jpg) 0 0 no-repeat;
	background-size: cover;
	position: relative;
	padding: 1.5rem 2rem;
	overflow: hidden;
}

.event-box .event-quick-nav {
	position: absolute;
	left: 0.35rem;
	height: 17.5rem;
	width: 19px;
}

.event-box .event-quick-nav img {
	display: block;
}

.prev {
	position: absolute;
	top: 0;
}

.next {
	position: absolute;
	bottom: 0;
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.prev:hover, .next:hover {
	cursor: pointer;
}

.event-teaser {
	display: block;
	background: rgba(255,255,255,0.9);
	height: 5.5rem;
	margin-bottom: 0.5rem;
}

.event-detail-box {
	background: #dcaa23;
	width: 14rem;
	height: 100%;
	color: #fff;
	padding: 1rem;
	box-sizing: border-box;
	float: left;
}

.event-date {
	font-size: 1rem;
	font-family: 'glegoobold';
	display: block;
	line-height: 1.2rem;
	margin-bottom: 0.5rem;
}

.event-cat:link, .event-cat:visited {
	border:1px solid #fff;
	font-size: 0.875rem;
	padding: 0.2rem 0.3rem;
	display: inline-block;
	color: #fff;
}

.event-title-box {
	float: left;
	width: calc(100% - 14rem);
	height: 100%;
}

.event-title {
	float: left;
	width: calc(100% - 2rem);
}

.event-title h3 {
	font-size: 0.875rem !important;
	line-height: 1.2rem;
	font-family: 'glegooregular';
	padding: 0.3rem 1rem;
	max-height: 2.3rem;
overflow: hidden;
}

.event-scroll-box {
	height: 18rem;
	overflow: hidden;
	position: relative;
}

.event-scroll-box .content-scroller {
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
}

.event-archive-box {
	width: 41rem;
padding-right: 2rem;
border-right: 5px solid #686161;
float: left;
padding-bottom: 4rem;
margin-top: 2rem;
}

.event-archive-box .event-teaser{
	border:1px solid #dcaa23;
}

.event-ort {
	font-size: 0.75rem;
	font-family: open_sansregular;
	border-bottom: 1px solid #ccc;
	margin: 0.5rem 0 0.3rem 1rem;
	padding: 0 1rem 0.3rem 0;
}

.event-link {
	display: block;
	width: calc(2rem - 1px);
	border-left: 1px solid #ccc;
	float: left;
	height: 100%;
	text-align: center;
}

.event-link img {
	top: 50%;
	display: block;
	position: relative;
	margin-top: -9px;
	margin: -9px auto 0;
}

.event-link:hover {
	background: rgba(255,255,255,0.8);
}

/*****************/
/* SINGLE 
/*****************/

.wp-block-image figcaption {
    margin-top: -1rem;
    margin-bottom: 1em;
    color: #555d66;
    text-align: start;
    font-size: 0.75rem;
}

.single-article-box {
	width: 41rem;
	padding-right: 2rem;
	border-right: 5px solid #686161;
	float: left;
	padding-bottom: 10rem;
	margin-top: 2rem;
}

.single-content {
	margin-top: -2rem;
	position: relative;
}

.breadcrumbs {
	border-bottom: 1px solid #dcaa23;
	padding: 0.5rem 0;
	margin-top: -1rem;
	margin-bottom: 2rem;
}

.breadcrumbs a:link, .breadcrumbs a:hover, .breadcrumbs a:visited, .breadcrumbs a:active {
	color: #333;
	padding: 0 !important;
}

.breadcrumbs li {
	background: transparent;
	padding: 0 0.5rem;
}

.breadcrumbs .homelink:link, .breadcrumbs .homelink:hover {
	float: left;
	margin-right: 0.5rem;
	color:#333;
}

.breadcrumbs ul li:last-of-type {
	font-family: 'open_sansbold';
}

.breadcrumbs ul li:last-of-type .separator:last-of-type {
	display: none !important;
}

.titlebar {
	width: 41rem;
	margin-bottom: 2rem;
}

.single-content img {
	margin-bottom: 1rem;
}

.social-sharing {
	width: 16.5rem;
	clear: both;
	position: absolute;
	right: 0;
	bottom: -4rem;
}

.social-sharing span {
    display: inline-block;
    font-size: 110%;
    float: left;
    font-family: 'glegooregular';
    line-height: 3rem;
    margin-right: 1rem;
}

.ss-social-sharing a {
    font-size: 0px !important;
    float: left;
}

#wpcomm {
	display: none;
	border-top:0;
}

#wc-comment-header {
	margin-top: 0.3rem;
	float: left;
	border: 1px solid #333;
	padding: 0.3rem 1rem;
	font-size: 1rem;
}

#wc-comment-header:hover {
	border: 1px solid #dcaa23;
	cursor: pointer;
}

.wp-block-gallery {
	margin-top: 2.5rem;
}

.wp-block-gallery li {
	padding: 0;
	background: transparent;
}

#wpcomm .wpdiscuz-form-top-bar .wpdiscuz-ftb-left {
	width: 100%;
}

.caption {
	margin-top: -1rem;
	font-size: 0.75rem;
	margin-bottom: 1rem;
}

/*****************/
/* CATEGORY
/*****************/

.article-archive-box {
	width: 41rem;
	padding-right: 2rem;
	border-right: 5px solid #686161;
	float: left;
	padding-bottom: 4rem;
	margin-top: 2rem;
}


.article-archive-box .more-articles-box {
	margin-top: -2rem;
}

.more-articles-box .author-box {
	font-size: 0.875rem;
    display: block;
    font-family: 'open_sansregular';
}

.page-numbers:link, .page-numbers:visited {
	border: 1px solid #333;
	padding: 0.2rem 0.5rem;
	margin-right: 0.3rem;
	color: #333;
}

.page-numbers:hover, .page-numbers:active {
	border: 1px solid #dcaa23
}

.navigation .current {
	border:1px solid #dcaa23;
	padding: 0.2rem 0.5rem;
	margin-right: 0.3rem;
	color: #333;
}

.navigation {
	margin-top: 2rem;
}

/*****************/
/* STATIC PAGE
/*****************/

.static-page-wrapper {
	width: 41rem;
	margin: 0 auto 3rem;
}

/*****************/
/* SIDEBAR
/*****************/

.sidebar {
	float: left;
	padding-left: 1.6rem;
	border-left: 5px solid #686161;
	margin-left: -5px;
	width: 16.8rem;
	margin-top: 1.5rem;
}

.sidebar-trenner {
	height: 5px;
	position: relative;
	background: #dcaa23;
	display: block;
	position: relative;
	width: calc(100% + 1.6rem);
	margin: 0.5rem 0 1.5rem -1.6rem;
}

.sidebar-trenner img {
	position: absolute;
	left: -0.7rem;
	top: -0.7rem;	
}

.widget {
	margin-bottom: 2rem;
}

.widget:first-of-type {
	margin-top: -2rem;
}

.widget h4 {
	font-size: 1.3rem;
	line-height: 1.75rem;
}

.tagcloud a:link, .tagcloud a:visited {
	border: 1px solid #333;
	padding: 0.2rem 0.5rem;
	font-size: 0.75rem;
	color: #333;
	display: inline-block;
	margin-bottom: 0.4rem;
	margin-right: 0.2rem;
}

.tagcloud a:hover, .tagcloud a:active {
	border: 1px solid #dcaa23 !important;
}

.entry-title a:link, .entry-title a:visited {
	font-family: 'glegoobold';
	color: #333;
	line-height: 1.4rem;
	font-size: 0.875rem;
	color: #333;
}

.entry-title a:hover, .entry-title a:active {
	text-decoration: none !important;
}

.upw-posts .entry-title {
	line-height: 1.4rem;
}


/********************/
/* FOOTER
/********************/

.footer {
	border-top:5px solid #dcaa23;
	position: relative;
}

.footer .footer-connector {
	position: absolute;
	top: -2.3rem;
	right: 16.8rem;
}

.footerlogo:link, .footerlogo:visited {
	background: #dcaa23;
	margin: 1rem 0 0.5rem;
	padding: 0.5rem 0.75rem;
	color: #fff;
	font-size: 1rem;
	line-height: 1.3rem;
	font-family: 'glegoobold';
	height: 3.5625rem;
	float: left;
	box-sizing: border-box;
}

.footerlogo img {
	width: auto;

height: 100%;
}

.socialbar {
	float: right;
	margin-top: 1rem;
}

.socialbar img {
	display: block;
	float: left;
	margin-left: 0.5rem;
}

.footer ul {
	float: right;
	margin-top: 0.5rem;
}

.footer ul li {
	padding: 0;
	background:transparent;
	float: left;
	margin-left: 1.5rem;
}

.footer li a:link, .footer li a:visited {
	color: #333;
}


/*********************/
/* PLUGIN OVERWRITES
/*********************/
.alm-btn-wrap .alm-load-more-btn {
	border-radius: 0 !important;
}

.ajax-load-more-wrap.grey .alm-load-more-btn {
	background: #333 !important;
}

.wpml-ls-legacy-list-horizontal {
	padding:0 !important;
	border:0 !important;
}

.wpml-ls-legacy-list-horizontal .wpml-ls-item {
	background:transparent;
	padding: unset;
}

.wpml-ls-legacy-list-horizontal>ul { display: flex !important; }
.wpml-ls-legacy-list-horizontal a { padding: 5px 10px 0 10px !important; }


.specialwidget {
	text-align:center;
	width:100%;
	margin:1rem 0;
}

.specialwidget img {
	max-width:100%;
}

/*************************************************************************************************************************/
/* RESPONSIVE
/*************************************************************************************************************************/

@media screen and (max-width: 63.5rem){
	.logo {
	    flex-direction: column;
	}
}

@media screen and (max-width: 69rem){ 
	body {
	    width: calc(100% - 4rem);
	    margin: 0 auto;
	}

	.vert_dropdown ul li a {
		padding: 0 0.4rem;
		font-size: 0.875rem;
	}

	.feature-post-image {
	    width: calc(100% - 31rem);
	}

	.feature-post-image img {
	    max-width: 100%;
	    height: auto;
	}

	.featured-post-column {
	    width: 31rem;
	}

	.overview-trenner {
		width: 100%;
	}

	.overview-trenner .diag2 {
		display: none;
	}

	.eyecatcher {
		margin-left: 0;
		margin-top: 0;
		padding-left: 0;
	}

	.articles-overview-box {
		width: 100%;
		border-right: 0;
		margin-top: 1rem;
	}

	.single-teaser .thumbcontainer {
		display: block;
		width: 100%;
		height: 12.3rem;
		overflow: hidden;
	}

	.single-teaser .thumbcontainer img {
		width: 100%;
		height: auto;
	}

	.singleteaser img {
		height: auto;
	}

	.more-articles-box .col-2-box .col:nth-of-type(2n-1) {
		width: 19.375rem;
	}

	.more-articles-box .col-2-box .col:nth-of-type(2n-1) img {
		width: 100%;
		height: auto;
	}

	.more-articles-box .col-2-box .col:nth-of-type(2n) {
		width: calc(100% - 21.375rem);
	}

	.sidebar {
	    width: calc(100% - 1.6rem);
	}

	.footer .footer-connector {
	    right: unset;
	    left: -1.6rem;
	}

	.fixed-menu {
    	width: calc(100% - 4.8rem);
	}

	.singlewrapper .single-article-box, .singlewrapper .titlebar {
		width: calc(100% - 21.4rem);
	}

	.singlewrapper .single-content img {
	    max-width: 100%;
	    height: auto;
	}

	.singlewrapper .sidebar {
		width: 16.8rem;
	}

	h1 {
		font-size: 1.6rem;
		line-height: 2.2rem;
	} 

	.categorywrapper .article-archive-box , .archivwrapper .event-archive-box {
		width: 100%;
		border-right: 0;
	}

	button#responsive-menu-button {
		right: 2rem;
	}
}

@media screen and (max-width: 63rem){ 
	.social-sharing {
		right: unset;
	}

	.kommentare {
		margin-top: 5rem;
	}
}

@media screen and (max-width: 55rem){ 
	.logopanel {
	    width: 15rem;
	    font-size: 1.4rem;
	    line-height: 1.85rem;
	}

	.searchbar {
	    top: 3.1rem;
	}

	.searchbar form input {
		width: 10rem;
	}

	.langswitch, .searchbar, .mainnavigation {
		display: none;
	}

	.mainwrapper {
		border-top: 0.3rem solid #686161;
	}

	.featured-post-box {
		height: auto;
	}

	.feature-post-image {
		width: 100%;
		max-height: 20rem;
		overflow: hidden;
		margin-bottom: 1rem;
	}

	.feature-post-image img {
		width: 100%;
	}

	.featured-post-column {
	    width: 100%;
	}

	.singlewrapper .single-article-box {
	    width: 100%;
	    border-right: 0;
	    padding-bottom: 3rem;
	}

	.singlewrapper .titlebar {
		width: 100%;
	    border-right: 0;
	    padding-bottom: 0rem;
	    margin-bottom: 1rem;
	}

	.singlewrapper .sidebar {
	    width: calc(100% - 1.6rem);
	}

	.breadcrumbs {
		display: none;
	}

	.static-page-wrapper {
		width: 100%;
	}

	.veranstaltungswrapper .titlebar {
		padding-bottom: 0;
	}

	.veranstaltungswrapper .single-article-box {
		padding-bottom: 3rem !important;
	}

	.veranstaltungswrapper .kommentare {
		margin:0;
	}
}

@media screen and (max-width: 46rem){ 
	.more-articles-box .col-2-box .col:nth-of-type(2n-1), .more-articles-box .col-2-box .col:nth-of-type(2n) {
		width: calc(50% - 1rem);
	}

	.socialbar {
		float: left;
	}

	.socialbar img {
	    margin-left: 0rem;
	    margin-right: 0.5rem;
	}

	.footerlogo {
		margin-right: 1rem;
	}
}

@media screen and (max-width: 40rem){ 
	.claim{ display: none; }
	.adv-right{ width: 25rem; }

    	.adv-right img { width: 100%; }

	.aktuelles-box .singleteaser {
		width: 100%;
		min-height: 1rem;
	}

	.aktuelles-box .col:nth-of-type(2n) {
		margin-left: 0;
		margin-bottom: 1rem;
		width: 100%;
	}

	.smallteaser h2 {
		margin-bottom: 0;
	}

	.event-box .event-quick-nav {
		display: none;
	}

	.event-box {
		width: calc(100% + 3.2rem);
		margin-left: -1.6rem;
		box-sizing: border-box;
		max-height: 20rem;
	}

	.event-detail-box {
		width: 100%;
		height: auto;	
		padding: 0.5rem;
	}

	.event-date {
	    line-height: 1.8rem;
	    margin-bottom: 0;
	    float: left;
	}

	.event-cat:link, .event-cat:visited {
	    float: right;
	}

	.event-title-box {
	    width: 100%;
	    height: auto;   
	}

	.event-title {
		border-right: 1px solid #ccc;
	}

	.event-teaser {
		height: auto;
	}

	.event-link {
		height: 4rem;
		border: 0;
	}

	.event-scroll-box {
		height: 17rem;
		overflow-y: scroll;
	}

	.event-title h3 {
		max-height: unset;
	}

	.logopanel:link, .logopanel:visited  {
		width: 25rem;
	}
}

@media screen and (max-width: 37.5rem){ 
	.more-articles-box .col-2-box .col:nth-of-type(2n-1) {
		width: 5.625rem;
		height: 5.625rem;
		margin-right: 0;
	}

	.more-articles-box .col-2-box .col:nth-of-type(2n) {
		width: calc(100% - 6.625rem);
	}

}

@media screen and (max-width: 35rem){ 
	body {
	    width: 100%;
		max-width:100%;
		overflow-x:hidden;
	}

	h2 {
	    font-size: 1.4rem;
	    line-height: 1.8rem;
	    margin-bottom: 0.6rem;
	}

	h1 {
		font-size: 1.4rem;
		line-height: 1.8rem;
	}

	.adv-right{ width: 18rem; }

	.logopanel:link, .logopanel:visited {
		width: 18rem;
		font-size: 1.3rem;
		line-height: 1.6rem;
	}

	.claim {
		display: none;
	}

	.articles-overview-box, .eyecatcher {
		padding-right:0;
	}
	
	.col-2-box .col:nth-of-type(2n-1) {
		margin-right:0;
	}
	
	.event-box {
		width:100%;
		margin-left:0;
		padding:1.5rem;
	}
	
	.singlewrapper .single-article-box {
		padding-right:0;
	}

}

@media screen and (max-width: 26rem){ 
	.mainwrapper {
		padding: 1.6rem 0.875rem;
	}

	.station {
	    left: -2.6rem; 
	}

	.featured-post-detail {
	    padding-left: 0.5rem;
	}

	.featured-post {
		margin-left: 0;
	}

	.feature-post-image {
		margin-bottom: 0.5rem;
	}

	.socialbar img {
	    width: 2.5rem;
	}

	button#responsive-menu-button {
	    right: 1rem;
	}

	.logopanel:link, .logopanel:visited {
    	width: 13rem;
    	font-size: 1.25rem;
    }
}

.wp-block-gallery .blocks-gallery-item {
    display: block !important;
} 


.wp-block-image img { height: auto; }"

@media print {
	
}
/** CUSTOM PATTERN ENDE **/