/*
Theme Name: NA-Nord
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

/*message-Box rechts oben:Schrift größer + Zwischenabstand Stefan HH */
.avia_message_box_content {
    /*font-size: 1.2em;*/
	padding: 20px 0 0 0;
	}

/*#avia-messagebox- {display:none;}*/
					
/*Gebiete Tabbed UI*/ 
.page-id-5589 #header_main, .page-id-5589 #header_meta, .page-id-5589 div.container.av-logo-container {
	background-color: #e0ac46;  
	background-repeat: no-repeat; 
}
/*Kaufmanns-und Axel*/
.special_amp {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    color: inherit!important;
}

/*Mitglieder*/
/*Blog Post Beiträge AS*/
#top .fullsize .template-blog .post .entry-content-wrapper {
	/*max-width: 100%;*/
}
/*Blog Post Beiträge AS Ende*/
/*mediathek conventions AS*/

#top .gallery dl.gallery-item {
    width: auto;
    height: auto;
}
/*mediathek conventions AS Ende*/

/*Mediathek Passwort*/
/*portfolio-item/mediathek-passwort-notwendig*/ 
.postid-1165 #header_main, .postid-1165 #header_meta, .postid-1165 div.container.av-logo-container
  {
	background-color: #294272;
	}	
	
/*Ebene 2 + 3 Anfang - Darstellung der Bereiche mithilfe  von Farbesektionen und darin geschachtelten Spalten - Stefan HH*/

/*Ebene 2 - der grauen Line zwischen Überschrift h3 und 1ster Farbsektion custom.css mitgegeben = Klasse .farbsek_1_h3_sep, 
um Abstand Überschrift - Linie - 1ste Farbsektion zu veringern - im Moment nicht eingesetzt Stefan HH*/ 
div.hr.hr-full.hr-no-shadow.avia-builder-el-2.el_after_av_heading.avia-builder-el-last.farbsek_1_h3_sep {margin:1vh 0 1vh 0;} 


/*  ###################   das ist der wichtigste Abschnitt zur Darstellung von Abständen und Spalten in Ebene 2 und 3 #####################*/
/*  ###################   das ist der wichtigste Abschnitt zur Darstellung von Abständen und Spalten in Ebene 2 und 3 #####################*/
/*horizontalen Abstand zwischen Spalten bestimmen, die in Farbsektion liegen - Ebene 2  + Ebene 3- Stefan HH*/
/*!!!!!!!!in der Sektion muss unter Section Layout 'Kleiner Innenabstand' eingestellt sein, sonst greift das hier nicht!!!!!!!!*/
#top .av-flex-placeholder {
    display: table-cell;
    width: 1%;
	}
	
/*vertikalen Abstand zwischen zwei Farbsektionen verringern -  Ebene 2 + Ebene 3 - Stefan HH*/
#top #main .avia-section .template-page {
    width: 100%;
    border: none;
    margin-left: auto;
    padding-left: 0;
    margin-right: auto;
    padding-top: 0px;
	padding-bottom: 0.5%;
}
/*Ebene 2 +3 Ende - Darstellung der Bereiche mithilfe  von Farbesektionen und darin geschachtelten Spalten - Stefan HH*/
/*  ###################   das ist der wichtigste Abschnitt zur Darstellung von Abständen und Spalten in Ebene 2 und 3 #####################*/
/*  ###################   das ist der wichtigste Abschnitt zur Darstellung von Abständen und Spalten in Ebene 2 und 3 #####################*/

/*Ebene 2 Anfang - Darstellung der Bereiche mithilfe  von Gitterreihen und der darin enthaltenen Zellen - Stefan HH*/

/*Gitterreihe in der 2ten Ebene ID mitgegeben = grid_second_level + den darin enthaltenen Zellen border mitgegeben*/
#grid_second_level {border-left:1px solid #fff; border-right:1px solid #fff; border-top:0; border-bottom:0;}
#grid_second_level .sec_lev_cell {border: 4px solid #fff;}


/*für nicht anklickbare Menüpunkte*/
.nonklick {text-decoration:none !important;}
.nonklick > a:hover {cursor:default !important; text-decoration:none !important;} 

