/*
Theme Name: Ruetue AP Template
Theme URI: http://kp-z.de/wordpressthemes/ruetue/
Author: Jan Pferdmenges, KP&Z Werbeagentur GmbH
Author URI: http://www.kp-z.de/team.php
Description: Ruetue Template ist für die RÜTÜ für Archtekten und Planer entworfen worden
Version: 0.1
License: commercial
*/


/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/roboto-v18-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
       url('fonts/roboto-v18-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v18-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v18-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v18-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v18-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/roboto-v18-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
       url('fonts/roboto-v18-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v18-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v18-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v18-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v18-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-300 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-condensed-v16-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'),
       url('fonts/roboto-condensed-v16-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-condensed-v16-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-condensed-v16-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-condensed-v16-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-condensed-v16-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-condensed-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('fonts/roboto-condensed-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-condensed-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-condensed-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-condensed-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-condensed-v16-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}


html {padding: 0; margin:0; height: 100%; background-color: white; font-size: 16px;overflow-x: hidden; width:100%;}
body {padding: 0; margin: 0 auto;font-family: 'Roboto', sans-serif; line-height: 1.5em; color: #333; width:100%; background-color: transparent; z-index: 10; overflow-x: hidden; }
footer{background-color: #333; color: white; font-size: 0.85rem; padding-top: 50px; padding-bottom: 0;line-height: 1.1em;}
footer a {color: white; text-decoration: none; transition-duration: 0.5s;}
footer a:hover {color: #bbb; text-decoration: underline; text-decoration-style: dotted;}
footer div.bottomLine {margin-top: 50px; padding: 5px 0; background-color: black; font-size: 11px; color: #666;}
footer div.bottomLine div.container {padding: 5px 0;}
footer div.bottomLine div.container > .row {padding: 0 15px;}
footer div.bottomLine a {color: #666; text-decoration-style: dotted; text-decoration: underline; border-bottom: none;  }
a {color:#666;}
h1, h2 { font-family: 'Roboto Condensed', sans-serif; font-size: 2.4rem; line-height: 1.1em; font-weight: 300; text-transform: uppercase; margin: 1.2rem 0; }
h4 {margin-top: 0; margin-bottom: 0.5rem; font-size: 1.5rem; font-weight: 500; line-height: 1.1em;}
h5 {margin-top: 0; margin-bottom: 0.5rem; font-size: 1.25rem; font-weight: 500;}
h6 {font-size: 1rem; margin-top: 0; margin-bottom: 0.5rem; line-height: 1.1em; font-weight: 700; letter-spacing: 0.05rem;}
h2.icons {position: relative;}
h2.icons > div {display: flex; flex-direction: column; position: absolute; right: 0; bottom: 0px; transform: translateY(100%);}
h2.icons > div > *  {display: block; width: 60px;}
h2.icons > div > * > img {width: 100%; height: auto;display: block;}
h2.icons.multiIcons > div > * {padding: 3px;transition: 300ms;}
#topline {border-bottom: 1px solid white; height: 84px; background-color: white; width: 100%;}
#logo {position: absolute; z-index: 2000; padding: 5px; background-color: white; margin-top: 0px; }
#logo::after {content:'®'; position: absolute; top:0; right: -10px; color: #aaa; text-decoration: none;}
#logo img {width: 150px; height: auto; display: block;}
#menuButton>img {display: inline-block; vertical-align: middle; width: 30px; height: 30px; transition-duration: 500ms;}
#menuButton {display: block; }
#primaryNav {text-align: right; margin-top: 15px;}
#primaryNav #mainMenuCheckbox:checked ~ ul {display:block; width: 300px;}
#primaryNav #mainMenuCheckbox:checked ~ label>img {transform: rotate(90deg);}
#primaryNav ul {margin:0; padding:0; list-style: none; }
#primaryNav>ul {display:block; width: 0;background-color: white; box-sizing: border-box; transition-duration: 500ms; position: absolute;z-index: 10000; top: 84px; right:0;text-align: left; bottom: 0; overflow-x: hidden; }
#primaryNav>ul>li {display: block; border-bottom: 1px solid #808080;}
#primaryNav>ul>li>a {padding: 5px 30px 5px 15px; display: block;}
#primaryNav>ul>li>ul>li>a {padding: 5px 30px 5px 45px; display: block;}
#primaryNav a:hover {background-color: #d0d0d0;}
#primaryNav a {color: #808080; text-decoration: none; text-transform: uppercase; font-weight: 300; font-family: 'Roboto Condensed', sans-serif; overflow-x: hidden; white-space: nowrap; }
#primaryNav li.current-menu-item>a {color: #333;}
.menuRechtliches, .menuDownloads {padding: 0; margin: 0; list-style: none; margin-top: 10px;}
footer .menuRechtliches {margin-bottom: 20px; text-transform: uppercase;}
footer .menuRechtliches > li {margin-bottom: 5px;}



#headerBild {position: fixed; top:0; left: 0; right: 0; bottom: 0; z-index:-1;}
#content {margin-top: 150px; margin-bottom: 150px; background-color: white;}
#content p {text-align: justify; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;}
#content .textLeft p {text-align: left;}
#content p.bigNumber {font-size: 3rem; text-align: left; line-height: 1.1em;}
#content ul {padding-left: 20px;}
#content ul li {font-size: 1.4rem; padding-top: 1.5rem; list-style: none; padding-left: 1.5rem; position: relative;}
#content ul li::before {width: 1rem; height: 1rem; background-color: #e2001a; display: inline-block;content: ' '; position: absolute; left:0; top:1.75rem;}
#content ul.small_li {padding-left: 0; font-weight: 400;}
#content ul.small_li li {font-size: 1rem; padding-top: .5rem; padding-left: 1rem; position: relative;}
#content ul.small_li li::before {width: .4rem; height: .4rem; background-color: #e2001a; top:1rem;}
#start1, #start2 {position: absolute; left:0; bottom:5px; color: white; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; font-size: 1rem; background-color: #808080; font-weight: 400; padding: 10px 15px; width: 200px; margin: 24px 0 0 0;letter-spacing: 0.02em; text-align: center;}
#start1 {margin-bottom: 50px; background-color: #555; width: 240px;}
#kontakt {position:fixed; top: 220px; right:0; z-index: 9999; transform: translate(260px,0); transition-duration: 300ms;}
#kontakt.hover {transform: translate(0,0);}
#kontakt .icons{float: left; width: 40px; background-color: #333; color: white;}
#kontakt .icons>img {background-color: #333; border-top: 2px solid #808080; display: block;}
#kontakt .icons>img:first-child {border-top: none;}
#kontakt .icons>img.quickFormSelected {background-color: #ccc;}

#kontakt .quickFormContent {margin-left: 40px; width:260px; }
#kontakt .quickFormContent>div { background-color: #ccc; min-height: 150px;  padding: 15px; }
#kontakt .quickKontakt {margin: 0.5rem 0;}
#kontakt a {color: #666; transition-duration: 0.5s}
#kontakt a:hover {color: #333; text-decoration: underline; text-decoration-style: dotted;}

#formular {margin-top: 50px;}
#formular label {display:block; font-size: 0.9rem; margin-top: 1rem; margin-bottom: 0;}
#formular label.error {color: red;}
#formular label.pflichtfeld::after {content: '*'; position: relative; top: -0.4em; font-size:0.8em;}
#formular input[type=email], #formular input[type=text], #formular input[type=tel], #formular textarea {width: 100%; border: 1px solid #333; box-sizing: border-box; padding: 10px; border-radius: 10px; font-family: 'Roboto', sans-serif; font-size: 1rem;}
#formular input[type=email].error, #formular input[type=text].error, #formular input[type=tel].error, #formular textarea.error {border-color: red;}
#formular input[type=email]:focus, #formular input[type=text]:focus, #formular input[type=tel]:focus, #formular textarea:focus {border-width: 2px;padding: 9px;}
#formular textarea {height: 200px;}
#formular input[type=submit] {width: 100%; border: 1px solid #333; box-sizing: border-box; padding: 10px; border-radius: 10px; background-color: #eee; margin-top: 3rem; font-weight: 600; transition-duration: 0.5s; color: #333;}
#formular input[type=submit]:hover {background-color: #ddd;}
#datenschutz {display: none;}
#datenschutz + label {padding-left: 27px; padding-top: 4px; position: relative;}
#datenschutz + label:before {content: url(images/checkboxOff.png); position:absolute; left:0; top:0;}
#datenschutz:checked + label:before {content: url(images/checkboxOn.png); position:absolute; left:0;}


.carousel-item, .bgImage {
    position: absolute; top:0; width: 100%; z-index: 3;
    height: 100vh;
    min-height: 300px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.carousel-item:first-child {z-index: 5;}
.carousel-item:nth-child(2) {z-index: 4;}
.bgImage {background-color: #eee;}
.fullWidth {width: 100%; height: auto; display: block;}
.objectFit {width: 100%; height: 100%; object-fit: cover;}
.textBox {padding: 20px 30px;}
.textBox p:last-child {margin-bottom: 0;}
.textBox h3 {margin-bottom: 1.5rem;}
.bgGrey {background-color: #aaa; background-clip: content-box; }
.bgLightGrey {background-color: #ddd; background-clip: content-box;}
.bgDarkGrey {background-color: #666; color: white; background-clip: content-box; }
.bgDarkGrey a {color: #ccc;}
.bgDarkGrey a:hover {color: #fff; transition-duration: 500ms;}
.bgDarkGrey .button, .bgDarkGrey .button:hover {color:#333;}
.upperCaseText {text-transform: uppercase; text-align: center; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;}
.boxButton {display: block; padding: 10px; border: 2px solid #333; border-radius: 10px;color: #333; background-color: #eee; text-align: center; transition-duration: 0.5s; margin:15px auto; width: 70%; text-decoration: none;}
.boxButton:hover {background-color: #ddd; color: black; text-decoration: none;}
.bgDarkGrey .boxButton {color: #333;}
.bgDarkGrey .boxButton:hover {color: #000;}
.buttonBox { display: flex; align-items: center;}
.aktuellesObjekt {margin-top: 45px; margin-bottom: 45px;}
.aktuellesObjekt img {width: 100%; height: auto; display: block;}
.imgFullWidth img {width: 100%; height: auto;}
.imgFullWidth p {margin:0; padding:0;}
img.imageFill {width: 100%; height: 100%; object-fit: cover;}
.icon {margin-bottom: 15px;}
img.icon {width:120px; height: auto; border: 5px solid white; border-radius: 50%; }
.icon>div:first-child {text-align: right;}
.icon>div:first-child img {width: 120px; height: auto; margin-right: 15px; border: 5px solid white; border-radius: 50%;margin-top: 18px;}
.button {display: block; padding: 15px; border: 2px solid #333; border-radius: 10px; background-color: #eee; color: #333; text-decoration: none; transition-duration: 0.5s; text-align: center; box-sizing: border-box;}
.button:hover {background-color: #ddd; color: #333; text-decoration: none;}
.btCenter {width: 60%; min-width: 240px; max-width: 400px; margin-left: auto; margin-right: auto;}
.container {padding-left: 15px; padding-right: 15px; padding-bottom: 45px;}
.footerMenu {list-style: none; padding:0; margin: 15px 0;}
.iconLeiste img { width: 160px; height: auto; display: block;margin: 15px auto 25px auto;}
.iconLeiste h3 { text-align: center; margin-bottom: 20px;}
.kontaktAnsprechpartner {text-align: center;padding:15px 0; margin-top: 30px;}
.kontaktAnsprechpartner:first-child { margin-top: 0;}
.kontaktAnsprechpartner h5>div { font-size:0.85rem;}
.kontaktAnsprechpartner img {margin-bottom: 20px; width: 160px; height: auto; border-radius: 50%;}
.kontaktAnsprechpartner a {color: #666; transition-duration: 0.5s;}
.kontaktAnsprechpartner a:hover {color: #333; text-decoration: underline; text-decoration-style: dotted;}
.formSended {padding: 30px; font-size: 2rem; line-height: 1em; border: 2px solid #060; color: #060; background-color: #ada; border-radius: 10px; text-align: center;}
.formError {padding: 30px; font-size: 2rem; line-height: 1em; border: 2px solid #d00; color: #d00; background-color: #ebb; border-radius: 10px; text-align: center;}
.AnsprechpartnerBox {text-align: center; }
.AnsprechpartnerBox img {width: 120px; height: auto; border-radius: 50%;margin-bottom: 10px;}
.AnsprechpartnerBox h6 {font-weight: 600;}
.AnsprechpartnerBox h6>div {font-weight: 400; font-size: 0.8em; font-style: italic;}
.AnsprechpartnerBox a {color: #666; transition-duration: 0.5s;}
.bgDarkGrey .AnsprechpartnerBox a {color: #ccc; transition-duration: 0.5s;}
.AnsprechpartnerBox a:hover {color: #333; text-decoration: underline; text-decoration-style: dotted;}
.bgDarkGrey .AnsprechpartnerBox a:hover {color: #eee;}
.kontaktBox h5, .kontaktBox h4 {text-align:center; }
.footerAdress {margin-bottom: 30px;}
.noWbr {white-space: nowrap;}
.valignCenterContainer {display: flex; align-items: center;}
.stretchHeight {flex: 1 1 auto;}
.content-bottom {display: flex;align-items: flex-end;}

.portrait {display: flex; align-items: flex-end; margin-bottom: 15px;}
.portrait img {margin-right: 15px; width: 120px; height: auto;}

.blogPicture {border-bottom: 30px solid white;}
.blogPictureColum {margin-bottom: -30px;background-image: url("images/whiteBlock1200x30.png"); background-position: bottom; background-repeat: no-repeat; background-size: auto 45px;}
.blogButton {display: inline-block; width: 100%; width: calc(100% - 32px); text-align: center; padding: 15px; transition-duration: 300ms; color: white;}
.blogButton:hover {background-color: black;}
.blogBeitraege > div {margin-bottom: 30px;}
.blogBeitraege {margin-bottom: -30px;}
.blogBeitraege a > h3 {font-family: 'Roboto Condensed', sans-serif; font-size: 1.6rem; line-height: 1.1em; font-weight: 300; color: #333;}
.blogBeitraege a:has(h3) {text-decoration: none;}
.blogBeitraege > div.bgDarkGrey h3 {color: white;}

.pagination { margin-top: 30px; justify-content: center; width: 100%; display: flex; justify-content: center;}
.pagination > * {display: inline-block; padding: 1px 5px; background-color: #eee; margin: 0 5px; border-radius: 2px;}
.pagination > a {background-color: #ccc; text-decoration: none; transition-duration: 300ms;}
.pagination > a:hover {background-color: #aaa; text-decoration: none;}
.pagination > span.notActive {color: #aaa;}
.pagination > span.currentPagination {color: white; background-color: #444;}

#GoogleMaps > div {height: 200px !important;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #999;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #999;
}
:-moz-placeholder { /* Firefox 18- */
  color: #999;
}
    

/* Kleine Geräte (Tablets, 400px und breiter) */
@media (min-width: 576px) {
    #logo {position: absolute; z-index: 2000; padding: 5px; background-color: white; margin-left: -30px; margin-top: 0px; }
    #primaryNav {text-align: right; margin-right: -30px;}
    #start1, #start2 {font-size: 1.15rem;  width: 280px;letter-spacing: 0.02em; }
    .objektAbstand { margin-top: 30px;margin-bottom: 30px;}
    .container {padding-left: 45px; padding-right: 45px;}
    footer div.bottomLine div.container > .row {padding: 0 45px;}
	h2.icons {padding-right: 100px;}
	h2.icons > div {flex-direction: row; right: 0px; bottom: 0; transform: translateY(0);}
	h2.icons > div > *  {width: 80px; }

	h2.icons.multiIcons {padding-right: 0;}
	h2.icons.multiIcons > div {right: 5px; bottom: 0; transform: translateY(70px);}
	h2.icons.multiIcons > div > *  {width: 60px; }
	h2.icons.multiIcons > div > a:hover  {transform: translateY(-10px);}

	.portrait img {width: 150px; }

}



/* Kleine Geräte (Tablets, 768px und breiter) */
@media (min-width: 768px) { 

    #start1, #start2 { font-size: 1.4rem; bottom: auto; top: 220px; left: auto; right: 60px; padding: 15px 30px; width: 400px; margin: 0;letter-spacing: 0.02em; text-align: center;}
    #start2 {top: 300px; }
	h2.icons {padding-right: 120px;}
	h2.icons > div {right: -20px; bottom: 0; transform: translateY(50%);}
	h2.icons > div > *  {width: 120px; }
	h2.icons.multiIcons {padding-right: 0;}
	h2.icons.multiIcons > div {transform: translateY(80px);}
	h2.icons.multiIcons > div > *  {width: 90px; }
	h2.icons.multiIcons > div > a:hover  {transform: translateY(-15px);}

    #GoogleMaps > div {height: 400px !important;}

}


/* Mittlere Geräte (Desktop-PCs, 992px und breiter) */
@media (min-width: 992px) { 
    
    #menuButton {display: none;}
    #primaryNav #mainMenuCheckbox:checked ~ ul {transform: translateX(0);}
    #primaryNav { margin-right: -30px; margin-top: 0;}
    #primaryNav>ul {transition-duration: 0;  position: static; background-color: transparent; width: auto; text-align: right;padding-top: 12px; overflow-x: visible;}
    #primaryNav #mainMenuCheckbox:checked ~ ul {width: auto;}
    #primaryNav>ul>li {display: inline-block; border-bottom: none; padding: 10px 0 22px 0; margin-right: 24px;}
    #primaryNav>ul>li:last-child {margin-right: 0;}
    #primaryNav>ul>li {display: inline-block; border-bottom: none; padding: 10px 0 22px 0; margin-right: 24px;}
    #primaryNav>ul>li:hover {border-bottom: 2px solid #808080;}

    #primaryNav>ul>li>a {padding: 0;}
    #primaryNav>ul>li>a:hover {background-color: transparent;}
    #primaryNav li.current-menu-item>a {color: #333; font-weight: 400;}    
    #primaryNav li.current-menu-ancestor>a {color: #333;}
    #primaryNav li:hover>ul {display: block; background-color: rgba(255,255,255,.9); padding-left: 5px; padding-right: 5px; z-index: 99;}
    #primaryNav ul li.current-menu-item>ul, #primaryNav ul li.current-menu-ancestor>ul {display: block; }
    #primaryNav li.current-menu-item:hover>ul, #primaryNav li.current-menu-parent:hover>ul {background-color: rgba(255,255,255,.7); padding-left: 5px; padding-right: 5px; margin-left:-5px; }
    #primaryNav>ul>li>ul {position: absolute; padding-top: 5px; display: none; margin-top: 24px; text-align: left;}
    #primaryNav>ul>li>ul>li {padding: 4px 0 2px 0; }
    #primaryNav ul ul li:hover a {border-bottom-color: #333;}
    #primaryNav>ul>li>ul>li>a {padding: 0 0; border-bottom: 1px solid transparent;}
    #primaryNav>ul>li>ul>li>a:hover {background-color: transparent;}
    
    #start1, #start2 {font-size: 1.7rem; padding: 15px 30px; width: 500px; letter-spacing: 0.02em; right: 100px;}
    
	h2.icons > div {right: -55px; bottom: unset; top: -50px; transform: translateY(0);}
	h2.icons > div > *  {width: 160px; }
	h2.icons.multiIcons {padding-right: 0;}
	h2.icons.multiIcons > div {transform: translateY(80px);}
	h2.icons.multiIcons > div > *  {width: 100px; }
	h2.icons.multiIcons > div > a:hover  {transform: translateY(-18px);}

    .objektAbstand { margin-top: 0px; margin-bottom: 0px;}
    .zweiSpalten {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; margin: 1rem 0; orphans: 2; widows: 2;}
    .zweiSpalten > p:first-child {margin-top: 0;}
    .footerAdress {margin-bottom: 0px;}

	.portrait {margin-bottom: 8px; }
	.portrait img {width: 50px; }

    #GoogleMaps > div {height: 755px !important;}

}

/* Große Geräte (Desktop-PCs, 1200px und breiter) */
@media (min-width: 1200px) { 
    #start1, #start2 {font-size: 2rem; background-color: #808080; font-weight: 400; padding: 15px 30px; width: 600px; letter-spacing: 0.02em; }
	h2.icons {padding-right: 160px;}
	h2.icons > div {right: -60px;}
	h2.icons > div > *  {width: 200px; }
	
	.portrait {margin-bottom: 15px; }
	.portrait img {width: 100px; }

    #GoogleMaps > div {height: 730px !important;}

}