.page-id-30 #content img {
    float: right;
}




.c02.einleitung-text {
    padding-right: 80px;
}







a.person-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

div#headbild-start {
	height:680px;
	    position: relative;
	    margin-bottom: 120px;
}

.headbild-bg-wrapper{
	height:680px;
	overflow: hidden;
	width:100%;
	position: relative;
	background-color:#3d82ea;
}

.headbild-start-text {
    position: absolute;


    width: 32%;
    color: #fff;

    top: 100px;
    left: 10.4%;
    z-index: 1;
	
		-webkit-transition:1s ease-in-out all;
	transition:1s ease-in-out all;
	opacity: 0;
}
.js .headbild-start-text{opacity:1; transition-delay: .8s;}


.headbild-person-wrapper {
    position: absolute;
    bottom: 0;
    right: 0;
	opacity: 0;
    z-index: 100000;
    width: 640px;
	-webkit-transition:1s ease-in-out all;
	transition:1s ease-in-out all;
}
.js .headbild-person-wrapper{right:23%; opacity: 1;}

.hide-nav .headbild-person-wrapper{  right: 0;
	opacity: 0;}

.headbild-person-bild {
    position: absolute;
    right: -70px;
    top: 0;
    color: #fff;
    top: 30%;
		
		-webkit-transition:1s ease-in-out all;
	transition:1s ease-in-out all;
	opacity: 0;
}
.js .headbild-person-bild{opacity:.8; transition-delay: 1s;}



img.headbild-start {
    width: 100%;
    display: block;
}



.headbild-person-wrapper img {
    width: 100%;
	display: block;
}


.headbild-bg-wrapper img {
    width: 100%;
    position: absolute;
    bottom: -25%;
		-webkit-transition:.5s ease-in-out all;
	transition:.5s ease-in-out all;
	filter: blur(10px);
	opacity: 0;
}
.js .headbild-bg-wrapper img{
	 bottom: -25%;
filter: blur(0px);
	opacity: 1;
}

.headbild-person-bild strong {
    font-size: 17px;
    font-weight: bold;
}





@media screen and (max-width: 1920px) {

.headbild-start-text {
    left: 5%;
}

}


@media screen and (max-width: 1800px) {

.headbild-bg-wrapper img {
    width: 1920px;
    left: inherit;
    right: 0;
}



}

@media screen and (max-width: 1660px) {

.headbild-start-text {
    left: 30px;
}

}


@media screen and (max-width: 1340px) {

.headbild-bg-wrapper {
    height: 480px;
}
	    .headbild-bg-wrapper img {
        width: 1280px;
    }
	div#headbild-start {
    height: 480px;
}
	.headbild-person-wrapper {
    width: 440px;
}
}


@media screen and (max-width: 1140px) {

.headbild-start-text {
        left: 30px;
        top: 30px;
    }
	    .headbild-person-wrapper {
        width: 340px;
    }
	    .headbild-bg-wrapper {
        height: 380px;
    }
	    div#headbild-start {
        height: 380px;
    }
	.headbild-bg-wrapper img {
        width: 1080px;
    }
	.headbild-start-text {
		width: 36%;
	}
	.headbild-person-bild {
    right: -50px;
    top: 20%;
}
}






@media screen and (max-width: 768px) {

	
	

	    .headbild-person-wrapper {
        width: 240px;
    }
	    .headbild-bg-wrapper {
        height: 280px;
    }
	    div#headbild-start {
        height: 280px;
    }
	.headbild-bg-wrapper img {
        width: 768px;
    }
	.headbild-person-bild {
    right: -50px;
    top: 20%;
}
	
	
.headbild-start-text {
    position: static;
    width: 100%;
    padding: 30px;
}
	
	
	.js .headbild-person-wrapper {
    right: 10%;
}    .headbild-person-bild {
        left: -50px;
        top: 160px;
        bottom: inherit;
    }
	
	    .js .headbild-person-wrapper {
        right: 10%;
        top: -20px;
    }
	    div#headbild-start {
        height: auto;
    }
	
	.headbild-start-text {
    color: #000;
}

	
	div#headbild-start {
    margin-bottom: 60px;
}
	
	
	a.person-link {
    height: 100px;
}
	
}



.c02.einleitung-text{ position: relative; top:50px;opacity: 0; -webkit-transition:1s ease-in-out all; transition:1s ease-in-out all;	}
.js .c02.einleitung-text{top:0px;opacity: 1;}







@media screen and (max-width: 768px) {
.c02.icons-start {
    margin-top: 60px;
}
	.c02.einleitung-text {
    padding: 0;
}
}



/* Allgemein */
.features-intro {
    font-size: 1.2rem;
    margin-bottom: 2rem;
	-webkit-transition:1s ease-in-out all; transition:1s ease-in-out all;
	position: relative;
	top:50px;
	opacity: 0;
}
.ani .features-intro{top:0px;opacity: 1}
/* Repeater-Container */
.features-repeater {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Einzelnes Feature */
.feature-item {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
	-webkit-transition:1s ease-in-out all; transition:1s ease-in-out all;
	position: relative;
	top:50px;
	opacity: 0;
}
.feature-item:nth-child(1){transition-delay:.1s;}
.feature-item:nth-child(2){transition-delay:.2s;}
.feature-item:nth-child(3){transition-delay:.3s;}
.feature-item:nth-child(4){transition-delay:.4s;}
.feature-item:nth-child(5){transition-delay:.5s;}
.feature-item:nth-child(6){transition-delay:.6s;}
.feature-item:nth-child(7){transition-delay:.7s;}
.ani .feature-item {
    opacity: 1;
	top:0px;
}


/* Icon */
.feature-icon img {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

/* Inhalt */
.feature-content {
    flex: 1;
}

/* Headline */
.feature-headline {
    font-size: 1.2rem;
    margin: 0 0 0.5rem;
}

/* Text */
.feature-text {
    margin: 0;
    color: #555;
}

.feature-item h3 {
    font-weight: 100;
	
}


@media screen and (max-width: 1660px) {

	

}

/* Responsive */
@media screen and (max-width: 768px) {


    .feature-icon img {
        margin-bottom: 0.5rem;
    }
}











.leistung-intro.con .c01 {
    width: 100%;
}

/* Grid */

.leistung-intro.con {
    padding: 120px 0 30px;
	-webkit-transition:1s ease-in-out all; transition:1s ease-in-out all;
	position: relative;
	top:50px;
	opacity: 0;
}
.ani.leistung-intro.con{top:0px;
	opacity:1;}

.services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
    margin: 0 auto;
	width:1600px;
}

a.leistungs-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index: 10;
}


/* Quadratische Kästen */
.service-item {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1; /* quadratisch */
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.3s;
	color:#ffffff;
	border-radius: 15px;
	
		-webkit-transition:1s ease-in-out all; transition:1s ease-in-out all;
	position: relative;
	top:50px;
	opacity: 0;
	
	position: relative;
}

.service-item:nth-child(1){transition-delay:.1s;}
.service-item:nth-child(2){transition-delay:.2s;}
.service-item:nth-child(3){transition-delay:.3s;}
.service-item:nth-child(4){transition-delay:.4s;}
.service-item:nth-child(5){transition-delay:.5s;}
.service-item:nth-child(6){transition-delay:.6s;}
.service-item:nth-child(7){transition-delay:.7s;}
.ani .service-item{
		top:0px;
	opacity:1;
}
.ani .service-item.hovered{
	 top:-20px;
}

.page-id-7 .leistung-intro.con {
    padding-top: 30px;
}
/* Overlay */
.service-overlay {
    position: absolute;
    inset: 0;
    background-color: #3d82ea background-color: rgba(0,0,0,0); ;
	background-color: rgba(61,130,234,0); 
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: left;
    padding: 2rem 1rem ;
    transition: background-color 0.3s;
    text-align: left;
	
}

/* Icon */
.service-icon img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    margin-bottom: 0.5rem;
    transition: transform 0.3s, opacity 0.3s;
}

/* Content (Headline + Liste) */
.service-content h3,
.service-content ul {
    margin: 0;
    transition: transform 0.3s, opacity 0.3s;
}

/* Liste ausblenden */
.service-content ul {
    display: none;
}

/* Hover Effekt */
.service-item.hovered .service-overlay {
    background-color: rgba(61,130,234,1); /* Overlay ausblenden */
}

.service-item.hovered .service-icon img {
    transform: translateY(-10px) scale(0.9);
}

.service-item.hovered .service-content h3 {
    transform: translateY(-10px) scale(0.95);
}

.service-item.hovered .service-content ul {
    display: block;
    margin-top: 0.5rem;
}

.service-content h3 {
    font-size: 1.8rem;
}

.leistung_outro.con {
    margin-bottom: 80px;
	-webkit-transition:1s ease-in-out all; transition:1s ease-in-out all;
	position: relative;
	top:50px;
	opacity: 0;
}
.ani.leistung_outro.con{top:0px;
	opacity:1;}



@media screen and (max-width: 1660px) {
.service-content h3 {
    font-size: 1.5rem;
}
	.leistung-intro.con {
		padding-left: 30px;
		padding-right: 30px;
	}


	.services-grid {
		padding-right: 30px;
		padding-left: 30px;
		width: 100%;
	}
	.leistung_outro.con {
    padding-left: 30px;
    padding-right: 30px;
}
}