/*Hotspots Imagemap Gebiete Axel (der Spalte die Klasse "areas-imagemap" geben!)*/
.areas-imagemap .av-image-hotspot_inner {
    background: url(https://narcotics-anonymous.de/wp-content/themes/rsk/images/gebiete-marker.png)!important;
    background-repeat: no-repeat!important;
    background-size: contain!important;
    background-position: 50% 50%!important;
	font-size: 0;
}
.areas-imagemap  .av-image-hotspot_inner:after {
content: '★';
color: #888!important;
position: relative;
left: -3px;
}
.responsive .areas-imagemap  .av-image-hotspot_inner {
color: transparent!important;
}
.responsive .areas-imagemap .av-image-hotspot {
    height: 50px;
    width: 50px;
}
.responsive .areas-imagemap .av-image-hotspot-pulse {
    height: 80px;
    width: 80px;
}
/*Hotspots Imagemap Gebiete Axel Ende*/

/*BMLT*/
.onoffswitch-inner::after {
    content: "Meetings heute..."!important;
}
/*BMLT Ende*/


/*divs wie Tabellen benutzen Stefan HH */
.table { 
   margin-left: auto;
   margin-right: auto;
   display: table;
   border-spacing:6px;
}
.table-row  {display: table-row;}
.table-cell {display: table-cell;
             font-size:1.1em;}
.table-cell a {text-decoration:none;}			 
.table-cell a:hover {text-decoration:underline;}
 
 /*white spacce nicht umbrechen  Stefan HH*/
 .wrapnot  {white-space: nowrap;}
 
 /*Form für ja nein test Bereich Erste Hilfe - Stefan HH*/
 form.testjanein {font-family: Roboto, 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif; font-size:15px; line-height: 22px;}
 
/*Polylang Flags in Burger Menu Axel*/
/*"?wpacu_no_load" after a page url-> disables  Asset CleanUp*/
.av-burger-overlay ul {
    text-align: left;
}
.av-burger-overlay li.lang-item {
    display: inline-block;
    margin: 0 20px;
}
.av-burger-overlay li.lang-item a {
	padding: 5px!important;
}
.av-burger-overlay li.lang-item:first-child a {
	padding: 5px 5px 5px 50px!important;
}

/*Polylang Flags in Burger Menu Axel End*/

/*Polylang Flags in Phone Info Axel*/
body.rtl .phone-info {
	margin-right: 20px
}
.phone-info .widget.widget_polylang {
	position: absolute;
	top: 60px;
	right: 0;
	padding: 0;
}
.phone-info .widget.widget_polylang li.lang-item{
    display: inline-block;
    margin: 0 0 0 20px;
	padding: 0;
}
.phone-info .polylang-widget .widget, .phone-info span {
	vertical-align: top;
	float: left;
}
.phone-info  .hotline a{
	color: #ffffff!important;
		 }
.phone-info  .hotline a .nr{
			/*letter-spacing: 2px;*/
		 }
.phone-info .polylang-widget .widget, .phone-info span a:hover {
	color: #fff;
}
.phone-info span.polylang-widget {
    display: inline-block;
	margin-right: 20px;
}
.phone-info .polylang-widget .widget{
    display: contents;
}
.phone-info ul.polylang-flags {
    display: inline-flex;
    float: none !important;
}
.phone-info ul.polylang-flags li{
    padding: 0 5px;
}
		/*Polylang Flags in Phone Info Axel Ende*/
/*Axel Meetingssuche Icon*/
#top #wrap_all .social_bookmarks_Anrufen  a:before{
	/*content: url('/wp-content/uploads/2020/05/telefon.png');*/
	content: url('https://narcotics-anonymous.de/wp-content/uploads/icons/smartphone.png');
}
#top #wrap_all .social_bookmarks_Meeting a:before{
	/*content: url('/wp-content/uploads/2020/05/meetings.png');*/
	content: url('https://narcotics-anonymous.de/wp-content/uploads/icons/meetings-finden.png');
}
#top #wrap_all .social_bookmarks_Literaturshop a:before{
	/*content: url('/wp-content/uploads/2020/05/literatur.png');*/
	content: url('https://narcotics-anonymous.de/wp-content/uploads/icons/zum-shop.png');
}
/*Axel Meetingssuche Icons Ende*/

/*Axel Dattenschutzeinstellungen wieder aufrufen Button */
/*#av-cookie-consent-badge {
	width: 100px;
    height: 20px;
    padding: 1px;
	line-height: 12px;
}
#av-cookie-consent-badge::before {
	content: 'Cookie Settings';
	font-family: sans-serif;
	font-size: 12px;
}
*/
/*Axel Dattenschutzeinstellungen wieder aufrufen Button Ende*/
/*schwarzer Rand unten bei Ansicht tablet Stefan HH*/
#scroll-top-link, #av-cookie-consent-badge {
    background-color: 
    #284669;
}

