/* PUBLICATIONS */ .publications { position: relative; padding: 0; background: none; } .publications h3 { text-transform: none; /* T. Schaefer, 2016-11-30, color auskommentiert color: #2c2c2c;*/ font-size: 112.5%; font-weight: bold; margin-bottom: 8px; } .publications p.abstract { } .publications p { margin-bottom: 1em; font-size: 93.75%; } .publications > .inner { background-color: #efefef; padding: 0; height: auto; position: relative; clear: left; } .publications .images { width: 100%; position: relative; height: 290px; padding: 30px; } .publications .images figure { position: absolute; height: 100%; width: 100%; transition: all .5s; left: 0; top: 0; } .publications .images figure img { transition: transform .5s; top: 50%; position: absolute; left: 50%; } .publications .images .item-0 img { transform: scale(1.2, 1.2); } .publications .images .item-1 img { transform: scale(1, 1) translateX(0%); } .publications .images .item-2 img { transform: scale(.8, .8) translateX(13%); } .publications .images .item-3 img { transform: scale(.6, .6) translateX(33%); } .publications .images .item-4 img { transform: scale(.4, .4) translateX(75%); } .publications .images .item { display: none; } .publications .images .item-0 { z-index: 40; width: 120%; opacity: 0; visibility: hidden; } .publications .images .item-1 { z-index: 30; opacity: 1; } .publications .images .item-2 { z-index: 20; width: 80%; opacity: 1; } .publications .images .item-3 { z-index: 10; width: 60%; opacity: 1; } .publications .images .item-4 { z-index: 5; width: 40%; opacity: 0; } .publications .articles { position: relative; left: 420px; } .publications figcaption { width: 40%; position: absolute; font-size: 93.75% !important; font-style: normal !important; visibility: hidden; opacity: 0; top: 20px; left: 53%; transition: all .5s; } @media only screen and (max-width: 320px) { .publications figcaption { font-size: 65%; margin-top: 50px; } } @media only screen and (min-width: 320px) and (max-width: 480px){ .publications figcaption { font-size: 65%; } } @media only screen and (min-width: 481px) and (max-width: 767px){ .publications figcaption { font-size: 75%; } } @media only screen and (min-width: 768px) and (max-width: 1023px){ .publications figcaption { font-size: 90%; } } @media only screen and (min-width: 1024px) { .publications figcaption { font-size: 93.75%; } } .publications .images .item-1 figcaption { opacity: 1; visibility: visible; } .publications .images figcaption { /* T. Schaefer, 2016-11-30, line-height hinzugefuegt */ line-height: 1.4; } .publications nav ul li { list-style-image: none; position: absolute; top: 50%; z-index: 100; } .publications nav ul li:first-child { left: 24px; } .publications nav ul li:last-child { right: 24px; } body.subpage #maincontent .publications { background: none; padding: 0px; overflow: hidden; } body.subpage .publications .inner { perspective: 250px; } body.subpage .publications figure { transform-style: preserve-3d; } .publications .homepagemore { margin-top: 0.5em; } /* T. Schaefer, 2022-07-06, Mehr Link fuer bestimmte Content-Elemente ausblenden */ #c128499 .homepagemore, #c128545 .homepagemore, #c128556 .homepagemore, #c128561 .homepagemore, #c128575 .homepagemore, #c128580 .homepagemore, #c128584 .homepagemore, #c128595 .homepagemore, #c128604 .homepagemore, #c128613 .homepagemore{ display: none; } /* T. Schaefer, 2022-07-06, Fuer bestimmte Content-Elemente eine Mindesthoehe festlegen */ #c128595 > div.inner, #c128580 > div.inner, #c128499 > div.inner { min-height: 360px; } @media only screen and (max-width: 640px) { #c128595 > div.inner { min-height: 420px; } #c80123 > div.inner { min-height: 360px; } } @media only screen and (max-width: 576px) { #c128595 > div.inner{ min-height: 460px; } #c80123 > div.inner { min-height: 420px; } } @media only screen and (max-width: 480px) { #c128595 > div.inner{ min-height: 530px; } #c80123 > div.inner { min-height: 460px; } } /* body.subpage .publications figure img { position: absolute; left: 204px; } body.subpage .publications figure.left img { transform: translate3d(-230px, 0px, -170px) rotateY(70deg); -webkit-transform: translate3d(-230px, 0px, -170px) rotateY(70deg); left: 200px; } body.subpage .publications figure.right img { transform: translate3d(230px, 0px, -170px) rotateY(-70deg); left: 200px; } body.subpage .publications figcaption { left: 206px; position: absolute; top: 290px; display: none; } body.subpage .publications figure.center figcaption { display: block; } body.subpage .publications nav { display: block; } body.subpage .publications nav ul li { list-style-image: none; position: absolute; top: 320px; left: 140px; } body.subpage .publications nav ul li:last-child { right: 140px; left: auto; } */