/* Responsive */
@media screen and (max-width: 768px) {
    .service-item {
        aspect-ratio: 1 / 1; /* bleibt quadratisch */
    }
    .service-icon img {
        width: 40px;
        height: 40px;
    }
	
	
	.service-overlay {
    padding: 2rem 1rem;
	}
	.leistung-intro.con {
		padding: 80px 30px 30px;}
}














.start-about-wrapper {
    clear: both;
    overflow: hidden;
    width: 1600px;
    margin: 0 auto;
	    padding-top: 80px;
}


img.about_in {
    width: 70px;
    position: absolute;
    right: 0;
    /* bottom: inherit; */
}

.start-about-text.c02 {
    padding: 120px 0 0 0;
}
.start-about-galerie.c02 {
    padding-left: 0;
    position: relative;
    padding-right: 80px;
}



.start-about-galerie-innerwrapper picture {
    display: block;
}

.start-about-galerie-innerwrapper img {
    width: 100%;
    display: block;
    border-radius: 15px;
	
		-webkit-transition:1s ease-in-out all; transition:1s ease-in-out all;
	position: relative;
	top:50px;
	opacity: 0;
}

img.ag01{transition-delay:.1s;}
img.ag02{transition-delay:.2s;}
img.ag03{transition-delay:.3s;}
	
.ani .start-about-galerie-innerwrapper img  {

	top:0px;
	opacity: 1;
}




.start-about-galerie-innerwrapper picture:nth-of-type(3) {
    grid-column: 1 / -1;
}

.start-about-galerie-innerwrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    position: relative;
    left: 0px;
}




.start-about-inner-text{
	-webkit-transition:1s ease-in-out all; 
	transition:1s ease-in-out all;
	position: relative;
	top:50px;
	opacity: 0;
}
.ani .start-about-inner-text{

	top:0px;
	opacity: 1;
}





@media screen and (max-width: 1660px) {

.start-about-wrapper.ani {
    width: 100%;
    padding: 80px 30px;
}
.start-about-text.c02 {
    padding: 30px;
}
}

@media screen and (max-width: 1340px) {
    .start-about-text.c02 {
        padding: 0px;
    }
	.start-about-galerie-innerwrapper {
    gap: 10px;
}
	img.about_in {
    width: 40px;
}

}

@media screen and (max-width: 768px) {

.start-about-galerie.c02 {
    padding: 0 0 30px;
}
}

.start-projekte-wrapper {
	position: relative;
	clear: both;
	margin-top: 120px;
	overflow: hidden;
	padding: 120px;
	background: #ffffff;

	transition: background-color 1s ease-in-out;
}

/* Hintergrundbild-Ebene */
.start-projekte-wrapper::before {
	content: "";
	position: absolute;
	inset: 0;

	background-image: url("../images/zitat_bg.jpg");
	background-position: left 17% center;
	background-repeat: no-repeat;
	background-size: 30%;

	opacity: 0;
	transition: opacity 1s ease-in-out;

	pointer-events: none;
		transition-delay: .5s;
}
.archive .start-projekte-wrapper::before{display:none;}
/* Animation aktiv */
.ani.start-projekte-wrapper {
	background-color: #3d82ea;

}

.ani.start-projekte-wrapper::before {
	opacity: 1;
}

.leistung_zitat span, .h2.sp_zitat span{
    will-change: transform, opacity;
}
img.sp_zitat_icon {
    width: 120px;
}
h2.sp_zitat {
    color: #fff;
    font-family: 'Noto Serif';
    font-size: 47px;
}
.start-projekte-zitate.c02 {
    padding-top: 60px;
    padding-right: 115px;
	-webkit-transition:1s ease-in-out all; 
	transition:1s ease-in-out all;
	position: relative;
	top:50px;
	opacity: 0;
	
}
.ani .start-projekte-zitate.c02{
	top:0px;
	opacity: 1;
}
span.sp_name {
    display: block;
    font-size: 40px;
    margin-top: 30px;
}


.start-projekte-liste.c02 h2 {
    color: #fff;
    padding: 60px 0 60px;
	-webkit-transition:1s ease-in-out all; 
	transition:1s ease-in-out all;
	position: relative;
	top:50px;
	opacity: 0;
}
.ani .start-projekte-liste.c02 h2 {
	top:0px;
	opacity: 1;
}
.projekt-item:first-child {
    border-top: 1px solid #fff;
}
.projekt-item:last-child {
    border-top: 1px solid #fff;
    margin-bottom: 60px;
	    border-top: 0;
}
.projekt-item {
    border-bottom: 1px solid #fff;
    padding-top: 10px;
    line-height: 120%;
		-webkit-transition:1s ease-in-out all; 
	transition:1s ease-in-out all;
	position: relative;
	top:50px;
	opacity: 0;
}
.projekt-item:nth-child(1){transition-delay:.1s;}
.projekt-item:nth-child(2){transition-delay:.2s;}
.projekt-item:nth-child(3){transition-delay:.3s;}

.ani .projekt-item {
	top:0px;
	opacity: 1;
}
.projekt-item h3 {
    color: #fff;
	    position: relative;
    z-index: 2;
}
.start-projekte-liste.c02 .btn{
		-webkit-transition:1s ease-in-out all; 
	transition:1s ease-in-out all;
	position: relative;
	top:50px;
	opacity: 0;
}
.ani .start-projekte-liste.c02 .btn{
	top:0px;
	opacity: 1;
}

.projekt-item a:link, .projekt-item a:hover, .projekt-item a:active, .projekt-item a:visited  {
    color: #fff;
    line-height: 100%;
}
p.projekt-zeitraum {
    margin: 5px 0 20px;
    font-size: 25px;
	    position: relative;
    z-index: 2;
	    font-family: 'play', Helvetica, Helvetica Neue, Arial;
}


.archive-projekte {
    min-height: 100vh;
}
.page-id-25 .kontakt-icons {
    display: none;
}
/* Titel etwas größer für Archiv */
.archiv-title {
    color: #fff;
    padding: 0px 0 60px;

}

/* Pagination 
.projekt-pagination {
    margin-top: 60px;
}*/

.projekt-pagination .page-numbers {
    color: #fff;
    margin-right: 10px;
    text-decoration: none;
    font-size: 18px;
}

.projekt-pagination .current {
    font-weight: bold;
    text-decoration: underline;
}
.start-projekte-wrapper.archive-projekte {
    margin: 0;
}


 .projekt-bg {
    position: absolute;
    bottom: 0px;
    left: 0;
    background: #fff;
    border-radius: 0;
    width: 100%;
    height: 0px;
    z-index: 1;
    /* right: 0; */
-webkit-transition: height 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition:        height 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	 border-top-left-radius: 5px;
	 border-top-right-radius: 5px;
	
}
.projekt-item:hover .projekt-bg {
    height: 95%;
}
.projekt-item:hover h3{color:#e80e6e;}

.projekt-item:hover{   padding-left: 20px; }

.projekt-item a{position:absolute; top:0; left:0; width:100%; height:100%;     z-index: 5;}

.logo-grid-wrapper {
    max-width: 1600px; /* Desktop-Breite */
    margin: 0 auto; /* zentriert auf der Seite */
    padding: 0 20px; /* etwas Abstand zu den Rändern */
	padding-bottom: 120px;
}

.logo-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 60px;
    align-items: center;
    padding: 20px 0;
}

.logo-grid .logo-item {
    flex: 1 1 150px; /* flexibel, min 150px */
    max-width: 200px; /* optional, für größere Screens */
    height: auto;
    filter: grayscale(1); /* schwarz/weiss */
    object-fit: contain;
    transition: transform 0.3s ease;
		-webkit-transition:1s ease-in-out all; 
	transition:1s ease-in-out all;
	position: relative;
	top:50px;
	opacity: 0;
}
.logo-item:nth-child(1){transition-delay:.1s;}
.logo-item:nth-child(2){transition-delay:.2s;}
.logo-item:nth-child(3){transition-delay:.3s;}
.logo-item:nth-child(4){transition-delay:.4s;}
.logo-item:nth-child(5){transition-delay:.5s;}
.logo-item:nth-child(6){transition-delay:.6s;}

.ani .logo-grid .logo-item{
	top:0px;
	opacity: 1;
}
.logo-grid .logo-item:hover {
    transform: scale(1.05);
}

.logos_heading.c01 {
    text-align: center;
    padding: 30px 30px 10px;
    margin: 0 auto;
    float: none;
    color: #999;
	transition: transform 0.3s ease;
		-webkit-transition:1s ease-in-out all; 
	transition:1s ease-in-out all;
	opacity: 0;
	    font-family: 'Play', Helvetica, Helvetica Neue, Arial, sans-serif;
}

.logos_headingt.con{	-webkit-transition:1s ease-in-out all; 
	transition:1s ease-in-out all;
	}
.ani .logos_heading.c01{opacity: 1;}




.line-projekte span {
	width: 8px;     height: 8px;
    background: #fff;
    position: absolute;
    top: -4px;
    left: -3px;
    border-radius: 100%;
	-webkit-transition:.5s ease-in-out all; 
	transition:.5s ease-in-out all;
	opacity: 0;
}
.ani .line-projekte span{opacity: 1;}
.line-projekte {
    position: absolute;
    top: 0;
    left: -10px;
    width: 2px;
    background: #fff;
    height: 0%;
	-webkit-transition:.5s ease-in-out all; 
	transition:.25s ease-in-out all;
}
.ani .line-projekte{height:100%;}