/*Scroll-to-top-Button - Stefan HH */
#scroll-top-link, #av-cookie-consent-badge {
    /*background-color: 
    #fff;*/
}
#scroll-top-link, #av-cookie-consent-badge {
color: 
#284669;
border: 2px solid
#284669; }

#scroll-top-link:hover, #av-cookie-consent-badge:hover {
color: 
#990000;
border: 2px solid
#990000; 
border-radius: 10px;
background-color:#dfdfdf;
}

/* Media Queries*/

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */
 /* Add your Desktop Styles here */
 
 /*Hotline im Header*/
@media only screen and (min-width: 1280px){
		#header_meta {
			margin-top:-30px;
			}
			.responsive #header.header-scrolled #header_main div.container.av-logo-container{
				/*height: 160px;*/
			}
			.responsive #header.header-scrolled #header_main div.container.av-logo-container{
				height: 100px!important;
			}
			.responsive #header #header_main div.container.av-logo-container{
				height: 160px!important;
			}
			
		.responsive #top #header.header-scrolled .logo a{
	height: auto;
    max-height: 160px!important;
		}
#top #header.header-scrolled #header_meta .container{
		
			/*margin-top:-30px;*/
		}
		 .html_header_top.html_header_sticky #top #wrap_all #main {
			padding-top: 160px!important;
		}
		.responsive #header_main div.container.av-logo-container {
			max-width: 100%!important;
		}
		.phone-info {
		 }
		.phone-info {
			font-family: Arvo;
			color: #ffffff;
			font-size: 24px;
			font-weight: 700;
			text-align: right;
			position: relative;
			top: 85px;
			right: 100px;
			transition: all ease 0.3s;
			padding: 0;
			height: 0;
		 }
		 /*Tel weiss Axel*/
		 #header.header-scrolled .phone-info {
			display: inline-block;
			line-height: 1em;
			top: 54px;
		}
#top #wrap_all .social_bookmarks {
   
}		

#top #wrap_all .social_bookmarks a, #top #wrap_all .social_bookmarks li {
    background: transparent;
    color: #ffffff !important;
    top: 85px;
    right: 120px;
    font-size: 40px;
    transition: all ease 0.3s;
    width: 60px;
}
		.social_bookmarks_Meeting.av-social-link-Meeting{
			
		}
		.social_bookmarks_Anrufen.av-social-link-Anrufen a::after {
			content: "Hotline";
			color: #ffffff!important;
			font-size: 11px;
			position: relative;
			top: -5px;
			left: 0px;
			display: block;
			width: 60px;
		}
		.social_bookmarks_Meeting.av-social-link-Meeting a::after{
			 content: "Meetings";
			color: #ffffff!important;
			font-size: 11px;
			position: relative;
			top: -5px;
			left: 0px;
			display: block;
			width: 60px;
		}
		.social_bookmarks_Literaturshop.social_bookmarks_Literaturshop a::after {
			content: "Literatur";
			color: #ffffff!important;
			font-size: 11px;
			position: relative;
			top: -5px;
			left: 2px;
			display: block;
			width: 60px;
		}
		.responsive.html_mobile_menu_tablet #top #header #header_meta .social_bookmarks li.social_bookmarks_Anrufen {
			/* display: none;*/
			margin: 0 0 0 30px;
			    width: 60px;
		}
		#top  #wrap_all header#header.header-scrolled  .social_bookmarks a{
			top: 54px!important;
		}
		  div.flex_column.drittel-halb {
			display: inline-block;
			min-height: 300px !important;
			height: 300px;
			margin-bottom: 20px;
			padding: 20px 0;
		}
  /*Hotline Nummer vergrößern wenn mobile - Stefan HH */
  
 /*Liste alle Servicetermine - Spalten immer auf 100% verbreitern  -- Axel*/
.event-list .event-row {width: 100%;}
/*Bild darin: */
.event-list .event-image {max-width: 30%;}
.event-list .event-data {padding-left: 10px;}

  }
@media only screen and (max-width: 1279px) {
 header_color .phone-info {
			 text-align: right;
			 }
.header_color .phone-info span {
			 font-family: Arial;
			 color: #ffffff;
			 font-size: 20px;
			 font-family: Arvo;
			 text-align: right;
			 }
}

  @media only screen and (min-width: 990px) and (max-width: 1279px) {

.html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 190px !important;
}

