/*
Hier kannst du dein eigenes CSS einfügen.

Klicke auf das Hilfe-Symbol oben, um mehr zu lernen.
*/
 /* Menü links anordnen */
/*
#mainnav {float: left; position: relative;}
*/
 /* Menüpunkte linksbündig */

.primary-menu-ul .sub-menu li a {
			justify-content: left !important;
}

/*Anpassung der Coach Bilder auf /werkstatt/coaches*/
@media (min-width: 650px) {
#caption-attachment-5553.wp-caption-text{
	margin-bottom: 60px;
}
	
@media (min-width: 981px) and (max-width: 1350px) {
.container {
    width: 95% !important;
}}
	
#caption-attachment-6327.wp-caption-text{
	margin-bottom: 90px;
}
	}
/*------------------*/

/*Site-Info im Footer*/
div.site-info.container {
	visibility: hidden;
}
/*------------------*/

/*Menü und Scrollleiste-Überlauf*/
.site-nav .menus{
	overflow:hidden
}

/*Anpassungen auf oercamp.de/werkstatt/ergebnisse*/

img.attachment-full.size-full
{
	border-radius: 4px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

img.attachment-full.size-full:hover
{
	 border: 1px solid;
}

h3.elementor-image-box-title
{
	margin-top: 0px;
}

.comment-title {
	display: none;
	}
/*------------------*/


/*Schriftverkleinerung bei Sessionsplanverlinkungen auf 2017/2018*/
@media only screen and (max-width: 400px) {
    .sessionplanschrift { 
       font-size: 0.8em  ;
    }
}

 .sessionplanschrift { 
       font-size: 0.9em  ;
    }
/*-------------------*/

/*Verhindert Pfeil bei Ausklapptexten und zeigt stattdessen +/- an*/
summary::-webkit-details-marker {
  display: none;
}
summary:before {
  content: "+";
  margin-right: 5px;
	color: #078bb8;
	font-weight: bold;
}

details[open] summary:before {
  content: "-";
}
/*--------------*/


/*Absenken der Farbe bei inaktiven Seiten*/
.inaktiv {
  color:#078bb8;
	opacity: 0.5;
}
/*-------------------*/

/*Klasse für allgemeine Anker*/

@media screen and (min-width: 1200px) {
.anker {
position:relative;
top:-120px;	
}
}

/*tablet*/
@media screen and (max-width: 1100px) and (min-width: 750px) {
.anker {
position:relative;
top:-45px;	
}
}
/*-------------------*/


/*Klasse für Sprungmarke der Anker*/
@media screen and (min-width: 1200px) {
.sprungmarke {
position:absolute;
top:-120px;	
}
}

/*tablet*/
@media screen and (max-width: 1100px) and (min-width: 750px) {
.sprungmarke {
position:absolute;
top:-45px;	
}
}
/*-------------------*/


/*Klasse für Workshop Sprungmarke der Anker*/
@media screen and (min-width: 1200px) {
.sprungmarke2 {
position:absolute;
top:-90px;	
}
}

/*tablet*/
@media screen and (max-width: 1100px) and (min-width: 750px) {
.sprungmarke2 {
position:absolute;
top:-30px;	
}
}
/*-------------------*/


/*Klasse für Sprungmarke der Anker bei Communities*/
@media screen and (min-width: 1200px) {
.sprungmarke3 {
position:absolute;
top:425px;	
}
}

/*tablet*/
@media screen and (max-width: 1100px) and (min-width: 750px) {
.sprungmarke3 {
position:absolute;
top:300px;	
}
}
/*------------------*/

h4{
margin-top: 35px;
margin-bottom: 15px;
}
/*------------------*/

/*---Neuer Style für Kachelübersicht---*/

/*figure und figcaption müssen auskommentiert werden, da die Änderungen sonst Einfluss andere Bildelemente mit Beschriftung haben - die CSS Anweisungen hierzu wurden in die Klassen masonrytext, hauptbild, einzel und einzel2 übernommen*/

/*figure, figcaption {
				margin: 0;
	      margin-right: 3px;
				padding: 0;
			}

figure img {
				width: 100%;
				display: block;
}

figcaption {
				position: absolute;
				bottom: 0;
				width: 100%; 
				text-align: center;
				line-height: 3em;
				color: white;
				background: rgba(0,0,0,0.5);
}

figcaption a {
	font-size: 1.6em;
	color: #fff;
}

figcaption a:hover {
	color: rgb(140, 140, 140);
}

---------------------------
*/

.masonrytext {
				margin: 0;
	      margin-right: 3px;
				padding: 15px;
				position: absolute;
				bottom: 0;
				width: 100%;
				text-align: center;
				line-height: 1.5em;
				color: white;
				background: rgba(0,0,0,0.5);
	
}

.masonrytext a {
	font-size: 1.6em;
	color: #fff;
	
	
}

.masonrytext a:hover{
	color: rgb(140, 140, 140);
}

.hauptbox {
	width: 1200px;
}

.hauptbild{
	overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
	/*aus figure übernommen*/
				margin: 0;
	      margin-right: 3px;
				padding: 0;
	
}

.hauptbild:hover {
    background: #078bb8;
}

figure.hauptbild {
				position: relative;
				display: inline-block;
				width: 1050px;
			}

.hauptbild img {
    display: block;
    margin: 0;
    padding: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
	/*aus figure img übernommen*/
				width: 100%;
				
}

.hauptbild:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2);
	opacity: 0.5;
    filter: alpha(opacity=50);
}


