
/*
Theme Name: 
Description: 
Author: Merkwert - Wort \ Web \ Wissen
Author URI: https://merkwert.de
*/

@font-face 	{
   		font-family: 'Titillium-Web';
    		src:url('fonts/Titillium-Web.ttf.woff') format('woff'),
        	url('fonts/Titillium-Web.ttf.svg#Titillium-Web') format('svg'),
        	url('fonts/Titillium-Web.ttf.eot'),
        	url('fonts/Titillium-Web.ttf.eot?#iefix') format('embedded-opentype'); 
   		font-weight: normal;
    		font-style: normal;
		}

@font-face 	{
   		font-family: 'Source-Sans-Pro';
    		src:url('fonts/Source-Sans-Pro.ttf.woff') format('woff'),
        	url('fonts/Source-Sans-Pro.ttf.svg#Source-Sans-Pro') format('svg'),
        	url('fonts/Source-Sans-Pro.ttf.eot'),
        	url('fonts/Source-Sans-Pro.ttf.eot?#iefix') format('embedded-opentype'); 
    		font-weight: normal;
    		font-style: normal;
		}

@font-face {
    font-family: 'source_sans_proregular';
    src: url('fonts/sourcesanspro-regular-webfont.eot');
    src: url('fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
         url('fonts/sourcesanspro-regular-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_prosemibold';
    src: url('fonts/sourcesanspro-semibold-webfont.eot');
    src: url('fonts/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-semibold-webfont.woff2') format('woff2'),
         url('fonts/sourcesanspro-semibold-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-semibold-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_proitalic';
    src: url('fonts/sourcesanspro-it-webfont.eot');
    src: url('fonts/sourcesanspro-it-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-it-webfont.woff2') format('woff2'),
         url('fonts/sourcesanspro-it-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-it-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-it-webfont.svg#source_sans_proitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 27, 2015 */


@font-face {
    font-family: 'titillium_bdbold';
    src: url('fonts/titillium-bold-webfont.eot');
    src: url('fonts/titillium-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titillium-bold-webfont.woff2') format('woff2'),
         url('fonts/titillium-bold-webfont.woff') format('woff'),
         url('fonts/titillium-bold-webfont.ttf') format('truetype'),
         url('fonts/titillium-bold-webfont.svg#titillium_bdbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titilliumregular';
    src: url('fonts/titillium-regular-webfont.eot');
    src: url('fonts/titillium-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titillium-regular-webfont.woff2') format('woff2'),
         url('fonts/titillium-regular-webfont.woff') format('woff'),
         url('fonts/titillium-regular-webfont.ttf') format('truetype'),
         url('fonts/titillium-regular-webfont.svg#titilliumregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titilliumitalic';
    src: url('fonts/titillium-regularitalic-webfont.eot');
    src: url('fonts/titillium-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titillium-regularitalic-webfont.woff2') format('woff2'),
         url('fonts/titillium-regularitalic-webfont.woff') format('woff'),
         url('fonts/titillium-regularitalic-webfont.ttf') format('truetype'),
         url('fonts/titillium-regularitalic-webfont.svg#titilliumitalic') format('svg');
    font-weight: normal;
    font-style: normal;
	}


@font-face {
    font-family: 'titilliumbold';
    src: url('fonts/titillium-semibold-webfont.eot');
    src: url('fonts/titillium-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titillium-semibold-webfont.woff2') format('woff2'),
         url('fonts/titillium-semibold-webfont.woff') format('woff'),
         url('fonts/titillium-semibold-webfont.ttf') format('truetype'),
         url('fonts/titillium-semibold-webfont.svg#titilliumbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* =========== Anfang ============= */

@media screen {

* {
   margin: 0;
   padding: 0;
	}

html,
button,
input,
select,
textarea {
    color: #222;
}


html {
    font-size: 100%; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
    line-height: 1.4;
}

body			{
				background-color: #fff;
				font-family: 'titilliumregular', sans-serif;
	overflow-x: hidden;
    }

				
html, body {
			width: 100%;
			height: 100%;
			max-height: 100%;
			}

li{
	list-style-type: none; 
	}

audio,
canvas,
img,
video {
    vertical-align: middle;
}
    
    
.move-up
{
position: relative;
top: -18px;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
   	 border: 0;
   	 margin: 0;
    	padding: 0;
	}

    
    
    
/*
 * Allow only vertical resizing of textareas.
 */

textarea{
   	resize: vertical;
	}



a:link, a:visited 	{
			text-decoration: none; 
			color: #000;
			}
a:hover{
	text-decoration: underline;
	}
		
p 	{
	line-height: 1.3em;
	font-size: 1em;
	padding: 0 0 10px 0;
	}

hr 	{
   	border: none;
   	background-color: #e84c05;
   	color: #e84c05;
   	height: 1px;
   	margin: 10px 0;
	}

img,
embed,
object,
video,
iframe {
	max-width: 100%;
	}
    
.full-width    
{
width: 100%;
    }

    
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    	display: block;
	}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video	{
    	display: inline-block;
    	*display: inline;
    	*zoom: 1;
	}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls])	{
    			display: none;
    			height: 0;
			}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden]	{
    		display: none;
		}


/* =========== schriften ============= */

/**
 * Address inconsistent and variable font size in all browsers.
 */

small 	{
    	font-size: 80%;
		}

h1, h2, h3, h4 {
		font-family: 'titilliumbold', sans-serif;
		}

h2 	{
	line-height: 100%;
	font-size: 24px;
	font-size: 1.5rem;
	color: #ef7c00;
	line-height: 125%;
	padding: 0 0 10px 0;
    hyphens: auto;
    word-wrap: break-word;
	}
	
h3 	{
	font-size: 22px;
	font-size: 1.375rem;
	color: #ef7c00;
	line-height: 112.5%;
	}

h4 	{
	color: #ef7c00;
	font-weight: 700;
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 150%;
	}

h5 	{
	color: #ef7c00;
	border-bottom: 1px solid #e84c05;
	font-size: 16px;
	font-size: 1rem;
	text-transform:uppercase;
	margin: 0 0 5px -2px;
	padding: 0 0 6px 0;
	}
    
 /* =========== input fields ============= */   
    
    input,
    select,
    textarea
    {
    border: 5px solid white; 
    -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    padding: 10px;
    background: rgba(255,255,255,0.5);
    margin: 0 0 10px 0;
}
    
    
/* =========== wrapper ============= */

#wrapper{
		max-width: 980px;
		margin: 0 auto;
		text-align: left;
		background: #fff;
		position:relative;
		}

/* =========== clearfix ============= */

.clearfix:before,
.clearfix:after {
   		content: " "; /* 1 */
    		display: table; /* 2 */
		}

.clearfix:after {
    		clear: both;
		}
				
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix 	{
   		 *zoom: 1;
		}		


/* =========== header ============= */				

nav > input,
nav > label
{
display: none;
}
			
header 
{
height: 14.25em;
padding: 20px 0;
background: #fff;
width: 100%;
margin: -20px 0 0 0;
position:fixed;
top:0;
z-index: 80;
}	
    
header.sticky
{
-moz-box-shadow:0 1px 5px rgba(182, 182, 182, 0.75);
-webkit-box-shadow: 0 1px 5px rgba(182, 182, 182, 0.75);
box-shadow: 0 1px 5px rgba(182, 182, 182, 0.75);
padding: 0;    
}
			
#wrapper_head
{
width: 980px;
margin: 0 auto;	  
}	
    
.cart-contents
{
display: inline-block;
margin-left: calc(100% - 2.75em);
margin-top: 1em;    
width: 20em;
    }

.cart-contents-count
{
color: #8f8f8d; 
}

.cart-contents:before
{
font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f07a";
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
 color: #8f8f8d;
}

.cart-contents:hover > .cart-contents-count,
.cart-contents:before:hover
{
color: #ef7c00 !important;
text-decoration: none;
}    

    
a.NL-link
{
background-color: #ef7c00;
display: inline-block;
color: #fff !important;
text-transform: uppercase;
padding: 4px;
box-shadow: -4px 4px 0 #e84517;
font-size: 1em;
font-weight: 700;
line-height: 21px;
background-image: url(images/Slider_Pfeil_fwd.png);
background-repeat: no-repeat;
background-position: 100% 50%;
background-size: 2em; 
width: 10em;   
margin-left: calc(100% - 10em);
 position: relative;
top: .75em;
}
 

#social_icons
{
position: fixed;
left: calc(100% - 10em);
top: 16em;
}

#social_icons li
    {
    margin: 0 0 1.5em 0;
    }
    
.fab 
{
color: #8f8f8d;
padding-right: 15px;
font-size: 1.5em;
display: block;
}

.fab:hover
{
color: #ef7c00; 
}
					
#logo 
{
width: 15%;
float: left;
}
    
#logo img:hover,
#logo img:focus
{
opacity: 0.7;    
}
    
#logo img 
{
width: 100%;
height: auto;
opacity: 1;
}
    		
h2.home_title 
{
position: relative;
top: 3.75em;
left: 7.75em;
padding-left: 20px;
line-height: 100%;
font-weight: 700;
font-size: 24px;
font-size: 1.5rem;
width: 45%;
} 
				
a.AJS_home:hover
{
text-decoration: none; 
} 		
    		
/* =========== Hauptmenue ============= */	
#menu-hauptmenue
{
position: relative;
top: 8.25em;
left:-9em;    
width: 700px;
display: flex;
justify-content: space-between;
background: #fff;
}
    
#menu-hauptmenue li
{
display: inline-block;
font-size: 21px;
flex-grow: 1;
flex-shrink: 1;
flex-basis: auto;
position: relative;
white-space: nowrap; 
padding: 0 0 0.25em 0;    
}

#menu-hauptmenue li.current-menu-item a,
#menu-hauptmenue li.current-menu-parent a,
#menu-hauptmenue li.current-menu-ancestor a
{
background-color: rgb(239, 124, 0);  
color: #fff;    
}
   
#menu-hauptmenue .sub-menu
{
position: absolute;
left: -9999px;
background: #fff;
padding: 1em; 
opacity: 0;
transition: 0.5s linear opacity;   
box-shadow: 0 1px 2px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
transition: box-shadow 0.3s cubic-bezier(.25,.8,.25,1);    
}
    
#menu-hauptmenue li:hover > .sub-menu
{
left: 0;
top: 100%;
opacity: 1;
}
    
#menu-hauptmenue .sub-menu li,
#menu-hauptmenue .sub-menu .sub-menu li
{
display: block;
font-size: 1rem;
position: relative;   
width: auto;
padding: 0.5em 0;   
background: none;
color: #000;
}

#menu-hauptmenue .sub-menu li a,
#menu-hauptmenue .sub-menu li.current-menu-item ul li a,
#menu-hauptmenue .sub-menu li .sub-menu li a
{
background: #fff;
color: #000;
font-weight: 400;
}
    
#menu-hauptmenue .sub-menu li.current-menu-item a,
#menu-hauptmenue .sub-menu li.current-menu-parent a,
#menu-hauptmenue .sub-menu li .sub-menu li.current-menu-item a
{
font-weight: 700;
background: #fff;
color: #000;
}
    
#menu-hauptmenue .sub-menu li:first-child
{
padding: 0 0 0.5em 0;    
}
    
#menu-hauptmenue .sub-menu li.menu-item-has-children:after
{
background-image: url(images/Pfeil_o_rechts.png);
background-size: 8px 8px;
display: inline-block;
background-repeat: no-repeat;    
width: 8px; 
height: 8px;
content:"";
}
    
#menu-hauptmenue .sub-menu li:hover > .sub-menu
{
left: 92%;
top:-0.25em;     
}
    
#menu-hauptmenue .sub-menu .sub-menu
{
margin: 0 0 0 1em;   
position: absolute;
}
}    
/* =========== Suche Header ============= */	
#search_home
{
margin: -1.75em -1em 0 0;   
}
input[name=s] 
 {
 display:block;
 margin: 0 0 0 auto;
 width: 0;
 height: 1.5em;     
 box-sizing: border-box;
 box-shadow: none;
 border: none;
 font-size: 16px;
 background-color: white;
 background-repeat: no-repeat;
 -webkit-transition: width 0.4s ease-in-out;
 transition: width 0.4s ease-in-out;
 background: url(images/Lupe.png) no-repeat;      
 background-size: 1.5em;
padding: 0 0 0 2em;     
}  
    

input[name=s]:hover,
input[name=s]:focus
    {
    width: 220px;
    border: 1px solid #ef7c00;    
    opacity: 1;    
    }    
/* =========== Sidebars - general ============= */	
aside 	{
	position:relative; 
	z-index: 20;
	top: 17em;
	}

aside form[input="text"]:hover {
								background: #fff !important;
								}

aside li 	{
		background: #fff;
		font-family:'source_sans_proregular', sans-serif;
		}

.widget {
	padding: 5px 10px;
	margin: 0 0 20px 0;
	}

.widgettitle 	{
		color: #ef7c00;
		border-bottom: 1px solid #e84c05;
		padding: 8px 0 8px 8px;
		margin: 0 -10px;
		background: #FFF;
		font-size: 14px;
		font-size: 0.875rem;
		text-transform:uppercase;
		}

.textwidget hr 	{   	
   				margin: 0 0 10px 0;
				}
				
.textwidget p 	{
		margin: 4px 0 0 0;
		}
				
.enhanced-text-widget .widget-text 	{
					font-size: 16px;
					font-size: 1rem;
					margin: 0 -10px 0 -10px;
					}
  
/* =========== Homepage ============= */
main.front-page
{
width: 100%;
}

#flex-container-front
    {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-content: stretch;
    width: 100%;
    }
 
.flex-element
{
flex: 1 1 43.9%;
}

.flex-element:nth-of-type(1),
.flex-element:nth-of-type(3)
{
margin: 0 60px 0 0;
}

.flex-element:nth-of-type(2)
{
margin: 0 0 50px 0;
}
.info-material
{
width: 100%;
background: linear-gradient(#0058b5 50%, #f7ce00 50%);  
color: #fff;
margin: 0 0 2em 0;    
border: none;
height: 6em;    
font-size: 2em;
line-height: 2em;
letter-spacing: 0.1em; 
opacity: 1;  
text-shadow: 0px 1px 2px #666;
font-family: 'titilliumregular','sans-serif';    
cursor: pointer;     
}

.info-material:hover
{
opacity: 0.8;    
}
.info-material .line-2
{
font-size: 0.8em;
display: block; 
letter-spacing: 0;      
}

body.home .widget
{
margin: 0;
padding: 0;
}
    
.link-front-page
{
    background-color: #ef7c00;
    display: inline-block;
    color: #fff !important;
    text-transform: uppercase;
    width: 100%;
    padding: 4px;
    box-shadow: -4px 4px 0 #e84517;
    font-size: 1em;
    font-weight: 700;
    line-height: 21px;
    background-image: url(images/Slider_Pfeil_fwd.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: 2em;
    margin: 0 0 24px 0;
    }
   
h3.home 
{
color: #ef7c00;
border-bottom: 1px solid #e84c05;
font-size: 16px;
font-size: 1rem;
text-transform:uppercase;
padding: 0 0 10px 10px;
margin: -30px -10px 0 -10px;
}

.kategorie,
.datum 	
{
font-size: 12px;
font-size: 0.75rem;
color: #8f8f8d;
padding: 10px 0 5px 0;
display: block;
}

.kategorie a
{
font-size: 12px;
font-size: 0.75rem;
color: #8f8f8d !important;
border-bottom: none !important;
}

.kategorie a:hover 
{
text-decoration: none;
}

.trenner
{
color: #ec781d;
margin: 0 0 0 3px;
}

main.front-page li.eventtitle
{
font-size: 16px;
font-size: 1rem;
font-weight: 700;
margin: 0 0 10px 0;
}

main.front-page li.eventtitle a
{
margin: 0 0 10px 0;
display: inline-block;
}

main.front-page #events-home li.dateandtown
{
color: #ef7c00; 
font-size: 16px;
font-size: 1rem;
font-weight: 700;
}
a.link-doku
{
color: #ef7c00;
font-size: 16px;
font-size: 1rem;
text-transform: uppercase;
margin: 0 0 5px -2px;
padding: 30px 0 0 0;
font-weight: 700;   
display: inline-block;
}
.thumb_home
{
float: right; 
margin: -2px -10px 0 10px;			
}
		
img.thumb_home:hover
{	
opacity: 70%;
}

#material-slider
{
margin: 60px 0 0 0;
}

#advpsslideshow_13 .advps-slide-field-three .attachment-slide,
#advpsslideshow_13 .advps-slide-field-three img
{
position: absolute;
left: 320px;
}

h3.projekte
{
    width: calc(100%-10px);
    background: #ededed;
    color: #000;
    font-weight: 300;
    margin: 50px 0 0 -10px;
    margin: 50px 0 0 0;
    padding: 10px 0 10px 10px;
}

#advpsslideshow_13 .advps-excerpt-three
{
width: 260px;
margin: 0 60px 0 0;
}

.wcp-carousel-main-wrap
{
width: 90%;    
max-width: 420px;
margin: 0 0 0 30px;
}

#carousel-7774 .slick-prev::before
{
content: '' !important;
display: inline-block;
width: 20px;
height: 20px;
background: url('images/Slider_Pfeil_back.png');
background-size: 18px;
background-position: center;
opacity: 1;
}

#carousel-7774 .slick-next::before
{
content: '' !important;
display: inline-block;
width: 20px;
height: 20px;
background: url('images/Slider_Pfeil_fwd.png');
background-size: 18px;
background-position: center;
opacity: 1;
}

.car-caption,
.rpc-content
{
margin: 0.75em 0 0 0;    
word-wrap: break-word;
  overflow-wrap: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}

#advps_container13 .bx-prev,
#advps_container13 .bx-next
{
top: 250px !important;
}

#wpls-logo-showcase-slider-1
{
padding: 10px 30px !important;    
}

.wpls-logo-showcase button.slick-next,
.wpls-logo-showcase button.slick-next:active,
.wpls-logo-showcase button.slick-next:focus,
.wpls-logo-showcase button.slick-next:hover
{
background: #ef7c00 url('images/Slider_Pfeil_fwd.png') center center no-repeat !important;
background-size: 18px !important;
}
.wpls-logo-showcase button.slick-prev,
.wpls-logo-showcase button.slick-prev:active,
.wpls-logo-showcase button.slick-prev:focus,
.wpls-logo-showcase button.slick-prev:hover
{
background: #ef7c00 url('images/Slider_Pfeil_back.png') center center no-repeat !important;
background-size: 18px !important;    
}

.slick-dots
{
display: none;
visibility: hidden;
}
#logos_projekte
{
background: #ededed;
padding: 20px 10px 30px 10px;
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
align-items: stretch;
}

.wpls-logo-showcase button.slick-arrow
{
border-radius: 0 !important;   
width: 20px;
height: 20px;    
}

/* =========== Slider_Homepage ============= */
.advps-slide-container 
{
min-height: 300px;
}

#advps_container5 
{
margin: 0 0 60px 0 !important;
background: #f9f3e4;
overflow: visible !important;
}

.advps-slide-field-three .attachment-slide,
.advps-slide-field-three img	
    {
	float: none !important;
	display: block;
max-width: 100%;
height: auto !important; 
}

h2.advs-title
{
margin: 22px 0 0 0 !important;
}
			
		
.advps-excerpt-three 
{	
padding: 0 0 10px 0;
float: none !important;
width: 100%;
margin: 10px 0 0 0;
}
				

.advps-excerpt-three a:hover 
{
text-decoration: none;
}
						
.bx-prev
{
background: url(images/Slider_Pfeil_back.png) 	no-repeat !important; 
background-size: 60% !important;
-ms-behavior: url("/wp-content/themes/AJS/backgroundsize.min.htc");
}			
			
.bx-next
{
background: url(images/Slider_Pfeil_fwd.png) no-repeat !important; 
background-size: 60% !important;
-ms-behavior: url("/wp-content/themes/AJS/backgroundsize.min.htc");
}


#advps_container5 .bx-prev,
#advps_container5 .bx-next
{
 top: calc(100% - 10px) !important;  
}

#advps_container5 .bx-wrapper .bx-pager.bx-default-pager a
{
color: #fff !important;
border-radius: none !important;
}

.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item
{
    padding: 0 6px;
}
  			
.image_container
{
border: none !important;
background: #fff !important;
float: right !important; 
position: relative !important;
right: -47px !important;
}
 		
.all_news 
{
font-size: 12px;
font-size: 0.75rem;
letter-spacing: 0.02em;
word-spacing: 0.02em;
width: 60%;
background: #fff;
display: block;
padding: 10px 0 10px 10px;
text-transform:uppercase;
margin: 0 0 20px -10px;
position: relative;
top: -40px;
}

#advps_container5 div.advps-slide div.advps-slide-field-three div.advps-excerpt-three a 
    {
	text-decoration: none;
    }

.wp-spaios-slider-wrap
{
max-width: 100vw !important;
background: #f9f3e4;  
width: 440px;  
padding: 10px;    
margin: 0 0 60px 0 !important;    
}

.wp-spaios-title a:link
{
color: #ef7c00;    
border-bottom: none;   
font-size: 26px;
line-height: 35px;   
font-weight: bold;    
hyphens: auto;
word-wrap: break-word;    
}
.wp-spaios-content-wrp
{
text-align:left; 
}


.bx-wrapper .bx-controls-direction
{
position: relative;
top: 32px;
}

.bx-wrapper .bx-controls-direction a
{
border-bottom: none;    
}
/* =========== breadcrumbs ============= */

.breadcrumbs	{
		margin: 0 0 20px 0;
		text-transform: uppercase;
		font-size: 12px;
		font-size: 0.75rem;
		}

 .zeiger{
 	color: #e84c05;
 	font-size: 12px;
	font-size: 0.75rem;
 	padding: 0 3px;
 	position: relative;
 	Top:-1px;	
 	}
/* =========== main ============= */
main	{
	width: 60%;
	float: left;
	background: #fff;
	position:relative; 
	z-index: 20;
	top: 15.75em;
	}

.advps-slide-container a:before,
#teaser_main a:before,
.listings a:before,
.wpbdp-listing a:before
{
content:"" !important;
margin-right: 0 !important;
}

article p > a[href$=".pdf"]:before 	{
					content:"⇲";
					font-size: 1em;
					margin-right: 4px;
					vertical-align: top;
					}

article a[id] {
				display: block;
    			position: relative;
    			top: -175px;
    			visibility: hidden;
				}		
					
main.front-page,
main.doorpage 	{
		background: none;
		}
				
				
main p,
main.front-page p,
main li,
main.front-page li 	{
			font-family: 'source_sans_proregular', sans-serif;
			line-height: 1.3em;
			font-size: 16px;
			font-size: 1rem;
			font-weight: 400;
			}

article a:link, 
article a:visited {
		border-bottom: 1px dotted #000;
		}

article a:hover {
		text-decoration: none;
		color: #ef7c00;
		border-bottom:none;
		}

article ul 	{
		margin: 0 0 0 0;
		}
article p + ul,
article p + ol {
				margin: -10px 0 0 0;
				}
							
article ul li:before 	{
			content: url(images/AJS_Bulletpoint.png); 
			color: #ef7c00;
			padding-right: 0.313em;
			position: relative;
			top: -0.125em;
			}
			
article ul li 	{
		padding:0 0 0 0.9375em;
		text-indent: -0.9375em;
		}

article ol 	{
		list-style-position:outside;
		}
			
article ol li 	{
		padding:0 0 0 0.3em;	
		list-style-type: decimal;
		margin-left: 0.9375em;
		}			
			

ul.breadcrumbs li 	{
			display: inline; 
			}

ul.eme_events_list li code	{
				font-family: 'source_sans_proregular', sans-serif;
				display: inline-block;
				}

.element-doorpage p, 
.element-doorpage ul  	{
			background: #fff;
			padding: 10px;
			}
					
.aufmacher {
		margin: 0 0 10px 0;
			}
			
span.orange {
			color: #ef7c00;
			}
			
p.Abstand 
{
margin: 20px 0 10px 0;
}



/* =========== Audiocontroller ============= */
.mejs-audio 	{
		margin: 10px 0 10px 0 !important;	
		}


.mejs-embed,
.mejs-embed body,
.mejs-container,
.mejs-controls {
		background: #f9f3e4 !important;
		}

.mejs-currenttime,
.mejs-duration {
		color: #000 !important;
		}
			
.mejs-time-total,
.mejs-horizontal-volume-total	{
				background: #fff !important;
				}

.mejs-button,
.mejs-time-current,
.mejs-horizontal-volume-current {
				background: #ee7c00 !important;
				}

.mejs-horizontal-volume-current {
				margin-left: 2px !important;
				}
				
.mejs-button 	{
		height: 100% !important;
		margin-top: 2px !important;
		}
				
#player {
	max-width: 80% !important;
	}

/* =========== spoiler ============= */
.sp-wrap, .sp-body 	{
			background: none !important;
			border: none !important; 	
			}
.sp-body{
	padding: 0 !important;
	border-bottom: 0.0625em solid  #e84c05 !important;
	margin: 10px 0 0 0;
	}

.sp-head{
	border-bottom: 1px solid #e84c05;
	color: #ef7C00 !important;
	background: url(images/Pfeil_square_o.png) !important;
	background-position: 0 45% !important;
	background-repeat: no-repeat !important;
	font-family: 'titilliumregular', sans-serif;
	color: #ef7c00;
	font-size: 16px;
	font-size: 1.0rem;
	line-height: 150%;
	-moz-background-size: 0.9em;
	-webkit-background-size: 0.9em;
	background-size: 0.9em !important;
	-ms-behavior: url("/wp-content/themes/AJS/backgroundsize.min.htc");
	-ms-behavior: url(/backgroundsize.min.htc);
	padding:0 0 5px 25px !important;
	margin-left: 0!important;
	}
			
.sp-head.unfolded	{
    				background: url(images/Pfeil_square_unten.png) !important;
					background-position: 0 45% !important;
					background-repeat: no-repeat !important;
    				-moz-background-size: 0.9em;
    				-ms-behavior: url("/wp-content/themes/AJS/backgroundsize.min.htc");
					-webkit-background-size: 0.9em;
    				background-size: 0.9em !important;
    				-ms-behavior: url(/backgroundsize.min.htc);
                    }
/* =========== Veranstaltungsübersicht ============= */

main.events	{
		width:100%;
		overflow: hidden;
		}

.filter_events {
		padding: 0 5px 20px 0;		
		}
						
.filter_events select 
{
background: #fff;
margin: 0 10px 0 0;
width: 30%;
}

main.events code{
		font-family: 'source_sans_proregular', sans-serif;
		font-size: 16px;
		font-size: 1rem;
		}	
			
main.events  p 
{
font-size: 1px;
font-size: 1rem;		
}
		
.eme-event-list-table
{
border-spacing: 10px 0;
border-collapse: separate;
font-size: 16px;
font-size: 1rem;
margin: 20px 0 0 -10px;
width: 102.5%;
}
						
.eme-event-list-table th
{					
border-bottom: 1px solid #e84c05;
padding: 4px;
color: #ef7c00;
}

.eme-event-list-table td
{
vertical-align: top;
border-bottom: 1px solid #e84c05;
padding: 4px;
}

.eme-event-list-table td a:link, 
.eme-event-list-table td a:visited 	
{
color: #000;
}
								
.eme-event-list-table td a:hover
{
text-decoration: underline;
background: none;
}

.eme-event-list-table .column1,
.eme-event-list-table .column3,
.eme-event-list-table .column5	
{
background: #f9f3e4;
}
					
.eme-event-list-table .column2 
{
font-weight: bold;
}

.eme-event-list-table tr:hover td
{	
background: #f9f3e4;
}

.eme_events_list ul
{
overflow: hidden;
padding: 0;
margin: 0;
}
					
.eme_events_list li
{
display: inline-block;
background: #f9f3e4;
min-height: 40px;
padding: 10px 5px;
font-size: 14px;
font-size: 0.875rem;
vertical-align: top;
border-bottom: 1px solid #e84c05;
}
					
.eme_events_list li:nth-child(1),
.eme_events_list li:nth-child(3)
{
width: 16%;
}
								
.eme_events_list li:nth-child(4)
{
width: 19%;
}
								
.eme_events_list li:nth-child(2)
{
width: 40%;
font-weight: bold;
} 
								
.eme_events_list li:nth-child(2n)
{
background: #fff;
}
									
.filter_events input[type="submit"]
{
font-size: 16px;
font-size: 1rem;
font-weight: 700;
}

/* =========== Veranstaltungen Einzelansicht ============= */

main.events_single 	
 {
width: 100%;
padding: 0;
overflow: hidden;
}
    
.event_thumb > p,
 .event_thumb > h2 
{
display: none;
visibility: hidden;
}

.breadcrumbs_events
{
width: 62.9%;
padding: 10px 0 20px 10px;
background:#fff;
margin-bottom: -40px;
}
			
#container_events
{
width: 100%;
background: #f9f3e4;
padding: 0;
overflow: hidden;
}

#event_content
{
width: 60%;
float:left;
padding: 10px;
background: #fff;
margin: 0 60px 0 0;
}

#event_content ul li:before
{
content: url(images/AJS_Bulletpoint.png); 
position: relative;
top: -0.125em;
padding-right: 0.313em;
}

#event_content ul li
{
padding:0 0 0 0.9375em;
text-indent: -0.9375em;
}

#event_content a:link, 
#event_content a:visited
{
border-bottom: 1px dotted #000;
}

#event_content a:hover
{
text-decoration: none;
color: #ef7c00;
border-bottom:none;
}

.label-attr-event
{
font-weight: bold;
color: #000;
}

li.attr-event
{
border-top: 2px solid #f9f3e4;
margin: 0 -10px;
padding: 2px 10px;
}
				
.label-attr-event:before
{
content: ""; 
}				
				
#event_aside h2.widgettitle 
{
margin: 0;
padding: 10px;
}
				
#event_aside
{
width: 30%;
float:left;
padding: 10px 0 0 10px;	
}

#event_aside li:before,
li.attr-event:before
{
content: ""; 
}

#event_aside li 
{
background: #fff;
padding: 2px 10px;
border-bottom: 2px solid #f9f3e4;
display: block;
list-style-item: none;
}

#event_aside li.map
{
background: #fff;
padding: 10px;
}
			
.event_thumb
{
display: none;
visibility: hidden;
}

.eme-location-map
{
width: 220px !important;
height: 260px !important;
}

.eme-rsvp-message 
{
width: 95%;
background-color: #fff !important;
border: 1px solid #ef7c00 !important;
margin: 0.125em 0.125em 0.125em -0.25em !important;
width: 92%;
padding: 5px 5px 5px 15px!important;
}

/* =========== Veranstaltungen Buchungsformular ============= */
ul li.attr-event:before 
{
content:'' !important; 
}

form[id="eme-rsvp-form"] h3	
{
padding-left: 10px;
}

.eme-required-field
{
display: none; 
visibility: hidden;
}

table.eme-rsvp-form 
{
width: 100% !important;
}	
					
table.eme-rsvp-form th 
{
text-align: left !important;
}	

table.eme-rsvp-form td
{
padding: 0.25em 0 !important;
}

table.eme-rsvp-form td input[type=checkbox],
table.eme-rsvp-form td input[type=radio]
{
width: 2em;
min-width: 2em;
}

table.eme-rsvp-form td input,
table.eme-rsvp-form td textarea
{
width: 80%;
}	
table.eme-rsvp-form td select
{
width: 85%;
}	
table.eme-rsvp-form td.table_trenner
{
color: #ef7c00;
text-align: left;
}

table.eme-rsvp-form tr.seats,
{
display: none;
visibility: hidden;
}

div.eme-rsvp-message-success,
div.eme-member-message-success,
div.eme-rsvp-message-error,
div.eme-member-message-error
{
background-color: #fff !important;
text-indent: 0;
width: 95%;
}

p#eme_mark_required_field 
{
padding: 10px;
}

.hide_seats
{
display: none; 
visibility: hidden;
			}							

#hide_show
{
margin: 10px 0 10px -120px;
}

#hide_show label
{
font-weight: 700;
margin-left: 134px;
}	
						
#hide_show > table	{
			display: none;
			}				

#hide_show > input:checked + table 	{ 
					display: block;
					visibility: visible;
					margin: 10px 0 0 120px;
					}

#hide_show table.eme-rsvp-form th {
				width: 48%;
				}

#hide_show table.eme-rsvp-form td input{
					width: 140%;
					}

 input[name="eme_submit_button"]   	{
					height: 1.875em;
					border-radius: 1px;
					}		
								
								
.warteliste {
			font-weight: 700;
			border: 1px solid rgb(239,124,0);
			padding: 0.25em;
			}	
			
.wysija-input 
{
width: 90%;
margin-left: -15px;
}		

.wysija-paragraph
{
font-weight: 700;
margin-left: 15px;
}	

.wysija-paragraph-top
{
font-weight: 700;
margin:40px 0 0 15px;
}		

.page-template-events_single-php .wysija-submit	
{
display: none;
visibility: hidden;
}							
/* =========== Referentendatenbank ============= */
#wpbdp-categories,
.wpbdp-bar 	{
		background: #f9f3e4 !important;
		}

.wpbdp-main-box .box-col input
{
    width: 95%;
}


#wpbdp-categories 	{
			padding: 10px 0;
			margin: 0 0 40px 0;
			}

