/*
Theme Name: rehwabeta

*/



/* CSS Document */

@charset "utf-8";






/*---------------------------------------------------------------------------------------------*/
/* css reset by Eric Meyer: http://meyerweb.com
*/

html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, span,
abbr, address, cite, img, ins, kbd, q, s, samp,
small, strike, sub, tt, var,
center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, section, summary {
	display: block;
	margin: 0; 
	padding: 0;
	border: 0;
	
}


	
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style-type: none;
}
 
html {
	height: 100,1%;
	box-sizing: border-box;
	font-size: 100%; 
	overflow-y: scroll; 
	vertical-align: top;
	-webkit-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%; 
	scroll-behavior: smooth;}
	

*, ::before, ::after { box-sizing: inherit; 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}



/* Grundeinstellungen */	

 
 :root { 
	--mainColor: #222;
	--secondColor: #888;
	--borderColor: #ccc;
	--borderColor2: #ccc;
	--secondBgColor: #dfdcdc;
	--fontSize:19px;
	--spacing-ext: 0.67rem;
	--spacing-int: 0.5rem ;
	--spacing-top: 1.4rem;
	--onethird-img: calc((100vw - (2*(var(--spacing-ext)) + 2*var(--spacing-int)))/3);
	 }
      		
@media screen and (min-width:800px){

	:root { 
	/*--fontSize:1.16rem;*/
	--fontSize:20px;
	}
}

@media screen and (min-width:900px){

	:root { 
	--spacing-ext: 1.3vw;
	--spacing-int: 1.3vw;
	--spacing-top: 1.3vw;
	}
}
	
	
@media screen and (min-width:1280px){
	:root { 
	--fontSize:1.45vw;
	--fontSize:1.35vw;
	--fontSize:1.3vw;
	}
}

@media screen and (min-width:1480px){
	:root { 
	--fontSize:1.35vw;
	--fontSize:1.30vw;
	--fontSize:1.25vw;
	
	}
}

@media screen and (min-width:1680px){
	:root { 
	--fontSize:1.2vw;
	--fontSize:1.15vw;
	--fontSize:1.25vw;
	}
}

@media screen and (min-width:1780px){
	:root { 
	--fontSize:1.1vw;
	--fontSize:1.2vw
	}
}

body{
	background:#fff;
	overflow-wrap: break-word;
	color: #222;
	color: var(--mainColor);
	line-height:1.5;
	font-kerning: auto;
	font-family: 'Graphik Web', arial, sans-serif;
	font-size:1.16rem;
	font-size: var(--fontSize);
	font-weight:400;
	letter-spacing:normal;
	scroll-behavior:smooth;
	}
	
b{
	font-weight:400}

h1,
h2,
h3,
h4{
	line-height:1.1;
	font-weight:400;
	letter-spacing:-0.02em;
	margin-bottom:0.3em;
	word-wrap:normal;
	}
	
h1{
	font-size:1.5em;
	}
	
h2{
	font-size:1.5em;
	}	

	
h3{
	font-size:1.2em;
	}
	
figure.themenelement,
figure.index-teaser{
	position:relative;
	}
	
.themen h3,
.thema h1{
	position: absolute;
	bottom: 0;
	margin:0;
	padding:0.15em;
	left: 0;
	z-index: 5;
	color: #fff;
	font-size:2.35rem;
	}
	
h3.entry-title{
	font-size:1.36em;
	margin-top:0.15em;
	/*margin-bottom:0.2em;*/
	}
	
h4{
	font-size:1.45em;
	}

.subnav{
	font-size:1.1em;
	color:var(--secondColor);
	}	

.smallfont,
.news-info2,
figcaption{
	font-size:0.92em;
	}
	
.date{
	font-size:0.8em;
}

p.date{
	margin:0
}
	
	
/* Scriftgrößen */	

#logo{
	font-size:1.1em;
	hyphens:none;
	}	
	

	
h1.index-motto{
	font-size:1.74em;
	}
	
	

	

	
@media screen and (min-width:900px){
	
#logo{
	font-size:1.25em;
	letter-spacing:-0.035em;
	}
	
#logo,
#main-menu{	
	line-height:2rem;
	}


h1{
	font-size:1.6em;
	margin-bottom:0.6em;
	}
	
h1.index-motto{
	font-size:2.2em;
	margin-bottom:0.3em;
	}
	
}

