*, html, body {
margin: 0;
padding: 0;
text-size-adjust: none;
-webkit-text-size-adjust: none;
font-family: acumin-pro, sans-serif;
}
body {
background-color: #fff;
}
a {
color: #000;
}
a:hover {
transition: 0.3s;
}
p a:hover, li a:hover {
color: #1970b4;
}
h1, h2, h3 {
font-weight: 600;
}
h4, strong, b {
font-weight: 400;
}
p, li {
font-weight: 200;
}
h1, h2, #ProjektLinks h3, #ProjektInhaltMobile h3 {
color: #1970b4;
}
#TempNumber {
position: fixed;
bottom: 0;
right: 0;
background-color: rgba(255, 255, 255, 0.5);
z-index: 2000;
padding: 2px 6px 3px 6px;
font-size: 12px;
}
#Body {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #3381bd;
z-index: -10;
}
#Page8593 .entry li:before {
content: "" !important;
}
#Page8593 #Menue, #Page8593 #MobileMenu {
display: none !important;
}
#Page8593 .nf-form-content {
float: left !important;
}
#Page8593 #Logo {
float: right !important;
}
#Page8593 .Inhalt {
}
#menu-projektkategorien li:first-of-type, .Schlagwort95 { 
display: none;
}@media (min-width: 950px) { #TempNumber {
display: none;PD
}
#Page6701 #Inhalt .Inhalt .entry li {
margin-bottom: 0 !important;
}
.ProjektListe .Warnung {
width: 7%;
margin-left: 3%;
margin-top: 1.8%;
display: none;
}
#ProjektTitel .Warnung {
width: 23px;
float: left;
margin-top: 4px;
margin-right: 10px;
margin-bottom: 10px;
display: none;
} #Header1, #Header2 {
top: 0;
left: 0;
width: 100%;
}
#Header1 {
position: absolute;
background-color: #fff;
z-index: 1000;
}
#Header2 {
position: fixed;
overflow: hidden;
background-color: rgba(255, 255, 255, 0.9);
z-index: 1011;
}
#Header2 img {
float: left;
}
#Page4 #Header1, #Page4 #Body {
display: none;
}
#Page4 #Header2 {
background-color:rgba(255, 255, 255, 0.8);
} #MobileLogo, #MobileMenu, #MobileClose {
display: none;
} #Menue {
float: right;
}
#Menue ul {
list-style-type: none;
}
#Menue li {
float: left;
letter-spacing: 0.5px;
font-weight: 300;
}
#Menue a {
text-decoration: none;
color: #000;
cursor: pointer;
}
#Menue .current-menu-item a, #Inhalt .current-menu-item a, #Menue .current-category-ancestor a, #Menue .current-post-ancestor a, #Inhalt .current-post-parent a, #Suche .menu-item-type-taxonomy a, #Page7091 #menu-item-6686 a, #Page16 #menu-item-6686 a, .TagPage .AlleProjekte a {
color: #1970b4;
font-weight: 600;
}
#Menue a:hover {
color: #1970b4;
}
.Inhalt2 #menu-item-6728 a {
font-weight: 200;
color: #000;
}
#Header2 .menu-submenue-container {
display: none;
}
.PublikationMenue {
float: right !important;
margin-right: 0 !important;
} #Footer {
position: absolute;
float: left;
left: 0;
width: 100%;
z-index: 10;
background-color: #3381bd;
}
#Page4 #Footer {
position: absolute !important;
top: 100%;
}
#Footer p, #Footer a, #Footer h1, #Footer li {
color: #fff;
margin: 0;
}
#Footer a {
text-decoration: none;
cursor: pointer;
border-bottom: 1px solid transparent;
}
#Footer a:hover, #Footer .current_page_item a { text-decoration: underline;
transition: 0.5s;
}
#Footer ul {
list-style-type: none;
text-align: right;
}
.FooterAdresse, .FooterAdresszeile1, .FooterAdresszeile1b, .FooterAdresszeile2, .FooterAdresszeile3 {
float: left;
}
.FooterAdresszeile2 {
clear: both;
}
.FooterAdresszeile2 {
margin-right: 25px;
}
.FooterMenue {
float: right;
} #Startseite {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
}
#StartseiteBackground {
position: absolute;
width: 100%;
height: 100%;
background-color: #fff;
}
.StartseiteProjektTitel {
position: absolute;
display: block;
background-color: rgba(240, 240, 240, 0.75);
padding: 0.25% 0.5% 0.25% 0.5%;
margin: 0;
right: 50%; bottom: calc( 100vh * 0.06); }
.StartseiteProjektTitel a {
text-decoration: none;
}
.StartseiteProjektTitel a:hover {
text-decoration: underline;
}
#StartseiteBackground > div { 
position: absolute; 
width: 100%;
height: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#StartseiteBackground > div:nth-of-type(1n+2) {
}
#StartseiteText {
background-color: rgba(240, 240, 240, 0.75);
position: absolute;
bottom: calc( 100vh * 0.06); }
#StartseiteText h1, #StartseiteText p {
display: inline;
margin: 0;
color: #000;
}
#StartseiteInfo p {
margin: 0;
}
#StartseiteInfo {
background-color: rgba(245, 245, 245, 0.8);
position: absolute;
top: 40%;
right: 50%; }
.StartseiteProjektBildQuelle {
position: absolute;
left: 2%;
bottom: 1%;
color: #999;
} #Inhalt {
background-color: #fff;
position: relative;
}
.Inhalt {
position: relative;
left: 50%;
float: left;
} #LeistungenFoto {
position: relative;
width: 100%;
height: 31.7vw;
max-height: 650px;
margin-bottom: 2vw;
background: url(//www.planundpraxis.de/wp-content/themes/pup2022/img/leistungen_desktop.jpg) no-repeat center center;
-webkit-background-size: cover%;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#Page6681 .h1 h1 {
display: none;
} #menu-projektkategorien {
float: left;
list-style-type: none;
}
#menu-projekt-sub-menue {
float: right;
list-style-type: none;
}
.menu-projektkategorien-container #menu-projektkategorien {
width: 70%;
}
#menu-projekt-sub-menue {
width: 30%;
}
.SchlagwortLink {
float: right !important;
}
#menu-projektkategorien li, #menu-projektkategorien li {
float: left;
}
#menu-projektkategorien a, #menu-projekt-sub-menue a {
text-decoration: none;
cursor: pointer;
}
#ProjektKategorien .Aktiv a, #ProjektKategorien a:hover {
color: #1970b4;
}
#ProjektKategorien .Aktiv a {
font-weight: 600;
letter-spacing: 0px;
}
.ProjektSeite .AlleProjekte a {
color: #000 !important;
font-weight: 200 !important;
}
.ProjektSeite .AlleProjekte a:hover {
color: #1970b4 !important;
}
.search-icon {
width: 18px;
}
.astm-search-menu {
float: right;
} #SchlagwortDropdown {
width: 100%;
background-color: rgba(248, 248, 248, 1);
}
.ProjektUebersicht #SchlagwortDropdown, .ProjektSeite #SchlagwortDropdown, #Page16 #SchlagwortDropdown {
display: none;
}
#SchlagwortDropdown #menu-projektkategorien {
margin-bottom: 0 !important;
}
#SchlagwortDropdown li {
font-style: italic;
}
#menu-projektkategorien b {
font-weight: 600;
}
.TagPage .ProjektLink, .TagPage .AlleProjekte, .TagPage .astm-search-menu, .TagPage .PublikationMenue {
opacity: 0.2;
pointer-events: none;
}
#SchlagwortDropdownClose {
cursor: pointer;
position: absolute;
right: 0;
}
#SchlagwortDropdownClose img {
width: 100%;
}
.TagPage .SchlagwortLink2 a {
color: #1970b4;
font-weight: 600;
}
.StaedtebaufoerderungLinkMobile {
display: none !important;
} .ProjektListe {
float: left;
position: relative;
background: no-repeat center center;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
overflow: hidden;
cursor: pointer;
background-color: #3381bd;
}
.ProjektListe:hover {
background-color: #1970b4;
transition: 0.3s
}
.ProjektListe2 {
margin-right: 0 !important;
}
.ProjektTitel {
width: 87%;
position: absolute;
bottom: 6%;
left: 4%;
padding: 1% 2.5% 1.5% 2.5%;
background-color: rgba(255, 255, 255, 0.85);
transition: 0.3s
}
.ProjektListe:hover .ProjektTitel {
background-color: rgba(255, 255, 255, 1.0);
transition: 0.3s
}
.ProjektTitel p {
font-weight: 600;
padding: 0;
margin: 0;
}
.ProjektUebersicht:hover {
color: #000 !important;
}
.ProjektTitel p:first-of-type {
font-weight: 200;
} #ProjektTitel, #ProjektFotoNeu, #ProjektLinks, #ProjektRechts {
display: block;
}
#ProjektLinks {
float: left;
}
#ProjektRechts {
float: right;
}
.ProjektSpalteLinksGross {
width: 46%;
}
.ProjektSpalteRechtsGross {
width: 50%;
}
.ProjektSpalteLinksKlein {
width: 61%;
}
.ProjektSpalteRechtsKlein {
width: 35%;
}
#ProjektInhaltMobile {
display: none;
}
.ProjektFotoTitel {
position: relative;
text-align: right;
}
.ProjektFoto img {
width: 100% !important;
}
#ProjektLinks h3 + p, .ProkektLinksExtern p {
margin-top: 0 !important;
}
#ProjektLinks p:first-of-type, #ProjektRechts h2:first-of-type {
margin-top: 0;
}
#ProjektLinks li, #ProjektRechts li {
list-style-type: none;
}
#ProjektLinks li:before {
content: "– ";
}
#ProjektRechts p, #ProjektRechts li {
margin: 0;
}
#ProjektRechts p a {
text-decoration: underline;
color: #000;
}
#ProjektRechts p a:hover {
color: #1970b4;
}
.BebauungsplanHervorhebung {
font-style: italic;
}
.ProjektTag:first-of-type:before {
content: "";
}
.ProjektTag:before {
content: ", ";
}
.ProjektTag a {
text-decoration: none !important;
} 
.ProjektTag a:hover {
text-decoration: underline !important;
}
#ProjektFaktenLinks {
width: 47%;
float: left;
}
#ProjektFaktenRechts {
width: 47%;
float: right;
}
.DownloadLink, .ProkektLinksExtern li, .PublikationDownload, .em-item-meta p a {
background-repeat: no-repeat;
text-decoration: underline;
text-indent: 0 !important;
margin-left: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
background-image: url(https://www.planundpraxis.de/wp-content/themes/pup2022/img/link.png);
}
.Link, .Info, .info {
background-image: url(https://www.planundpraxis.de/wp-content/themes/pup2022/img/link_info.png) !important;
}
.PDF, .PublikationDownload, .em-item-meta p a {
background-image: url(https://www.planundpraxis.de/wp-content/themes/pup2022/img/link_pdf.png) !important;
}
.ProkektLinksExtern li:before {
content: "" !important;
}
#ProjektPfeil {
position: fixed;
right: 0;
width: calc( ( 100vw - 1100px ) /2 );
text-align: center;
height: auto;
display: none;
}
#ProjektPfeil a {
cursor: pointer;
} .TeamMitglied {
float: left;
position: relative;
background: no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
overflow: hidden;
background-color: #3381bd;
}
.TeamMitglied img {
width: 100%;
}
.TeamMitglied:nth-of-type(3n) {
margin-right: 0 !important;
}
.TeamMitgliedDetail {
width: 95%;
position: absolute;
bottom: 0%;
padding: 0 5.5% 0 0;
color: #000;
}
.TeamMitgliedDetail h2 {
color: #000;
white-space: nowrap;
display: inline-block;
background-color: rgba(255, 255, 255, 0.85);
padding: 0.5% 2% 1% 2%;
margin: 0 0 3% 4%;
}
.TeamMitgliedDetail p {
margin: 0 5% 2% 5%;
padding: 0 0 0 1%;
}
.TeamMitgliedDetail a {
text-decoration: none;
}
.TeamMitgliedDetail a:hover {
text-decoration: underline;
}
.TeamMitgliedClose {
display: none;
} .KontaktAdresse {
float: left;
width: 45%;
}
.KontaktAdresseDirektkontakt {
float: right;
width: 55%;
}
#KontaktKarte {
width: 100%;
background: url(//www.planundpraxis.de/wp-content/themes/pup2022/img/orientierungskarte_desktop.png) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#KonaktKartenLink {
position: absolute;
display: block; }
#KontaktKarteQuelle {
text-align: right;
margin-right: 1%;
}
#KontaktKarteQuelle p {
padding: 0 0.5% 0.25% 0.5%;
background-color:rgba(255, 255, 255, 0.85);
display: inline-block;
}
#KontaktTelefonlink {
cursor: text;
text-decoration: none;
}
#KontaktTelefonlink:hover {
color: #000;
}
.Direktkontakt p {
display: inline-block;
}
.Direktkontakt p:nth-of-type(1) {
width: 28%;
}
.Direktkontakt p:nth-of-type(2) {
width: 27%;
} .Direktkontakt b {
font-weight: 200;
} .Publikationsliste {
float: left;
width: 46.5%;
margin-right: 7%;
margin-top: 3%;
margin-bottom: 1%;
}
.Publikationsliste:nth-of-type(2n) {
margin-right: 0 !important;
}
.Publikationsliste img {
width: 35%;
margin-right: 4%;
border: 1px solid #eee;
}
.PublikationKeinCover {
width: 35%;
margin-right: 4%;
background-color: #eee;
border: 1px solid #eee;
float: left;
}
.PublikationInhalt {
float: right;
width: 60%;
}
.Publikationsliste p:first-of-type {
margin-bottom: 0 !important;
}
}@media (max-width: 949px) { .Warnung, #TempNumber, #ProjektPfeil {
display: none;
} #Header1 {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color:rgba(255, 255, 255, 0.85);
z-index: 1000;
overflow: hidden;
}
#MobileLogo {
position: absolute;
}
#MobileMenu, #MobileClose {
position: absolute;
}
#MobileMenu img, #MobileClose img {
cursor: pointer;
}
#MobileClose, #Header2, #menu-standardmenue li, #menu-submenue li {
display: none;
}
#Header2 {
position: fixed;
top: 0;
left: 0;
right: 0;
height: 100% !important;
background-color: #fff;
z-index: 999;
}
#Header2 img {
display: none !important;
}
@media screen and (orientation:portrait) {
#Header1 {
height: 17vw;
}
#MobileLogo {
top: 4vw;
left: 5%;
}
#MobileLogo img {
height: 9vw;
}
#MobileMenu, #MobileClose {
top: 4vw;
right: 3%;
}
#MobileMenu img, #MobileClose img {
height: 6vw;
padding: 1.5vw 2vw 0.5vw 2vw;
}
}
@media screen and (orientation:landscape) {
#Header1 {
height: 9vw;
}
#MobileLogo {
top: 2vw;
left: 3%;
}
#MobileLogo img {
height: 5vw;
}
#MobileMenu, #MobileClose {
top: 1.7vw;
right: 2%;
}
#MobileMenu img, #MobileClose img {
height: 3.6vw;
padding: 1vw 1vw 0.5vw 1vw;
}
} @media screen and (orientation:portrait) {
h1 {
font-size: 5vw;
line-height: 6.75vw;
margin-bottom: 1.4vw;
}
h2, #ProjektInhaltMobile h3 {
font-size: 4.25vw;
line-height: 5.75vw;
margin-bottom: 1.2vw;
margin-top: 4.25vw;
}
h3 {
font-size: 3.6vw;
line-height: 4.9vw;
margin-bottom: 0.9vw;
margin-top: 4vw;
}
h4, p, li, #Footer h1 {
font-size: 3.6vw;
line-height: 4.9vw;
}
#SchlagwortDropdown li {
font-size: 3vw;
line-height: 3.9vw;
}
h4 {
margin: 2.5vw 0 0.9vw 0;
}
p, li {
margin-bottom: 2.5vw;
}
.ProjektFotoTitel p {
font-size: 3.2vw;
line-height: 4.7vw;
}
#KontaktKarteQuelle p {
font-size: 2vw;
line-height: 2.4vw;
}
#StartseiteText h1, #StartseiteText p {
font-size: 4.8vw;
line-height: 6.3vw;
}
#StartseiteInfo h1 {
font-size: 4.25vw;
line-height: 5.75vw;
margin-bottom: 0;
cursor: pointer;
}
#StartseiteInfo p {
font-size: 3.6vw;
line-height: 4.9vw;
margin-top: 0.75vw !important;
}
.ProjektFotoTitel p {
font-size: 1.8vw !important;
line-height: 2.3vw !important;
}
.ProjektFotoTitelSchmal p {
letter-spacing: -0.25px;;
}
}
@media screen and (orientation:landscape) {
h1 {
font-size: 3.25vw;
line-height: 4.3875vw;
margin-bottom: 0.9vw;
}
h2, #ProjektInhaltMobile h3 {
font-size: 2.7625vw;
line-height: 3.7375vw;
margin-bottom: 0.78vw;
margin-top: 1.82vw;
}
h3 {
font-size: 2.34vw;
line-height: 3.185vw;
margin-bottom: 0.585vw;
margin-top: 0.975vw;
}
h4, p, li, #Footer h1 {
font-size: 2.34vw;
line-height: 3.7vw; }
h4 {
margin: 1.625vw 0 0.585vw 0;
}
p, li {
margin-bottom: 1.625vw;
}
.TeamMitgliedDetail h2, .TeamMitgliedDetail p, .ProjektTitel p, .ProjektFotoTitel p,  #menu-projektkategorien li, #menu-projekt-sub-menue li, #Footer h1, #Footer p, #Footer li {
font-size: 2.08vw;
line-height: 3.055vw;
}
#KontaktKarteQuelle p {
font-size: 1.5vw;
line-height: 1.8vw;
}
#StartseiteText h1, #StartseiteText p {
font-size: 2.6vw;
line-height: 3.5vw;
}
#StartseiteInfo h1 {
font-size: 2.3vw;
line-height: 3vw;
margin-bottom: 0;
cursor: pointer;
}
#StartseiteInfo p {
font-size: 2vw;
line-height: 2.4vw;
margin-top: 0.5vw !important;
}
.ProjektFotoTitel p {
font-size: 1.17vw !important;
line-height: 1.52vw !important;
}
} #Menue ul {
list-style-type: none;
}
#menu-standardmenue li {
letter-spacing: 0.5px;
font-weight: 300;
text-align: center;
}
#Menue a {
text-decoration: none;
color: #000;
cursor: pointer;
}
#Menue .current-menu-item a, #Inhalt .current-menu-item a, #Menue .current-category-ancestor a, #Menue .current-post-ancestor a, #Inhalt .current-post-parent a, #Suche .menu-item-type-taxonomy a {
color: #1970b4 !important;
font-weight: 600 !important;
}
.ProjektSeite #menu-projektkategorien .AlleProjekte a {
color: #000 !important;
font-weight: 200 !important;
}
.Inhalt #menu-item-6728 a, .Inhalt2 #menu-item-6728 a {
color: #000;
font-weight: 200;
}
@media screen and (orientation:portrait) {
#Menue {
margin-top: 35vw;
}
#menu-standardmenue li {
margin-top: 5vw;
font-size: 5vw;
line-height: 7vw;
}
#menu-submenue {
margin-top: 15vw;
}
#menu-submenue li {
letter-spacing: 0.5px;
font-weight: 300;
text-align: center;
margin-top: 3.5vw;
font-size: 3.6vw;
line-height: 4.9vw;
}
}
@media screen and (orientation:landscape) {
#Menue {
margin-top: 10vw;
}
#menu-standardmenue li {
margin-top: 3.25vw;
font-size: 3.25vw;
line-height: 4.55vw;
}
#menu-submenue {
display: none;
}
} #Footer {
position: absolute;
float: left;
left: 0;
width: 100%;
z-index: 10;
}
#Page4 #Footer {
position: absolute !important;
top: 100%;
}
#Footer p, #Footer a, #Footer h1, #Footer li {
color: #fff;
margin: 0;
}
#Footer a {
text-decoration: underline;
cursor: pointer;
}
#Footer a:hover {
text-decoration: none;
}
#Footer ul {
list-style-type: none;
text-align: right;
}
.FooterAdresszeile1, .FooterAdresszeile2, .FooterAdresszeile3 {
width: 100%;
}
.FooterAdresse, .FooterAdresszeile1, .FooterAdresszeile2, .FooterAdresszeile3 {
float: left;
}
@media screen and (orientation:portrait) {
#Footer {
padding: 5% 0 6% 0;
}
#FooterCopyright {
margin-top: -4.7vw !important;
}
.FooterAdresszeile2, .FooterAdresszeile3 {
margin-top: 2vw !important;
}
#Footer .menu-submenue-container {
display: none;
}
.FooterAdresse, .FooterMenue {
width: 100%;
float: left;
}
}
@media screen and (orientation:landscape) {
#Footer {
padding: 3% 0 4% 0;
}
#FooterCopyright, .FooterAdresszeile2, .FooterAdresszeile3 {
margin-top: 1.3vw !important;
}
#Footer .menu-submenue-container {
margin-top: 7.4vw;
}
.FooterAdresse {
width: 60%;
}
.FooterMenue {
width: 40%;
float: right;
}
} #Startseite {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
}
#StartseiteBackground {
position: absolute;
width: 100%;
height: 100%;
background-color: #fff;
}
#StartseiteBackground > div { 
position: absolute; 
width: 100%;
height: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.StartseiteProjektTitel {
display: none;
}
#StartseiteText {
background-color:rgba(255, 255, 255, 0.8);
position: absolute;
}
#StartseiteText h1, #StartseiteText p {
display: inline;
margin: 0;
color: #000;
}
#StartseiteInfo h1::after {
content: " >";
}
#StartseiteInfo p {
margin: 0;
display: none;
}
#StartseiteInfo {
background-color:rgba(255, 255, 255, 0.85);
position: absolute;
}
@media screen and (orientation:portrait) {
#StartseiteText {
bottom: 5%;
left: 7.5%;
right: 7.5%;
padding: 2.2vw 3.25vw 3.25vw 3.25vw;
}
#StartseiteInfo {
top: 18%;
left: 7.5%;
max-width: 79%;
padding: 2vw 3vw 2vw 3vw;
}
}
@media screen and (orientation:landscape) {
#StartseiteText {
bottom: 6%; left: 3%;
width: 63%;
padding: 1vw 1.5vw 1.5vw 1.5vw;
}
#StartseiteInfo {
top: 13vw;
left: 3%;
width: auto;
padding: 1vw 1.5vw 1.5vw 1.5vw;
}
} #Inhalt {
background-color: #fff;
position: relative;
}
.Inhalt {
position: relative;
}
@media screen and (orientation:portrait) {
#Inhalt {
padding-top: 17vw;
padding-bottom: 6vw;
}
.Inhalt {
left: 5%;
width: 90%;
}
}
@media screen and (orientation:landscape) {
#Inhalt {
padding-top: 9vw;
padding-bottom: 4vw;
}
.Inhalt {
left: 3%;
width: 94%;
}
} #Page6681 .h1 h1 {
display: none;
}
.entry li {
text-indent: 0px;
list-style-type: none;
}
.entry li:before {
content: "– ";
}
@media screen and (orientation:portrait) {
#LeistungenFoto {
position: relative;
width: 100%;
height: 50vw;
margin-bottom: 3vw;
background: url(//www.planundpraxis.de/wp-content/themes/pup2022/img/leistungen_mobile.jpg) no-repeat center center;
-webkit-background-size: cover%;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.entry li {
margin-left: 2vw;
}
}
@media screen and (orientation:landscape) {
#LeistungenFoto {
position: relative;
width: 100%;
height: 31.7vw;
margin-bottom: 2vw;
background: url(//www.planundpraxis.de/wp-content/themes/pup2022/img/leistungen_desktop.jpg) no-repeat center center;
-webkit-background-size: cover%;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.entry li {
margin-left: 1.3vw;
}
}  #menu-projektkategorien {
float: left;
list-style-type: none;
width: 100%;
}
#menu-projekt-sub-menue {
float: right;
list-style-type: none;
width: 100%;
}
#menu-projektkategorien li, #menu-projekt-sub-menue li {
float: left;
white-space: nowrap;
}
#menu-projektkategorien a, #menu-projekt-sub-menue a {
text-decoration: none;
letter-spacing: 0.5px;
cursor: pointer;
}
#ProjektKategorien .Aktiv a, #ProjektKategorien a:hover {
color: #1970b4;
}
#ProjektKategorien .Aktiv a {
font-weight: 600;
letter-spacing: 0px;
}
.ProjektSeite .AlleProjekte a {
color: #000 !important;
font-weight: 200 !important;
}
.is-search-form {
position: relative !important;
margin-bottom: 5vw;
}
.is-search-form label, .is-search-form button {
margin-top: 1vw !important;
}
.astm-search-menu {
margin-right: 0 !important;
margin-bottom: 2vw;
}
#menu-projektkategorien .is-search-form, #menu-projekt-sub-menue .is-search-form {
margin-bottom: 1vw;
}
.PublikationMenue {
clear: both;
margin-bottom: 2%;
}
.PublikationMenue, .SchlagwortLink, .astm-search-menu {
float: right !important;
}
@media screen and (orientation:portrait) {
#menu-projektkategorien {
margin-top: 2%;
}
#menu-projektkategorien, #menu-projekt-sub-menue {
margin-bottom: 3%;
}
#menu-projektkategorien li {
margin: 0 3% 2% 0;
}
#menu-projekt-sub-menue li {
margin: 0 0 2% 3%;
}
#menu-projektkategorien li a, #menu-projekt-sub-menue li a {
letter-spacing: 0.25px;
}
.search-icon {
width: 3.5vw;
}
.StaedtebaufoerderungLinkDesktop {
display: none !important;
}
}
@media screen and (orientation:landscape) {
#menu-projektkategorien, #menu-projekt-sub-menue {
margin-bottom: 1.6%;
}
#menu-projektkategorien {
width: 60%;
}
#menu-projekt-sub-menue {
width: 40%;
}
#menu-projektkategorien li {
margin: 0 12px 5px 0;
}
#menu-projekt-sub-menue li {
margin: 0 0 5px 12px;
}
.search-icon {
width: 2.4vw;
}
.StaedtebaufoerderungLinkDesktop {
display: none !important;
}
} .ProjektListe {
float: left;
position: relative;
background: no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
overflow: hidden;
cursor: pointer;
background-color: #3381bd;
}
.ProjektTitel {
position: absolute;
background-color: rgba(255, 255, 255, 0.85);
}
.ProjektTitel p {
font-weight: 600;
padding: 0;
margin: 0;
}
.ProjektUebersicht:hover {
color: #000 !important;
}
.ProjektTitel p:first-of-type {
font-weight: 200;
}
@media screen and (orientation:portrait) {
.ProjektListe {
width: 100%;
height: 59.9vw;
margin: 0 0 5% 0;
}
.ProjektTitel {
width: 87%;
bottom: 6%;
left: 4%;
padding: 1% 2.5% 1.5% 2.5%;
}
}
@media screen and (orientation:landscape) {
.ProjektListe {
width: 48.5%;
height: 29.1vw;
margin-bottom: 3%;
margin-right: 0;
}
.ProjektListe1 {
margin-right: 3%;
}
.ProjektTitel {
width: 88.75%;
bottom: 6%;
left: 4%;
padding: 0.8% 2% 1.2% 2%;
}
} #ProjektLinks {
display: none;
}
#ProjektTitel, #ProjektRechts {
display: block;
}
#ProjektTitel, #ProjektRechts {
width: 100%;
}
#ProjektLinks p:first-of-type {
margin-top: 0px;
}
#ProjektLinks li, #ProjektFakten li, #ProjektInhaltMobile li {
list-style-type: none;
}
#ProjektLinks li:before, #ProjektFakten li:before, #ProjektInhaltMobile li:before {
content: "– ";
}
#ProjektFakten p, #ProjektFakten li, #ProjektFoto li #ProjektInhaltMobile li {
margin: 0;
}
#ProjektFotoNeu li {
margin: 0 !important;
text-indent: 0 !important;
}
#ProjektFoto li:before {
content: "";
}
#ProjektFakten p a {
text-decoration: underline;
color: #000;
}
#ProjektFakten p a:hover {
color: #1970b4;
}
.ProjektTag:first-of-type:before {
content: "";
}
.ProjektTag:before {
content: ", ";
}
.ProjektTag a {
text-decoration: none !important;
} 
.ProjektTag a:hover {
text-decoration: underline !important;
}
.ProjektFoto img {
width: 100%;
}
.ProkektLinksExtern li, .PublikationDownload, .em-item-meta p a {
background-repeat: no-repeat;
text-decoration: underline;
text-indent: 0 !important;
margin-left: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
background-image: url(https://www.planundpraxis.de/wp-content/themes/pup2022/img/link.png);
}
.Link, .Info, .info {
background-image: url(https://www.planundpraxis.de/wp-content/themes/pup2022/img/link_info.png) !important;
}
.PDF, .PublikationDownload {
background-image: url(https://www.planundpraxis.de/wp-content/themes/pup2022/img/link_pdf.png) !important;
}
.ProkektLinksExtern li:before {
content: "" !important;
}
@media screen and (orientation:portrait) {
.ProjektFoto {
width: 90vw;
}
#ProjektTitel h1 {
margin: 1vw 0 2vw 0;
}
#ProjektLinks p, #ProjektLinks li, #ProjektRechts p, #ProjektRechts li, #Page6681 .entry p, #Page16 .entry p {
line-height: 6.0vw;
}
.Leistungen1, .Leistungen2, .Leistungen3 {
width: 90%;
}
.Leistungen1, .Leistungen3 {
margin-left: 10%;
}
#ProjektLinks p {
margin: 2vw 0 0 0;
}
#ProjektLinks li, #ProjektRechts li, #ProjektInhaltMobile li {
margin: 0 0 2.5vw 5vw;
text-indent: -3vw;
}
#ProjektRechts h2, #ProjektInhaltMobile h3 {
margin: 4vw 0 0 0;
}
.ProkektLinksExtern li {
background-position: 0px 2.2vw;
padding-left: 5vw;
background-size: 4vw;
padding-top: 4px;
}
.PublikationDownload {
background-position: 0px 1vw;
padding-left: 5vw;
background-size: 4vw;
}
}
@media screen and (orientation:landscape) {
.ProjektFoto {
width: 65.8vw;
}
.lSSlideWrapper {
width: 70%;
}
#ProjektTitel h1 {
margin: 1vw 0 1.2vw 0;
}
#ProjektLinks p, #ProjektLinks li, #ProjektRechts p, #ProjektRechts li {
line-height: 4.15vw;
}
#ProjektLinks p {
margin: 1.2vw 0 0 0;
}
#ProjektLinks li, #ProjektRechts li, #ProjektInhaltMobile li {
margin: 1.2vw 0 0 5vw;
text-indent: -2vw;
}
#ProjektRechts h2, #ProjektInhaltMobile h3 {
margin: 2.6vw 0 0 0;
}
.ProkektLinksExtern li, .PublikationDownload {
background-position: 0px 7px;
padding-left: 29px;
padding-top: 5px;
background-size: 24px;
}
} #SchlagwortDropdown {
width: 100%;
padding: 0 0 8px 0;
background-color: rgba(248, 248, 248, 1);
margin-bottom: 20px;
margin-top: -8px;
}
#SchlagwortDropdown #menu-projektkategorien {
width: 100%;
}
#SchlagwortDropdown #menu-projektkategorien li {
margin: 2px 10px 6px 5px !important;
}
@media screen and (orientation:portrait) {
#SchlagwortDropdown #menu-projektkategorien li:nth-of-type(3) {
clear: both;
}
}
@media screen and (orientation:landscape) {
}
.ProjektUebersicht #SchlagwortDropdown, .ProjektSeite #SchlagwortDropdown, #Page16 #SchlagwortDropdown {
display: none;
}
#SchlagwortDropdown #menu-projektkategorien {
margin: 0 0 0 8px !important;
}
@media screen and (orientation:portrait) {
#SchlagwortDropdown li {
float: left;
margin: 0 4% 1.5% 0;
}
}
@media screen and (orientation:landscape) {
#SchlagwortDropdown li {
margin: 0 5px 0 10px !important;
}
}
#SchlagwortDropdown li {
font-style: italic !important;
}
#SchlagwortDropdown li a {
letter-spacing: 0px !important;
}
#menu-projektkategorien b {
font-weight: 600;
}
.TagPage .ProjektLink, .TagPage .AlleProjekte, .TagPage .astm-search-menu, .TagPage .PublikationMenue {
opacity: 0.2;
pointer-events: none;
}
#SchlagwortDropdownClose {
position: absolute;
right: 12px;
padding-top: 8px;
width: 15px;
cursor: pointer;
}
#SchlagwortDropdownClose img {
width: 100%;
}
.TagPage .SchlagwortLink2 a {
color: #1970b4;
font-weight: 600;
}
.TagPage .AlleProjekte a {
color: #1970b4 !important;
font-weight: 600 !important;
} .TeamMitglied {
float: left;
position: relative;
background: no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
overflow: hidden;
background-color: #3381bd;
width: 100%;
height: 59.9vw;
margin-bottom: 5%;
}
.TeamMitglied img {
width: 100%;
}
.TeamMitgliedDetail {
width: 95%;
position: absolute;
bottom: 0%;
padding: 0 5.5% 0 0;
color: #000;
top: 81.5%;
}
.TeamMitgliedDetail h2 {
color: #000;
white-space: nowrap;
display: inline-block;
background-color: rgba(255, 255, 255, 0.85);
}
.TeamMitgliedDetail a {
text-decoration: underline;
}
.TeamMitgliedDetail a:hover {
text-decoration: none;
}
.TeamMitgliedClose {
position: absolute;
top: 6%;
left: 90%;
width: 6%;
display: none;
cursor: pointer;
display: none !important;
}
.TeamMitgliedClose img {
width: 100%;
}
@media screen and (orientation:portrait) {
.TeamMitglied {
width: 100%;
height: 59.9vw;
margin: 0 0 5% 0;
}
.TeamMitgliedDetail h2 {
margin: 0 0 5% 4%;
padding: 1% 2.5% 1.5% 2.5%;
}
.TeamMitgliedDetail p {
margin: 0 5% 2% 5.5%;
padding: 0 0 0 1%;
}
}
@media screen and (orientation:landscape) {
.TeamMitglied {
width: 48.5%;
height: 29.1vw;
margin-bottom: 3%;
}
.TeamMitglied:nth-of-type(odd) {
margin-right: 3%;
}
.TeamMitgliedDetail h2 {
margin: 0 0 5% 4%;
padding: 0.25% 1.625% 0.5% 1.625%;
}
.TeamMitgliedDetail p {
margin: 0 4.625% 2% 4.625%;
padding: 0 0 0 1%;
}
} #KonaktKartenLink {
position: relative;
display: block;
width: 100%;
height: 100%
}
#KontaktKarteQuelle {
text-align: right;
}
#KontaktKarteQuelle p {
background-color:rgba(255, 255, 255, 0.85);
display: inline-block;
}
.KontaktAdresse {
float: left;
}
.Direktkontakt b {
font-weight: 200;
}
@media screen and (orientation:portrait) {
#KontaktKarte {
width: 100%;
height: 75vw;
background: url(//www.planundpraxis.de/wp-content/themes/pup2022/img/orientierungskarte_portrait.png) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin-bottom: 5%;
}
#KontaktKarteQuelle p {
padding: 0.75vw 1.25vw 1vw 1.25vw;
}
#KontaktKarteQuelle {
margin-top: -13vw;
margin-bottom: 4vw;
margin-right: 3%;
}
.KontaktAdresse {
margin-bottom: 2vw;
width: 100%;
}
.KontaktAdresse:nth-of-type(3), .KontaktAdresseDirektkontakt {
width: 100%;
}
.Direktkontakt p {
margin-bottom: 0;
}
.Direktkontakt p:nth-of-type(3) {
margin-bottom: 5vw;
}
}
@media screen and (orientation:landscape) {
#KontaktKarte {
width: 100%;
height: 47vw;
background: url(//www.planundpraxis.de/wp-content/themes/pup2022/img/orientierungskarte_landscape.png) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin-bottom: 5%;
}
#KontaktKarteQuelle p {
padding: 0.75vw 1.25vw 1vw 1.25vw;
}
#KontaktKarteQuelle {
margin-top: -11vw;
margin-bottom: 4vw;
margin-right: 2%;
}
.KontaktAdresse {
margin-bottom: 2vw;
width: 48.5%;
margin-right: 1.5%;
}
.KontaktAdresse:nth-of-type(3), .KontaktAdresseDirektkontakt {
width: 100%;
}
.Direktkontakt p {
display: inline-block;
}
.Direktkontakt p {
margin-bottom: 1vw;
}
.Direktkontakt p:nth-of-type(1) {
width: 27%;
}
.Direktkontakt p:nth-of-type(2) {
width: 26%;
}
} .Publikationsliste {
float: left;
width: 100%;
}
.Publikationsliste img {
border: 1px solid #eee;
}
.Publikationsliste h2 {
margin-top: 0;
}
.Publikationsliste p:first-of-type {
margin-bottom: 0 !important;
}
@media screen and (orientation:portrait) {
.Publikationsliste {
margin-top: 5%;
margin-bottom: 5%;
}
.Publikationsliste img {
width: 35%;
margin-right: 4%;
}
.PublikationInhalt {
float: right;
width: 60%;
}
}
@media screen and (orientation:landscape) {
.Publikationsliste {
margin-top: 2.5%;
margin-bottom: 2.5%;
}
.Publikationsliste img {
width: 25%;
margin-right: 2%;
}
.PublikationInhalt {
float: right;
width: 72%;
}
}
}@media (min-width: 950px) and (max-width: 1199px) {
#Temp1100, #Temp1400, #TempPortrait, #TempLandscape {
display: none;
}
h1 {
font-size: 18px;
line-height: 24px;
margin-bottom: 5px;
}
h1:nth-of-type(2), .KontaktAdresse h3:nth-of-type(2) {
margin-top: 25px !important;
}
h2 {
font-size: 15.5px;
line-height: 21px;
margin-bottom: 4px;
margin-top: 16px;
}
h3 {
font-size: 13px;
line-height: 17.5px;
margin-bottom: 2.5px;
margin-top: 15px;
}
h4, p, li {
font-size: 13px;
line-height: 18.5px;
}
h4 {
margin: 9px 0 2.5px 0;
}
p, li, .ListeOhneAbstand, #H1Schlagworte {
margin-bottom: 10.5px;
}
.Publikationsliste p, .Publikationsliste h2 {
margin-top: 0 !important;
margin-bottom: 5.75px;
}
.ListeOhneAbstand li, #ProjektDetails p {
margin-bottom: 0;
}
.entry li {
text-indent: -11px;
list-style-type: none;
}
.entry li {
margin-left: 20px;
}
.entry li:before {
content: "– ";
}
.padding h3, .padding p {
padding-left: 24px;
padding-right: 24px;
}
.padding + p {
margin-top: 15px;
}
#Header1 {
height: 117px;
}
#Header2 {
height: 100px;
}
#HeaderInhalt {
height: 108px;
}
#Header2 img {
margin-top: 33px;
height: 50px;
}
#Page4 #Logo  {
padding: 40px 20px 17px 20px;
margin-left: -20px;
margin-top: -40px;
}
#Inhalt {
margin-top: 117px;
}
#Footer {
padding-top: 26px;
height: 104px;
}
#Inhalt .Inhalt {
min-height: calc( 100vh - 267px);
}
#Page6681 .Inhalt {
min-height: auto !important;
}
#FooterCopyright {
margin-top: 8px !important;
}
.FooterAdresszeile1 {
margin-bottom: 8.5px;
}
.ProjektFotoTitel p, .StartseiteProjektBildQuelle {
font-size: 9px !important;
line-height: 12px !important;
}
.ProjektFotoTitelSchmal p {
letter-spacing: -0.3px;;
}
#Footer p, #Footer a, #Footer h1, #Footer li, #ProjektRechts h2, #ProjektDetails h2, #ProjektRechts p, #ProjektDetails p, #ProjektRechts li, .ProkektLinksExtern li, .ProkektLinksExtern p, .TeamMitgliedDetail h2, .TeamMitgliedDetail p, #menu-projektkategorien li, #menu-projekt-sub-menue li, .Publikationsliste h2, .Publikationsliste p, .StartseiteProjektTitel, .ProjektListe p {
font-size: 11.5px;
line-height: 17px;
}
#KontaktKarteQuelle p {
font-size: 9px;
line-height: 14px;
}
#StartseiteText h1, #StartseiteInfo h1, #StartseiteText p {
font-size: 17px;
line-height: 21px;
}
#StartseiteInfo p {
font-size: 15px;
line-height: 18px;
}
#Page6681 .entry p, #ProjektText p, #ProjektText li {
line-height: 21.5px;
}
#StartseiteText, #StartseiteInfo {
padding: 10px 12.5px 12.5px 12.5px;
}
#StartseiteText { left: 50%;
margin-left: -464px;
width: 400px;
}
.StartseiteProjektTitel, #StartseiteInfo {
margin-right: -456px;
max-width: 400px;
}
#StartseiteInfo {
width: 375px;
}
#StartseiteInfo h1 {
margin-bottom: 4px;
}
.Inhalt {
margin-left: -450px;
padding-bottom: 20px;
}
.Inhalt, #ProjektKategorien {
width: 900px;
}
#Menue {
margin-top: 69px;
}
#Menue li {
margin-left: 27px;
}
#menu-projektkategorien, #menu-projekt-sub-menue {
margin-bottom: 16px;
}
#menu-projektkategorien li, #menu-projekt-sub-menue li {
margin: 0 15px 0 0;
}
#menu-projektkategorien a, #menu-projekt-sub-menue a {
letter-spacing: 0.25px;
}
#SchlagwortDropdown {
margin: -6px 0 20px 0;
padding: 0 0 8px 0;
}
#SchlagwortDropdown #menu-projektkategorien {
width: 92%;
}
#SchlagwortDropdown #menu-projektkategorien li {
margin: 2px 2px 5px 13px;
}
#SchlagwortDropdown li a {
letter-spacing: 0.2px !important;
}
#SchlagwortDropdownClose {
width: 12px;
top: 37px;
margin-right: 12px;
}
.ProjektListe, .TeamMitglied {
width: 280px;
height: 187px;
margin: 0 30px 30px 0;
}
.is-search-form {
width: 30%;
margin: 10px 0 30px 0;
}
#ProjektLinks, #ProjektRechts {
margin-bottom: 25px;
}
.ProjektFotoGross {
width: 450px;
}
.ProjektFotoKlein {
width: 315px; 
}
#ProjektFotoNeu {
margin-top: 5px;
margin-bottom: 13px;
min-height: 17px;
}
.HeaderZeilen1 {
margin-top: 35px;
}
.HeaderZeilen2 {
margin-top: 59px;
}
.HeaderZeilen3 {
margin-top: 83px;
}
#ProjektTitel h1 {
margin: 0 0 8px 0;
}
#ProjektText p {
margin: 11px 0 0 0;
}
#ProjektText li {
margin-top: 5.5px;
}
#ProjektDetails {
margin-top: 21px;
}
#ProjektRechts h2, #ProjektDetails h2 {
margin: 10px 0 0 0;
}
#ProjektLinks h3 {
margin-top: 21px;
margin-bottom: 0;
}
#ProjektPfeil {
bottom: 20px;
width: calc( ( 100vw - 900px ) /2 );
}
#ProjektPfeil img {
width: 20px;
}
.ProjektCount {
margin-bottom: 24px;
text-align: right;
font-style: italic;
}
.ProkektLinksExtern li {
background-position: 0px 3px;
padding-left: 21px;
padding-top: 3px;
background-size: 16px;
}
.PublikationDownload {
background-position: 0px 1px;
padding-left: 19px;
background-size: 16px;
}
#KontaktKarte {
height: 350px;
margin-bottom: 30px;
}
#KonaktKartenLink {
top: 23%;
left: 37.4%;
width: 91px;
height: 39px;
}
#KontaktKarteQuelle {
margin-top: -60px;
margin-bottom: 25px;
}
.Direktkontakt p {
margin-bottom: 4px;
}
.TeamMitgliedDetail {
top: 81.5%;
}
.PublikationKeinCover {
height: 206px;
}
}@media (min-width: 1200px) and (max-width: 1549px) {
#Temp900, #Temp1400, #TempPortrait, #TempLandscape {
display: none;
}
h1 {
font-size: 22px;
line-height: 30px;
margin-bottom: 6px;
}
h1:nth-of-type(2), .KontaktAdresse h3:nth-of-type(2) {
margin-top: 30px !important;
}
h2 {
font-size: 19px;
line-height: 26px;
margin-bottom: 4.5px;
margin-top: 20px;
}
h3 {
font-size: 16px;
line-height: 22px;
margin-bottom: 3px;
margin-top: 18px;
}
h4, p, li {
font-size: 16px;
line-height: 23px;
}
h4 {
margin: 11px 0 3px 0;
}
p, li, .ListeOhneAbstand, #H1Schlagworte {
margin-bottom: 13px;
}
.Publikationsliste p, .Publikationsliste h2 {
margin-top: 0 !important;
margin-bottom: 6.5px;
}
.ListeOhneAbstand li, #ProjektDetails p {
margin-bottom: 0;
}
.entry li {
text-indent: -15px;
list-style-type: none;
}
.entry li {
margin-left: 25px;
}
.entry li:before {
content: "– ";
}
.padding h3, .padding p {
padding-left: 30px;
padding-right: 30px;
}
.padding + p {
margin-top: 18px;
}
#Header1 {
height: 140px;
}
#Header2 {
height: 120px;
}
#HeaderInhalt {
height: 130px;
}
#Header2 img {
margin-top: 40px;
height: 60px;
}
#Page4 #Logo  {
padding: 40px 20px 20px 20px;
margin-left: -20px;
margin-top: -40px;
}
#Inhalt {
margin-top: 140px;
}
#Footer {
padding-top: 30px;
height: 130px;
}
#Inhalt .Inhalt {
min-height: calc( 100vh - 320px );
}
#Page6681 .Inhalt {
min-height: auto !important;
}
#FooterCopyright {
margin-top: 10px !important;
}
.FooterAdresszeile1 {
margin-bottom: 10.5px;
}
.ProjektFotoTitel p, .StartseiteProjektBildQuelle {
font-size: 11px !important;
line-height: 14px !important;
}
.ProjektFotoTitelSchmal p {
letter-spacing: -0.4px;
}
#Footer p, #Footer a, #Footer h1, #Footer li, #ProjektRechts h2, #ProjektDetails h2, #ProjektRechts p, #ProjektDetails p, #ProjektRechts li, .ProkektLinksExtern li, .ProkektLinksExtern p, .TeamMitgliedDetail h2, .TeamMitgliedDetail p, #menu-projektkategorien li, #menu-projekt-sub-menue li, .Publikationsliste h2, .Publikationsliste p, .StartseiteProjektTitel, .ProjektListe p {
font-size: 14px;
line-height: 21px;
}
#KontaktKarteQuelle p {
font-size: 11px;
line-height: 16px;
}
#StartseiteText h1, #StartseiteInfo h1, #StartseiteText p {
font-size: 21px;
line-height: 26px;
}
#StartseiteInfo p {
font-size: 18px;
line-height: 22px;
}
#Page6681 .entry p, #ProjektText p, #ProjektText li {
line-height: 26px;
}
#StartseiteText, #StartseiteInfo {
padding: 12px 15px 15px 15px;
}
#StartseiteText { left: 50%;
margin-left: -565px;
width: 500px;
}
.StartseiteProjektTitel, #StartseiteInfo {
margin-right: -557px;
max-width: 500px;
}
#StartseiteInfo {
width: 450px;
}
#StartseiteInfo h1 {
margin-bottom: 6px;
}
.Inhalt {
margin-left: -550px;
padding-bottom: 20px;
}
.Inhalt, #ProjektKategorien {
width: 1100px;
}
#Menue {
margin-top: 82px;
}
#Menue li {
margin-left: 34px;
}
#menu-projektkategorien, #menu-projekt-sub-menue {
margin-bottom: 20px;
}
#menu-projektkategorien li, #menu-projekt-sub-menue li {
margin: 0 20px 0 0;
}
#menu-projektkategorien a, #menu-projekt-sub-menue a {
letter-spacing: 0.5px;
}
#SchlagwortDropdown {
margin: -8px 0 20px 0;
padding: 0 0 8px 0;
}
#SchlagwortDropdown #menu-projektkategorien {
width: 94%;
}
#SchlagwortDropdown #menu-projektkategorien li {
margin: 2px 3px 6px 15px;
}
#SchlagwortDropdown li a {
letter-spacing: 0.25px !important;
}
#SchlagwortDropdownClose {
width: 15px;
top: 45px;
margin-right: 15px;
}
.ProjektListe, .TeamMitglied {
width: 343px;
height: 228px;
margin: 0 35px 35px 0;
}
.is-search-form {
width: 30%;
margin: 10px 0 30px 0;
}
#ProjektLinks, #ProjektRechts {
margin-bottom: 30px;
}
.ProjektFotoGross {
width: 550px;
}
.ProjektFotoKlein {
width: 385px;
}
#ProjektFotoNeu {
margin-top: 8px;
margin-bottom: 15px;
min-height: 20px;
}
.HeaderZeilen1 {
margin-top: 43px;
}
.HeaderZeilen2 {
margin-top: 73px;
}
.HeaderZeilen3 {
margin-top: 103px;
}
#ProjektTitel h1 {
margin: 0 0 10px 0;
}
#ProjektText p {
margin: 13px 0 0 0;
}
#ProjektText li {
margin-top: 6.5px;
}
#ProjektDetails {
margin-top: 25px;
}
#ProjektRechts h2, #ProjektDetails h2 {
margin: 12px 0 0 0;
}
#ProjektLinks h3 {
margin-top: 25px;
margin-bottom: 0;
}
#ProjektPfeil {
bottom: 25px;
width: calc( ( 100vw - 1100px ) /2 );
}
#ProjektPfeil img {
width: 25px;
}
.ProjektCount {
margin-bottom: 30px;
text-align: right;
font-style: italic;
}
.ProkektLinksExtern li {
background-position: 0px 5px;
padding-left: 24px;
padding-top: 3px;
background-size: 18px;
}
.PublikationDownload {
background-position: 0px 2px;
padding-left: 22px;
background-size: 18px;
}
#KontaktKarte {
height: 450px;
margin-bottom: 30px;
}
#KonaktKartenLink {
top: 23.5%;
left: 37%;
width: 115px;
height: 47px;
}
#KontaktKarteQuelle {
margin-top: -65px;
margin-bottom: 30px;
}
.Direktkontakt p {
margin-bottom: 6px;
}
.TeamMitgliedDetail {
top: 83%;
}
.PublikationKeinCover {
height: 252px;
}
}@media (min-width: 1550px) {
#Temp900, #Temp1100, #TempPortrait, #TempLandscape {
display: none;
}
h1 {
font-size: 26px;
line-height: 35px;
margin-bottom: 7px;
}
h1:nth-of-type(2), .KontaktAdresse h3:nth-of-type(2) {
margin-top: 36px !important;
}
h2 {
font-size: 23px;
line-height: 31px;
margin-bottom: 5.5px;
margin-top: 24px;
}
h3 {
font-size: 19px;
line-height: 23px;
margin-bottom: 3.5px;
margin-top: 22px;
}
h4, p, li {
font-size: 19px;
line-height: 26px;
}
h4 {
margin: 13px 0 3.5px 0;
}
p, li, .ListeOhneAbstand, #H1Schlagworte {
margin-bottom: 16px;
}
.Publikationsliste p, .Publikationsliste h2 {
margin-top: 0 !important;
margin-bottom: 8px;
}
.ListeOhneAbstand li, #ProjektDetails p {
margin-bottom: 0;
}
.entry li {
text-indent: -15px;
list-style-type: none;
}
.entry li {
margin-left: 25px;
}
.entry li:before {
content: "– ";
}
.padding h3, .padding p {
padding-left: 36px;
padding-right: 36px;
}
.padding + p {
margin-top: 22px;
}
#Header1 {
height: 168px;
}
#Header2 {
height: 144px;
}
#HeaderInhalt {
height: 156px;
}
#Header2 img {
margin-top: 48px;
height: 72px;
}
#Page4 #Logo  {
padding: 40px 20px 25px 20px;
margin-left: -20px;
margin-top: -40px;
}
#Inhalt {
margin-top: 168px;
}
#Footer {
padding-top: 36px;
height: 154px;
}
#Inhalt .Inhalt {
min-height: calc( 100vh - 378px );
}
#Page6681 .Inhalt {
min-height: auto !important;
}
#FooterCopyright {
margin-top: 12px !important;
}
.FooterAdresszeile1 {
margin-bottom: 12.5px;
}
.ProjektFotoTitel p, .StartseiteProjektBildQuelle {
font-size: 13px !important;
line-height: 17px !important;
}
.ProjektFotoTitelSchmal p {
letter-spacing: -0.3px;;
}
#Footer p, #Footer a, #Footer h1, #Footer li, #ProjektRechts h2, #ProjektDetails h2, #ProjektRechts p, #ProjektDetails p, #ProjektRechts li, .ProkektLinksExtern li, .ProkektLinksExtern p, .TeamMitgliedDetail h2, .TeamMitgliedDetail p, #menu-projektkategorien li, #menu-projekt-sub-menue li, .Publikationsliste h2, .Publikationsliste p, .StartseiteProjektTitel, .ProjektListe p {
font-size: 17px;
line-height: 25px;
}
#KontaktKarteQuelle p {
font-size: 14px;
line-height: 21px;
}
#StartseiteText h1, #StartseiteInfo h1, #StartseiteText p {
font-size: 25px;
line-height: 31px;
}
#StartseiteInfo p {
font-size: 21px;
line-height: 25px;
}
#Page6681 .entry p, #ProjektText p, #ProjektText li {
line-height: 31px;
}
#StartseiteText, #StartseiteInfo {
padding: 14.5px 18px 18px 18px;
}
#StartseiteText { left: 50%;
margin-left: -719px;
width: 590px;
}
.StartseiteProjektTitel, #StartseiteInfo {
margin-right: -709px;
max-width: 590px;
}
#StartseiteInfo {
width: 500px;
}
#StartseiteInfo h1 {
margin-bottom: 8px;
}
.Inhalt {
margin-left: -700px;
padding-bottom: 20px;
}
.Inhalt, #ProjektKategorien {
width: 1400px;
}
#Menue {
margin-top: 100px;
}
#Menue li {
margin-left: 41px;
}
#menu-projektkategorien, #menu-projekt-sub-menue {
margin-bottom: 25px;
}
#menu-projektkategorien li, #menu-projekt-sub-menue li {
margin: 0 24px 0 0;
}
#menu-projektkategorien a, #menu-projekt-sub-menue a {
letter-spacing: 0.5px;
}
#SchlagwortDropdown {
margin: -8px 0 30px 0;
padding: 0 0 10px 0;
}
#SchlagwortDropdown #menu-projektkategorien {
width: 89%;
}
#SchlagwortDropdown #menu-projektkategorien li {
margin: 3px 5px 7px 18px;
}
#SchlagwortDropdown li a {
letter-spacing: 0.3px !important;
}
#SchlagwortDropdownClose {
width: 18px;
top: 57px;
margin-right: 18px;
}
.ProjektListe, .TeamMitglied {
width: 436px;
height: 291px;
margin: 0 46px 46px 0;
}
.is-search-form {
width: 30%;
margin: 10px 0 30px 0;
}
#ProjektLinks, #ProjektRechts {
margin-bottom: 35px;
}
.ProjektFotoGross {
width: 700px;
}
.ProjektFotoKlein {
width: 490px;
}
#ProjektFotoNeu {
margin-top: 9px;
margin-bottom: 18px;
min-height: 24px;
}
.HeaderZeilen1 {
margin-top: 51px;
}
.HeaderZeilen2 {
margin-top: 86px;
}
.HeaderZeilen3 {
margin-top: 121px;
}
#ProjektTitel h1 {
margin: 0 0 12px 0;
}
#ProjektText p {
margin: 16px 0 0 0;
}
#ProjektText li {
margin-top: 8px;
}
#ProjektDetails {
margin-top: 30px;
}
#ProjektRechts h2, #ProjektDetails h2 {
margin: 14px 0 0 0;
}
#ProjektLinks h3 {
margin-top: 30px;
margin-bottom: 0;
}
#ProjektPfeil {
bottom: 30px;
width: calc( ( 100vw - 1400px ) /2 );
}
#ProjektPfeil img {
width: 30px;
}
.ProjektCount {
margin-bottom: 36px;
text-align: right;
font-style: italic;
}
.ProkektLinksExtern li {
background-position: 0px 7px;
padding-left: 29px;
padding-top: 5px;
background-size: 22px;
}
.PublikationDownload {
background-position: 0px 2px;
padding-left: 27px;
background-size: 22px;
}
#KontaktKarte {
height: 550px;
margin-bottom: 40px;
}
#KonaktKartenLink {
top: 24.4%;
left: 37.3%;
width: 144px;
height: 60px;
}
#KontaktKarteQuelle {
margin-top: -80px;
margin-bottom: 36px;
}
.Direktkontakt p {
margin-bottom: 9px;
}
.TeamMitgliedDetail {
top: 84%;
}
.PublikationKeinCover {
height: 320px;
}
}