/*Schriftgröße unten bei Masonry Startseite Axel*/
#top div.av-masonry.masonry-startseite .av-masonry-entry h3.av-masonry-entry-title.entry-title { 
font-size: 30px;
}
/*Extrawurst für Subdomain Testgebiet Stefan HH*/
#top div.av-masonry.masonry-startseite-testgebiet .av-masonry-entry h3.av-masonry-entry-title.entry-title { 
font-size: 30px;
}

		.responsive.html_mobile_menu_tablet #top #header #header_meta ul.social_bookmarks {
			display: inline;
			color: #fff;
			margin-top: 5px;
		}
		.responsive.html_mobile_menu_tablet #top #header #header_meta ul.social_bookmarks li{
			width: 60px;
			font-size: 30px; 
			margin: 0;
			border: 0;
		}
}
 
 /*Schrift über Kacheln auf erster Seite bei hover vergrößern - zeitgleich mit und bei gleicher Geschwindigkeit wie Kacheln - Stefan HH */
@media only screen and (min-width: 1025px) {
 
	/*Laufschrift 'Was ist Narcotics Anonymous' auf Startseite etwas nach unten verrücken + Schrift über Kacheln animieren bie Startseite mit Bildern als Hintergrund und drüberlegter Schrift Stefan HH*/
		#top .av-rotator-container {
			position: relative; top: 20px;
			}
		
	/*Schrift über Kacheln auf erster Seite bei hover vergrößern - zeitgleich mit und bei gleicher Geschwindigkeit wie Kacheln - Stefan HH */ /*Klasse masonry-startseite ist custom - Stefan HH*/
		#top div.av-masonry.masonry-startseite .av-masonry-entry h3.av-masonry-entry-title.entry-title {
			 font-size: 2.4em;  /*2.2em;*/
			 -webkit-transition: all 0.3s 0.0s ease-in-out;
             -moz-transition: all 0.3s 0.0s ease-in-out;
             -o-transition: all 0.3s 0.0s ease-in-out;
             transition: all 0.3s 0.0s ease-in-out;
			 white-space: nowrap;
			  }
			 
		#top div.av-masonry.masonry-startseite .av-masonry-entry h3.av-masonry-entry-title.entry-title:hover {
			  font-size: 2.6em;  /*2.4em;*/
			  white-space: nowrap;
			}
}

/*Kacheln Startseite Schrift nicht umbrechen - Stefan HH*/
h3.av-masonry-entry-title.entry-title {white-space:nowrap;}

/*Kachel Nur für heute Startseite -  Laufweite Schrift veringern*/
.page-id-2251 a#av-masonry-1-item-10045 h3  {letter-spacing: -0.06em;}

/*Schrift auf Kacheln auf Startseite am unteren Rand des Bildes platzieren -- > Masonry mit Bildern und überlagernder Schrift -- siehe custom css in Wordpress
#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content *,#top .av-caption-style-overlay .av-masonry-item-with-image ins:before,#top #wrap_all .av-caption-style-overlay .av-masonry-item-with-image del {
    vertical-align:bottom !important;
}
*/


/*Header verhalten Höhe*/
@media (min-width: 990px) and (max-width: 1279px) {
	#header_meta .container {
    position: absolute;
    right: 20px;
}
/*Header verhalten Höhe*/
}

/*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: 989px) {
		 .responsive.html_mobile_menu_tablet.html_header_top #top #main {
		/*Blau unten raus im Header - nötig wenn Sticky aktiv Axel */ 
			padding-top: 60px !important;
			background-color: #fff;  /*noch zusätzlich auf weiss gesetzt, dann ist nix mehr zu sehen bei beiden Ansichten Portrait+Landscape - Stefan HH */
		 }
		 
		/* Schriftgröße unten Masonry Startseite 
		.av-masonry-entry .av-masonry-entry-title
		 {
		  font-family: Arvo; 
		  font-size: 26px;
		  font-weight: 700;
		  text-align:left;
		}*/

		/*Sticky Header on mobile*/
		 #wrap_all {
		position: relative !important;
		}
		.html_header_top.html_header_sticky #header {
		position: fixed !important;
		}
		/****#main {
		margin-top: 80px!important;
		}******/
		.html_header_top.html_bottom_nav_header #header_main, #wrap-all {

			max-width: 100%!important;
		}
		/*Sticky Header on mobile Ende*/

}