@media screen and (min-width:1100px){
.mediumfont{
	letter-spacing:-0.02em;
	font-size:1.15em;
	line-height:1.35;
	}
	
.subnav{
	letter-spacing:-0.02em;
	font-size:1.1em;
	}
	
/* Texteinrücken */

/*
.blocktext,
.index-motto{
	margin-left:1.2rem
	}
*/

.news-text{
	/*padding-left:1.2rem;*/
	margin-top:0.3em;
	}
	
#index-news h3{
	font-size:1.4em;
	}
	
#index-news .entry-content{
	padding:1rem 0.5rem;
	}
	

}	

@media screen and (min-width:1680px){
	
#logo{
	font-size:1.2em;
	}	
/*
h1{
	font-size:2.1em;
	}*/
}	

/* Hyperlinks */	
a, 
a:link, 
a:hover, 
a:visited {	
	color: currentColor;
	}
	
a{
	cursor:pointer;
	}
	

	

	
a.readmore{
	display:block;
	margin-top:0.8em;
	}

a{
	text-decoration:underline 1.5px currentColor;
	text-underline-offset: 0.2em;
	}
	
header a,
nav a,
.galerie a,
.banner a,
h1 a,
h2 a,
h3 a,
.team ul a,
.projektlink a,
.entry-links a,
.pagelink a,
#filter a,
.subsub a,
.news-altern a,
#suchergebnis a,
.projflow-float a{
	text-decoration:none;
	}
	
.subsub .active a{
	text-decoration:underline 1.5px currentColor;
	text-underline-offset: 0.2em;
	}	

	
#filter a{
	color:var(--secondColor);
}
	
.entry-links a,	
.projektlink a,
.pagelink a{
	color:var(--secondColor);
	display:block;
	}	
	

.projektlink{
	margin:1em 0;
	}
	
.pagelink{
	margin:2em 0;
	display:flex;
	justify-content:flex-end;
	}
	
.projflow-float .pagelink{
	margin-right: calc(1*var(--spacing-int)/2)
}
	
.entry-links{
	margin:0.5em 0 !important;
	}
	
#tag-archiv a,
#tagmenu a,
.subnav a em,
a.readmore,
.galerie a:hover,
.galerie-variabel a:hover,
footer a:hover{
	color: var(--secondColor);
	text-decoration:none;
	}
	
a.readmore{
	/*border-radius:0.8em;*/
	display:inline-block;
	clear:left;
	padding:0.1em 0.5em;
	border:1px solid currentColor;
	border:1px solid var(--borderColor);
	box-shadow: 0 1px 4px rgba(31,31,31,0.1);
	font-size:0.9em;
}

a.readmore:hover{
	box-shadow: 0 1px 4px rgba(31,31,31,0.4);
}


a.extern:after{
	display:inline-block;
	margin-left:0.5em;
	font-family:'fontello-rla';
	content: '\e801';
	transform:rotate(-45deg);
	}


a.intern:after{
	display:inline-block;
	margin-left:0.5em;
	font-family:'fontello-rla';
	content: '\e801';
	/*transform:rotate(90deg);*/
	}
	

	
a.dropdown:after,
.arrow-right:before{
	display:inline-block;
	/*margin-left:0.5em;*/
	margin-right:0.5em;
	font-family:'fontello-rla';
	content: '\e800';
	font-size:0.7em;
	}
	
a.dropdown:after{
	margin-left:0.5em
	}
	
	
a.filter:after{
	display:inline-block;
	margin-left:0.5em;
	font-family:'fontello-rla';
	font-size:0.8em;
	content: '\f0b0';
	}
	
a.search:after{
	display:inline-block;
	margin-left:0.5em;
	font-family:'fontello-rla';
	font-size:0.8em;
	content: '\e809';
	}
	
a.dropdown,
a.search{
	margin-right:1.5vw;
	}
	

a.close::before {

    display: inline-block;
    /*font-size: 0.6em;
    font-family: 'fontello';
    content: '\e809';*/
	content:"x";
    
}

span.toggle:after{
	font-family:'fontello-rla';
	content: '\e805';
	display:inline-block;
	}
	
span.toggle.down:after{
	transform:rotate(180deg);
	}

.readmore span{
	display:inline-block;
}

.scroll-transition-fade{
transition: transform 1s ease-in-out,opacity .8s ease-in-out;	
}