.einzel{
	overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
	/*aus figure übernommen*/
				margin: 0;
	      margin-right: 3px;
				padding: 0;
}

.einzel:hover {
    background: #078bb8;
}

figure.einzel {
				position: relative;
				display: inline-block;
				width: 346px;
			}

.einzel img {
    display: block;
    margin: 0;
    padding: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
	/*aus figure img übernommen*/
				width: 100%;
				
}

.einzel:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2);
	opacity: 0.5;
    filter: alpha(opacity=50);
}

			@media only screen and (max-width:1050px) {
				body {
					width: 100%;
					margin: 2% 0;
					padding: 1%;
				}

				figure.einzel {
					/*width: 296px;*/
					width: 32.9%;
				}
				
				.hauptbox {
					width: 1000px;
				}
				
				figure.hauptbild {
					width: 900px;
				}   
			}  

			@media only screen and (max-width:950px) {
				figure.einzel {
					/*width: 246px;*/
					width: 49.5%;
				}
				
				.hauptbox {
					width: 800px;
				}
				
				figure.hauptbild {
					width: 750px;
				}   
			}  

@media only screen and (max-width:768px) {
				figure.einzel {
					/*width: 327px;*/
					width: 49.5%;
				}
				
				.hauptbox {
					width: 750px;
				}
				
				figure.hauptbild {
					width: 660px;
				}   
			} 

@media only screen and (max-width:680px) {
				figure.einzel {
					/*width: 222px;*/
					width: 100%;
				}
				
				.hauptbox {
					width: 670px;
				}
				
				figure.hauptbild {
					width: 450px;
				}   
			}  

@media only screen and (max-width:450px) {
				figure.einzel {
					/*width: 300px;*/
					width: 100%;
					
				}
				
				.hauptbox {
					width: 350px;
				}
				
				figure.hauptbild {
					width: 300px;
				} 
	
			}

@media only screen and (min-width:1051px) {
				figure.einzel {
					/*width: 300px;*/
					width: 33.05%;
					
				}
				

	
			}

/*---Ende Neuer Style für Kachelübersicht---*/
/*-------------------*/

/*CSS für Masonry Test 2*/
.einzel2{
	overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
	/*aus figure übernommen*/
				margin: 0;
	      margin-right: 3px;
				padding: 0;
}

.einzel2:hover {
    background: #589304;
}

figure.einzel2 {
				position: relative;
				display: inline-block;
				
			}