.projekt-item:first-child {
    border-top: none;
}
.projekt-item:last-child {
    border-bottom: none;
}
.projekt-item:nth-child(1) .line-projekte span{transition-delay:.5s;}
.projekt-item:nth-child(1) .line-projekte{transition-delay:.5s;}
.projekt-item:nth-child(2) .line-projekte span{transition-delay:1s;}
.projekt-item:nth-child(2) .line-projekte{transition-delay:1s;}
.projekt-item:nth-child(3) .line-projekte span{transition-delay:1.5s;}
.projekt-item:nth-child(3) .line-projekte{transition-delay:1.5s;}
.projekt-item:nth-child(4) .line-projekte span{transition-delay:2s;}
.projekt-item:nth-child(4) .line-projekte{transition-delay:2s;}
.projekt-item:nth-child(5) .line-projekte span{transition-delay:2.5s;}
.projekt-item:nth-child(5) .line-projekte{transition-delay:2.5s;}
.projekt-item:nth-child(6) .line-projekte span{transition-delay:3s;}
.projekt-item:nth-child(6) .line-projekte{transition-delay:3s;}
.projekt-item:nth-child(7) .line-projekte span{transition-delay:3.5s;}
.projekt-item:nth-child(7) .line-projekte{transition-delay:3.5s;}
.projekt-item:nth-child(8) .line-projekte span{transition-delay:4s;}
.projekt-item:nth-child(8) .line-projekte{transition-delay:4s;}
.projekt-item:nth-child(9) .line-projekte span{transition-delay:4.5s;}
.projekt-item:nth-child(9) .line-projekte{transition-delay:4.5s;}
.projekt-item:nth-child(10) .line-projekte span{transition-delay:5s;}
.projekt-item:nth-child(10) .line-projekte{transition-delay:5s;}
.projekt-item:nth-child(11) .line-projekte span{transition-delay:5.5s;}
.projekt-item:nth-child(11) .line-projekte{transition-delay:5.5s;}



.start-projekte-wrapper .c02:last-child img {
    border-radius: 15px;
}

.start-projekte-wrapper .c02:last-child img {
    border-radius: 15px;
    width: 100%;
	display:block;
	-webkit-transition:1s ease-in-out all; 
	transition:1s ease-in-out all;
	position: relative;
	top:50px;
	opacity: 0;
}
.start-projekte-wrapper.ani .c02:last-child img{
	top:0px;
	opacity: 1;
}

.start-projekte-wrapper .c02:last-child {
    padding-left: 80px;
}
@media (max-width: 1660px) {

.start-projekte-wrapper {
    padding: 40px 30px 60px;
}
	h2.sp_zitat {
    font-size: 38px;
}
	span.sp_name {
    display: block;
    font-size: 28px;
    margin-top: 30px;
}
	img.sp_zitat_icon {
    width: 80px;
}
	
	.logo-grid {
    gap: 30px;
}
	.logo-grid .logo-item {
    max-width: 12.666%;
}

	
	.start-projekte-zitate.c02 {
		padding-top: 120px;}
	
}




/* Responsive: 2 Logos pro Reihe auf kleinen Screens */
@media (max-width: 1024px) {
    .logo-grid .logo-item {
        flex: 1 1 120px;
    }
	.logo-grid-wrapper {
	padding-bottom: 0px;
}
}

@media (max-width: 768px) {

	.start-projekte-wrapper::before {
    background-position: right 17% top 2%;
    background-repeat: no-repeat;
    background-size: 71%;
}
    .projekt-item h3 {
        font-size: 24px;
    }
	
	.start-projekte-zitate.c02 {
    padding: 0;
}
	    h2.sp_zitat {
        font-size: 28px;
    }
		span.sp_name {
    display: block;
    font-size: 22px;
    margin-top: 30px;
}
	    .logo-grid .logo-item {

        max-width: 100px;
    }
	    .logo-grid .logo-item {
        width: 43% !important;
        float: left;
        flex: none;
        clear: both;
			        max-width: inherit;
    }
	.start-projekte-wrapper .c02:last-child {
    padding-left: 0px;
}
	
	p.projekt-zeitraum{font-size:20px;}
	
	.start-projekte-liste.c02 h2 {
		padding: 120px 0 60px;
	}
}






.ref-slide {
    width: 100%;
}

.refslider .c02:last-child img, .ref-slide.ref-point .c02:last-child img {
    width: 100%;
    display: block;
    border-radius: 15px;
		transition: opacity 1s ease-in-out, top 1s ease-in-out;
-webkit-transition: opacity 1s ease-in-out, top 1s ease-in-out;
	position: relative;
	top:50px;
	opacity: 0;
}
.ani .refslider .c02:last-child img, .ref-slide.ref-point.ani .c02:last-child img, .ref-slide.ani .c02:first-child{opacity: 1; top:0;}

.referenzen-wrapper {
    padding: 120px;
}

.ref-slide .c02:first-child {
    padding-right: 0%;
	transition: opacity 1s ease-in-out, top 1s ease-in-out;
-webkit-transition: opacity 1s ease-in-out, top 1s ease-in-out;
	position: relative;
	top:50px;
	opacity: 0;
}
.ani .refslider .c02:first-child {opacity: 1; top:0;}

.ref-heading {
    padding:0 0 30px 120px;
    position: relative;
}


.refslider .c02 img.ref_zitat_icon {
    position: absolute;
    left: 0;
    top: 0px;
	    width: 80px;
    display: block;
}
.referenzen-wrapper .c02:first-child {
    padding-right: 30px;
}
.referenzen-wrapper h2 {
    padding: 0 0 40px 0;
}

h3.ref-pos {
    font-weight: 100;
}
h3.ref-name {
    font-weight: 600;
}

.giant-slider-nav {
    width: 100px;
    float: right;
    padding: 20px 0;
		transition: transform 0.3s ease;
		-webkit-transition:1s ease-in-out all; 
	transition:1s ease-in-out all;
	position: relative;
	top:50px;
	opacity: 0;
}
.ani .giant-slider-nav{	opacity: 1; top:0;}
.giant-slider-nav div {
    width: 40px;
    display: inline-block;
    padding: 0 10px;
	cursor: pointer;

}
.giant-slider-nav img {
    width: 100%;
	display:block;
}


.ref-slide.ref-point {
    padding: 80px 0;
    clear: both;
	    text-align: justify;
	    overflow: hidden;
}
.ref-slide.ref-point:first-child{padding-top:0;}

.ref-slide.ref-point:nth-child(odd) .c02:last-child {
    float: left;
		    padding-right: 60px;
}

.ref-slide.ref-point:nth-child(even) .c02:last-child {

  padding-left: 60px;
}

.ref-slide.ref-point:nth-child(odd) .c02:first-child {
    float: right;
}

.ref-slide.ref-point:nth-child(odd) .c02:first-child {
    padding-left: 60px;
}

.ref-slide.ref-point:nth-child(even) .c02:first-child {

	 padding-right: 60px;
}





.page-id-148 .referenzen-wrapper.refslider {
    padding-top: 0;
}


.referenzen-wrapper {
    padding: 0;
    margin: 0 auto;
    width: 1600px;
}



@media (max-width: 1660px) {
.referenzen-wrapper {
    padding: 0;
    margin: 0 auto;
    width: 100%;
}
	
	.ref-slide.ref-point:nth-child(odd) .c02:last-child {
    float: left;
		    padding-right: 30px;
}

.ref-slide.ref-point:nth-child(even) .c02:last-child {

  padding-left: 30px;
}

	.ref-slide.ref-point:nth-child(odd) .c02:first-child {
    padding-left: 30px;
}
	.ref-slide.ref-point:nth-child(even) .c02:first-child {
    padding-right: 30px;
}

.referenzen-wrapper {
    padding: 120px 30px;
}

.refslider {
    min-height: 500px;
}

	

	.refslider {
        min-height: 400px;
    }
}


@media (max-width: 1080px) {

	.ref-slide .c02:first-child {
    width: 70%;
}
.ref-slide .c02:last-child {
    width: 30%;
}
	
.ref-slide.ref-point:nth-child(even) .c02:first-child {

	 padding-right: 5%;
}

}




@media (max-width: 768px) {

	.ref-slide .c02:first-child, .ref-slide .c02:last-child {
    width: 100%;
}
.refslider .c02:first-child {
    padding-right: 0;
    padding-bottom: 30px;
}
	    .refslider {
        min-height: 700px;
    }
	.ref-slide.ref-point:nth-child(odd) .c02:first-child {
    padding-left: 0;
}
	.ref-slide.ref-point {
    padding-bottom: 0;
}
	
.ref-slide.ref-point:nth-child(even) .c02:first-child {

	 padding-right: 0%;
}
	
	
		.ref-slide.ref-point:nth-child(odd) .c02:first-child {
    padding-left: 0px;
}
	.ref-slide.ref-point:nth-child(even) .c02:first-child {
    padding-right: 0px;
}
}






.page-template-page-wussten-sie-schon .con .c01 {
    width: 100%;
}



.wusstensie {
    clear: both;
}
.wusstensie-wrapper .c02 img {
    width: 100%;
    display: block;
    border-radius: 15px;
}

