@charset "UTF-8";

/* reset */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,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,output,ruby,section,summary,time,mark,audio,video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}

article,aside,footer,header,main,nav,section,figure {display:block;}
body {line-height:1;}
ol,ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}


/* noto-sans-regular - latin */
@font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 400;
	src: url('../../files/textpertise/fonts/noto-sans-v11-latin-regular.woff2') format('woff2'),
		url('../../files/textpertise/fonts/noto-sans-v11-latin-regular.woff') format('woff');
}
/* noto-sans-italic - latin */
@font-face {
	font-family: 'Noto Sans';
	font-style: italic;
	font-weight: 400;
	src: url('../../files/textpertise/fonts/noto-sans-v11-latin-italic.woff2') format('woff2'),
		url('../../files/textpertise/fonts/noto-sans-v11-latin-italic.woff') format('woff');
}
/* noto-sans-semiboold - latin */
@font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 500;
	src: url('../../files/textpertise/fonts/noto-sans-semibold.woff2') format('woff2'),
		url('../../files/textpertise/fonts/noto-sans-semibold.woff') format('woff');
}
/* noto-sans-semibolditalic - latin */
@font-face {
	font-family: 'Noto Sans';
	font-style: italic;
	font-weight: 500;
	src: url('../../files/textpertise/fonts/noto-sans-semibolditalic.woff2') format('woff2'),
		url('../../files/textpertise/fonts/noto-sans-semibolditalic.woff') format('woff');
}

/* noto-sans-700 - latin */
@font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 700;
	src: url('../../files/textpertise/fonts/noto-sans-v11-latin-700.woff2') format('woff2'),
		url('../../files/textpertise/fonts/noto-sans-v11-latin-700.woff') format('woff');
}
/* noto-sans-700italic - latin */
@font-face {
	font-family: 'Noto Sans';
	font-style: italic;
	font-weight: 700;
	src: url('../../files/textpertise/fonts/noto-sans-v11-latin-700italic.woff2') format('woff2'),
		url('../../files/textpertise/fonts/noto-sans-v11-latin-700italic.woff') format('woff');
}
/* noto-serif-regular - latin */
@font-face {
	font-family: 'Noto Serif';
	font-style: normal;
	font-weight: 400;
	src: url('../../files/textpertise/fonts/noto-serif-v9-latin-regular.woff2') format('woff2'),
		url('../../files/textpertise/fonts/noto-serif-v9-latin-regular.woff') format('woff');
}
/* noto-serif-italic - latin */
@font-face {
	font-family: 'Noto Serif';
	font-style: italic;
	font-weight: 400;
	src: url('../../files/textpertise/fonts/noto-serif-v9-latin-italic.woff2') format('woff2'),
		url('../../files/textpertise/fonts/noto-serif-v9-latin-italic.woff') format('woff');
}
/* noto-serif-700 - latin */
@font-face {
	font-family: 'Noto Serif';
	font-style: normal;
	font-weight: 700;
	src: url('../../files/textpertise/fonts/noto-serif-v9-latin-700.woff2') format('woff2'),
		url('../../files/textpertise/fonts/noto-serif-v9-latin-700.woff') format('woff');
}
/* noto-serif-700italic - latin */
@font-face {
	font-family: 'Noto Serif';
	font-style: italic;
	font-weight: 700;
	src: url('../../files/textpertise/fonts/noto-serif-v9-latin-700italic.woff2') format('woff2'),
		url('../../files/textpertise/fonts/noto-serif-v9-latin-700italic.woff') format('woff');
}


body {font-family:"Noto Sans", sans-serif; font-size:1.125em; line-height:1.6em; letter-spacing:0; font-weight:400; font-style:normal; color:rgba(26,26,26,.9); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-text-size-adjust:100%; 
}

* {box-sizing:border-box; -moz-box-sizing:border-box;}