#wpbdp-categories:before 	{
				content:"Referent*innen und Beratungsstellen finden";
				color: #ef7c00;
				font-size: 16px;
				font-size: 1.0rem;
				border-bottom: 1px solid #e84c05;
				padding: 0 0 0 5px;
				width: 98%;
				font-weight: 700;
				margin: 0;
				}

.wpbdp-categories 	{
			margin: -20px 0 0 0 !important;
			}
.cat-item-321:before 	{
			content:'Beratungsstellen' !important;
			white-space: pre;
			margin: 20px 0 10px 13px;
			display: block;
			color: #ef7c00;
			font-size: 16px;
			font-size: 1.0rem;
			width: 98%;
			font-weight: 700;
			}

.cat-item-321,
.cat-item-14 	{
		position: relative;
		left: -10px;
		}						
			
.cat-item-362{
			position: relative;
		left: 4px;
		top: -5px;
			}		
						
.cat-item-14:before 	{
			content:'Themengebiete der Referent*nnen' !important;
			white-space: pre;
			margin: 10px 0 10px 13px;
			display: block;
			color: #ef7c00;
			font-size: 16px;
			font-size: 1.0rem;
			width: 98%;
			font-weight: 700;
			}	
										
.wpbdp-region-selector:before 	{
				content:"Einsatzorte der Referent*innen" !important;
				color: #ef7c00;
				font-size: 16px;
				font-size: 1.0rem;
				border-bottom: 1px solid #e84c05;
				padding: 5px 0 0 0;
				margin: 0 -10px;
				font-weight: 700;
				width: 102%;
				}

