/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */


@media only screen and (max-width: 1100px) {
  /* Add your Mobile Styles here */
  
  
  #top #header .av-main-nav > li > a {
	  font-size: 15px;
	  
  }

}


@media only screen and (max-width: 991px) {
	#main > div.stretch_full.container_wrap.alternate_color.light_bg_color.empty_title.title_container {
	margin-top: 170px;
}
	
	
}



@media only screen and (max-width: 1024px) {
  /* Add your Mobile Styles here */
  
  
  #top #header .av-main-nav > li > a {
	  font-size: 12px;
	  
  }
  
  #main > div.main_color.container_wrap_first.container_wrap.fullsize > div > main > div > div > section > div > article.newest.huge-thumbnail.flex_column {
    margin-top: 0px;
}

#main > div.main_color.container_wrap_first.container_wrap.fullsize > div > main > div > div > div.flex_column_table.av-equal-height-column-flextable {
	margin-top: 125px;
}




.av_textblock_section article.huge-thumbnail .thumbnail img {
	width: 100%;
}
  
  
  .av_textblock_section article.huge-thumbnail .post-excerpt {
	  width: 47%;
  }
  
  .av-main-nav > li > a {
margin-right: 5px; } }



@media only screen and (max-width: 870px) {
  /* Add your Mobile Styles here */
  
  
  #top #header .av-main-nav > li > a {
	  font-size: 11px;
	  
  }
  
  
  .av-main-nav > li > a {
margin-right: 2px; } }