#scrolldown{display:none;}

#scrolldown img{
	/*width:2.2vw;*/
	/*transform:rotate(90deg);*/
	object-fit:contain !important;
	padding-top:0.2em;
}


/* ----------------------------------------------------------------------------------------------------- */
/* Grundstruktur */
/* -----------------------------------{------------------------------------------------------------------ */
	
header,	
footer,
main,
.page-header,
.page-content{
	width:100%;
	clear:both;
	}
	
header,	
footer,
.page-content,
#related{
	padding-left:var(--spacing-ext);
	padding-right:var(--spacing-ext);
	}



header.alternativ,
header.frontpage{
	background:#fff0;
	position:absolute;
	top:0;
	}

	
footer{
	padding-top:10vw;
	padding-bottom:5vw;
	display:flex;
	justify-content:flex-end;}
	
footer nav ul{
	justify-content:flex-end;
	}
	
@media screen and (max-width:900px){		
header{
	position:absolute;
	/*background:#fff;*/
	height:6rem;
	top:0;
	z-index:100;
	}
main{
	margin-top:6rem;
	}
	
.alternativ main,	
main.singleproject,	
main.frontpage{
	margin-top:0;
	}
}

	
header.alternativ,
header.frontpage{
	background:#fff0;
	}
	

	
@media screen and (min-width:900px){	
header{
	padding-top:var(--spacing-top);
	height:12vw;
	}
	
main{
	margin-top:0;
	}
}
	
/* ----------------------------------------------------------------------------------------------------- */
/* Header-Elemente */
/* ----------------------------------------------------------------------------------------------------- */	
#logo{
	position:absolute;
	z-index:300;
	left:var(--spacing-ext);
	max-width:80vw;
	hyphens: none;
	}
	
.single-project #logo{
	display:none;
	}
	

	
.closemenu{
	position:absolute;
	z-index:300;
	right:var(--spacing-ext);
	font-size:1.8em;
	line-height:1;
	color:#fff;
	top:0 !important;
	right:0;
	}
	
.closemenu label.hamburg{
	position:absolute !important;
}


#logo,
label.hamburg{
	top:var(--spacing-top);
	}
	




.navactive #logo{
	position:fixed;
	}


/* ----------------------------------------------------------------------------------------------------- */
/* Content-Elemente  - allgemeine Formate */
/* ----------------------------------------------------------------------------------------------------- */

img{ 
	width:100%;
	max-width:100%;
	height:auto;
	}
	
p{
	margin-bottom:0.3em;
	}
	
.standort p{
	margin-bottom:2em;
	}
	
	
section{
	padding-top:6rem;
	clear:both;
	}
	
section:first-child{
	padding-top:2rem;
	}
	

	
#related h2,	
h2.section-title{
	margin-bottom:1.1em;
	font-size:1.42em;
	}
	
#related h2,	
#index-news h2{
	margin-bottom:1.8em;
	/*font-size:1.2em;
	text-transform:uppercase;*/
	font-size:1.32em;
	color: var(--secondColor);
	}

	

	
article{
	margin-bottom:4rem;
	clear:both;
	}
	
.teasertext{
	margin-bottom:2em;
}
	
.wrap.standort{
	display:none
}

.wrap.standort.active{
	display:block;
}


@media screen and (min-width:900px){	
section,
section:first-child{
	padding-top:8vw;
	}
	
section:first-child{
	padding-top:5vw;
	}
	
article{
	margin-bottom:8vw;
	}

.teasertext{
	margin-top:1.25em;
}

.wrap{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	/*gap:var(--spacing-int);*/
	margin-bottom:4vw;
	}
	
.wrap.standort{
	display:none
}

.wrap.standort.active{
	display:flex;
}
	
}




p.hlink{
	margin-top:3em;
}

p.hlink a:before{
	content:">";
	margin-right:0.5em;
	display:inline-block;
	margin-left:0.5em;
	font-family:'fontello-rla';
	content: '\e805';
	transform:rotate(-90deg);
	content: '\e803';
	transform:rotate(90deg);
}


/* ----------------------------------------------------------------------------------------------------- */
/* page-header - page-content */
/* ----------------------------------------------------------------------------------------------------- */
	
.page-header{
	padding:3em var(--spacing-ext) 0;
	}
	
.page-header.active.border.projekte{
	padding:2em var(--spacing-ext);
	}
	