.wpbdp-region-selector.cf 	{
				background: #f9f3e4; 
				border: none ;
				}
		
form[method=post] 	{
			margin: 10px 0 0 0;
			background: none !important;
			}

.wpbdp-categories li.cat-item:before	{
					content:'';
					}
					
.wpbdp-categories li.cat-item 	{
				color: #ef7c00;
				display: block;
				width: 100% !important;
				padding: 5px 0 5px 20px!important;
				margin: 0 0 0 -15px !important;
				}
		
a.category-label	{
			background: url(images/Slider_Pfeil_fwd.png) no-repeat; 
			background-size: 1.1em;
			-ms-behavior: url("/wp-content/themes/AJS/backgroundsize.min.htc");
			background-position: 0 50%;
			padding-left: 20px;
			border-bottom:none !important;
			color: #ef7c00;
			text-decoration: none;
			}		
			
a.category-label:hover {
			background: #ef7c00 ;
			color: #fff;		
			}
					
.listings,
.wpbdp-listing-single 	{
			font-size: 16px;
			font-size: 1rem;
			font-family: 'source_sans_proregular', sans-serif;
			}
			
.wpbdp-listing-excerpt.odd	{
				background: #fff !important;
				}
			
.wpbdp-listing-excerpt {
			border-bottom: 1px solid #ffcc99 !important; 
			border-top:none !important;
			}