.wusstensie-wrapper .c02 {
    padding: 50px 50px 50px 0;
			transition: transform 0.3s ease;
		-webkit-transition:1s ease-in-out all; 
	transition:1s ease-in-out all;
	position: relative;
	top:50px;
	opacity: 0;
}
.ani .wusstensie-wrapper .c02{top:0px;
	opacity: 1;}
.wusstensie-wrapper {
    padding: 0;
    width: 1600px;
    margin: 0 auto;
}

.wusstensie-wrapper .c02.wusstensie-text {
    padding: 25px 0 80px 80px;
	    float: right;
}
.c02.wusstensie-bild {
    float: left;
}
.c02.wusstensie-text {
    padding-right: 10%;
}

.c02.wusstensie-text h2:first-child {
    padding-bottom: 35px;
}






.wusstensie-canvas {
    position: relative;
}

.canvas-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 0.6s ease;
    pointer-events: none;
}

.canvas-slide.is-active {
    opacity: 1;
    position: relative;
    pointer-events: auto;
}




@media screen and (max-width:1660px){

.wusstensie-wrapper {
    width: 100%;
    padding: 0 30px;
}
.wusstensie-wrapper .c02.wusstensie-text {
    padding: 50px 0 80px 80px;
}


}



@media screen and (max-width:768px){
.wusstensie-wrapper .c02 {
    padding: 0;
}
.wusstensie-wrapper .c02.wusstensie-text {
        padding: 30px 0;
    }
}


div.galerie_modul {
    width: 100%;
    border-left: 15px solid #fff;
    border-right: 15px solid #fff;
	    clear: both;
    padding: 120px 0 ;
}
.galerie_modul_einleitung {
    width: 960px;
    margin: 0 auto;
    text-align: center;
	padding-bottom:50px;
	opacity: 0;
	position: relative;
	top:200px;
	-webkit-transition:1s ease-in-out all;
	transition:1s ease-in-out all;
}
.galerie_modul_wrapper ul {
    padding: 0;
    margin: 0;
}
.galerie_modul_wrapper li {
    width: 16.666%;
    display: block;
    border-left: 15px solid #fff;
    border-right: 15px solid #fff;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 30px solid #fff;
	position: relative;
	top:200px;
	opacity: 0;
	-webkit-transition:1s ease-in-out all;
	transition:1s ease-in-out all;
	
}

.galerie_modul_wrapper {
  clear: both;
float: left;
}
.galerie_modul_wrapper li:nth-child(1){transition-delay:.1s;}
.galerie_modul_wrapper li:nth-child(2){transition-delay:.2s;}
.galerie_modul_wrapper li:nth-child(3){transition-delay:.3s;}
.galerie_modul_wrapper li:nth-child(4){transition-delay:.4s;}
.galerie_modul_wrapper li:nth-child(5){transition-delay:.5s;}
.galerie_modul_wrapper li:nth-child(6){transition-delay:.6s;}


.galerie_modul_wrapper img {
    width: 100%;
    display: block;
	border-radius: 15px;
}

/*ani*/
.galerie_modul.ani .galerie_modul_einleitung {

	opacity: 1;
	top:0px;
}
.galerie_modul.ani .galerie_modul_wrapper li {
	top:0px;
	opacity: 1;
}
@media screen and (max-width:1024px){

.galerie_modul_wrapper li {
    width: 33.33%;
}
.galerie_modul_einleitung {
    width: 100%;
    margin: 0 auto;
    padding: 30px 30px 50px 30px;
    text-align: center;
    padding-bottom: 50px;
}	
}



@media screen and (max-width:750px){

.galerie_modul_wrapper li {
    border-left: 7.5px solid #fff;
    border-right: 7.5px solid #fff;
    border-bottom: 15px solid #fff;
}
	
    div.galerie_modul {
        padding: 0px 0 60px;
    }
	
	
	
}



.single-projekte h1 {
    color: #3d82ea;
}






.single-projekte .con, .single-projekte div#content {
    overflow: visible;
	width:100%;
}
.single-projekte div#content {
    padding-left: 10%;
    width: 100%;
}


.quad-el-pro {
    width: 125%;
    height: 200px;
    position: absolute;
    background: #3d82ea;
    border-radius: 15px;
    left: -330px;
    height: 100%;
    z-index: -1;
    top: 0;
    -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.js .quad-el-pro {
     margin-left: -30px;
    left: -26%;
}



.single-projekt-entry {
    position: relative;
    color: #fff;
    padding: 30px 0;
}
.projekt-con.con {
    padding-top: 30px;
}


.single-projekt-entry h1 {
    color: #fff;
}


.article-detail ul {
  list-style: none;
  margin: 30px 0;
  padding-left: 40px;
  position: relative;
}

.referenzen.referenzen-page {
    padding-top: 60px;
    padding-bottom: 60px;
}

@media screen and (max-width:960px){

.quad-el-pro {
    width: 100%;
}

.js .quad-el-pro {
    margin-left: -30px;
    left: -30%;
}
	.referenzen.referenzen-page {
    padding-top: 30px;
}
}

@media screen and (max-width:768px){
    .quad-el-pro {
        width: 145%;
    }
}


/* Aktiv (wird per JS gesetzt) */
.article-detail ul.is-visible::before {
  height: 100%;
}

.article-detail ul li {
  opacity: 0;
  transform: translateY(20px) scale(0.98);
  filter: blur(2px);
  transition: 
    opacity 0.4s ease,
    transform 0.5s ease,
    filter 0.5s ease;
  transition-delay: calc(var(--delay) * 0.12s);
}

.article-detail ul.is-visible li {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0);
}
.article-detail ul li {
  opacity: 0;
  transform: translateY(15px);
  transition: all 0.4s ease;
  transition-delay: calc(var(--delay) * 0.12s);
	    padding-bottom: 30px;
}
/* Punkte */
.article-detail ul li::before {
    content: "";
    position: absolute;
    left: -21px;
    top: 3px;
    width: 16px;
    height: 16px;
    background: #e80e6e;
    border-radius: 50%;
    z-index: 2;
}

/* Animation aktiv */
.article-detail ul.is-visible li {
  opacity: 1;
  transform: translateY(0);
}

/* gestaffelt */
.article-detail ul.is-visible li:nth-child(1) { transition-delay: 0.1s; }
.article-detail ul.is-visible li:nth-child(2) { transition-delay: 0.2s; }
.article-detail ul.is-visible li:nth-child(3) { transition-delay: 0.3s; }
.article-detail ul.is-visible li:nth-child(4) { transition-delay: 0.4s; }
.article-detail ul.is-visible li:nth-child(5) { transition-delay: 0.5s; }

/* Hover */
.article-detail ul li:hover::before {
  transform: scale(1);
}

.article-detail ul li {
  position: relative; /* MUSS da sein */
}

.article-detail ul {
  list-style: none;
  margin: 30px 0;
  padding-left: 30px;
  position: relative;
}

/* Linie */
.article-detail ul::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 13px;
  width: 2px;
  height: 0;
  background: linear-gradient(to bottom, #3d82ea, #3d82ea);
  transition: height 1s ease;
}


/* Punkte */
.article-detail ul li::before {
    content: "";
    position: absolute;
    left: -20px;
       top: 10px;
    width: 10px;
    height: 10px;
    background: #e80e6e;
    border-radius: 50%;
    z-index: 2;
    border: 2px solid #e80e6e;
}


a.button.btn.back-button {
    margin-top: 30px;
}

@media screen and (max-width:768px){


	
}
















.page-template-page-profil #wrapper #content .con, .page-template-page-profil #wrapper #content {
    overflow: visible;
}


.profil-box {
    width: 100%;
    padding-left: 15%;
    position: relative;
    margin-top: 100px;
}

.profil-box picture img {
    width: 78%;
    position: absolute;
    bottom: 0;
    right: 0px;
    top: inherit;
    LEFT: INHERIT;
		transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
	opacity: 0;
}
.ani .profil-box picture img {
    right: -100px;
	opacity: 1;
}

.profil-intro .c02:first-child{
	position:relative;
	top:150px;
	opacity: 0;
		transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
}