/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
	
	.ls-l {
		    font-size: 11.5px !important;
			
	padding-right: 10% !important;
	text-align: center !important;
	}
	
	#main > div.main_color.container_wrap_first.container_wrap.fullsize > div > main > div > div > div.flex_column_table.av-equal-height-column-flextable {
		margin-top: 20px; 
	}
	
	#main > div.main_color.container_wrap_first.container_wrap.fullsize > div > main > div > div > div.hr.hr-invisible.avia-builder-el-27.el_after_av_two_third.el_before_av_one_third {
		display: none;
	}
	
	#main > div.main_color.container_wrap_first.container_wrap.fullsize > div > main > div > div > div.hr.hr-invisible.avia-builder-el-34.el_after_av_two_third.avia-builder-el-last {
		display: none;
	}
	
	h1 > .ls-l {
		margin-left: 25% important;
	}
	
	.breadcrumb 
	{
		margin-top: -50px !important;
		line-height: 12px !important;
	}
	
	.responsive #socket .sub_menu_socket{height: 42px;}
	
	
	
	.av_textblock_section article.huge-thumbnail .post-excerpt {
		    max-height: 570px;
		
		
	}
	
	.av-special-heading-tag
	{
		
		
		
	}
	
	#top .title_container .container {
		    min-height: 26px !important;
	}
	
	
	#main > div.main_color.container_wrap_first.container_wrap.fullsize > div > main > div > div > div.hr.hr-invisible.avia-builder-el-0.el_before_av_one_full.avia-builder-el-first {
		height: 20px !important;
	}
	
	
	#main > div.main_color.container_wrap_first.container_wrap.fullsize > div > main > div > div > div > section > div > p {
		margin-top: 0px !important;
	}
	
	#main > div.main_color.container_wrap_first.container_wrap.fullsize > div > main > div > div > div.hr.hr-invisible.avia-builder-el-4.el_after_av_one_full.el_before_av_one_full {
		height: 10px !important;
	}
	
	#main > div.main_color.container_wrap_first.container_wrap.fullsize > div > main > div > div > div.hr.hr-invisible.avia-builder-el-2.el_after_av_one_full.el_before_av_one_full {
		display: none !important;
	}
	
	.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
		margin-bottom: 10px !important;
	}
	
	#wpcf7-f3038-o1 > form > div.flex_column.av_two_third.no_margin.flex_column_div.avia-builder-el-5.el_after_av_one_third.avia-builder-el-last.column-top-margin.dontshowthis > div.av-special-heading.av-special-heading-h1.blockquote.modern-quote.avia-builder-el-6.el_before_av_hr.avia-builder-el-first {
		margin-top: -70px;
	}
	
	#main > div.main_color.container_wrap_first.container_wrap.fullsize > div > main > div > div > div.hr.hr-invisible.avia-builder-el-4.el_after_av_one_full.el_before_av_one_full {
		height: 0px;
	}
	
	#layerslider_14 > div.ls-inner {
		margin-top: 20px;
	}
	
	#layerslider_21 > div.ls-inner {
		margin-top: 20px;
	}
	
	
	#layerslider_15 > div.ls-inner {
		margin-top: 20px;
	}
	
	
	
	#layerslider_16 > div.ls-inner {
		margin-top: 20px;
	}
	
	#layerslider_32 > div.ls-inner {
		margin-top: 20px;
	}
	
	
	#layerslider_53 > div.ls-inner {
		margin-top: 20px;
	}
	
	
	#layerslider_48 > div.ls-inner {
		margin-top: 20px;
	}
	
	#layerslider_16 > div.ls-inner > div > h1 {
		left: -40px !important;

	}
	
	#layerslider_11 > div.ls-inner > div > h1 {
		left: -40px !important;

	}
	
	#layerslider_32 > div.ls-inner > div > h1 {
		left: -50px !important; 

	}
	
	
	#layerslider_32 > div.ls-inner > div > p {
		left: -40px !important; 
	}
	
	
	#layerslider_53 > div.ls-inner > div > p {
		left: -25px !important; 
	}
	
	
	#layerslider_23 {
		margin-bottom: 10px !important;
		margin-top: 10px !important;
	}
	
	
	#layerslider_30 > div.ls-inner {
		margin-top: 20px;
	}
	
	#layerslider_17 > div.ls-inner {
		margin-top: 20px;
	}
	
	#layerslider_17 > div.ls-inner > div > h1 {
		left: -30px !important;

	}
	
	
	
	.av-special-heading {
		margin-top: 10px;
	}
	
	.responsive .title_container .breadcrumb {
		top: 40px !important;
	}
	
	
	#main > div.stretch_full.container_wrap.alternate_color.light_bg_color.empty_title.title_container > div > h1 {
		display: none;
	}
	
	
	.main-title entry-title
	{
		display: none;
	}
	
	#socket .sub_menu_socket li {

    border-left-style: solid;
    border-left-width: 0px;
}
	
	#menu-footer {
		margin-left: 0px !important;
	}
	
	
	#text-3 > div {
		margin-left: 0px;
	}
	
	#footer .widget {
		margin-top: 0px !important;
		margin-bottom: 15px !important;
	}
	
	.widget li{line-height: inherit; font-size: 16px;}
	
	
	#text-4 > h3 {
		margin-left: 0px;
		    margin-top: 25px !important;
	}
	
	#text-4 > div {
		margin-left: 0px;
	}
	
	
	
	#layerslider_40, #layerslider_7, #layerslider_8, #layerslider_10, #layerslider_18, #layerslider_19, #layerslider_31, #layerslider_41, #layerslider_42, #layerslider_43, #layerslider_46, #layerslider_47, #layerslider_52, #layerslider_57 {
		display: none;
	}
	
	
	#nav_menu-2 > h3 {
		margin-left: 0px !important;
	}
	
	
	#text-3 > h3 {
		margin-left: 0px !important;
	}
	
	.zopim {
		z-index: 2 !important;
	}
	
	.mobileHideSlider {
		display: none!
	}
	
	
	#sub_menu1 > div {
		width: 100% !important;
		max-width: 100% !important;
	}
  /* Add your Mobile Styles here */
  
 #main > div.main_color.container_wrap_first.container_wrap.fullsize > div > main > div > div > div.flex_column.av_two_third.flex_column_div.av-zero-column-padding.first.avia-builder-el-7.el_after_av_one_full.el_before_av_one_third.column-top-margin {
	 margin-top: -10px !important;
 } 
  
  
  #wpcf7-f3038-o1 > form > div.flex_column.av_two_third.no_margin.flex_column_div.avia-builder-el-5.el_after_av_one_third.avia-builder-el-last.column-top-margin.dontshowthis {
	  padding-left: 0px !important;
	  padding-top: 0px !important;
	  margin-top: 10px !important;
	  text-align: left !important;
  }
  
  #wpcf7-f3038-o1 > form > div.flex_column.av_two_third.no_margin.flex_column_div.avia-builder-el-5.el_after_av_one_third.avia-builder-el-last.column-top-margin.dontshowthis {
	  margin-bottom: 10px !important;
  }
  
  #wpcf7-f3038-o1 > form > p.use-floating-validation-tip > span {
	  margin-right: -5px;
  }
  
  #formExtrasss {
	  text-align: left !important;
  }
  
  
  #main > div.stretch_full.container_wrap.alternate_color.light_bg_color.empty_title.title_container {
	margin-top: 0px;
}
  
  
  #top #header .av-main-nav > li > a {
	  font-size: 12px;
	  
  }
  
  
  .av-main-nav > li > a {
  margin-right: 5px; }
  
  
  
  
  .av_textblock_section article.huge-thumbnail .thumbnail {
	  width: 92%;
  }
  .av_textblock_section article .thumbnail {
	  width: 92%;
  }
  
  .av_textblock_section article.huge-thumbnail .post-excerpt {
	  width: 92%;
	  margin-left: 5%;
  }
  
  #main > div.main_color.container_wrap_first.container_wrap.fullsize > div > main > div > div > section > div > article> div.post-excerpt.floating-box > a > h3 {
	  font-size: 14px;
  }
  
  #top #wrap_all .header_color h2, #top #wrap_all .main_color h2, #top #wrap_all .alternate_color h2, #top #wrap_all .footer_color h2, #top #wrap_all .socket_color h2 {
	  font-size: 14px;
  }
  
  .av_textblock_section article .post-excerpt {
	   width: 92%;
	   margin-left: 5%;
  }
  
  .av_textblock_section article .thumbnail {
	  min-height: 125px;
  }
  
  
  #main > div.main_color.container_wrap_first.container_wrap.fullsize > div > main > div > div > section > div > div.posts-list.flex_column > article> div.thumbnail.flex_column > img {
	  margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    width: 92%;
  }
  
  .attachment-post-thumbnail .size-post-thumbnail .wp-post-image {
  
  margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    width: 92%;}


}