.wpbdp-listing .listing-details
{
margin-left: 0 !important;
}

.wpbdp-listing-excerpt a:hover,
.wpbdp-listing-single a:hover {
				color: #ef7c00 !important;
				}
							
.listing-actions
{
margin-bottom: 10px;
}
						
.listing-details .field-value 
{	
margin: 0 !important;
}

.field-value label 	
{
color:  #8f8f8d !important; 
font-weight: 400 !important;
}
				
.wpbdp-field-vornamename
{
font-weight: 700;
}
						
 .listing-title,
.wpbdp-listing-single .wpbdp-map 
{
color: #000;
}
 				
 .wpbdp-listing .listing-title a,
 .wpbdp-listing .listing-title h2,
 .wpbdp-listing-excerpt a,
 .wpbdp-listing a
 {
 color: #000 !important;
 }				
 
 				
  .wpbdp-listing .listing-title a,
 .wpbdp-listing .listing-title,
 .wpbdp-thumbnail > a
  {
  border-bottom: none !important;
  }				
 .wpbdp-bar
{
padding: 0 !important;
}

input[id="intextbox"] 	{
			width: 100%;
			height: 30px!important;
			margin:0 20px 0 -119%;
			background: url(images/Lupe.png) no-repeat; 
			background-size: 2em;
			-ms-behavior: url("/wp-content/themes/AJS/backgroundsize.min.htc");
			background-color: #fff;
			background-position: 97% 50%;
			border: none; 
			}

input[id="wpbdmsearchsubmit"] 	{
				margin: 0 0 0 200px;
				height: 1.875em;
				}
				

input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover
				{
				color: #fff;
				background:#ef7c00;
				text-decoration: none;
				}	


input[type="submit"],
input[type="button"],
input[type="reset"]
				{ 				
 				border: none; 
 				font-size: 14px;
				font-size: 0.875rem;
 				font-weight: 700;
 				margin: 20px 0 0 0;
 				background: #ededed;
 				padding: 5px 10px;
 				text-transform: uppercase;
 				height: 30px;
				border-radius: 4px;
				}	

.listing-actions a.button	{
							border: none !important;
							font-size: 14px !important;
							font-size: 0.875rem !important;
 							font-weight: 700 !important;
 							margin: 20px 0 0 0 !important;
 							background: #ededed !important;
 							padding: 5px 10px !important;
 							text-transform: uppercase !important;
 							height: 30px !important;
							border-radius: 4px !important;
							color: #000 !important;
							text-shadow none !important;
							}