.ani.profil-intro .c02:first-child{
	top:0px;
	opacity: 1;
}
.profil-quad01 {
    background: #3d82ea;
    width: 100%;
    border-radius: 15px;
    position: relative;
    z-index: -1;
    left: 150px;
	opacity: 0;
	-webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition:       all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.ani .profil-quad01 {
	opacity: 1;
    left: 0px;
}
img.blank-profil {
    width: 100%;
    display: block;
}
a.quad-link {
    position: absolute;
    top: 0;
}


a.quad-link {
    position: absolute;
	top:inherit;
    bottom: 100px;
    left: 0px;
    transform: rotate(0deg);
    width: 200px;
    height: 200px;
    border: 6px solid #fff;
    display: flex;
    justify-content: center; /* horizontal */
    align-items: center;     /* vertikal */

    text-align: center;
    background: #e80e6e;
    border-radius: 15px;
		-webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition:       all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	opacity: 0;
}

.ani a.quad-link{
	opacity: 1;
	 left: 50px;
	transform: rotate(-15deg);
}
a.quad-link:link, a.quad-link:hover, a.quad-link:active, a.quad-link:visited {
    color: #fff;
}
a.quad-link:hover{border-radius:100%;transform: rotate(0deg);}




@media screen and (max-width:1340px){

a.quad-link {
    left: 38px;
    width: 150px;
    height: 150px;
    border: 4px solid #fff;
}


}

@media screen and (max-width:1140px){

a.quad-link {
    left: 38px;
    width: 100px;
    height: 100px;
}


}


@media screen and (max-width:768px){
    a.quad-link {
        left: -8px;
        width: 100px;
        height: 100px;
        bottom: 50px;
    }
}



.faehigkeiten-intro-wrapper {
    padding:120px 0 50px 0;
			position:relative;
	top:150px;
	opacity: 0;
		transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;	
}
.ani.faehigkeiten-intro-wrapper {top:0px;	opacity: 1;}

.c02.faehigkeiten-bild img {
    width: 100%;
    display: block;
	border-radius: 15px;
	
		position:relative;
	top:150px;
	opacity: 0;
		transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;	
	
}

.ani .c02.faehigkeiten-bild img {top:0px;	opacity: 1;}
.faehigkeiten-inner-wrapper.con:nth-child(odd) .c02.faehigkeiten-bild {
    padding-left: 0px;
	padding-right: 40px;
}

.faehigkeiten-inner-wrapper.con:nth-child(odd) .c02.faehigkeiten-text {
    padding-left: 80px;
	    padding-bottom: 80px;
}


.faehigkeiten-inner-wrapper.con:nth-child(even) .c02.faehigkeiten-bild {
    float: right;
	 padding-left: 40px;
	padding-right: 0px;
}

.faehigkeiten-inner-wrapper.con:nth-child(even) .c02.faehigkeiten-text {
     padding-left: 0px;
	padding-right: 80px;
	padding-bottom: 80px;
}

.c02.faehigkeiten-text ul {
    padding: 0 0 0 20px;
    margin: 20px 0 0 0px;
}
.c02.faehigkeiten-bild img {
    position: relative;
    z-index: 2;
}
.faehigkeiten-intro-wrapper .con .c01 {
    width: 100%;
}


/* Aktiv (wird per JS gesetzt) */
.page-template-page-profil #wrapper ul.is-visible::before {
  height: 100%;
}

.page-template-page-profil #wrapper ul li {
  opacity: 0;
  transform: translateY(20px) scale(0.98);
  filter: blur(2px);
  transition: 
    opacity 0.4s ease,
    transform 0.5s ease,
    filter 0.5s ease;
  transition-delay: calc(var(--delay) * 0.12s);
}

.page-template-page-profil #wrapper ul.is-visible li {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0);
}
.page-template-page-profil #wrapper ul li {
  opacity: 0;
  transform: translateY(15px);
  transition: all 0.4s ease;
  transition-delay: calc(var(--delay) * 0.12s);
	    padding-bottom: 30px;
}
/* Punkte */
.page-template-page-profil #wrapper ul li::before {
    content: "";
    position: absolute;
    left: -21px;
    top: 3px;
    width: 16px;
    height: 16px;
    background: #e80e6e;
    border-radius: 50%;
    z-index: 2;
}

/* Animation aktiv */
.page-template-page-profil #wrapper ul.is-visible li {
  opacity: 1;
  transform: translateY(0);
}

/* gestaffelt */
.page-template-page-profil #wrapper ul.is-visible li:nth-child(1) { transition-delay: 0.1s; }
.page-template-page-profil #wrapper ul.is-visible li:nth-child(2) { transition-delay: 0.2s; }
.page-template-page-profil #wrapper ul.is-visible li:nth-child(3) { transition-delay: 0.3s; }
.page-template-page-profil #wrapper ul.is-visible li:nth-child(4) { transition-delay: 0.4s; }
.page-template-page-profil #wrapper ul.is-visible li:nth-child(5) { transition-delay: 0.5s; }

/* Hover */
.page-template-page-profil #wrapper ul li:hover::before {
  transform: scale(1);
}

.page-template-page-profil #wrapper ul li {
  position: relative; /* MUSS da sein */
}

.page-template-page-profil #wrapper ul {
  list-style: none;
  margin: 30px 0;
  padding-left: 30px;
  position: relative;
}

/* Linie */
.page-template-page-profil #wrapper ul::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 13px;
  width: 2px;
  height: 0;
  background: linear-gradient(to bottom, #3d82ea, #3d82ea);
  transition: height 1s ease;
}


/* Punkte */
.page-template-page-profil #wrapper ul li::before {
    content: "";
    position: absolute;
    left: -30px;
       top: 10px;
    width: 10px;
    height: 10px;
    background: #e80e6e;
    border-radius: 50%;
    z-index: 2;
    border: 2px solid #e80e6e;
}


@media (max-width: 1660px) {
	.faehigkeiten-intro-wrapper {
		padding: 120px 30px 50px 30px;
	}
	.faehigkeiten-wrapper {
    padding: 0 30px;
}
}

@media (max-width: 1340px) {

.faehigkeiten-inner-wrapper.con:nth-child(odd) .c02.faehigkeiten-bild {
    padding-left: 0px;
	padding-right: 20px;
}

.faehigkeiten-inner-wrapper.con:nth-child(odd) .c02.faehigkeiten-text {
    padding-left: 40px;
	padding-right: 0px;
}


.faehigkeiten-inner-wrapper.con:nth-child(even) .c02.faehigkeiten-bild {
    float: right;
	 padding-left: 20px;
	padding-right: 0px;
}

.faehigkeiten-inner-wrapper.con:nth-child(even) .c02.faehigkeiten-text {
     padding-left: 0px;
	padding-right: 40px;
}

}

@media (max-width: 768px) {

.faehigkeiten-inner-wrapper.con:nth-child(odd) .c02.faehigkeiten-bild {
    padding-left: 0px;
	padding-right: 0px;
}

.faehigkeiten-inner-wrapper.con:nth-child(odd) .c02.faehigkeiten-text {
    padding-left: 0px;
	padding-right: 0px;
}


.faehigkeiten-inner-wrapper.con:nth-child(even) .c02.faehigkeiten-bild {
    float: right;
	 padding-left: 0px;
	padding-right: 0px;
}

.faehigkeiten-inner-wrapper.con:nth-child(even) .c02.faehigkeiten-text {
     padding-left: 0px;
	padding-right: 0px;
}
.faehigkeiten-inner-wrapper.con:nth-child(odd) .c02.faehigkeiten-bild {
        padding-left: 0px;
        padding-right: 0px;
    }
	    .faehigkeiten-inner-wrapper.con:nth-child(even) .c02.faehigkeiten-bild {
        float: right;
        padding-left: 4px;
        padding-right: 0px;
    }
	.c02.faehigkeiten-bild {
    padding-bottom: 30px;
}
}


.faehigkeiten-blue {
    background-color: #3d82ea;
	background-image: url("../images/brain.jpg");
    background-size: 34%;
    background-position: top 42% right -39%;
    background-repeat: no-repeat;
    padding: 120px 0;
    color: #fff;
			transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;	
}
.faehigkeiten-blue.ani{  background-position: top 42% right 3%;}
.page-template-page-profil #wrapper .faehigkeiten-blue ul li:last-child {
    padding-bottom: 30px;
}
.page-template-page-profil #wrapper .faehigkeiten-blue ul li {
    left: -8px;
    padding-bottom: 0;
}

.page-template-page-profil #wrapper .faehigkeiten-blue ul li::before {
    background: #fff; 
    border-color: #fff;
    width: 5px;
    height: 5px;
	    left: -23px;
}
.page-template-page-profil #wrapper ul li:last-child {
    padding-bottom: 0px;
}
.faehigkeiten-blue .c02:last-child {
    border-left: 1px solid #fff;
    padding-left: 50px;
}


.faehigkeiten-blue .con:last-child {
    padding-right: 15%;
}

.faehigkeiten-blue .con .c01 {
    width: 66%;
}



@media (max-width: 1660px) {
.faehigkeiten-blue {
    padding: 120px 30px;
}
	
}


@media (max-width: 1340px) {

    .faehigkeiten-blue {
        padding: 80px 30px;
    }
}

.veroffentlichungen-wrapper {
    max-width: 1600px;
    width: calc(100% - 60px); /* 30px Abstand links/rechts */
    margin: 0 auto;           /* zentriert */
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;                /* Abstand zwischen den Beiträgen */
    box-sizing: border-box;
}

/* Beiträge */
.veroffentlichungen-inner-wrapper {
    background: #fff;        /* optional, für visuelle Trennung */
    padding: 0px;
    box-sizing: border-box;
	position: relative;
	
			position:relative;
	top:150px;
	opacity: 0;
		transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;	
	
}

.einleitung_publikationen .c01 {
    width: 100%;
}
.einleitung_publikationen .con .c01 {
    width: 100%;
}

.ani .veroffentlichungen-inner-wrapper{top:0px; 	opacity: 1;}