h1.pagetitle{
	font-size:1em;
	}

.subnav{
	margin-top:var(--spacing-top);
	margin-bottom:0.3em;
	}
	
.page-content{
	padding:0.6em var(--spacing-ext) 3em;
	}
	

	
	
	
@media screen and (min-width:900px){	
.page-header{
	position:sticky;
	/*height:5.5vw;*/
	top:-1.6vw;
	z-index:20;
	/*height:calc(4.2*var(--fontSize));*/
	top:calc(-1.1*var(--fontSize));
	padding:0 var(--spacing-ext);
	background:#fff;
	}
	
	.page-header.border{
	border-bottom:1px solid var(--borderColor2);
	}
	
	.page-content{
	background:#fff;
	}
	
	.vb .page-content,
	.singleproject .page-content{
	padding:3.6em var(--spacing-ext) 3em;
	padding:3rem var(--spacing-ext) 3em;
	position:relative;
	margin-top:2px;
	border-top:1px solid var(--borderColor2);
	}
}





/* ----------------------------------------------------------------------------------------------------- */
/* Startseite - front-page */
/* ----------------------------------------------------------------------------------------------------- */


	
.banner{
	width:100%;
	position:relative;
	}
	

.banner img{
	object-fit:cover;
	min-height: 100%;
	}.frontpage .banner{
	height:100vh;
	}
	
/* Variante banner02 */
/*	
.frontpage .banner figure{
	width:100%;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	overflow:hidden;
	}

	
.frontpage .banner h1{
	position:absolute;
	bottom:var(--spacing-top);
	left: var(--spacing-ext);
	font-size:2.4em;
	color:#fff;
	letter-spacing:-0.02em;
	font-size:4.2vw;
	font-size:3em;
	font-weight:300;
	z-index:200;
	}
*/	

/* Variante banner01 */

.index-teaser{
	margin-bottom:0.3em;
	}
	
@media screen and (max-width:899px) and (aspect-ratio <= 0.9){
	
	.banner figure{
	height:100vw;
	}
	.index-teaser img{
	object-fit:cover;
	aspect-ratio:1;
	}
	/*
	.index-motto,
	.projheader{
	color:blue;}*/
}


	

@media screen and (max-width:899px) and (aspect-ratio <= 0.7){
	.banner figure{
	height:140vw;
	}
	.index-teaser img{
	object-fit:cover;
	aspect-ratio:0.82;
	}
	
	/*.index-motto,
	.projheader{
	color:grey;}*/
}


@media screen and (max-width:899px){
	.index-motto{
	max-width:70%;
}	
}

@media screen and (min-width:900px){
	


	
	
	
	
	
	
			
	.banner{
	max-height:100vh;
	}
	
	.single-project #logo{
	display:block;
	max-width:30%;
	}
	
	/*index-variante*/
	.singleproject .banner{
		display:flex;
		flex-direction:row-reverse;
		height:100vh;
		align-items:end;
		justify-content:space-between;
	}
	
	.singleproject .banner figure{
	height:100vh;
	max-width:70% ;
	}
	
	
	
	.projheader{
	max-width:30%;
	padding:var(--spacing-ext);
	}
	

	
/* variante .projekt02 */


	
	.projekt02 .banner{
	max-height:88vh;
	display:flex;
	}
	.projekt02 .singleproject .banner figure{
	max-height: 88vh;
	width:70%;
	position:relative;
	}
	
	.projekt02 .banner img{
		object-fit: contain;
		
	}
	

	
	
	
	
	
	
}


	
@media screen and (min-width:1680px){
	

.mediumfont{
	font-size:1.1em;
	}

.banner h1{
	font-size:2.1em;
	font-size:2.2em;
	}
	

.index-teaser{
	display:none;
	}
	
.thema .index-teaser{display:block}
}

/* ----------------------------------------------------------------------------------------------------- */
/* Projekte - Singleprojekt */
/* ----------------------------------------------------------------------------------------------------- */	

.projheader{
	padding:0.3em var(--spacing-ext);
	}

.projdata1,
.projdata2,
.projtext,
.projdaten,
.tags,
.projektlink{
	margin-bottom:1.6em;
	}
	
.projektlink{
	margin-bottom:2.6em;
}
	
.tags{
	margin-bottom:2.6em;
}
	