.listing-actions a.button:hover	{
				color: #fff !important;
				background:#ef7c00 !important;
				text-decoration: none !important;
				}	

a.advanced-search-link {
			display: none; 
			visibility: hidden;
			}

.view-listing,
.edit-listing,
.delete-listing{
 		font-size: 16px;
		font-size: 1rem;
		font-weight: 700;
		}

.wpbdp-listing {
		font-size: 16px !important;
		font-size: 1rem !important;
		}

form[id=wpbdp-search-form] p 	{
				font-size: 16px !important;
				font-size: 1rem !important;
				}
							
.search-results {
		font-size: 16px !important;
		font-size: 1rem !important;
		}

.field-value 	{
		padding-bottom: 5px;
		}
.wpbdp-listing-single .listing-title
{
padding: 0 !important;
}
.wpbdp-listing-single 	
{
margin-bottom: 20px;
}
				
.wpbdp-field-informationenzureinrichtung label,
.wpbdp-field-zusatzinformationen label,
.wpbdp-field-qualifikation label,
.wpbdp-field-kurzbeschreibungdesangebots label,
.wpbdp-field-ajs-qualifizierung label,
.wpbdp-field-spezialisierungjugendmedienschutzmedienerziehung label
{
display:table-caption;
width: 100%;
}

.wpbdp-thumbnail
{
border: none !important; 
}
				
.wpbdp-field-association-title {
				font-weight: 700;
				}

.attachment-wpbdp-thumb
{
border: none !important;
display: block;
margin: 0 0 10px 0; 
}
.wpbdp-listing .listing-thumbnail
{
float: none !important;
}
/* =========== Custom Post Type Ukraine ============= */
.page-template-archives-ukraine main,
.page-template-archives-ukraine #marginale
{
width: 100%;
}

.page-template-archives-ukraine .archiv-ukraine h2
{
color: #000;
background: #fff;
border-radius: 5px;
padding: 0.25em 0.5em;
font-weight: 400;
box-shadow: 0px 3px 15px rgba(0,0,0,0.2);    
font-family: 'titilliumbold', sans-serif; 
margin: 0.5em 0;    
}

.archiv-ukraine
{
width: 95%;
background: #ef7c00;
padding: 1em;
background-image: linear-gradient(to right top, #ef7c00, #f38e17, #f7a029, #fab13b, #fec14d); 
background-repeat: no-repeat;
background-size: cover;
margin: 0 2em 0 0; 
    
}

.page-template-archives-ukraine .archiv-ukraine h3
{
color: #fff;    
width: 100%;
margin: 1em 0 0.5em 0; 
text-shadow: 0px 0 1px #000;   
}

.archiv-ukraine li
{
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between;
align-content: stretch;
align-items:flex-start;
margin: 0 0 2.5em 0;
}

.archiv-ukraine li > .vlp-link-container:nth-of-type(2)
{
left:-14px;
}
.archiv-ukraine li:nth-of-type(1) > .vlp-link-container:nth-of-type(2)
{
left:0;
}

.vlp-layout-basic
{
border-color: #fff !important;
}

.vlp-link-container
{
width: 46%;
box-shadow: 0px 3px 15px rgba(0,0,0,0.2);    
font-family: 'source_sans_proregular', sans-serif !important;     
}


.vlp-link-container:hover
{
opacity: 90%;    
}

.vlp-link-title
{
line-height: 1.25em !important; 
margin: 0 0 0.75em 0;  
-ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.vlp-layout-basic .vlp-layout-zone-side
{
min-width: 10em; 
  
}
/* =========== Übersichtsseite Themen ============= */

main.uebersicht-themen
{
max-width: 980px;
width: 100%;    
}

main.uebersicht-themen article
{
display: flex;
justify-content: flex-start;   
flex-wrap: wrap;
}

main.uebersicht-themen article a:link
{
border-bottom: none;    
}

main.uebersicht-themen img
{
display: inline-block;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 50%; 
max-width: 460px;
height: auto;
margin: 0 30px 30px 0;
opacity: 1;
}

main.uebersicht-themen img:hover
{
    opacity: 0.7;
}


/* =========== Doorpages ============= */
.element_doorpage article > p 	{
				font-family: 'titilliumregular', sans-serif;
				font-size: 16px;
				font-size: 1rem ;
				line-height: 150%;
				font-weight: 400;
				}

.aufmacher img {
		width: 100%;
		height: auto;
		margin: -8px 0 0 0;
		}

main.doorpage {
		background: #none;
		margin-top: -10px;
		}

article.additional 	{
			font-size: 0.7em;
			}
				
article.additional li,
.element_doorpage 	{
			background: #fff;
			margin: 20px -10px  0 -10px;
			padding: 10px;
			}

article.additional li h3, h4 	{
				color: #000;
				}			

article.additional li h4 {
						margin: 0 0 5px 0;
						}
			
article.additional .FA_overall_container_classic .FA_back,
article.additional .FA_overall_container_classic .FA_next
 	{
	top: 92% !important;
	}

article.additional li 	{
			display: inline-block;
			width: 100%;
			}

article.additional li .alignright {
									padding: 0 0 0 10px;
									}


article.additional .advps-slide a,
 a.mejs-horizontal-volume-slider 	{
					border-bottom: none !important;
					}
						
h3.separating_header 	{	
			border-bottom: 1px solid #e84c05;
			font-size: 16px;
			font-size: 1rem;
			text-transform:uppercase;
			margin: 20px 0 0 -10px;
			padding: 0 10px 8px 10px;
			} 

/* =========== archiv ============= */
li.post_archive 
{
border-bottom: 1px solid #ffcc99;
padding: 10px 0 10px 0;
font-size: 1.0em;
}

li.post_archive h3
{
font-size: 18px;
font-size: 1.25rem;    
}

li.post_archive h3,
li.post_archive a 
{
color: #000;
}

li.post_archive .kategorie 
{
padding: 0;
}

ul.bycategories 
{
margin: 10px 0;
padding: 0;
background: #f9f3e4;
padding: 0 0 10px 0;
}
				
ul.bycategories li 	{
			list-style: none; 
			list-style-type: none;
			margin: 0; 
			display: inline-block;
			margin-left: 1.0em;
			text-align: center;
   			vertical-align: middle; 	
   			}

ul.bycategories li:after{
			content:"/";
			color:#ef7c00;
			}


ul.bycategories li:last-child:after{
			content:"";
			}

ul.bycategories li a 	{
			list-style: none; 
			list-style-type: none;
			margin: 0 2px 15px 0; 
			padding: 5px;
			color: #ef7c00;
			}

.clear	{
	clear: both;
	}

		
body.archive article ul li:before
{
content:"";
}	

/* =========== archiv-kategorie ============= */

body.category article ul li 
{
padding: 0 10px 0 15px;
margin-top: -15px;
}

body.category span.button_back {
				display: block;
				margin: 20px 0 20px 0;
				}
							
body.category span.kategorie 	{
				display: none;
				visibility: hidden;
				}	
body.category span.datum {
							padding: 0;
							}
/* =========== Newsletter ============= */

body.single-wysijap .button_back,
body.single-wysijap .kategorie,
body.single-wysijap .weiterempfehlen {
									display: none; 
									visibility: hidden;
									}
/* =========== IDZ-Literaturverzeichnis ============= */
form.idzlvz_search input,
form.idzlvz_search select
{
color: #000;
border: 5px solid white;
height: auto;
padding: 4px;    
}

form.idzlvz_search input.text
{
width: 305px;    
}
/* =========== FAQ ============= */

h3.close-faq, .hrf-content 	{
				border-bottom: 1px solid #ffcc99;
				}

.hrf-title.close-faq span	{
				background: url(images/Pfeil_square_o.png) !important;
				background-repeat: no-repeat;
				background-size: 1.3em !important;
				-ms-behavior: url("/wp-content/themes/AJS/backgroundsize.min.htc");
				background-position: 50%!important; 		
				height: 1.0em !important;
				width: 1.0em !important;
				top: 2px !important;
				}
							
.hrf-title.open-faq span 	{
				background: url(images/Pfeil_square_unten.png) !important;
				background-repeat: no-repeat !important;
				background-size: 1.3em !important;
				-ms-behavior: url("/wp-content/themes/AJS/backgroundsize.min.htc");
				background-position: 50%!important; 
				height: 1.0em !important;
				width: 1.0em !important;
				top: 2px !important;
				}
						
.hrf-entry p 	{
		margin-left: -1.0em;
		}

/* =========== Pagination ============= */
ul.page-numbers {
		margin: 0 -10px;
		text-align: right;
		padding: 10px;
		font-size: 10px;
		font-size: 0.625rem;
		}

ul.page-numbers li 	{
			display: inline;
			padding: 0 2px;
			}

ul.page-numbers li a:after,
.current:after {
		content:" /";
		color:#ef7c00;
		}

ul.page-numbers li:first-child:before {
					content: ""; /* 1 */
					}
					
a.prev, 
a.next {
	color: #fff;
	background:#ef7c00;
	padding: 0 5px;		
	}

ul.page-numbers li a.prev:after,
ul.page-numbers li a.next:after {
				content: ""; /* 1 */
				}
		
.current{
	color: #ef7c00;
	font-weight: 700;
	}
			
ul.page-numbers li a.next,
ul.page-numbers li a.prev 	{
				background: #fff;
				}

/* =========== Single Post ============= */	
body.single .kategorie {
				padding: 0 0 10px 0;
				}

#vor_zurueck 	{
				padding: 20px 0 0 0;
		overflow: hidden;
		margin: -10px;
		}		
span.next,
span.prev,
.button_pre,
.button_back	{
		display: inline-block;
		margin: 20px 0;
		}

#vor_zurueck span.next,
#vor_zurueck .button_pre {
				float: left;
				}