@media only screen and (min-width: 768px) and (max-width: 989px) {
/* Schriftgröße unten bei Masonry Startseite Axel*/ /*Klasse masonry-startseite ist custom - Stefan HH*/
		#top div.av-masonry.masonry-startseite .av-masonry-entry h3.av-masonry-entry-title.entry-title{
		  font-size: 20px; 
		}
/* Schriftgröße unten bei Masonry Startseite Axel*/ /*Klasse masonry-startseite ist custom - Stefan HH - Ende*/
/*Social Icons*/
		.responsive.html_mobile_menu_tablet #top #header #header_meta ul.social_bookmarks {
			display: inline;
			color: #fff;
			top: 5px;
			position: relative;
		}
		.responsive.html_mobile_menu_tablet #top #header #header_meta ul.social_bookmarks li{
			width: 60px;
			font-size: 30px; 
			margin: 0;
			border: 0;
		}
		/*Axel Meetingssuche Icon*/

		.social_bookmarks li.social_bookmarks_Meeting {
			/*display: none;
			border: 3px solid #ffffff;
			border-radius: 50%;
			Padding: 2px;
			font-size: 0.9em;*/
		}
/*Social Icons Ende*/
}
		@media only screen and (min-width: 768px) {
			/* Schriftgröße unten bei Masonry Startseite Axel*/ 
			#top div.av-masonry.masonry-startseite .av-masonry-entry h3.av-masonry-entry-title.entry-title
			 {
			  font-family: Arvo; 
			  font-weight: 700;
			  /*text-align:left;*/ /*auf mittig gestellt - Stefan HH*/
			  text-align:center;
			 }
			 
			 /*  greift das ?  ich seh keine Veränderung nach Auskommentieren - ist für Seite mit Spalten-- >*/
			#top div.av-masonry.masonry-startseite .av-masonry-ent
			 div.av_one_third.flex_column.flex_column_table_cell.drittel-halb {
				display: table;
				min-height: 200px !important;
				height: calc(26vw);
		}
}


@media only screen and (max-width: 767px) {
	/*Icons for Farsi */
	body.rtl #header #header_meta .social_bookmarks{
	
	right: auto!important;
    left: 126px
	}
	/*Icons for Farsi End*/
	/*Polylang Flags in Phone Info Axel*/
	.phone-info .widget.widget_polylang {
	/*display: none;*/
	    top: 0px;
	}
	.phone-info span .hotline {
    top: 20px;
    position: relative;
}
	/*Polylang Flags in Phone Info Axel Ende*/
		/* Schriftgröße unten bei Masonry Startseite Axel*/ /*Klasse masonry-startseite ist custom - Stefan HH*/
		.responsive #top #header.header-scrolled .logo {
		height: 50px !important;
		}
		.responsive #top #header.header-scrolled .logo a{
		    width: 60px;
    height: auto;
    max-height: 60px!important;
		}
		.responsive #top #header.header-scrolled #header_meta {
		height: 0;
		min-height: 0;
		}
		.responsive #top #header.header-scrolled .phone-info {
		display: none !important;
		}

.responsive.html_mobile_menu_tablet #top #header.header-scrolled #header_meta .social_bookmarks {
		top: 10px!important;
}
		.phone-info span {
			float: right;
		}
		.phone-info span.polylang-widget {
			float: none;
		}
		#top div.av-masonry.masonry-startseite .av-masonry-entry h3.av-masonry-entry-title.entry-title{
		  font-size: 20px; 
		}
		#top div.av-masonry.masonry-startseite .av-masonry-entry .av-inner-masonry-content {
			padding: 10px;
		}
		.responsive.html_mobile_menu_tablet #top #header #header_meta .social_bookmarks {
		display: inline;
		position: absolute;
		top: 65px;
		right: 80px;
		transition: all ease 0.3s;
		width: 180px;
		padding: 0px;
		}
		.responsive.html_mobile_menu_tablet #top #header.header-scrolled #header_meta .social_bookmarks {
		top: 50px;
		right: 30px;
		width: 270px;
		}
		.responsive.html_mobile_menu_tablet #top #header.header-scrolled #header_meta .social_bookmarks li {
			font-size: 40px;

		}
		.responsive.html_mobile_menu_tablet #top #header #header_meta .social_bookmarks li {
			border: none;
			font-size: 40px;
			width: 55px;
			margin: auto;
		}
		.responsive.html_mobile_menu_tablet #top #header #header_meta .social_bookmarks li.social_bookmarks_Anrufen {
			/* display: none;
			margin: 0 20px 0 0;*/
		}
		.responsive #top #wrap_all .main_menu {
		top: 0px;
		}
}
/*Shrinking header Mobile*/
@media only screen and (max-width: 599px) {
	
		.responsive #top #header .logo a{
		content:  url(https://narcotics-anonymous.de/wp-content/uploads/2020/05/na-logo-sw.png);
		height: auto;
		display: inline;
		max-width: 25%;
		z-index: 2;
		}
}
@media only screen and (max-width: 599px) and (min-width: 480px){
.responsive #top #header .logo a {
	}
}
/*Shrinking header Mobile*/
@media only screen and (max-width: 479px) {

.responsive.html_mobile_menu_tablet #top #header #header_meta .social_bookmarks {
    top: 65px;
    right: 75px;
}
		.responsive.html_mobile_menu_tablet #top #header.header-scrolled #header_meta .social_bookmarks {
	top: 50px;
    right: 75px;
		}
		.responsive.html_mobile_menu_tablet #top #header #header_meta .social_bookmarks li {
		font-size: 40px;
		}
		
		/*Axel Meetingssuche Icon*/

		.social_bookmarks li.social_bookmarks_Meeting {
			/*position: relative;
			left: -30px;*/
		}