.skip {position:absolute;display:inline-block;top:-10em;width:40%;padding:0.5em;font-size:1em;text-align:center;text-transform:uppercase;text-decoration:none;letter-spacing:0.05em;z-index:999;text-decoration:none;border:1px solid #ccc;color:#333;background:#fff;}
.skip:focus {top:1.0em;left:30%;outline:none;text-decoration:none;}

html {position: relative; min-height: 100%; min-width:320px;}
body {margin-bottom:8em; background:#fff;}

h1 {margin:0 0 1em 0; font-family:"Noto Serif", sans-serif;font-size:1.85em; line-height:120%; font-weight:normal; color:#0064a3;}
h2 {margin:0 0 0.25em 0; padding:1.4em 0 0 0; font-family:"Noto Serif", sans-serif;font-size:1.5em; line-height:120%; font-weight:normal; color:#0064a3;}
.h2-as-h3 h2, h3 {margin:0 0 0.25em 0; padding:1em 0 0 0; font-family:"Noto Serif", sans-serif;font-size:1.2em; line-height:120%;  font-weight:normal; color:#0064a3;}

@media 
	only screen and (max-width:640px)
{
	h1 {font-size:1.6em;}
	h2 {font-size:1.4em;}
	.h2-as-h3 h2, h3 {font-size:1.2em;}
	.mod_newslist h1 {hyphens:auto;}
}

.kunden-liste + h2 {margin-top:1em;}
h2 + h3 {padding:0.25em 0 0 0;}
h4,h5,h6 {margin:0; font-family:"Noto Serif", sans-serif; font-size: 1.1em; line-height: 120%; font-weight: normal; color: #0064a3;}
p, ol, ul {margin:0 0 1.2em 0;}
main p:last-child, ol:last-child, ul:last-child {margin-bottom: 0;}
main ol p:last-child, main ul p:last-child {margin:0 0 0.65em 0;}
img {display:block;width:100%;height:auto;}
.media--right figure {float:right; margin:0 0 1.2em 3em;}
#startseite.media--right figure img {width:420px;}

@media 
	only screen and (max-width:960px)
{
	.media--right figure {float:none;max-width: 480px;margin: 0 auto 2em auto;}
	#startseite.media--right figure img {width:100%;}
}

#main img {border-radius:0.175em; margin:0 auto;}
svg {width:100%; height:auto;}
strong {font-weight:bold;}
em {font-style:italic;}
sub, sup {font-size:70%;line-height:100%;vertical-align:sub;}
sup {vertical-align:super;}
a:focus, a:hover {outline:none;}
.kleiner {font-size:90%;line-height:160%;}
.blau {color:#2471AF;}
.fetter-heller {font-weight:500;color:#626262;}

#wrapper {width: 100%; margin: 0 auto; text-align: center;}
.inside {width:100%; max-width:1120px; margin:0 auto; padding:2em 2em; text-align: left;}
.block {clear:both;}

#header {background:#faf7f4; background:linear-gradient(160deg, #f5f3f0b8 28%, #f1dcc833 84%);}
#main {padding: 2.5em 0 0em 0;}

@media 
	only screen and (max-width:640px)
{
	body {margin-bottom: 6em; 	}
	#main {padding: 0.5em 0 0em 0;}
}

#footer {position: absolute; bottom: 0; width:100%; color:#fff; background:#6e6e6e; background: linear-gradient(160deg, rgb(68 68 68 / 82%) 28%, rgb(34 34 34 / 74%) 84%);}

#header .inside {position:relative; max-width: none; padding: 0;}
#footer .inside {padding:1.2em 1.35em;}

#logo {position:relative; top:20px; float:right; width:100%; max-width: 436px; overflow: hidden; padding:0.75em 0 0.5em 66px;}

.invisible {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
nav ul {margin:0;}
#footer nav ul {font-size: 0.85em; line-height: 160%;}

#header nav {clear:both; text-align: left; border-bottom: 1px solid #cfcdc9;}
#header nav li {float:left; display:block;padding:0 0.35em 0 0.35em;}
#header nav:after, #header nav ul:after {display:table; clear:both; content:" "; height:0; overflow:hidden;}
#header nav button {position:absolute; top:32px; left: 1.25em; width:38px; height:36px; cursor:pointer; display:none; outline:none; background:none; border:none;}
#header nav button::-moz-focus-inner {border:0;}
#header nav button span.top-bar, #header nav button span.middle-bar, #header nav button span.bottom-bar {position:absolute; top:8px; left:0.35em; width: 28px; height: 2px; background:#2471AF;}
#header nav button:focus span, #header nav button:hover span {margin-left:-3px; width:34px;}
#header nav button span.middle-bar {top:15px;}
#header nav button span.bottom-bar {top:22px;}
#header nav button span.menu {border:0; clip:rect(1px, 1px, 1px, 1px); width:1px; height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute;}

#toggle span {position: absolute; top: 0; right: 0; width: 36px; height: 4px; background: #cc6600; -webkit-transition: width 0.25s ease, margin 0.25s ease; -moz-transition: width 0.25s ease, margin 0.25s ease; -ms-transition: width 0.25s ease, margin 0.25s ease; -o-transition: width 0.25s ease, margin 0.25s ease; transition: width 0.25s ease, margin 0.25s ease;}
#toggle .menu {border:0; clip:rect(1px, 1px, 1px, 1px); width:1px; height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute;}
#toggle span.top-bar{top:10px;transition:width 0.25s ease, margin 0.25s ease,top 175ms ease .12s,transform 175ms cubic-bezier(.55,.055,.675,.19);}
#toggle span.middle-bar{transition:width 0.25s ease, margin 0.25s ease,opacity 175ms ease .12s; opacity:1;}
#toggle span.bottom-bar{transition:width 0.25s ease, margin 0.25s ease,top 175ms ease .12s,transform 175ms cubic-bezier(.55,.055,.675,.19);}
.show-mobile-nav #toggle span.top-bar {top:15px;transition:top 175ms ease,transform 250ms cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(45deg)}
.show-mobile-nav #toggle span.middle-bar{ top:20px;transition:opacity 1275ms ease 0.3; opacity:0}
.show-mobile-nav #toggle span.bottom-bar {top:15px;transition:top 175ms ease,transform 250ms cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-45deg);}

#header nav a {text-decoration:none; color: inherit; border-bottom:1px solid transparent; -webkit-transition:border 0.5s ease,color 0.5s ease; -moz-transition:border 0.5s ease,color 0.5s ease; -ms-transition:border 0.5s ease,color 0.5s ease; -o-transition:border 0.5s ease,color 0.5s ease; transition:border 0.5s ease,color 0.5s ease;}
#header nav ul {display:block; width:100%; max-width:1120px; margin:0 auto; text-align:left;}
#header nav ul ul li:hover {opacity:1;}
#header nav ul li {float:left; position:relative;}
#header nav ul li > a, #header nav ul li > span, #header nav ul li > strong {display:block; padding:0.65em;line-height:1.2;}
#header nav ul li > strong {color:#555;}
#header nav ul li > ul {float:left; position:absolute; top:35px; left:0; width:1px;	height:1px; z-index:1; border:0; clip:rect(0 0 0 0); opacity:0; overflow:hidden; padding:0; -webkit-transition:all .25s ease; -moz-transition:all .25s ease;-ms-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease;}
#header nav ul li:hover > ul, #header nav ul li a:focus + ul, #header nav ul li.focus > ul {display:block; position:absolute; opacity:1; top:3.55em; border:0; clip:auto; width:auto; height:auto; margin:0; overflow:visible; padding:0;}
#header nav ul ul li {display:block; float:none; min-width:15em;}
#header nav ul ul li > a, #header nav ul ul li > span, #header nav ul ul li > strong {display:block; padding:0.5em 1em;}
#header nav li a:focus, #header nav li a:hover {color:#000; border-bottom:1px solid #0064a3;}

#main .inside {padding:2em 1.35em;}
#main a, .fancybox-slide a {color: #2471AF; text-decoration: none; border-bottom: 1px dotted #2471AF;}
#main a:hover, #main a:focus, .fancybox-slide a:hover, .fancybox-slide a:focus {border-bottom: 1px solid #2471AF;}
#main ul li, .fancybox-slide ul li {margin: 0 0 0 2em;}
#main ul li:before, .fancybox-slide ul li:before {content: ""; position: relative; top: -0.2em; left: 1px; display: inline-block; width:2px; height: 2px; margin: 0 0.75em 0 -1.1em; line-height: 1.3; color: #0064a3; border-radius: 1em; border: 2px solid #0064a3;}
.fancybox-slide ul li:before {position:absolute;top:0.6em;}
#main ol {margin-left: 2.25em; padding: 0; list-style: decimal;}
#main ol li {margin: 0 0 0.25em 0;}

footer a{ color:#fff; text-decoration:none;border-bottom: 1px dotted transparent;}
footer a:hover, footer a:focus {border-bottom: 1px solid #fff;}

#logo img {width: 100%;  height: auto; -webkit-transition: transform 0.25s ease; -moz-transition: transform 0.25s ease; -ms-transition: transform 0.25s ease; -o-transition: transform 0.25s ease; transition: transform 0.25s ease;}
#logo a:focus img, #logo a:hover img {transform:scale(1.025);}

@media 
	only screen and (max-width:960px)
{
	#logo {top: 14px; padding:0.75em 0 42px 72px;}
	#header nav button {display:block;}	
	#header nav ul {display:none;}	
	#header nav ul ul {display:block;}
	body.show-mobile-nav #header nav button div.top-bar {-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); top:7px;}
	body.show-mobile-nav #header nav button div.middle-bar {opacity:0;}
	body.show-mobile-nav #header nav button div.bottom-bar {-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); top:7px;}
	body.show-mobile-nav #header .inside {display:block; position:relative;}
	body.show-mobile-nav #header nav {display:block; padding:0;}
	body.show-mobile-nav #header #menu ul {width:auto; float:none; overflow-x:hidden;z-index:999; clear:both; clip:auto; margin:0 0 -1px 0; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none;}
	body.show-mobile-nav #header #menu > ul {border-top:1px solid #cfcdc9;}
	body.show-mobile-nav #header #menu ul li {display:block; float:none; min-width:0; padding:0;}
	#header nav a {border-left: 1px solid transparent; -webkit-transition: padding 0.5s ease,border 0.5s ease,color 0.5s ease; -moz-transition: padding 0.5s ease,border 0.5s ease,color 0.5s ease; -ms-transition: padding 0.5s ease,border 0.5s ease,color 0.5s ease; -o-transition: padding 0.5s ease,border 0.5s ease,color 0.5s ease; transition: padding 0.5s ease,border 0.5s ease,color 0.5s ease;}
	#header nav ul li > a, #header nav ul li > span, #header nav ul li > strong {padding: 0.65em 1.25em;}
	#header nav li a:focus, #header nav li a:hover {padding-left: 1.5em; border-bottom: 1px solid #aaaaaa; border-left: 6px solid #0064a3;}	
}	

@media 
	only screen and (max-width:640px)
{
	.skip {width:60%;}
	.skip:focus {left:20%;}	
}

@media 
	only screen and (max-width:464px)
{
	#header nav button {top:7vW;}
}



/* über mich */
.ce_rsce_timeline .loop {margin: 0; padding: 1em 0 0 0;}
.ce_rsce_timeline h2 {margin:0; padding:0; font-size:1.4em;}
.ce_rsce_timeline p:last-child {margin:0;}
#main .ce_rsce_timeline li.timeline {margin: 0; position:relative;}
#main .ce_rsce_timeline li.timeline:before {content:""; position:absolute; left:50%; top:0; height:100%; width:1px; margin-left:-0.5px; border:none; background:#0064a3;}
#main .ce_rsce_timeline li.timeline:last-child:before {content:none;}
#main .ce_rsce_timeline li.timeline:after {content:""; clear:both; display:table;}
.ce_rsce_timeline .timeline .daten {position:relative; width:50%; float:left; margin: 0 0 2em 0; padding:0 1em 0 0; text-align:right;}
.ce_rsce_timeline .timeline:nth-child(even) .daten {float:right; padding: 0 0 0 1em; text-align:left;}
.ce_rsce_timeline .timeline:last-child .daten {margin: 0;}
.ce_rsce_timeline .timeline .daten:before {content:""; position:absolute; height:0.85em; width:0.85em; right:-0.425em;	border-radius: 100%; background:#0064a3;}
.ce_rsce_timeline .timeline:nth-child(even) .daten:before {left:-0.425em;}
.timeline .daten .col-inner {border-radius: 1em;padding:1em 1.5em 1em 0;opacity: 0; -webkit-transition: all .25s ease-in-out .15s; -moz-transition: opacity .25s ease-in-out .15s; -ms-transition: opacity .25s ease-in-out .15s; -o-transition: opacity .25s ease-in-out .15s; transition: opacity .25s ease-in-out .15s;}
.timeline:nth-child(even) .daten .col-inner {padding: 1em 0 1em 1.5em;	}
.timeline .daten .col-inner.active {opacity: 1;}

@media 
	only screen and (max-width:640px)
{
	.ce_rsce_timeline .loop {padding: 1em 0 0 0.65em;}	
	#main .ce_rsce_timeline li.timeline:before {left: 0;}
	.ce_rsce_timeline .timeline .daten {float:right;width:100%;padding: 0 0 0 1em; text-align:left;}
	.timeline .daten .col-inner, .timeline:nth-child(even) .daten .col-inner {padding: 0.5em 0 0 0.85em;}
	#main .ce_rsce_timeline li.timeline .daten:before {left:-8px;  left:-7px;}
	.ce_rsce_timeline .timeline .daten:before {height: 15px; width: 15px; height: 13px; width: 13px;}
}



/* projekte */

.projekte h1 {max-width:28em;}
#main ul.projekte li {position:relative; display:inline-block; max-width:12em; overflow:hidden; margin:0.35em; padding:1em; vertical-align: middle; text-align: center; opacity:0.00001;}
#main ul.projekte + p {opacity:0.00001;}
body.loaded #main ul.projekte li, body.loaded #main ul.projekte + p {opacity:1;}
#main ul.projekte li:before {content:none;}
#main ul.projekte li {display: flex;align-items:flex-start;max-width:none; margin: 0 1em; padding: 0.25em !important; color: #0064a3;    line-height:140%;}
.projekte li.importance1 {font-size: 160%; color: #000;-webkit-transition: all .75s ease-in-out .35s; -moz-transition: all .75s ease-in-out .35s; -ms-transition: all .75s ease-in-out .35s; -o-transition: all .75s ease-in-out .35s; transition: all .75s ease-in-out .35s;}
.projekte li.importance2 {font-size: 140%; color: #000; -webkit-transition: all 1.25s ease-in-out .35s; -moz-transition: all 1.25s ease-in-out .35s; -ms-transition: all 1.25s ease-in-out .35s; -o-transition:all 1.25s ease-in-out .35s; transition: all 1.25s ease-in-out .35s;}
#main ul.projekte li.importance3 {font-size: 100%; color: #000;padding: 1.25em !important; -webkit-transition: all 1.75s ease-in-out .1s;-moz-transition: all 1.75s ease-in-out .1s; -ms-transition: all 1.75s ease-in-out .1s; -o-transition: all 1.75s ease-in-out .1s; transition: all 1.75s ease-in-out .1s;}
.projekte li.importance4 {font-size: 80%; color: #000 !important; -webkit-transition: all 1.5s ease-in-out .1s; -moz-transition: all 1.5s ease-in-out .1s; -ms-transition: all 1.5s ease-in-out .1s; -o-transition: all 1.5s ease-in-out .1s; transition: all 1.5s ease-in-out .1s;}
#main ul.projekte + p {-webkit-transition: all 1.5s ease-in-out .1s; -moz-transition: all 1.5s ease-in-out .1s; -ms-transition: all 1.5s ease-in-out .1s; -o-transition: all 1.5s ease-in-out .1s; transition: all 1.5s ease-in-out .1s;}
#main ul.projekte li:last-child {padding-bottom: 0 !important;}	
ul.projekte {display: flex; padding-top:2em; justify-content: center; flex-wrap: wrap;width: 80%;margin:4em auto 0 auto;}

@media 
	only screen and (max-width:600px)
{
	ul.projekte {width: 100%; margin:0 auto;}
}

@media 
	only screen and (max-width:480px)
{
	#main ul.projekte li {margin: 0.15em 0;}
	#main ul.projekte li.importance3 {padding: 0.5em 1.25em !important;}	
}



/* kunden */

.kunden-liste ul{columns:2;}
.kunden-liste ul + ul {padding-top:0.25em;}

@media 
	only screen and (max-width:640px)
{
	.kunden-liste ul {columns:1;} 
}



/* Kundenstimmen */

h2 + .ce_rsce_zitat {padding-top:1em;}
.ce_rsce_zitat .loop:after {content:"";clear:both;position:relative;display:table;height:0;}
.zitat {max-width: 72.6%; float: left; margin: 0 0 -1.2em 0; padding: 3em 2em 3em 2em; border-radius: 0.35em; background:#efeae3;}

.zitat.laenge-8 {max-width: 95%;}
.zitat.laenge-7 {max-width: 90%;}
.zitat.laenge-6 {max-width: 85%;}
.zitat.laenge-5 {max-width: 80%;}
.zitat.laenge-4 {max-width: 75%;}
.zitat.laenge-3 {max-width: 70%;}
.zitat.laenge-2 {max-width: 65%;}
.zitat.laenge-1 {max-width: 60%;}

.zitat:nth-child(2n+0) {float:right; border: 1px solid #aaa; background: none;}
.zitat:nth-child(3n+0) {position:relative; float: none; clear: both; margin-left: auto; margin-right: auto; background:#408bba;}
.zitat:after{content:"";clear:both;position:relative;display:table;height:0;}

.zitat blockquote {position:relative; color:#333;}

.zitat blockquote:before {content: ""; position:absolute; top: -0.2em;left: -0.25em; display: block; width: 70px; height: 50px; margin: 0 auto 1.2em auto; overflow: hidden; font-size: 5em; font-family:serif; transform: rotate(180deg); background-size: contain; background: 50% 50% no-repeat; background-image:url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='quote-left' class='svg-inline--fa fa-quote-left fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%230064a3' d='M464 256h-80v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8c-88.4 0-160 71.6-160 160v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48zm-288 0H96v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8C71.6 32 0 103.6 0 192v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48z'%3E%3C/path%3E%3C/svg%3E"); opacity:0; -webkit-transition: opacity .25s ease-in-out .25s;-moz-transition: opacity .25s ease-in-out .25s;-ms-transition: opacity .25s ease-in-out .25s;-o-transition: opacity .25s ease-in-out .25s;transition: opacity 0.75s ease-in-out .25s;}

.zitat.active blockquote:before {opacity:1;}	
.zitat blockquote p:last-of-type:after {position:absolute; bottom:-0.125em; display:inline-block; font-family:serif; font-size: 5em; font-style:normal; opacity:0.3;}
.zitat blockquote p {padding:0 3em; padding:0 2 0 3em; font-style:italic;}
.zitat blockquote p:last-of-type {position:relative;}
.zitat blockquote cite {display:block; max-width:80%; float:right; font-size: 0.85em; line-height: 1.4em;text-align:right; color:#666;}
.zitat:nth-child(2n+0) blockquote:before { color:rgb(0 100 163 / 0.95);	}
.zitat:nth-child(2n+0) p:last-of-type:after {color:rgb(0 100 163 / 0.95);}
.zitat:nth-child(2n+0) blockquote:before {background-image:url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='quote-left' class='svg-inline--fa fa-quote-left fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23666666' d='M464 256h-80v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8c-88.4 0-160 71.6-160 160v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48zm-288 0H96v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8C71.6 32 0 103.6 0 192v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48z'%3E%3C/path%3E%3C/svg%3E");}
.zitat:nth-child(3n+0) blockquote:before {background-image:url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='quote-left' class='svg-inline--fa fa-quote-left fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffffff' d='M464 256h-80v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8c-88.4 0-160 71.6-160 160v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48zm-288 0H96v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8C71.6 32 0 103.6 0 192v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48z'%3E%3C/path%3E%3C/svg%3E");}

.zitat:nth-child(3n+0) * {color:#fff;}
.zitat.laenge-7 p, .zitat.laenge-8 p {column-count:2;}
.loop .zitat:last-child {margin-bottom:0; padding:3em 2em 1.75em 2em;}

@media 
	only screen and (max-width:800px)
{
	.zitat.laenge-8 {max-width: 95%;}
	.zitat.laenge-7 {max-width: 92.5%;}
	.zitat.laenge-6 {max-width: 90%;}
	.zitat.laenge-5 {max-width: 87.5%;}
	.zitat.laenge-4 {max-width: 85%;}
	.zitat.laenge-3 {max-width: 82.5%;}
	.zitat.laenge-2 {max-width: 80%;}
	.zitat.laenge-1 {max-width: 77.5%;}
	.zitat blockquote p {padding: 0 1.5em 0 3em;}
	.zitat.laenge-7 p, .zitat.laenge-8 p {column-count: 1;}
}


@media 
	only screen and (max-width:480px)
{
	.zitat.laenge-8 {max-width: 100%;}
	.zitat.laenge-7 {max-width: 98.75%;}
	.zitat.laenge-6 {max-width: 97.5%;}
	.zitat.laenge-5 {max-width: 96.25%;}
	.zitat.laenge-4 {max-width: 95%;}
	.zitat.laenge-3 {max-width: 93.75%;}
	.zitat.laenge-2 {max-width: 92.5%;}
	.zitat.laenge-1 {max-width: 91.25%;}

	.zitat blockquote:before {width: 58px; height: 40px;}
	.zitat blockquote p {padding: 0 0.5em 0 2.5em;}
	.zitat blockquote cite {max-width: 100%; padding-left: 3em;}
	.zitat blockquote:before {width: 58px; height: 40px; opacity: 0.6; top: -0.425em;}	
		
	.zitat {margin: 0 0 -0.85em 0; padding: 3.5em 1.5em 3em 1.5em;}
	.loop .zitat:last-child {padding: 3.5em 1.5em 1.5em 1.5em; 	}	
	.zitat blockquote {position: relative; padding-top: 0.75em; color: #333;}
	.zitat blockquote p {padding: 0 0.5em 0 0.5em;}
	.zitat blockquote cite {max-width: 100%; padding-left: 1em;}	
}

.index .loop {padding-top: 3em;}



/* kontakt */
p.loca {position: relative; padding: 0 0 0 3em;}
p.loca:before {content: ""; position: absolute; left: -4px; top: 0; display: block; width: 2.75em; height: 3em; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='40' version='1.0'%3E%3Cg color='%2300000' fill='%230064a3'%3E%3Cpath style='marker:none' d='M31 20c0 3.312-2.688 6-6 6s-6-2.688-6-6 2.688-6 6-6 6 2.688 6 6z' overflow='visible'/%3E%3Cpath style='marker:none' d='M25 2.007c-9.914 0-18 8.086-18 18s8.086 18 18 18 18-8.086 18-18-8.086-18-18-18zm0 4c7.75 0 14 6.25 14 14s-6.25 14-14 14-14-6.25-14-14 6.25-14 14-14z' overflow='visible'/%3E%3C/g%3E%3C/svg%3E");}
p.loca + p {padding-top:1.5em;}




/* projekte */

ul.projekte + p {margin-top:5em;}
.inline-gallery {display:none;width: 90vw; max-width: 600px;}


@media print
{
	body {font-size:11pt; margin:0;}
	#header {background:#fff;}
	#header #logo {max-width:400px; padding-bottom:4em;}
	nav, #footer {display:none;}
	.timeline .daten .col-inner {opacity: 1;}
	.zitat {page-break-inside:avoid;}
	.zitat blockquote:before {width: 58px; height: 40px; opacity: 1;}
	.blog #right,.pagination,.blaetter-nav {display:none;}
	.js .layout_latest, .js .pagination {opacity:1;}
	.blog article .body {background:none;}
}