#vor_zurueck span.prev,
#vor_zurueck .button_back {	
				float: right;
				}

.button_pre a,
.button_back a,
span.next a,
span.prev a	{
		border-radius: 4px;
		background: #ededed; 
		padding: 5px 10px;
		text-transform:uppercase;
		font-weight: 700;
		font-size: 14px;
		font-size: 0.875rem;
		border-bottom: none !important;
		}

.button_pre a:hover,
.button_back a:hover,
span.next a:hover,
span.prev a:hover 	{
			color: #fff;
			background:#ef7c00;
			text-decoration: none;
			}	

.button_pre,
.button_back 	{
		display:table-cell;
		height: 30px;
		border-radius: 1px;	
		}
						
.weiterempfehlen 	{
			margin: 10px 0 20px 0;
			border-top: 1px solid #ef7c00;
			padding: 10px 0 0 0;
			}					
			
.twitter,
.fb-likeit,
.g-plusone	{
		float: left;
		}
	
.fb-likeit 	{
		margin: 0 30px 0 0;
		}

/* =========== Woocomerce ============= */	

.woocommerce .woocommerce-breadcrumb
{
text-transform: uppercase;
font-size: 12px;
font-size: 0.75rem !important;
color: #000 !important;
}

.woocommerce .woocommerce-breadcrumb a
{
    color: #000 !important;
}
.post-type-archive-product main,
.woocommerce-page.archive main,
.woocommerce-checkout main
{
    width: 100%;
  }

.woocommerce ul.products li.product a img
{
   width: auto;
    height: 180px;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover
{
    background-color: #ef7c00 !important;
    color: #fff !important;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt
{
    background-color: #e8e8e8 !important;
    color: #000 !important;
}

.woocommerce-products-header,
.woocommerce-shipping-destination
{
   display: none;
    visibility: hidden;
}

.woocommerce a.added_to_cart
{
border-bottom: 2px solid #ef7c00;
}

.woocommerce a.added_to_cart:hover,
.woocommerce a.added_to_cart:focus,
.woocommerce a.added_to_cart:active
{
color: #ef7c00;   
}

.woocommerce a.added_to_cart::before {

    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f07a";
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #8f8f8d;
    margin: 0 0.5em 0 0;

}

.woof_sid_auto_shortcode.woof
{
padding: 0;    
}

.tax-product_cat .woocommerce-products-header
{
     position: static;
    display: block;
    width: 66%;
}

.woocommerce-products-header >h1,
.woocommerce-result-count
{
    display: none;
}
.formatanzeige,
.tagged_as,
.posted_in
{
    display: block;
    margin: 0 0 0.5em 0;
    font-size: 0.875rem;
}

.formatanzeige a:link,
.formatanzeige a:visited,
.posted_in a:link,
.posted_in a:visited
{
  background:#f9f3e4; 
    border-radius: 3px;
    padding: 1px 3px;
     margin: 2px 0;
    display: inline-block;
}

.tagged_as a:link,
.tagged_as a:visited
{
    background: #ef7c00;
    color: #fff;
    border-radius: 3px;
    padding: 1px 3px;
    margin: 2px 0;
    display: inline-block;
}

.woocommerce ul#shipping_method li:before
{
    content: '';
    padding: 0;
    margin: 0 0 0 -1em;
text-indent: 0;
}

.woocommerce-Price-amount
{
display: block;    
}

#order_review_heading
{
    display: none !important;
}
#payment,
p.legal
{
    margin: 1em 0;
}

.payment_box p
{
    padding: 0 5px;
}

.woocommerce-error li:before
{
content: '';
padding: 0;
text-indent: 0;
}
aside .woocommerce ul.products 
{
    margin: 1em 0 0 0;
    padding: 0;
}

aside .woocommerce ul.products li.product
{
    width: 44%;

}

aside .woocommerce ul.products li.product, .woocommerce-page ul.products li.product:first-child
{
     margin: 0 0.9em 0 0;
}

.woof_sid
{
    margin: 30px 0;
}

.woof_submit_search_form,
.woof_reset_search_form
{
  text-indent: -9999px;
  line-height: 0 !important; /* Collapse the original line */
}

.woof_sid_auto_shortcode
{
    border: none;
}

.woof_sid_auto_shortcode:before
{
    content:'Materialsuche';
    display: block;
    margin: 0 0 1em 0;
    font-weight: 700;
}
.woof_reset_search_form
{
    margin: 0 0 0 2em !important;
}
.woof_submit_search_form::after {
  content: "Filtern";
  text-indent: 0;
  display: block;
  line-height: initial; /* New content takes up original line height */
}

.woof_reset_search_form:after
{
  content: "zurücksetzen";
  text-indent: 0;
  display: block;
  line-height: initial; /* New content takes up original line height */
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price
{
color: #000;
}

/* =========== Shop-Archiv ============= */

.custom_cat_list li a
    {background-color: #ef7c00;
    display: inline-block;
   color: #fff !important;
    text-transform: uppercase;
    width: 60%;
    padding: 4px;
    box-shadow: -4px 4px 0 #e84517;
    font-size: 1em;
    font-weight: 700;
    line-height: 21px;
    background-image: url(images/Slider_Pfeil_fwd.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: 2em;
    margin: 0 0 24px 0;
    }
    
					
li.post_archive{
		overflow: hidden;
		}

li.post_archive p 	{
			margin-top: 5px;
			}
					
.attachment-shop-thumb {
			float: left;
			margin: 5px 10px 0 0;
			}

    
.thema-shop
{
font-family: 'source_sans_proregular', sans-serif;    
font-size: 0.8em;  
display: inline-block;     
    margin: 0.25em 0;
      
    }
    
.thema-shop > a:link
{
    margin: 0 1em 0 0;
     background-color: #f9f3e4;
     padding: 0.5em; 
}	

/* =========== Marginale/Sidebar-2 ============= */
#marginale 	{
		float: right; 
		width:30%;
		margin: 10px 0 20px 20px;
		}
		
body.home #marginale 	{
						margin: 20px 0 20px 20px;
						}
		
#marginale #search,
#marginale #search_home {
					display: none; 
					visibility: hidden;
					}

#black-studio-tinymce-7{
			padding: 0 0 10px 0;
			margin: 20px 0 10px 0;
			height: 6.250em;
			}

#black-studio-tinymce-7 img {
							width: 100%;
							}
#black-studio-tinymce-8	{
			background: url(images/Infomaterial_Link.png) no-repeat;
			background-size: 100%;
			-ms-behavior: url("/wp-content/themes/AJS/backgroundsize.min.htc");
			background-position: 50%;
			background-position: 50%;
			margin: 1.25em 0 0 0;
			height: 6.250em;
			}
						
#black-studio-tinymce-9 {
			background: url(images/Recht_Link.png) no-repeat;
			background-size: cover;
			-ms-behavior: url("/wp-content/themes/AJS/backgroundsize.min.htc");
			background-position: 0;
			margin: 1.25em 0 0 0;
			height: 6.250em;
			padding: 0 0 0 10px;
			}

#black-studio-tinymce-10{
			background: url(images/Newsletter_Link.png) no-repeat;
			background-size: cover;
			-ms-behavior: url("/wp-content/themes/AJS/backgroundsize.min.htc");
			background-position: 0;
			margin: 1.25em 0 0 0;
			height: 100px;
			padding: 0 0 0 10px;
			}
						
#black-studio-tinymce-12{
			display: inline-block;
			margin: 1.25em 0 0 0;
			width: 91%;
			} 
							
#black-studio-tinymce-12 p	{
				margin: -2px 0 0 0;
				}							
						
#black-studio-tinymce-12 .alignright 	{
					float:right;
					margin-left: 10px;
					padding:  8px 0 0 5px;
					border: 1px solid #ededed;
					}		

#black-studio-tinymce-20 p:first-child{
										margin-top: -5px;
										}
						

#black-studio-tinymce-8 a,
#black-studio-tinymce-9 a,
#black-studio-tinymce-10 a	 {
				color: #fff;
				width: 70%;
				display: block;
				font-weight: 700;
				padding: 10px 0 0 0;
				}

#black-studio-tinymce-2 p:first-child,
#black-studio-tinymce-3 p:first-child,
#black-studio-tinymce-4 p:first-child,
#black-studio-tinymce-5 p:first-child,
#black-studio-tinymce-6 p:first-child,
#black-studio-tinymce-13 p:first-child,
#black-studio-tinymce-14 p:first-child,
#black-studio-tinymce-19 p:first-child 
{
margin-top: 10px;
}

.textwidget img {
				padding: 0;
				}
.textwidget,
.popular-posts p,
.yarpp-related-widget a
{
font-size: 16px;
font-size: 1rem;
}

/* =========== Latest posts - widget ============= */
.raw_lp_widget {
 		margin: -5px -10px 0 -10px;
 		}

.raw_lp_widget .widgettitle	{
				margin: 0;
				}

h3.raw_lp_title {
		font-weight: 700;
		font-size: 16px;
		font-size: 1rem;
		line-height: 128%;
		padding: 10px 0 0 0;
		}

.raw_lp_widget li	 {
			background: #fff;
			padding: 0 0 0 10px;
			}

p.raw_lp_row 	{
		font-size: 16px;
		font-size: 1rem;
		margin: 4px 0;
		color: #8f8f8d;
		font-style: normal !important;
		font-family: 'source_sans_proregular', sans-serif;
		padding-bottom: 4px;
		font-weight: 400;
		}

/* =========== events - widget ============= */
.widget_eme_list, .raw_lp_widget
{
background: none;
}

.widget_eme_list h2,
.raw_lp_widget h2
{
background: #fff;
margin: 0;
}