.phone-info span.polylang-widget {
    display: inline;
    margin-right: 0px;
    float: left;
}
.phone-info ul.polylang-flags li {
    padding: 0 2px;
    width: 26px;
	line-height: 1;
}
}
@media only screen and (max-width: 359px) {
	.responsive #top #wrap_all header .container {
    width: 95%;
    max-width: 95%;
}
		/* Schriftgröße unten bei Masonry Startseite Axel*/ /*Klasse masonry-startseite ist custom - Stefan HH*/
		#top div.av-masonry.masonry-startseite .av-masonry-entry .av-inner-masonry-content {
		padding: 5px;
		}
		#top div.av-masonry.masonry-startseite .av-masonry-entry h3.av-masonry-entry-title.entry-title{
		 font-size: 16px;
		line-height: 1; 
		}
	.phone-info span a{
		hyphens: initial;
		font-size: 18px;
	}
		.responsive.html_mobile_menu_tablet #top #header #header_meta .social_bookmarks {
		top: 65px;
    right: 75px;
		padding: 0px;
		/*width: 80%*/
		}
		.responsive.html_mobile_menu_tablet #top #header.header-scrolled #header_meta .social_bookmarks {
		/*top: 55px;*/
		right: 10%;
		}
		.responsive.html_mobile_menu_tablet #top #header.header-scrolled #header_meta .social_bookmarks li {
		font-size: 30px;
		}
		.responsive.html_mobile_menu_tablet #top #header #header_meta .social_bookmarks li.social_bookmarks_Anrufen {
		/*display: none;*/
		}
		.menu-item-search, .html_burger_menu #top #avia-menu .menu-item-search-dropdown{
			display: none!important;
		}
}
@media only screen and (max-width: 299px) {
	.container .av-logo-container{
		
	}
	.av-burger-menu-main .menu-item-avia-special a {
		height: 50px; line-height: 50px;
	}
	.responsive.html_mobile_menu_tablet #top #header #header_meta .social_bookmarks{
		/*top: 90px ;*/
		right: 20%;
	}
	.responsive.html_mobile_menu_tablet #top #header.header-scrolled #header_meta .social_bookmarks{
		/*top: 80px ;*/
		right: 20%;
	}
	.responsive.html_mobile_menu_tablet #top #header #header_meta .social_bookmarks li {
		width: 40px;
}
	.phone-info ul.polylang-flags li {
    padding: 0 2px;
    width: 20px;
}
	.responsive.html_mobile_menu_tablet #top #header #header_meta .social_bookmarks {
    /*width: 100%;*/
	}
}
/*Ebene 2 - bei Sektionen für Überschrift custom ID vergeben, um Hintergrund der Überschrift andersfarbig darzustellen   Stefan HH */

/*#headline_second_level {background-color:#dfdfdf; padding-top:10px;}*/
#headline_second_level {background-color: rgba(222, 222, 222, 0.5); padding-top:10px;}