.projdaten{
	font-style:normal;
	font-size:0.85em;
	letter-spacing:0.01em;
	line-height:1.6;
	}
	
.projdaten em{
	font-style:normal;
	}

#readmore{
	display:none;
	}


h2.projmotto{
	font-size:1em;
	font-weight:300;
	margin-top:0.3em:
}
	


/* tags */

.tags{
	display:none;
}
@media screen and (min-width:1100px){
	
.projheader{
	padding:var(--spacing-ext);
	}
	
.projheader h1{
	margin-bottom:0.3em
}	

.tags{
	display:block;
	position:absolute;
	right:var(--spacing-ext);
	top:3.6em;
	top:3rem;
}
}
.tags span,
a.dropdown
{
	/*font-weight:300;*/
	color:var(--secondColor);
	
	font-size:0.8em;
	/*text-transform:uppercase;*/
	border:1px solid var(--borderColor);
	padding:0.3em;
	border-radius:0.1em;
	/*border-radius:0.8em;*/
	padding:0.05em 0.3em;
	/*box-shadow: 0 1px 4px rgba(31,31,31,0.2);*/
}
.tags a,
a.dropdown{
	text-decoration:none;
	display:inline-block;}




a:hover #scrolldown:after{
	box-shadow: 0 1px 4px rgba(31,31,31,0.33);
	background:#fff8;
	}
	

.button,	
.tags span,	
span.more-scrolldown,
a.dropdown{
	display:inline-block;
	border:0;
	border:1px solid currentColor;
	padding:0.2em 0.6em;
	border-radius:0.8em;
	font-size:0.9em;
	line-height:1.1;
}

.pagelink a{
	border:1px solid currentColor;
	padding:0.2em 0.6em;
	border-radius:0.8em;
	font-size:0.9em;
	line-height:1.1;
}

.pagelink a.intern::after{
	content:"";
}



h4.projkategorie,
a.close-kat{
	font-size:1em;
	margin-bottom:3.6em;
	color:var(--secondColor);
	display:inline-block;
	margin-right:0.5em;
	}

a.close-kat{
text-decoration:none;}	

	
.tags span,	
span.more-scrolldown{
	margin-left:0.2em;
	
}


.pagelink a:hover,
.tags a:hover span{
	color:#888888c2;
	}
		
	
/* Zwischentitel */

.textelement h4{
	font-size:1.5em;
	padding-top:0;
	margin-bottom:0.3em;
	}
	



.textelement.separator h4{
	margin-bottom:1em;
	}
	
@media screen and (min-width:900px){
	
.textelement.separator h4{
	font-size:1.4em;
	margin-bottom:1em;
	}
}

.textelement{
margin-left: calc(var(--spacing-int)/2);
margin-bottom:1.6em;

}

.textelement p{
	font-size:0.9em;
}


	
#readmore-switch{
	cursor:pointer;
}

#readmore-switch:after{
	content:"..."
}

#readmore-switch.ausgeklappt:after{
margin-top: 0.5em;
font-family: 'fontello-rla';
content: '\e800';
font-size: 0.8em;
display:inline-block;
transform: rotate(180deg);

}
/* ----------------------------------------------------------------------------------------------------- */
/* Portfolio - projekt archive */
/* ----------------------------------------------------------------------------------------------------- */




/* Galerieformat */

.frontpage-flow,
.galerie{
	display:grid;
	grid-template-columns: repeat(1, 1fr);
	gap:3rem;
	}

.galerie figure{
	aspect-ratio:1.777;
	overflow:hidden;
}
	
.galerie img{
	object-fit:cover;
	opacity: 0.95;
	width:100%;
	height:100%;
	transition: all .4s ease;
	}
	
.galerie a:hover img{
	 /*opacity: 1;*/
	 /*object-position:-5% -5%;*/
	 transform: scale(1.05);
	 overflow:hidden;
	}
	
	
.galerie h4{
	display:inline-block;
	max-width:90%;
	margin-top:0.3em;
	font-size:0.94em;
	line-height:1.2;
	}
	
/* ähnliche Projekte */	
.galerie figcaption{
	font-size:0.9em;
}


.toggle-ansicht{
	margin-top:5vw;
	font-size:0.9em;
	}
	
#related,
#index-news{
	border-top:1px solid var(--borderColor);	
	}
	
#related .galerie {
	grid-template-columns: repeat(2, 50%);
	gap:3rem var(--spacing-int);
	}
	
	