.widget_eme_list
{
margin: 0 -10px;
}

ul.events
{
margin-bottom:15px; 
}
						
li.eventtitle
{
padding: 0 4px 10px 0;
font-size: 16px;
font-size: 1rem;
font-weight: 700;
line-height: 128%;
border-bottom: 1px solid #dad8da;
}

ul.events h2.widgettitle
{
margin: 0 ;
}
			
li.dateandtown 
{
font-size: 14px;
font-size: 0.875rem;
color: #8f8f8d;
padding: 8px 10px 2px 0;	
}

li.dateandtown a 
{
font-size: 14px;
font-size: 0.875rem;
color: #8f8f8d !important;
border-bottom: none !important;
}

li.all_events 	
{
font-size: 14px;
font-size: 0.875rem;
letter-spacing: 0.02em;
text-transform: uppercase;
padding: 5px 10px;
margin-top: -5px;
word-spacing:0.2em;
border-top: 1px solid #ffcc99;
}
				
ul.events li:last-child,
li#eme_list-2 ul li:last-child
{
border-bottom: none;
}
				
li.all_events a:link,
li.all_events a:visited	
{
color: #ef7c00;
}
											
#events-no-events 	
{
background: #fff;
padding: 2px 10px;
font-size: 16px;
font-size: 1rem;
}
					
.gm-style element.style
{
height: 80px !important;
}
				
/* =========== Widget Forum ============= */

ul.forum
{
margin-top: 20px;
height: 100px;
}

ul.forum li
{
padding: 10px;
display: inline-block;
width: 92%;
}
			
ul.forum h3
{
margin-bottom: 10px; 
}
			
ul.forum .attachment-post-thumbnail
{
float: right;
width: 55px;
height: auto;
border:1px solid #ededed;
}


.big-article,
ul.forum_follow_up
{
display: flex;
flex-wrap: wrap;    
justify-content: space-between;    
}

.big-article_thumb,
.big-article_content
{
 max-width: 48%;  
}

.big-article
{
background: #f9f3e4;  
padding: 1em;   
margin: 1em 0;
border-bottom: 8px solid #ef7c00;    
}

.big-article a[href$=".pdf"]::before
{
content: "⇲";
font-size: 1em;
margin-right: 4px;
vertical-align: top;    
}

.big-article a:link
{
border-bottom: 1px dotted #000;   
}
.big-article a:hover
{
 text-decoration: none;
color: #ef7c00;
border-bottom: none;   
}


ul.forum_follow_up
{
margin: 2em 0;       
}

ul.forum_follow_up li
{
max-width: 32%;
}

.big-article_thumb .wp-post-image,
ul.forum_follow_up li .wp-post-image
{
height: auto;    
}


ul.forum_follow_up li .wp-post-image:hover,
.big-article_thumb .wp-post-image:hover
{
transform: scale(1.025);    
}

ul.forum_follow_up li .wp-post-image
{
width: 70%;    
padding: 1em; 
margin: 1em 0;    
background: #f9f3e4;     
}

ul.forum_follow_up li .wp-post-image:hover
{
transform: scale(1.075);    
}

.artikelsuche
{
margin: 2em 0;    
}

ul.forum_older li
{
width: 28%;   
display: inline;
float: left;
margin: 0.5em 0.5em 0.5em 0.5em;
background: #ededed;
padding: 0.5em 0.5em 0.125em 0.5em;
height: 1.5em;
font-size: 1.375rem;    
 
border-radius: 1px;    
}
	

ul.forum_older li:nth-child(3n+1)
{
margin: 0.5em 0.5em 0.5em 0;    
}

.single-article_thumb
{
width: 50%;
padding: 1em 0 1em 1.75em;    
background: #f9f3e4;
margin: 1em 0;    
}

.single-article_thumb img
{
width: 90%;
height: auto;    
}

/* =========== Widget Referenten ============= */

.sgr-custom-taxonomies-menu 	{
				background: none;	
				margin: 0 -10px;
				margin: 0 0 20px 0;
				}

.label {
	color: #ef7c00;
	font-size: 16px;
	font-size: 1rem;
	font-family: 'source_sans_proregular', sans-serif;
	margin-top: 10px;
	}
				
.wpbdmcheckboxclass
{
font-size: 16px;
font-size: 1rem;
font-family: 'source_sans_proregular', sans-serif;
text-indent: -1.3em;
margin-left: 1em;			
}


input[type="checkbox"]
{
margin: 0 2px 0 0 !important;
}
									
.wpbdp-inner-checkbox-_nein	
{
display: none;
visibility: hidden;
}							

.wpbdp-form-field-id-2 input[type="checkbox"] 
{
margin: 0 5px 0 0 !important;
}
							
.wpbdp-form-field-id-2 .wpbdmcheckboxclass:first-child
{
display: none;
visibility: hidden;
}

#wpbdp_searchwidget-3,
#wpbdp_searchwidget-2			
{
font-size: 0.9em;
}			

/* =========== Widget ähnliche Artikel ============= */						
h2.widgettitle_related {
			background: #fff none repeat scroll 0 0;
    			border-bottom: 1px solid #e84c05;
   			color: #ef7c00;
   			font-size: 1rem;
    			padding: 8px 0 8px 8px;
    			text-transform: uppercase;
			}


/* =========== Widget meist gelesen ============= */		
ul.most	{
		margin:20px 0 15px 0; 
		}
						
ul.most h2.widgettitle{
			margin: 0 ;
			}


/* =========== back to top ============= */		
.topbutton 
{
height: 3.125em;
width: 3.125em;
background-size: 2em;
-ms-behavior: url("/wp-content/themes/AJS/backgroundsize.min.htc");
background-position: 50% 50%;
position:fixed;
right:15px;
bottom:5px;
z-index:80;
background-image: url(images/Pfeil_square_oben.png);
background-repeat:no-repeat;
display:none;
outline: none;
text-decoration: none;
color: #004d90;
}

.topbutton:hover
{
text-decoration: underline;
}

		
/* =========== footer ============= */				
footer
{
clear: both;
width:100%;
min-height: 100px;
position:relative;
top: 16em;
}
				
#wrapper_foot
{
max-width: 980px;
background: #fff;
margin: 0 auto;
min-height: 230px;
}
			
img.logo_ministerium
{
width: 17.0em;
position: relative;
left: calc(100% - 18em);
top: 2.125em;
}

.gefoeedert
{
position: relative;
left: calc(100% - 22.5em);
top: 2.4em;    
font-size: 0.8em;    
}
/* =========== nav-footer ============= */	
#menu-menue-footer  	{
			position: relative;
			top: 50px;
			font-size: 16px;
			font-size: 1rem;
			}


#menu-menue-footer li a{
			background: url(images/Pfeil_o_rechts.png) no-repeat; 
			background-position: 0 50%;
			padding: 20px 20px 20px 13px;
			background-size: 0.4em;
			-ms-behavior: url("/wp-content/themes/AJS/backgroundsize.min.htc");
			margin: 0 0 0 10px;
			}
									
/* =========== images ============= */
img
{
border:0;
}

.alignleft
{
float:left;
padding: 10px 10px 20px 0;
}
			
.alignright
{
float:right;
padding: 10px 0 20px 10px;
}
			
.aligncenter
{
display:block;
margin-left:auto;
margin-right:auto;
padding:  10px 10px 20px 10px;
}
		
.rahmen-rechts
{
border: 1px solid #dedede;
margin:  10px 0 20px 10px;
padding: 0;
}
		
.rahmen-links 
{
border: 1px solid #dedede;
margin:  10px 10px 20px 0;
padding: 0;
}

/* =========== Bildunterschriften ============= */

.wp-caption-text
{
margin-top: 5px;
text-align: left;
font-size: 0.6em !important;
}

} /* @media screen */

/* ==========================================================================
   media Queries - mobile devices
   ========================================================================== */

@media only screen and (max-width: 1800px) {

#social_icons 
{
background: #000;
}


}

@media only screen and (max-width: 1400px) {
#social_icons 
{
left: calc(100% - 4em);
}
   
}

@media only screen and (max-width: 1200px) {
#social_icons 
{
position: fixed;
left: 0;
top:calc(100vh - 3em);
width: 100vw;
background: #fff;
padding: 0.5em 0 0 0;   
z-index: 10;    
}
    
#social_icons li
{
display: inline-block;
}

#social_icons li:first-child
{
padding: 0 0 0 1em;   
}        
}