.veroffentlichungen-inner-wrapper:nth-child(1){transition-delay:.1s;}
.veroffentlichungen-inner-wrapper:nth-child(2){transition-delay:.2s;}
.veroffentlichungen-inner-wrapper:nth-child(3){transition-delay:.3s;}
.veroffentlichungen-inner-wrapper:nth-child(4){transition-delay:.4s;}
.veroffentlichungen-inner-wrapper:nth-child(5){transition-delay:.5s;}
.veroffentlichungen-inner-wrapper:nth-child(6){transition-delay:.6s;}
.veroffentlichungen-inner-wrapper:nth-child(7){transition-delay:.7s;}
.veroffentlichungen-inner-wrapper:nth-child(8){transition-delay:.8s;}
.veroffentlichungen-inner-wrapper:nth-child(9){transition-delay:.9s;}
.veroffentlichungen-inner-wrapper:nth-child(10){transition-delay:1s;}
.veroffentlichungen-inner-wrapper:nth-child(11){transition-delay:1.1s;}
.veroffentlichungen-inner-wrapper:nth-child(12){transition-delay:1.2s;}
.veroffentlichungen-inner-wrapper:nth-child(13){transition-delay:1.3s;}
.veroffentlichungen-inner-wrapper:nth-child(14){transition-delay:1.4s;}


.veroffentlichungen-inner-wrapper img{ 		
	transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;	 
	position: relative;
top: 0;}
.veroffentlichungen-inner-wrapper:hover img{
    top: -30px;
}


.veroffentlichungen-inner-wrapper a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	    z-index: 5;
}
/* Bilder */
.veroffentlichungen-img {
    width: 100%;
    height: auto;
    display: block;
	border-radius: 15px;
}

.publikationen-cover img {
    width: 50%;
    display: block;
    border: 1px solid #eeeeee;
}
.einleitung_publikationen {
    padding-top: 120px;
			position:relative;
	top:150px;
	opacity: 0;
		transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;	
}

.einleitung_publikationen.ani {top:0px;
	opacity: 1;}


@media (max-width: 1660px) {

.einleitung_publikationen {
    padding-left: 30px;
    padding-right: 30px;
}

}
/* Tablet: 2 Spalten */
@media (max-width: 1024px) {
    .veroffentlichungen-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile: 1 Spalte */
@media (max-width: 768px) {
	
	.publikationen-cover img {
    width: 100%;
}
    .veroffentlichungen-wrapper {
        grid-template-columns: 1fr;
    }
		.faehigkeiten-blue  .con .c01 {
    width: 100%;
}
	.faehigkeiten-intro-wrapper {
    padding-top: 60px;
}
}










/*\\\\\\\\\\\\\\\\\\\\ 	wussten sie schon  ////////////////////*/


.headbild-wusstensie {
    padding-bottom: 30px;
	position: relative;
	top:100px;
	-webkit-transition:1s ease-in-out all;
	transition:1s ease-in-out all;
	opacity: 0;
}
.headbild-wusstensie.ani{
	top:0px;
	opacity: 1;
	
}


.hintergrundbild_wusstensie_bild {
    padding-bottom: 60px;
}
.headbild-wusstensie img {
    width: 100%;
    display: block;
    height: auto;
}

.number-headline {
    width: 100%;
    padding: 120px 0px 0px 0;
    float: right;
}
.number-headline h2 {
	font-size: 78px;
}


.number-wrapper-num,.number-sign {
    color: #3d82ea;
    font-size: 250px;
    font-weight: 700;
    font-family: 'Titillium Web', Helvetica, Helvetica Neue, Arial;
    /* clear: both; */
    /* overflow: hidden; */
    line-height: 140%;
}
.number-wrapper {
    width: 1600px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}


.number-sign {
    line-height: 80%;
}


.zahl-big .number-wrapper-num, .zahl-big  .number-sign {
    font-size: 400px; display:inline;
	text-align: right;
}
.zahl-big .number-outer-wrapper{
	
    float: right;
    width: 50%;
}
.zahl-big .number-headline {
    float: left;
    width: 50%;
}

.section.zahl-big svg {
    bottom: 0;
    left: 0;
}




@media (max-width: 1660px) {

.number-wrapper {
    width: 100%;
}

}


.grafik01-text strong, .number-headline strong {
    color:#3d82ea;
}


.grafik01{
	position: relative;
		opacity: 0;
	top:100px;
	-webkit-transition:1s ease-in-out all; 
	transition:1s ease-in-out all;
}
.grafik01.ani {
	opacity: 1;
	top:0px;
}

.grafik01.grafik-rechts.con .grafik01-text {
    width: 40%;
    float: left;
	    padding-top: 120px;
	padding-right:60px;
}
.grafik01.grafik-rechts.con .svg-container {
    width: 60%;
    float: right;
}
.grafik01.grafik-rechts.con {
    padding: 120px 0;
}



.grafik01.grafik-links.con .grafik01-text {
    width: 50%;
    float: right;
	padding-top: 120px;
	padding-left:60px;
}
.grafik01.grafik-links.con .svg-container {
    width: 50%;
    float: left;
		padding-right:60px;
}
.grafik01.grafik-links.con {
    padding: 120px 0;
}


.grafik01.grafik-rechts.con.free-cash-flow .svg-container {
    width: 50%;
}

.bild_wusstensie.con.bild_rechts .bild_wusstensie-text {
    padding-left: 0;
}



.svg-container path, 
.svg-container rect {
    opacity: 0;
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.svg-container text {
    opacity: 0;
    transition: opacity 0.8s ease-out; /* kein translate */
}

.svg-container.animate path,
.svg-container.animate rect {
    opacity: 1;

}

.svg-container.animate text {
    opacity: 1;
}
	.svg-container {
    width: 50%;
}


.grafik01.grafik-links.grafik-big .grafik01-text {
    width: 33.333%;
}

.grafik01.grafik-links.grafik-big .svg-container {
    width: 66.666%;
}




.progress-bars-section {
    padding: 2rem;
    max-width: 800px;
    margin: 0 auto;
}

.progress-bar-wrapper {
    margin-bottom: 1.5rem;
}

.progress-bar-label {
    font-weight: bold;
    margin-bottom: 0.3rem;
}

.progress-bar {
    width: 100%;
    background: #eee;
    border-radius: 10px;
    overflow: hidden;
    height: 25px;
    position: relative;
}

.progress-bar-fill {
    height: 100%;
    width: 0;
    background: linear-gradient(90deg, #4caf50, #81c784);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 0.5rem;
    border-radius: 10px;
    transition: width 1.2s ease-out;
}

.progress-bar-text {
    color: #fff;
    font-weight: bold;
    font-size: 0.9rem;
}













.bild_wusstensie strong {
    color: #3d82ea;
}


.bild_wusstensie_bild {
    width: 50%;
    float: right;
    border-radius: 15px;
    overflow: hidden;
}


.bild_wusstensie-text {
		padding:30px 120px;
    width: 50%;
    float: left;
}

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



.bild_wusstensie.bild_links.con .bild_wusstensie_bild {
    width: 50%;
    float: left;
}

.bild_wusstensie.bild_links.con .bild_wusstensie-text {
    width: 50%;

    float: right;
}
.bild_wusstensie {
    padding: 120px 0;

	position: relative;
		opacity: 0;
	top:100px;
	-webkit-transition:1s ease-in-out all; 
	transition:1s ease-in-out all;
}
.bild_wusstensie.ani {
	opacity: 1;
	top:0px;
}




.hintergrundbild_wusstensie_bild img {
    display: block;
    width: 100%;
    border-radius: 15px;
}

.hintergrundbild_wusstensie-text {
    position: absolute;
    top: 19%;
    left: 6%;
    color: #fff;
    width: 30%;
}


.number_hintergrundbild {
    position: absolute;
    right: 80px;
    bottom: 80px;
    font-size: 200px;
    color: #fff;
    line-height: 100%;
    font-weight: 600;
}



.hintergrundbild_wusstensie.con {
    position: relative;
	opacity: 0;
	top:100px;
	-webkit-transition:1s ease-in-out all; 
	transition:1s ease-in-out all;
}
.hintergrundbild_wusstensie.con.ani {
	opacity: 1;
	top:0px;
}



.section {
    position: relative;
    height: 1080px;
    overflow: hidden;
	opacity: 0;
	top:100px;
	-webkit-transition:1s ease-in-out all; 
	transition:1s ease-in-out all;
}
.section.ani {
	opacity: 1;
	top:0px;
}
.section.zahl-big {
    height: 768px;
}
.canvas {
    position: absolute;
    width: 100%;
    height: 100%;
}

.grid {
    position: absolute;
    width: 100%;
    height: 100%;
   /* background-image:
        linear-gradient(rgba(0,0,0,0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0,0,0,0.04) 1px, transparent 1px);*/
    background-size: 80px 80px;
	    top: 0;
}

.grid svg {
    position: absolute;
    width: 100%;
    height: 100%;
}

.line {
    fill: none;
    stroke-width: 1;
    opacity: 0.5;
}

.line.primary {
    stroke: #3d82ea;
    opacity: 1;
}

.line.secondary {
    stroke: #e80e6e;
    opacity:1;
}
	
	
	.section svg {
    position: absolute;
    bottom: -19%;
}

.zahl-big svg {
    height: 600px;
    width: 100%;
    position: absolute;
    bottom: 0;
}

.zahlen_modul.number-wrapper.zahl-big.zahlbig02 .number-headline {
    padding-right: 120px;
}
.zahlen_modul.number-wrapper.zahl-big.zahlbig02.counter-value h3 {
    font-weight: bold;
}


/* Der Container im Normalzustand */
.svg-container {
    cursor: zoom-in;
    transition: all 0.3s ease;
}

/* Der Container im Vollbild-Modus */
.svg-container.is-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw !important;
    height: 100vh;
    background: rgba(255, 255, 255, 0.95); /* Heller Hintergrund */
    z-index: 99999999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
    cursor: zoom-out;
	
}

/* Das SVG passt sich im Vollbild an */
.is-fullscreen svg {
    max-width: 90%;
    max-height: 90%;
    width: auto !important;
    height: auto !important;
}

.grafik-big .is-fullscreen svg {
    max-height: unset;
    top: 0;
    padding: 100px;
	    position: absolute;
}
.grafik-big .svg-container.js-animate-svg.is-fullscreen {
    overflow-y: scroll;
}



.grafik01-text h2, .bild_wusstensie.con h2 {
    font-weight: 300;
}



@media (max-width: 1660px) {

.section.section-zahlen, .grafik01.con, .grafik01.grafik-rechts.con, .bild_wusstensie.bild_links.con, .bild_wusstensie.con, .grafik01.grafik-links.con, .hintergrundbild_wusstensie{
    padding-right: 30px;
    padding-left: 30px;
}
 

}


@media (max-width: 1340px) {

.number-headline h2 {
    font-size: 58px;
}
.number-wrapper-num, .number-sign {
    font-size: 150px;
}
	.section {
    height: 768px;
}
	.zahl-big .number-wrapper-num, .zahl-big .number-sign {
    font-size: 200px;
}
		.zahl-big .number-wrapper-num{
    padding-left:60px;
}
	.grafik01.grafik-links.grafik-big .grafik01-text {
    padding-left: 0;
}
	.number_hintergrundbild {
    font-size: 100px;
}
		.bild_wusstensie-text {
    padding: 30px 60px;
}

	.zahlen_modul.number-wrapper.zahl-big.zahlbig02 .number-headline {
    padding-right: 80px;
}
}



@media (max-width: 1040px) {
.zahl-big .number-wrapper-num, .zahl-big .number-sign {
        font-size: 150px;
    }
	.number-wrapper-num, .number-sign {
        font-size: 100px;
    }
	   .number-headline h2 {
        font-size: 34px;
    }
	    .section {
        height: 600px;
    }

	.grafik01.grafik-rechts.con .grafik01-text {

    padding-top: 0;
    padding-right: 40px;
}
	.bild_wusstensie {
    padding-top: 60px;
}
	.bild_wusstensie-text {
    padding: 30px 30px;
}
	.zahlen_modul.number-wrapper.zahl-big.zahlbig02 .number-headline {
    padding-right: 60px;
}
	    .section.zahl-big {
        height: 400px;
    }
	
	.zahl-big svg {
    height: 300px;
}
}


@media (max-width: 768px) {

    .number-wrapper-num, .number-sign {
        font-size: 68px;
    }
	.grafik01.grafik-rechts.con .grafik01-text {
    width: 100%;
		    padding-bottom: 30px;
    padding-right: 0;
}
	.bild_wusstensie.bild_links.con .bild_wusstensie_bild {
    float: none;
    width: 100%;
    clear: both;
}
	.grafik01.grafik-rechts.con .svg-container {
    width: 100%;
}
    .number_hintergrundbild {
        font-size: 25px;
        right: 40px;
    }
	.hintergrundbild_wusstensie-text {
    top: 19%;
    left: 40px;
}
	.hintergrundbild_wusstensie-text h2 {
        font-size: 12px;
    }
	.grafik01.grafik-links.con .svg-container {
    width: 100%;
    padding: 0;
}
	.grafik01.grafik-links.con .grafik01-text {
    width: 100%;
    padding: 0 0 50px 0;
}
	.grafik01.grafik-rechts.con {
    padding: 60px 30px;
}
	.grafik01.grafik-links.con {
    padding: 60px 30px;
}
	.zahl-big .number-outer-wrapper, .zahl-big .number-headline {
    float: none;
    width: 100%;
}
	    .section.zahl-big {
        height: 700px;
    }
	.zahl-big .number-wrapper-num {
    padding: 0;
}
	.bild_wusstensie.bild_links.con .bild_wusstensie-text {
    width: 100%;
    padding: 0 0 30px;
}
	.grafik01.grafik-rechts.con.free-cash-flow .svg-container {
    width: 100%;
}
	.bild_wusstensie_bild {
    width: 100%;
}
	.bild_wusstensie-text {
    width: 100%;
    padding: 0 0 30px;
}
	.number-headline {
    width: 100%;
    padding: 60px 30px 0px 0;
    float: right;
}
	.section svg {
    position: absolute;
    bottom: 0;
}
}

/*\\\\\\\\\\\\\\\\\\\\ CONTENT LAYOUT ////////////////////*/


/*\\\\\\\\\\\\\\\\\\\\ SINGLE ////////////////////*/
.blog .entry img{
    height: auto;
    max-width: 100%;
    float: left;
    padding: 0px 30px 30px 0;
}
/*\\\\\\\\\\\\\\\\\\\\ BLOG ////////////////////*/	


.article-con{
	/*padding:40px 60px 40px 0px;*/
	}	
.c80.article-detail{width:90%;}
.article-comments{
	padding:50px 0;
	}

.article-image img{
    float: left;
    margin:  0;
}
.article-image.c01 {
    padding-bottom: 30px;
}
.entry img {
    float: left;
}
.single .article-image img {
    width: 100%;
    padding-right: 30px;
    height: auto;
	
}
.single-post #content ul, .single-post #content ol {
    border-left: 8px solid #2fba2d;
}
.single-post #content ul li {
    list-style-type: none;
}
.article-image.c03 {
    padding: 0 30px 30px 0;
}
.single-post div#content .con {
    width: 100%;
}
.single-post div#content {
    width: 900px;
}
#content .navigation {
    margin-top: 40px;
}	