.einzel2 img {
    display: block;
    margin: 0;
    padding: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
	/*aus figure img übernommen*/
		width: 100%;
}

.einzel2:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2);
	opacity: 0.5;
    filter: alpha(opacity=50);
}

.reihe {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}

.spalte {
  flex: 30%;
  max-width: 351px;
  
}

.spalte img {
  vertical-align: middle;
}

@media (max-width: 800px) {
  .spalte {
    flex: 50%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media (max-width: 600px) {
  .spalte {
    flex: 100%;
    max-width: 100%;
  }
}
/*Ende CSS für Masonry Test 2*/

/*------------------*/

/* verhindert Überlappen der Menüs bei zu viel Inhalt */
@media only screen and (max-width:1200px) {
	nav.main_menu>ul>li>a{
		padding: 0 12px !important;
		margin: 0 10 px !important;
		font-size: 20px !important;
	}
  }

/*-------------------*/

/* Tabellenlayout für /werkstatt/sigs/*/
.sig {
  border: 0px;
	text-align: left;
}

.sig tr:nth-child(even) {background-color: #f2f2f2;}

.sig tr:hover td{
background-color:#D0F5A9;
}

/* JUK-17 */
/* Layout fixes */
figure{
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.masonrytext.nv-no-caption{
	padding:0;
}
.hauptbox, figure.hauptbild{
	width: 100% !important;
}
.content-area{
	width: 100% !important;
}
.content-area .post-wrap {
    padding-right: 0px !important; 
}

/* Slider indicators */
.eicon-chevron-right, .eicon-chevron-left {
	color: rgba(3,93,120,0.9);
}

/* heading spacings */
body:not(.elementor-page):not(.panel-layout) .entry-header {
	margin-bottom: 0;
}
body:not(.elementor-page):not(.panel-layout) .entry-content h1 {
    margin-top: 0;
		margin-bottom: 0;
}
body:not(.elementor-page):not(.panel-layout) .entry-content h2 {
	margin-top: 3rem;
}
 
.elementor-widget-heading h2,
.elementor-widget-text-editor h2, .elementor-tab-content h2{
	margin-bottom: 0.25em!important;
	margin-top: 0!important;
}

.elementor-widget-heading h3,
.elementor-widget-text-editor h3, .elementor-tab-content h3{
	margin-bottom: 0.5em!important;
	margin-top: 0.5em!important;
	line-height: 1.15
}

.elementor-widget-heading h4,
.elementor-widget-text-editor h4, .elementor-tab-content h4{
		margin-bottom: 0.5em!important;
	margin-top: 1em!important;
	line-height: 1.15
}

/* quelle unter bildern text global */
dd {
	margin-inline-start: 0;
}
.wp-caption-text {
	text-align: left;
}

/* Blog pagination */
.nav-links .page-numbers.current {
	background: rgba(3,93,120,0.6);
}
.nav-links .page-numbers {
	background: rgba(3,93,120,0.9);
}
.nav-links .page-numbers {
	color: #fff;
}

/* Newsletter */
.entry-content #rmOrganism .rmLayout--vertical.rmBase {
	max-width: 100% !important;
}

/* ML slider */
.ml-slider {
	margin-top: 50px;
	margin-bottom: 80px;
}

/*
 * Mobile
*/
@media only screen and (max-width: 980px) { 
	.masonrytext {
			position: relative;
		}
}

/* Cookie Consent */
#cmplz-manage-consent .cmplz-manage-consent {
	bottom: 0 !important;
}

/* Footer */
.footer-widgets a {
	color: #fff !important; 
}
.footer-widgets .widget_block {
	margin: 0;
}
.footer-widgets .widget_block h4 {
	margin: 20px 0;
}
.wp-block-image img {
	max-width: 80%;
}

/*Abstand vor und nach Beitragdetails unter Beitragtitel*/
.entry-meta {
	margin-top: 1.5em!important;
	margin-bottom: 2em!important
}