@media screen and (min-width:620px){
	.galerie{
	grid-template-columns: repeat(2, 50%);
	gap:3rem var(--spacing-int);
	}
	
}


@media screen and (min-width:900px){

	.galerie{
	grid-template-columns: repeat(3, 1fr);
	gap:5vw var(--spacing-int) ;
	gap:5vw 4.5vw ;
	}
	
	
	
	
	#related .galerie{
	grid-template-columns: repeat(4, 1fr);
	}
	
		
	
}

@media screen and (min-width:900px) and (max-width:1367px){
#index-news .galerie li:nth-child(4){
	display:none;
	}	
}

@media screen and (min-width:1367px){	
	.galerie{
	grid-template-columns: repeat(4, 1fr);
	}
		
	#related .galerie{
	grid-template-columns: repeat(6, 1fr);
	}
	
}





	


	
	

/* Projektfilter u Suche / Suchfeld*/


#filter{
	display:none;
	padding:5.5vw var(--spacing-ext) var(--spacing-top);
	/*background:var(--secondBgColor);*/
	border-bottom:1px solid #eee;
	font-size:0.9em;
	-o-transition: transform .5s, height .5s;
	-webkit-transition: transform .5s, height .5s;
	-moz-transition: transform .5s, height .5s;
	-ms-transition: transform .5s, height .5s;
	transition: transform .5s, height .5s;
	transition: -webkit-transform 350ms ease-in;
    transition: -ms-transform 350ms ease-in;
    transition: transform 350ms ease-in;
	}
	

#filter.hide,
#suchfeld.hide,
#scrollup.hide{
	display:none;
}


@media screen and (min-width:900px){	
.filter-inside{
	display:flex;
	/*justify-content:space-between;
	gap:9vw;*/
	}
	
.filter-inside div{
	flex-basis:25%;
	}
}

@media screen and (min-width:620px){
	
.col-wrap{
	display:flex;
	flex-wrap:wrap;
	}
	
.column{
	width:50%
	}
}

@media screen and (min-width:900px){
	
	
.column{
	width:25%
	}
	

}



/* ----------------------------------------------------------------------------------------------------- */
/* Beitragsformate */
/* ----------------------------------------------------------------------------------------------------- */





/* ----------------------------------------------------------------------------------------------------- */
/* Listenformate */
/* ----------------------------------------------------------------------------------------------------- */

ul.liste li,
.abst{
	margin-bottom:6em;
	margin-bottom:3em;
	}

.entry-details{
	font-size:0.9em;
	}

.entry-details p{
	margin:0;
	}

/* buero.php Listen */


.entry-links a{
	display:block;
} 


/* news, publi, auszeichnung */




.liste .entry-img img{
	width:50%;
	height:auto;
	margin-bottom:0.5em;
}

.publi .entry-img img{
	height:9em;
	width:auto;
	margin-bottom:0.5em;
	/*max-width:100%;*/
	}	
	
	
@media screen and (min-width:900px){
	ul.liste.news li,
	ul.liste.publi li,
	ul.liste.auszeichnung li{
	display:flex;
	justify-content:space-between;
	align-items: flex-end;
	margin-bottom:var(--spacing-int);
	margin-bottom:0;
	
	padding-top:0.5em;
	padding-bottom:0.5em;
	}
	
	ul.liste.news li,
	ul.liste.auszeichnung li{
	border-bottom:1px solid var(--borderColor2);	
	flex-direction:row-reverse;
	}
	
	.entry-text,
	.entry-img{
	flex-basis:calc(50% - (var(--spacing-int)/2))
	}
	
	.entry-text{
		font-size:0.9em;
		padding-bottom:0.5em;
		
	}
	
	.liste .entry-img img{
	width:50%;
	height:auto;
	float:right;
	}
	
	.aktuell-va .liste .entry-img img{
	width:30%;
	height:auto;
	float:right;
	}
	
	.liste .entry-text{
	margin-top:2em;	
	}

	/* Publikationen */
	/*.auszeichnung .entry-img,
	.publi .entry-img{
	flex-basis:calc(35% - (var(--spacing-int)/2))
	}
	
	.auszeichnung .entry-text,
	.publi .entry-text{
	flex-basis:calc(65% - (var(--spacing-int)/2))
	}*/
	.publi .entry-img{
	margin-right:5vw;
	flex-basis:15%;
	float:left;
	}
	
	.publi .entry-text{
	max-width:60vw;
	flex-basis:70%;
	
	}
	
	.publi .entry-img img{
	height:9em;
	width:auto;
	max-width:100%;
	
	}
	
	
	/*
	.auszeichnung .entry-img img{
	width:30%;
	height:auto;
	}
	*/
	/*
	.auszeichnung figure.entry-img{
	width:25%}
	
	.liste.publi .entry-text{
	width:80%
	}
	
	.liste.auszeichnung .entry-text{
	width:60%
	}
	
	.liste .entry-text{
		font-size:0.9em;
	}

	.standorte .flex-item{
		flex-basis:calc(50% - var(--spacing-int));
	}
	*/
	section{
		position:relative;
	}
	/*
	.pagelink{
		position:absolute;
		right:var(--spacing-ext);
		top:0;
	}
	*/
}