.wp-paginate a, .wp-paginate .current{
    padding: 4px 10px !important;
}

h2 a:link, h2 a:active, h2 a:visited, h2 a:hover{
	
	text-decoration:none;
	}
	

@media screen and (max-width:960px){
.single-post div#content {
    width: 100%;
	padding:0 30px;
}
}

@media screen and (max-width:1000px){
	.single .c80.article-detail{width:100%;}

}
@media screen and (max-width:960px){
	.single-post .c66{width:66.6666%;}

	}
	@media screen and (max-width:800px){
	.single .article-image img{
	    width: 100%;
    height: auto;
	margin-bottom:30px;
	}
.single-post .c66, .single-post .c03{width:100%;}
	.article-con {
    padding: 0px;
}
		.article-image.c03 {
    padding: 0 0px 0px 0;
			overflow: hidden;
}
	}
	
@media screen and (max-width:680px){
	.single-post .con img{width:100%;}
	.article-con{
	padding:20px 0px;
	}
	.article-image.c02 {
    padding: 0 0 30px 0;
		    overflow: hidden;
}
	.single-post .c01.article-detail {
    padding-top: 30px;
}
	
	.single-post .c66 {
    padding: 0;
}
	}















.c02.leistungs-detail-bild img {
    width: 100%;
    display: block;
	border-radius: 15px;
	
		position:relative;
	top:150px;
	opacity: 0;
		transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;	
	
}
 .c02.leistungs-detail-text {
	 position:relative;
    		transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;	
	 top:200px;
	 opacity: 0;
}
 .ani .c02.leistungs-detail-text {
	 position:relative;
    top:0;
	 opacity: 1;
}


.ani .c02.leistungs-detail-bild img {top:0px;	opacity: 1;}
.leistungs-detail-inner-wrapper.con:nth-child(odd) .c02.leistungs-detail-bild {
    padding-left: 0px;
	padding-right: 40px;
}

.leistungs-detail-inner-wrapper.con:nth-child(odd) .c02.leistungs-detail-text {
    padding-left: 80px;
	    padding-bottom: 30px;
}


.leistungs-detail-inner-wrapper.con:nth-child(even) .c02.leistungs-detail-bild {
    float: right;
	 padding-left: 40px;
	padding-right: 0px;
}

.leistungs-detail-inner-wrapper.con:nth-child(even) .c02.leistungs-detail-text {
     padding-left: 0px;
	padding-right: 80px;
	padding-bottom: 30px;
}

.c02.leistungs-detail-text ul {
    padding: 0 0 0 20px;
    margin: 20px 0 0 0px;
}
.c02.leistungs-detail-bild img {
    position: relative;
    z-index: 2;
}




.page-id-9 .leistungs-detail-inner-wrapper.con:nth-child(4) .c02.leistungs-detail-bild,
.page-id-11 .leistungs-detail-inner-wrapper.con:nth-child(4) .c02.leistungs-detail-bild{
    float: left;
    padding: 0 40px 0 0;
}

.page-id-9 .leistungs-detail-inner-wrapper.con:nth-child(4) .c02.leistungs-detail-text,
.page-id-11 .leistungs-detail-inner-wrapper.con:nth-child(4) .c02.leistungs-detail-text{
    padding: 0 0 80px 40px;
}


/* Aktiv (wird per JS gesetzt) */
.page-template-page-single-leistungen #wrapper ul.is-visible::before {
  height: 100%;
}

.page-template-page-single-leistungen #wrapper ul li {
  opacity: 0;
  transform: translateY(20px) scale(0.98);
  filter: blur(2px);
  transition: 
    opacity 0.4s ease,
    transform 0.5s ease,
    filter 0.5s ease;
  transition-delay: calc(var(--delay) * 0.12s);
}