/*cutom class : verlinkten Text in Spalten auf Ebene 2 nicht andersfarbig darstellen+kein Unterstrich*/
.text-block-level-2 a {text-decoration:none; color: #666666;}
.text-block-level-2 a:hover{text-decoration:underline; color: #666666;}

/*#top .flex_column_table_cell h3 {position:absolut; bottom: 10px;}*/


/*Acymailing Anfang Stefan HH */
/*Position+Farbe*/ /*Ausgabetext Abo*/ /*bestätigt Acymailing*/
#acym__callout__container {
    top: 100px!important;
	right: 100px!important;
    color: #f67e09;
    font-weight: 500;
    font-size: 1.2em;
	}
	
	

/*Warmeldung 'Sie sind nicht verbunden' in NL Popup ausblenden - nicht mehr einsetzen, da auch der Bestätigungscontainer für NL Abos ausgeblendet wird*/
/*.acym_front_message_warning{display:none;}*/

.ast-footer-overlay {background-color:/*#dfdfdf;*/ color:#333399; border-top-color: #ff0000;} 
div.ast-small-footer.footer-sml-layout-2 {border-top-color: #333388;}

/*Buttons Newsletter abonnieren + Formulare*/
.menu-toggle, button, .ast-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"]{background-color:#6689ac;
padding: 0 10px;}

/*Höhe Button Newsletter abonnieren*/
.btn.btn-primary.button.subbutton {height:2.6em; border-radius:4px;}
input.btn.btn-primary.button.subbutton {font-weight:0.9em; font-weight: 600; letter-spacing: 0.08em; text-transform:uppercase;}


/*Filter für Offene Meetings ausblenden bei Meeting Map Stefan HH*/
#open_filter, #open_filter_text {display:none !important;}

/*Buttons für Meetingslisten - unterhalb Meeting Map mehr mittig darstellen Stefan HH*/
.button_meetings_pdf, .button_meetings_liste {padding: 0 10px;}

/*bei Veranstaltungen hintergrundfarbe Body ändern*/
.page-id-2575 div#main.all_colors {background-color:#fff !important;}
.page-id-2575 div#main.all_colors h3 {padding:30px; font-family: 'arvo', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif; font-weight: 700; font-size:3em; color: #687EA7;}

/*Hyphens Eigenschaft soll angewendet werden auf die ganze Website*/
body, div, table, h1, h2, h3, h4, h5, h6
      {
        -moz-hyphens: auto;
        -o-hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
         hyphens: auto; 
	  }
/*Wortumbruch im content
body, div, table 
      {word-wrap: break-word;}*/
	  
/*Ausnahmen hyphens*/
/*Schriftzug Meetings im Header*/
li.social_bookmarks_Anrufen.av-social-link-Anrufen.social_icon_1 a, li.social_bookmarks_Meeting.av-social-link-Meeting.social_icon_2 a, li.social_bookmarks_Literaturshop.av-social-link-Literaturshop.social_icon_3 a {white-space: nowrap !important;}



/* Startseite: helfen einander clean zu leben - nicht umbrechen - Stefan HH*/
.clean-leben { -moz-hyphens:  none;
			   -o-hyphens:  none;
			   -webkit-hyphens:  none;
			   -ms-hyphens:  none;
				 hyphens:  none; 
				}


/*Footer: mehr Platz nach oben unten - Stefan HH*/
div.post-entry-2251 {padding: 20px 0 10px 0;}


/*Alert Meeting findet vorüberhende nicht statt - Spalte 1 */
div.bmlt-alert {color:#b10606;}

/*Footer Custom Widget Schriftgröße etc. Stefan HH*/

div.textwidget.custom-html-widget {font-size:0.8em; line-height:2.6em;}
div.textwidget.custom-html-widget a:hover {text-decoration:none;}

/*Footer hintergrundfarbe Stefan HH*/
div#footer.container_wrap.footer_color {background-color:#efefef;}
footer#socket.container_wrap.socket_color {background-color:#dfdfdf;}

/*auf großen Desktopbildschirmen*/
@media only screen and (min-width: 1025px) 
	{
/*Auf der Seite /blog/portfolio-item/online-meetings/  den Anker von 'am Ende dieser Seite' in den sichtbaren Bereich rücken Stefan HH*/
.anker {position:relative; top: -80px;}
	
/*'Aufklappmenü' unter Hamburger verbreitern Stefan HH*/ 
.html_av-overlay-side .av-burger-overlay-scroll {width:466px;}
	}
	
/*auf kleineren Bildschirmen*/
@media only screen and (max-width: 1024px) 
{
/*'Aufklappmenü' unter Hamburger verbreitern Stefan HH*/ 
.html_av-overlay-side .av-burger-overlay-scroll {width:320px;}
	}

/*Zeilenhöhe Footer + Schriftgröße einzelner Elemente*/
ul#menu-footer.menu {line-height:8px;}
ul.anderegebiete-footer, ul.quicklinks-footer, ul.welt-footer, ul.anderestaedte-footer {font-size:13px; line-height:16px;}
ul.anderestaedte-footer {margin-top:-10px;}

/*copyright Hinweis auf kriesi im Footer verbergen*/
.copyright a {display:none;}

/*Größe Schrift copyright footer */
.copyright {font-size:12px;}

/*in Copyrightzeile im Footer  Impressum und Datenschutz zeigen*/
.show-copyright-line {display:initial !important; font-size:12px;}

/*Infocneter*/
/*Größe Überschriften im Slider*/
h4.slide-entry-title.entry-title {font-size:22px !important;}

/*breadcrumb - Stefan HH*/
div.breadcrumb.breadcrumbs.avia-breadcrumbs {/*color:#294272;*/color: #cc0000 !important; margin-top: -20px; line-height: 12px;}
a.trail-begin {color:#294272 !important;}
/*Abstand veringern zwischen breadcrumb und Satz'wir helfen einander'*/
div.stretch_full.container_wrap.alternate_color.light_bg_color.empty_title.title_container {height:10px; padding-bottom:20px !important;}
div.breadcrumb-trail {color: #cc0000 !important;}

/* Mediothek iframe, vorübergehend: scrolling einschalten*/
iframe.sroll-mediothek {
    overflow: scroll;
    width: 100%;
	min-height:600px;
}
/* Download Manager uses CSS Variables, doesn't work in IE, without this workaround 
*/
.w3eden .btn-primary {background-color: #4a8eff;
                      border-color: #4a8eff;}
.w3eden .btn-danger { background-color: #ff5062;}


/*Button NL bestellen  = für Hauptseite*/
.postid-10005 input.btn.btn-primary.button.subbutton {background-color:#ce9423; border-radius: 4px;}
.postid-10005 input#Action1, .postid-10005 input#Action2 {color:#ce9423;}

/*Downloadmanager - Farben Buttons */
.w3eden .btn {background-color: #2D5C88; border:none;}
.w3eden .btn:hover, .w3eden .btn:visited, .w3eden .btn:focus, .w3eden .btn:active  {background-color: #638DB3; border:none;} 
.w3eden .btn-danger {background-color: #CC4B4C; border-radius: 4px; border:none;}

/*Button, um einzuloggen für Mitglieder*/
div.w3eden.d-inline-block #wpdmmodalloginbtn {border-radius: 4px;}

/*Kalender alle Servicetermine - Spalten immer auf 100% verbreitern  -- Stefan HH*/
table.events-table tr.event-row  {width: 100% !important;}

/*Farbe für Links -- Stefan HH */
p a {color: #C4352D !important;}
p a:hover  {font-style: italic;}

/*weil links nun alle rötlich, Lupe wieder auf weiß stellen -- Stefan HH*/
.html_burger_menu #top #wrap_all .menu-item-search-dropdown > a {color: #fdfdfd;}

/*Höhe des Footers - damit Cookiehinweis Copyright-Hinweis nicht verdeckt - siehe custom css - funktioniert seltsamerweise nur dort - Stefan HH */


/* Was in Quick CSS from Ron */
.page-id-45 .main_color div {
border-left-color: transparent;
border-right-color: transparent;
}
.page-id-45 #top select {
  margin-bottom: 0;
  padding: 0;
background-image:  none; 
}
.event-row {
  display: inline-block;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 10px;
  border-style: solid;
  border-width: 3px;
  border-color: #294372;
}
.event-image {
  display: inline-block;
}
.event-data {
  display: inline-block;
  vertical-align: top;
}
  .events-table {
    border-style: solid;
    border-width: 1px;
  }
#swm_anmeldung_table td {
font-size: 18px;
color: black;
}
#swm_anmeldung_btn {
font-size:18px;
width:100%;
border-radius:4px;
padding-top: 3px;
padding-bottom: 3px;
}
@media only screen and (max-width: 767px) { 
.event-data {
  display: block;
}
.event-row {
  width: 310px;
}
.event-row td {
  display: block;
}
}
@media only screen and (min-width: 780px) and (max-width:1024px) { 
#em-events-slider .event-data {
  width: 16em;
  display: table-cell;
  padding-left: 5px;
}
#em-events-slider .event-image {
	display: table-cell;
}
}
#basic-text-audio .__dt_col_audio_player {
min-width: 0px !important;
}