@media only screen and (max-width: 1024px) {

#wrapper
{
top: 0;
padding: 10px;
}

/* =========== header ============= */		    
    
header 
{
height: 11.5em;
margin: 0;
}

header.sticky
{
padding: 5px 0 0 0;
}
#logo
{
width: 150px;
height: auto;
float: left;
}

h2.home_title 
{
width:80%;
position: relative;
top: 60px;
left: 5%;
display: inline;
}	

a.NL-link
{
 margin-left: calc(100vw - 12.25em);
}

.cart-contents
{
 margin-left: calc(100vw - 4.75em);
}

#search_home
{
margin: -3em 1.25em 0 0;
}
    
/* =========== Toogle Menu ============= */		
		
nav > label,
nav#toogle ul li ul
{
display: block;
}
    
nav#toogle 
{			
margin: 0 10px 0 0;
}

nav#toogle > ul
{
transform: translateX(-9999px);
position: absolute;
clear: both; 
transition: opacity 0.5s ease-in-out;   
overflow-y: scroll;     
opacity: 0;    
}

nav#toogle > input:checked + ul
{ 
display: block;
width: calc(100vw + 1em);
height: 100vh;
transform: translateX(-1em);
opacity: 1;    
background:rgba(255,255,255,0.9);
margin: 4.5em 0 0 10em  
}
    
nav > label
{
top: 110px;
left: -9em;
position: relative;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 16px;
font-size: 1rem;
font-weight: 700;
text-transform:uppercase;
color: #8f8f8d;
display: inline;
background: url(images/Menue.png);
background-size: 20%;
background-repeat: no-repeat;
background-position: 0 50%;
padding-left: 15px;
}
    	
/* =========== Hauptmenü ============= */	
#menu-hauptmenue li
{
display: block;
margin: 0 0 0.5em 1em;
padding: 0;    
}
    
#menu-hauptmenue li:hover > .sub-menu
{
opacity: 0;
}

#menu-hauptmenue .sub-menu
{
background: none;
box-shadow:none; 
background:none;
}    
#menu-hauptmenue .sub-menu li,
#menu-hauptmenue .sub-men ul li
{
margin: 0; 
padding: 0;
}
    
#menu-hauptmenue li.current-menu-item .sub-menu,
#menu-hauptmenue li.current-menu-ancestor .sub-menu
{
opacity: 1;
position: static;   
margin: -0.5em 0 0 0;
}
    
#menu-hauptmenue .sub-menu li.menu-item-has-children::after
{
width: 0;
height: 0;
background-image: none;
}

#menu-hauptmenue .sub-menu li a,
#menu-hauptmenue .sub-menu li.current-menu-item ul li a,
#menu-hauptmenue .sub-menu li .sub-menu li a
{
background: none;
}
/* =========== Startseite ============= */	
    
#teaser_main img
{
width: 100%;
height: auto;
}

#advps_container5 
{
max-width: 650px !important;
}

/* =========== Slider_Homepage ============= */

.advps-slide-container 
{
width: 100% !important;
max-width: 650px !important;
}
    
/* =========== Inhalte ============= */	
main,
main.events 
{
width: 62.5%;
top: 14em;
}
	
.aufmacher img	
{
width: 100%;
height: auto;
}

#vor_zurueck 
{
width: 104%;
}
    
/* =========== Veranstaltungen Einzelansicht ============= */

main.events_single
{
width:100%;
top: 14em;
}
    
.breadcrumbs_events 
{
width: 62.2%;
}

#event_content 
{
width: 61.2%;
}

#event_aside 
{
width:61.2%;
margin: -60px 0 0 0;
padding: 0 10px;    
}			

/* =========== Sidebar ============= */		
#marginale 	
{
width: 31.25%;
top: 13.5em;
margin: 20px 5px 20px 20px;
}	

}


@media only screen and (max-width: 980px) {
#wrapper_head,
#wrapper    
{
width: 100%;
padding: 0 10px;    
}
    
main.front-page
{
width: 96%;
}

.wcp-carousel-main-wrap
{
width: 45vw;    
max-width: 350px;
margin: 0 0 0 1.5em;
}        
main.uebersicht-themen img
{
max-width: 420px;
margin: 0 30px 30px 0;
opacity: 1;
}   
    
    
footer
{
width: 96%;
} 
    
    
}

@media only screen and (max-width: 900px)
{
main.uebersicht-themen img
{
max-width: 45vw;    
height: auto;
}

 /* =========== Info-Ukraine ============= */   
.vlp-link-container
{
width: 90%;
  
box-shadow: 0px 3px 15px rgba(0,0,0,0.2);    
} 
    
.archiv-ukraine li > .vlp-link-container:nth-of-type(2)
{
left: 0;

}

    .archiv-ukraine li
    {
    display: block;    
    }
    
.wp-block-ps2id-block-target
{
display: inline-block;
 
}
    
}


@media only screen and (max-width: 780px) {
ul.forum_older li
{
width: 40%;
margin: 0.5em;    
}
    }


@media only screen and (max-width: 750px) {

/* =========== Header ============= */
    
#logo
{
width: 120px;
}
    
h2.home_title
{
width: auto;
position: relative;
top: 45px;
left: 5%;
font-size: 20px;
}    
    
nav > label
{
top: 100px;
left: -7em;   
}

header.sticky
    {
    height: 4.75em;
    }
    
header.sticky a.NL-link,
header.sticky .cart-contents    
{
display; none;
visibility: hidden;
}

header.sticky nav > label   
{
top: 1.5em;
left:calc(100vw - 14em);
}

header.sticky nav#toogle > input:checked + ul
{
margin: -3.125em 0 0 10em;
}

/* =========== Veranstaltungsübersicht ============= */
table,
thead,
tbody,
th,
td,
tr
{ 
display: block; 
}

.filter_events select 
{
width: 70%;
}
.eme-event-list-table td
{
padding: 4px 4px 4px 20px;
}
thead tr 
{ 
position: absolute;
top: -9999px;
left: -9999px;
}
    
.column1
{
font-weight:700;
border-bottom: none !important;
margin-top: 5px;
border-top: 1px solid #e84c05;
}
    
.column2,
.column3,
.column4
{
border-bottom: none !important;
}			
			
.column4
{
background: #f9f3e4;
}
			
#event_content
{
width: 95%;
}	
				
#event_aside
{
width: 95%;
float: none;	
}					
			
body.home #marginale
{
width: 100%;
left: 0;
position: relative;
top: -120px;
}			

#flex-container 
{
width: 100%;
}
	
#marginale
{
width: 100%;
margin: 20px 0 20px 20px;
}	
    
 #navigation .widget_black_studio_tinymce
{
width: 44.1%;
}   			
/* =========== Veranstaltungen Einzelansicht ============= */

main.events_single
{
width: 100%;
top: 14em;
}
    
.breadcrumbs_events
{
width: 100%;
}

#event_content 
{
width: 95%;
padding: 0 10px;    
float: none;
}
    
#event_aside
{
float: none;
width: 100%;
margin: 10px 0 0 -10px;
}			

table.eme-rsvp-form td input,
table.eme-rsvp-form td textarea,
table.eme-rsvp-form td select
{
max-width:30em;
}	
  
/* =========== Sidebar ============= */
#black-studio-tinymce-7 {
						width: 46.4%;
						float: left;
						padding: 0;
						background: none;
						}

#black-studio-tinymce-9,
#black-studio-tinymce-10 {
						margin: 1.5em 0 0 0;
						width: 46.4%;
						float: right;
						padding: 0 10px 5px 10px;
						
						}
						
ul.forum li
{
width: 44%;
float: left;
margin: 25px 0 20px 0;
padding: 10px 10px 15px 10px;
}
	
#marginale .alignright
{
margin: 0 10px 0 0;
}    

/* =========== Archiv-Forum ============= */    
    
ul.forum_follow_up li {
  max-width: 48%;
   
}    


@media only screen and (max-width: 630px)
{
header.sticky h2.home_title
{
display: none;
visibility: hidden;
}
    
header.sticky nav > label   
{
top: 2.75em;
left:calc(100vw - 14em);
}    

header.sticky #search_home
{
margin: -1.25em 2em 0 0;
}   

}

@media only screen and (max-width: 600px) {
img.logo_ministerium
{
width: 17.0em;
position: relative;
left: 0.75em;
top: 5em;
}

.gefoeedert
{
position: relative;
left: 1em;
top: 6em;    
font-size: 0.8em;    
}
.flex-element 
{
flex: 1 1 100%;
}
    
.flex-element:nth-of-type(1),
.flex-element:nth-of-type(3)
    {
    margin: 0;
    }
    
.info-material
{
margin: 2em 0;    
} 
    
.wcp-carousel-main-wrap
{
width: 87vw;    
max-width: 480px;
margin: 0 0 0 1.5em;
}    
.dvps-slide-field-three   
{
width:  100vw !important;
}
    


main,
.post-type-archive-product main,
.woocommerce-page.archive main,
.woocommerce-checkout main 
    {
width: 95%;
margin: 0 auto;    
}
    
main.uebersicht-themen img
{
max-width: 90vw;  
margin: 0 0 20px 0;    
}  
   
}

@media only screen and (max-width: 500px) {
    
nav > label
{
top: 120px;
  
}
h2.home_title
{
display: none;
visibility: hidden;
}    

#search_home
{
margin: -1.75em 1.25em 0 0;
}    
    
#black-studio-tinymce-7, 
#black-studio-tinymce-9,
#black-studio-tinymce-10 {
						margin: 1.5em 0 0 0;
						width: 95%;
						padding: 0 10px 0 10px;
						}
						
#black-studio-tinymce-7
{
padding: 0 0 10px 0;
width: 100%;
float: none;
}						
						
ul.forum li {
			width: 95%;
			float: none;
			margin: 0;
			
			}
			
table.eme-rsvp-form td input
{
width: 300%;
max-width: 250px;
}
    
/* =========== Archiv-Forum ============= */    

.big-article_thumb, .big-article_content {
  max-width: 95%;
}    
    
.big-article_thumb
{
margin: 0 0 1em 0;
}
    
ul.forum_follow_up li {
  max-width: 95%;  
}     
    
ul.forum_follow_up li .wp-post-image
    {
    width: 50%;    
    }
ul.forum_older li
{
width: 80%
}    
  
}

@media only screen and (max-width: 450px) {
  
input[name=s]:hover,
input[name=s]:focus
    {
    width: 150px; 
    } 
.advps-excerpt-three
{
width: 100%;
}

.wcp-carousel-main-wrap
{
max-width: 80vw;

}
    
img.logo_ministerium
{
left: 1em;
top: 4em;    
}
    
.gefoeedert
{
left: 1em;
top: 5em;    
}    
}

@media only screen and (max-width: 400px) {
#black-studio-tinymce-9,
#black-studio-tinymce-10,
ul.forum li 
{
width: 100%;
float: none;
}	
    


.woocommerce ul.products[class*="columns-"] li.product,
.woocommerce-page ul.products[class*="columns-"] li.product 
{
width: 100%;
margin: 0 0 1em 0;    
}   
    


    
}


/* ==========================================================================
   Print styles.
  ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