/* ----------------------------------------------------------------------------------------------------- */
/*news */
/* ----------------------------------------------------------------------------------------------------- */



.news .date{font-size:0.9em;
margin:0.3em 0 0.6em;
	}



.news a.readmore{
	margin-top:0;
	line-height:1.6;
	}

/* ----------------------------------------------------------------------------------------------------- */
/* Page Team */
/* ----------------------------------------------------------------------------------------------------- */


.team ul.liste li{
	margin-bottom:0.3em;
	}
	
.team .entry-headline{
	font-size:1em;
	line-height:1.6;
	margin-bottom: 0.5em;
	}

.team .entry-headline a:hover{
	color:var(--secondColor);
	}

.team .entry-details{
	display:none;
	margin-bottom:2em;
	}
	
.team figure{
	margin:0.6em 0;
	display:block;
	}
	
/*curriculum */

.curriculum dt{
	font-size:0.9em
	}

.curriculum dd{
	margin-bottom:0.5em;
	}
	
@media screen and (min-width:900px){
	
.team ul.liste li,	
.team .entry-headline{
	margin-bottom: 0;
	}

.team .entry-headline span{
	display:inline-block;
	margin-right:0.6em;
	}
}
	

/*
.tooltip div {
    display:none;
}
*/


/* ----------------------------------------------------------------------------------------------------- */
/* Standort-Slider */
/* ----------------------------------------------------------------------------------------------------- */
.subsub{
	margin-bottom:1em;
}

@media screen and (min-width:900px){
	

	
.subsub li 
{display:inline-block;
margin-right:1em;}
	

}
	



/* ----------------------------------------------------------------------------------------------------- */
/*  News dynamisch */
/* ----------------------------------------------------------------------------------------------------- */


.news-altern{
	display:flex;
	flex-direction:column;
}

.news-altern li{
	border-top:1px solid var(--borderColor);
}

.news-info1{
	display:flex;
	flex-direction:column;
	
}

.news-info1 figure{
	width:40%
}
	
.active .news-info1 figure{
	width:100%;
}



.news-title h2{
	font-size:1.15em;
}

.active .news-title h2{
	font-size:1.3em;
	}
	
.active .news-info1{
	margin-top:2vw
}

.news-info2{
	display:none;
	margin-bottom:8vw;
	font-size:0.92em;
	
}

.active .news-info2{
	display:block
}



@media screen and (min-width:900px){
	
	.news-info1{
	flex-direction:row;
	flex-wrap:wrap;
	}
	
	.active .news-info1 figure{
	width:40%;
	}

	.active .news-title{
	width:50%;
	padding: 0.2em 0;
	margin-left:10%;
	}
	
	.active .news-title h2{
	font-size:1.5em;
	}

	.news-info1 p.date{
	order:1;
	/*flex-basis:10%;*/
	width:10%;
	font-size:0.9em;
	}

	.news-info1 figure{
	order:2;
	/*flex-basis:20%;*/
	width:15%
	}
	
	.news-title{
	order:3;
	width:60%;
	padding: 0 1em;
	}

	.news-text{
	margin-left: 10%;
	width: 50%;
	}

}


/* ----------------------------------------------------------------------------------------------------- */
/*  Index - Banner */
/* ----------------------------------------------------------------------------------------------------- */


@media screen and (min-width:900px){
	
	/*.projheader.frontpage{
		width:100%;
	}*/
	
	.frontpage #nav-wrapper{
		top:100vh;
	}
	
}