.page-template-page-single-leistungen #wrapper ul.is-visible li {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0);
}
.page-template-page-single-leistungen #wrapper ul li {
  opacity: 0;
  transform: translateY(15px);
  transition: all 0.4s ease;
  transition-delay: calc(var(--delay) * 0.12s);
	    padding-bottom: 30px;
}
/* Punkte */
.page-template-page-single-leistungen #wrapper ul li::before {
    content: "";
    position: absolute;
    left: -21px;
    top: 3px;
    width: 16px;
    height: 16px;
    background: #e80e6e;
    border-radius: 50%;
    z-index: 2;
}

/* Animation aktiv */
.page-template-page-single-leistungen #wrapper ul.is-visible li {
  opacity: 1;
  transform: translateY(0);
}

/* gestaffelt */
.page-template-page-single-leistungen #wrapper ul.is-visible li:nth-child(1) { transition-delay: 0.1s; }
.page-template-page-single-leistungen #wrapper ul.is-visible li:nth-child(2) { transition-delay: 0.2s; }
.page-template-page-single-leistungen #wrapper ul.is-visible li:nth-child(3) { transition-delay: 0.3s; }
.page-template-page-single-leistungen #wrapper ul.is-visible li:nth-child(4) { transition-delay: 0.4s; }
.page-template-page-single-leistungen #wrapper ul.is-visible li:nth-child(5) { transition-delay: 0.5s; }

/* Hover */
.page-template-page-single-leistungen #wrapper ul li:hover::before {
  transform: scale(1);
}

.page-template-page-single-leistungen #wrapper ul li {
  position: relative; /* MUSS da sein */
}

.page-template-page-single-leistungen #wrapper ul {
  list-style: none;
  margin: 30px 0;
  padding-left: 30px;
  position: relative;
}

/* Linie */
.page-template-page-single-leistungen #wrapper ul::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 13px;
  width: 2px;
  height: 0;
  background: linear-gradient(to bottom, #d82ea, #3d82ea);
  transition: height 1s ease;
}


/* Punkte */
.page-template-page-single-leistungen #wrapper ul li::before {
    content: "";
    position: absolute;
    left: -30px;
       top: 10px;
    width: 10px;
    height: 10px;
    background: #e80e6e;
    border-radius: 50%;
    z-index: 2;
    border: 2px solid #e80e6e;
}




.leistungs-detail-inner-wrapper.con {
       padding-bottom: 80px;
	    padding-top: 0;
	
}



.zitat_leistungen-detail {
    background: #3d82ea;
    padding: 40px;
    color: #fff;
    margin: 60px 0;
	position: relative;
}
img.leistungen_zitat_icon {
    position: static;
    left: 80px;
    top: 30px;
    width: 80px;
}
.zitat_inner-leistungen {
    width: 100%;
    margin-left: 160px;
}
.leistung_zitat {
    font-family: 'Noto Serif';
    font-size: 47px;
	    line-height: 140%;
	margin-top:10px;
}
.leistung_zitat_name {
    display: block;
    font-size: 29px;
    margin-top: 10px;
    color: #000;
}
div#content.leistung-single-intro .c01 {
    width: 100%;
}

@media (max-width: 1660px) {
	.leistungs-detail-intro-wrapper {
		padding: 120px 30px 50px 30px;
	}
	.leistungs-detail-wrapper {
    padding: 0 30px;
}
		.zitat_inner-leistungen {
    width: 100%;
    margin-left: 30px;
}
    img.leistungen_zitat_icon {
        left: 30px;
        width: 80px;
    }
	.zitat_leistungen-detail {
    padding-left: 120px;
}
}

@media (max-width: 1340px) {

.leistungs-detail-inner-wrapper.con:nth-child(odd) .c02.leistungs-detail-bild {
    padding-left: 0px;
	padding-right: 20px;
}

.leistungs-detail-inner-wrapper.con:nth-child(odd) .c02.leistungs-detail-text {
    padding-left: 40px;
	padding-right: 0px;
}


.leistungs-detail-inner-wrapper.con:nth-child(even) .c02.leistungs-detail-bild {
    float: right;
	 padding-left: 20px;
	padding-right: 0px;
}

.leistungs-detail-inner-wrapper.con:nth-child(even) .c02.leistungs-detail-text {
     padding-left: 0px;
	padding-right: 40px;
}

}

@media (max-width: 768px) {
	.leistungs-detail-inner-wrapper.con {
    padding-bottom: 0;
    padding-top: 0px;
}
	.leistungs-detail-inner-wrapper.con:nth-child(even) .c02.leistungs-detail-text,
	.leistungs-detail-inner-wrapper.con:nth-child(odd) .c02.leistungs-detail-text{padding-bottom:0;}
.leistungs-detail-inner-wrapper.con:nth-child(odd) .c02.leistungs-detail-bild {
    padding-left: 0px;
	padding-right: 0px;
}

.leistungs-detail-inner-wrapper.con:nth-child(odd) .c02.leistungs-detail-text {
    padding-left: 0px;
	padding-right: 0px;
}


.leistungs-detail-inner-wrapper.con:nth-child(even) .c02.leistungs-detail-bild {
    float: right;
	 padding-left: 0px;
	padding-right: 0px;
}

.leistungs-detail-inner-wrapper.con:nth-child(even) .c02.leistungs-detail-text {
     padding-left: 0px;
	padding-right: 0px;
}
.leistungs-detail-inner-wrapper.con:nth-child(odd) .c02.leistungs-detail-bild {
        padding-left: 0px;
        padding-right: 0px;
    }
	    .leistungs-detail-inner-wrapper.con:nth-child(even) .c02.leistungs-detail-bild {
        float: right;
        padding-left: 4px;
        padding-right: 0px;
    }
	.c02.leistungs-detail-bild {
    padding-bottom: 30px;
}
	.zitat_inner-leistungen {
    width: 100%;
    margin-left: 0;
}
	    img.leistungen_zitat_icon {
        left: 15px;
        width: 60px;
        top: 15px;
    }
	.zitat_leistungen-detail {
        padding-left: 30px;
        line-height: 120%;
    
    padding-right: 0 !important;
}

	.leistung_zitat {
    font-size: 24px;
}
	.leistung_zitat_name {
    display: block;
    font-size: 18px;
    line-height: 120%;
    margin-top: 10px;
}
	
	
	
	.page-id-9 .leistungs-detail-inner-wrapper.con:nth-child(4) .c02.leistungs-detail-bild,
	.page-id-11 .leistungs-detail-inner-wrapper.con:nth-child(4) .c02.leistungs-detail-bild{
    float: left;
    padding: 0;
}
	
	.page-id-9 .leistungs-detail-inner-wrapper.con:nth-child(4) .c02.leistungs-detail-text,
	.page-id-11 .leistungs-detail-inner-wrapper.con:nth-child(4) .c02.leistungs-detail-text{
    padding: 30px 0 0 0 !important;
    clear: both;
}
	
	.page-id-30 div#content img {
    float: right;
    margin: 0px 0 10px 20px;
		width: 100px;
}
}


@media (max-width: 365px) {
	    .leistung_zitat {
        font-size: 20px;
    }
}













/*\\\\\\\\\\\\\\\\\\\\\PAGING NAVIGATION//////////////////*/	
	
.paging-navigation .wp-paginate .current{
		background:#aed544;
	}
.wp-pagenavi > span, .wp-pagenavi > a {
    width: 36px !important;
    height: 30px !important;
    padding-top: 10px !important;
    text-align: center;
    display: block;
    float: left;
}
.wp-pagenavi > span.pages {
    width: auto !important;
    border: none;
}

/*\\\\\\\\\\\\\\\\\\\\ LIGHTBOX ////////////////////*/
html > body > #swipebox-overlay {
background-color: #f2f2f2 !important; 
}

body #swipebox-action{
text-shadow:none;
background-color: #2fba2d;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2fba2d), color-stop(100%, #2fba2d));
background-image: -webkit-linear-gradient(#2fba2d, #2fba2d);
background-image: -moz-linear-gradient(#2fba2d, #2fba2d);
background-image: -o-linear-gradient(#2fba2d, #2fba2d);
background-image: linear-gradient(#2fba2d, #2fba2d);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
opacity: 1;
}
body #swipebox-caption {
text-shadow:none;
background-color: #f2f2f2;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2f2f2), color-stop(100%, #f2f2f2));
background-image: -webkit-linear-gradient(#f2f2f2, #f2f2f2);
background-image: -moz-linear-gradient(#f2f2f2, #f2f2f2e);
background-image: -o-linear-gradient(#f2f2f2, #f2f2f2);
background-image: linear-gradient(#f2f2f2, #f2f2f2);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
opacity: 1;
}	

#swipebox-bottom-bar, #swipebox-top-bar {
    text-shadow: 1px 1px 1px #2fba2d !important;
    background: #2fba2d !important;
    opacity: .95;
}
div#swipebox-top-bar {
    display: block !important;
}
 #swipebox-overlay {
  background-color: rgba(0,0,0,0.7) !important;

}
div#swipebox-action {
  background-color: #ff7800;
  background-image: none;
}
div#swipebox-caption {
  background-image: none;
  background: #ff7800;
  font-size: 20px;
  font-weight: 400;
  font-family: inherit;
}



/* Standard UL/LI mit pinken Aufzählungspunkten */
#content ul {
    padding-left: 1.5rem;
    margin: 1rem 0;
	    margin-left: 3px;
}



#content ul li::marker {
    color: #e80e6e;
}