/* #3 - Enhanced pagination */
#top .pagination {
	display: flex !important;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0;
	overflow: visible !important;
	padding-top: 15px;
	padding-bottom: 15px;
}

#top .pagination span,
#top .pagination a,
#top .pagination .current,
#top .fullsize .template-blog .pagination a {
	float: none !important;
	display: inline !important;
	height: auto !important;
	width: auto !important;
	min-width: 0 !important;
	padding: 0 5px !important;
	margin: 0 !important;
	font-size: 14px !important;
	line-height: 1.6 !important;
	background: none !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

#top .pagination a {
	text-decoration: none !important;
}

#top .pagination a:hover {
	text-decoration: underline !important;
}

#top .pagination .current {
	font-weight: bold !important;
}

#top .pagination .pagination-meta {
	float: none !important;
	order: 99;
	margin-left: auto !important;
	min-width: auto !important;
	font-size: 13px !important;
	padding: 0 !important;
	line-height: 1.6 !important;
}

#top .pagination span.inactive {
	opacity: 0.3;
	cursor: default;
}

#top .pagination .pagination-jump {
	display: inline-flex;
	align-items: baseline;
	gap: 0;
	margin-left: 10px;
}

#top .pagination .pagination-jump input[type="number"] {
	width: 50px;
	height: auto;
	padding: 2px 4px;
	margin: 0 4px 0 0;
	font-size: 13px;
	line-height: 1.4;
	text-align: center;
	border: 1px solid #bbb;
	border-radius: 2px;
	-moz-appearance: textfield;
	vertical-align: baseline;
}

#top .pagination .pagination-jump input[type="number"]::-webkit-inner-spin-button,
#top .pagination .pagination-jump input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

#top .pagination .pagination-jump button {
	height: auto;
	padding: 2px 8px;
	font-size: 13px;
	line-height: 1.4;
	cursor: pointer;
	border: 1px solid #bbb;
	border-radius: 2px;
	background: #f5f5f5;
	vertical-align: baseline;
}

#top .pagination .pagination-jump button:hover {
	background: #e0e0e0;
}

/* #4 - Archive layout: hide images, full-width text */
.archive .template-blog .big-preview,
.archive .template-blog .slide-image,
.posts-list .single-post-item .thumbnail {
	display: none;
}

.archive .template-blog .entry-content-wrapper,
.archive .template-blog .slide-entry,
.posts-list .single-post-item .post-excerpt {
	width: 100% !important;
	min-height: 0 !important;
	padding: 10px 15px;
	box-sizing: border-box;
}

.posts-list .single-post-item,
.posts-list .newest {
	min-height: 0 !important;
}

.archive .template-blog .entry-content-wrapper {
	min-height: 0 !important;
}

/* #10 - Blog element: compact magazine-style layout (Presseberichte) */

/* Main layout: thumbnail left, content right */
.template-blog .post-entry {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	margin-bottom: 0;
	padding: 12px 0;
	border-bottom: 1px solid #e1e1e1;
}

/* Hide big preview image (shown centered above) - we use blog-meta image instead */
.template-blog .big-preview {
	display: none;
}

/* Thumbnail: small square, left side */
.template-blog .blog-meta {
	flex-shrink: 0;
	width: 68px;
	margin-right: 15px;
}

.template-blog .blog-meta .small-preview,
.template-blog .blog-meta .post-author-format-type {
	display: block;
}

.template-blog .blog-meta .small-preview img,
.template-blog .blog-meta .post-author-format-type img,
.template-blog .blog-meta img {
	width: 68px;
	height: 68px;
	object-fit: cover;
	display: block;
}

/* Hide icon overlay on thumbnail */
.template-blog .blog-meta .iconfont {
	display: none;
}

/* Hide rounded-container styling (multi-big avatar style) */
.template-blog .blog-meta .rounded-container {
	border-radius: 0;
	background: none;
}

/* Content: right side */
.template-blog .entry-content-wrapper {
	flex: 1;
	min-height: 0 !important;
	padding: 0 !important;
}

/* Reorder header: date/author BEFORE title (like magazine) */
.template-blog .entry-content-header {
	display: flex;
	flex-direction: column;
}

.template-blog .entry-content-header .post-title {
	order: 2;
	font-size: 0.95em;
	font-weight: 700;
	margin: 2px 0 0 0;
	padding: 0;
	color: #666;
}

.template-blog .entry-content-header .post-title a {
	color: #666;
	text-decoration: none;
}

.template-blog .entry-content-header .post-meta-infos {
	order: 1;
	margin: 0;
	font-size: 0.75em;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #999;
}

/* Hide comments, categories, author from meta - only keep date */
.template-blog .post-meta-infos .text-sep-comment,
.template-blog .post-meta-infos .comment-container,
.template-blog .post-meta-infos .text-sep-cat,
.template-blog .post-meta-infos .blog-categories,
.template-blog .post-meta-infos .text-sep-date,
.template-blog .post-meta-infos .blog-author {
	display: none;
}

/* Hide content/excerpt */
.template-blog .entry-content {
	display: none;
}

/* Hide footer, delimiter, timeline */
.template-blog .entry-footer {
	display: none;
}

.template-blog .post_delimiter {
	display: none;
}

.template-blog .post_author_timeline {
	display: none;
}

/* Hide subheading (ACF field) */
.template-blog .entry-content-header .av-subheading {
	display: none;
}

/* #9 - Make links in text blocks visually distinguishable */
.avia_textblock a {
	color: #022756;
	font-weight: bold;
	text-decoration: underline;
}

.avia_textblock a:hover {
	color: #011a3d;
}

