/*
Theme Name: architect constulting HTML5 Theme Nr.4
Theme URI: http://html5blank.com | https://ouwan.ch
Description: ac ag's WordPress Theme
Version: 1.4.3
Author: Todd Motto (@toddmotto) | ouwan gmbh
Author URI: https://ouwan.ch
Tags: Blank, HTML5, CSS3
License: MIT
License URI: http://opensource.org/licenses/mit-license.php
*/
/*------------------------------------*\
MAIN
\*------------------------------------*/
/*fonts
font-family:"Century Gothic W01 Light";
font-family:"Century Gothic W01 Regular"*/
*,
*:after,
*:before {
border: none;
}
html {
}
body {
font-family:"Century Gothic W01 Light";
font-size: 13.5px;
line-height: 24px;
margin: 0;
}
.headerslider {
width: 100%;
padding-right: 0%;
float: none;
}
.home {
display: block;
margin: 0px auto;
width: 100%;
}
.post-29886 {
width: 67%;
margin-left: 20%;
}/*
.zweispaltig {
width: 59%;
margin: auto;
font-size: 16px;
border: 1px solid;
}
.textleft {
width: 47%;
float: left;
border: 1px solid;
}
.textright {
width: 48%;
float: right;
border: 1px solid;
margin-left: -10%;
}*/
.zweispaltig {
width: 59%;
margin: -40px auto 60px;
font-size: 16px;
display: table;
}
.titlehome {
margin-right: 30px;
}
.textleft {
width: 47%;
float: left;
}
.textright {
width: 51%;
float: right;
}
.clear:before,
.clear:after {
content:' ';
display:table;
}
.clear:after {
clear:both;
}
.clear {
*zoom:1;
}
img {
max-width:100%;
vertical-align:bottom;
}
img {
max-width: 100%;
vertical-align: bottom;
}
img.wp-post-image {
max-width: 100%;
vertical-align: bottom;
height: 400px !important;
}
a {
text-decoration:none;
}
a:hover {
color:#444;
}
a:focus {
outline:0;
}
a:hover,
a:active {
outline:0;
opacity: 0.5;
}
input:focus {
/* outline:0;
border:1px solid #04A4CC;*/
}
/*HauptDiv*/
.maindiv {
width: 100%;
margin: 00px auto 0px 0px;
overflow: hidden;
}
.wrapper {
position: relative;
margin: auto;
max-width: 1182px;
margin-bottom: 100px;
margin-top: 40px;
}
.wpr_search .wpr-search-field {
padding: 5px !important;
border: 1px solid #ccc;
max-width: 100%;
width: 100%;
color: #fff;
}
#wprmenu_bar .toggle-search {
margin-top: -10px !important;
margin-right: 10px !important;
}
.postimage {
max-width: 100%;
}
.postimage img {
width: 100%;
height: auto;
}
.instagramsvg {
width: 40px;
height: auto;
right: 0px;
float: right;
margin-top: -53px;
pointer-events:all;
z-index: 9999999 !important;
}
/*startseite*/
.page-template-startseite .starttext {
width: 100%;
margin: auto;
}
.page-template-startseite h2 {
font-size: 40px;
line-height: 34px;
font-family:"Century Gothic W01 Light";
color: #967d6e;
margin-top: 10px;
margin-bottom: 22px;
}
/*
.page-template-startseite .starttext p {
font-size: 16px;
width: 100%;
column-count: 2;
column-gap: 3%;
-moz-column-width: 48.5%;
-webkit-column-width: 48.5%;
word-break: normal;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}*/
/*poststyle startseite*/
.startthemen {
padding: 0 !important;
}
.intropost {
position: relative;
width: 32%;
margin-right: 2%;
float: left;
display: inline-block !important;
margin-bottom: 36px;
}
.intropost:nth-child(3n+0) {
position: relative;
margin-right: 0px !important;
}
.intropost a {
text-transform: uppercase;
font-size: 16px;
color: #967d6e;
font-family:"Century Gothic W01 SemiBold";
letter-spacing: 0.07em;
margin-bottom: 8px;
display: block;
}
.hidden {
display: none;
}
ul {
list-style-type: none;
}
a {
text-decoration: none;
}
/*en of testraster*/
.angebot p {
max-width: 720px;
font-size: 16px;
margin-top: 10px;
}
.angebot h5 {
text-transform: uppercase;
font-size: 16px;
color: #967d6e;
font-family: "Century Gothic W01 SemiBold";
letter-spacing: 0.07em;
margin-bottom: 8px;
display: block;
}
.intropost h3 {
text-transform: uppercase;
font-size: 16px;
color: #967d6e;
font-family: "Century Gothic W01 SemiBold";
font-weight: normal;
letter-spacing: 0.07em;
margin-bottom: 8px;
display: block;
}
.textcontent {
background: red;
}
h1 {
float:none;
display: block;
font-size: 20px;
font-weight: normal;
margin: 0px;
padding: 0px;
/*aenderung I*/
position: relative;
}
.page-id-2 .alignnone {
margin: 5px 0px 20px 0;
}
h4 {
margin: 0px;
padding: 0px;
}
.wrapper p {
margin-bottom: 16px;
}
.home .wrapper p {
margin-bottom: 30px;
}
.impressum .wrapper p {
margin-bottom: 0px;
max-width: 728px;
}
.impressum .wrapper a {
color: #967d6e;
}
.wrapper strong {
display: block;
margin-top: 20px;
}
.single-post .wrapper p {
margin-bottom: 0px !important;
font-size: 15px;
}
/*portfolio einzelansicht*/
.portfolio #content {
margin-top: 60px;
}
h2 {
font-family:"Century Gothic W01 Light";
font-size: 24px;
color: #967d6e;
/* font-weight: 100;*/
}
.category-portfolio p {
font-size: 16px;
width: 100%;
column-count: 3;
column-gap: 3%;
-moz-column-width: 48.5%;
-webkit-column-width: 48.5%;
word-break: normal;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.grid {
width: 103%;
}
.testdiv {
width: 31%;
height: 400px;
border: 0px solid;
margin-right: 2%;
float: left;
margin-bottom: 40px;
}
.testdiv a {
margin-bottom: 8px;
display: block;
line-height: 16px;
}
/*Team einzelansicht*/
.post .teambildeinzel {
float: left;
margin-right: 20px;
}
.team .intropost p a {
text-transform: lowercase;
font-size: 13.5px;
line-height: 18px;
font-family:"Century Gothic W01 Light";
color: #967d6e;
}
.team .wrapper strong {
display: block;
margin-top: 0px;
}
.team p {
font-size: 13.5px;
line-height: 18px;
margin-top: 20px;
}
.team h1 {
text-transform: uppercase;
font-size: 16px;
color: #967d6e;
font-family: "Century Gothic W01 SemiBold";
letter-spacing: 0.07em;
margin-bottom: 8px;
display: block;
}
/*end Team einzelansicht*/
/*article.post-16430 > p:nth-child(2),*/
#lbCenter {
position: absolute;
z-index: 9999;
overflow: hidden;
background-color: #fff;
z-index: 999999 !important;
}
.headerdiv {
width: 100%;
background: #fff;
height: auto;
display: inline-block;
}
.header {
height: 83px;
max-width: 1182px;
margin: 0 auto;
}
.logo {
width: 220px;
margin: 0 auto;
float: none;
height: 90px;
}
.logo-img {
padding-top: 10px;
width: 220px;
height: auto;
float: left;
}
/*nav*/
.nav {
position: relative;
height: 40px;
top: 0px;
margin-left: 0px;
display: inline-block;
float: none;
width: 100%;
z-index: 9;
text-align: left;
}
ul {
float: left;
}
.nav ul li {
float: left;
padding-right: 250px;
margin-left: -40px;
list-style-type: none;
font-family:"Century Gothic W01 SemiBold";
font-size: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #000;
}
ul li a {
color: #967d6e;
}
.nav ul li:first-child {
padding-left: 00px;
}
.nav ul li a:hover {
color: #000;
opacity: 0.6;
}
li.current_page_item a,
.team li.menu-item-29885 a,
.portfolio li.menu-item-29883 a {
border-bottom: 3px solid #967d6e;
}
.current_page_item {}
/*end of nav*/
/*404 error page*/
.titel404 {
height: 30px;
}
.titel404 h1 {
font-size: 14px;
text-transform: none;
letter-spacing: 0px;
}
.content404 {
height: 230px;
}
.content404 h2 {
font-size: 14px;
width: 400px;
}
p {
margin: 0 0 5px;
z-index: -1;
letter-spacing: 0.2px;
}
a, label {
text-decoration: none;
color: #000;
}
a:hover {
color: #ddd;
}
.menu a {
display: block;
padding: 7px 0px;
}
.gallery img {
width: 100%;
height: 100%;
}
.footer {
width: 100%;
margin: 32px auto;
height: 101px;
bottom: 39px;
padding: 12px 0px;
display: inline-block;
}
.footer-widgets-wrap {
max-width: 1182px;
margin: 20px auto;
border-top: 1px solid #967d6e;
height: 60px;
}
.footer-widget-column img {
width: 30px;
opacity: 0.5;
}
.footer-widget-column p,
.custom-html-widget p,
.footer-widget-column a {
margin-top: 20px;
color: #000;
font-family:"Century Gothic W01 Light";
font-size: 14px;
line-height: 18px;
}
.custom-html-widget p {
}
.footer-widget-column a, .footer-widget-column a:link,
.footer-widget-column a:visited,
.footer-widget-column a:active {
color: #000;
}
a[href^="tel:"] {
color: #000;
text-decoration: none;
}
.footer-widget-column a {
color: #967d6e;
}
.footer-widget-column a {
text-decoration: none;
}
.footer-widget-column a:hover {
opacity: 0.5;
}
.footer-widget-column {
width:34%;
float: left;
}
.footer-widget-column:last-child {
width:32%;
float: left;
}
.footer-widget-column img {
padding-top: 17px;
float: right;
}
/*portfolio*/
.button-group {
margin: 30px 0;
}
/*end of portfolio*/
/*einzelansicht portfolio*/
.category-portfolio .teambildeinzel {
display: none;
}
.slideronly {
width: 68%;
padding-right: 2%;
float: left;
}
.sliderandtext {
width: 100%;
}
.flexslider {
width: 100%;
height: auto;
}
.flex-direction-nav a {
text-decoration: none;
display: block;
width: 40px;
height: 30px !important;
margin: -0px 0 0;
position: absolute;
top: 50%;
z-index: 10;
overflow: hidden;
opacity: 0;
cursor: pointer;
color: rgba(0, 0, 0, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.flexslider .slides img {
height: auto !important;
-moz-user-select: none;
}
.infotags {
font-family:"Century Gothic W01 Regular";
font-size: 14px;
color: #967d6e;
float: left;
width: 140px;
}
.projekt {
height: auto;
/* background: red;*/
}
.projekttext {
margin-left: 140px;
display: table;
}
.linkzurueck {
position: absolute;
font-family:"Century Gothic W01 Regular";
right: 0px;
bottom: 0px;
}
.linkzurueck a {
color: #967d6e;
}
.single-post .wrapper p {
font-size: 15px;
/*float: right;*/line-height: 17px;
height: auto;
width: 200px;
}
.bauinfodivintro {
}
/*
.single .postimage {
display: none !important;
}*/
.footer {
width: 100%;
margin: 0px 0px 0px 0px;
}
.footer-widgets-wrap {
}
.searchform {
position: absolute;
float: right;
right: 20px;
top:10px;
}
.post {
width: 100%;
}
div.wprm-wrapper {
overflow: hidden;
z-index: 999999;
width: 100%;
}
.kontakt .leftaddress {
float: left;
margin-right: 24px;
height: 460px;
width: 24%;
}
.kontakt .leftaddress a {
color: #967d6e;
}
.kontakt .rightaddress {
display: block;
color: #967d6e;
width: 27%;
float: left;
}
/*styling pfeile*/
button {
padding: 0px;
margin-right: 30px;
font-family: "Century Gothic W01 SemiBold";
}
button:hover {
border-bottom: 2px solid #967d6e;
padding: 0px;
}
.is-checked {
border-bottom: 2px solid #967d6e;
}
button:focus {
outline: none;
}
/*portfolio filter css */
/* ---- button ---- */
/* ---- button-group ---- */
/*end of portfolio filter css */
@media only screen and (max-width: 1210px) {
.header {
width: 98%;
}
body, .wrapper {
margin: 0 auto;
width: 98% !important;
}
.nav ul li {
float: left;
padding-right: 150px !important;
margin-left: -40px;
list-style-type: none;
font-family:"Century Gothic W01 SemiBold";
font-size: 12px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #000;
}
.post-29886 {
width: 80%;
margin-left: 10%;
}
.titlehoehe {
height: 40px;
}
.zweispaltig {
width: 80%;
margin: -40px auto 60px;
font-size: 16px;
display: table;
}
.testdiv {
height: auto;
margin-bottom: 40px;
}
}
@media only screen and (max-width: 1024px) {
.zweispaltig {
width: 96%;
margin: 20px auto 60px;
}
}
@media only screen and (min-width: 728px) {
.textleftphone {
display: none;
}
}
@media only screen and (max-width: 728px) {
.header {
width: 98%;
}
.nav {
display: none;
}
.textleftphone {
width: 80%;
margin: -10px auto 60px;
font-size: 16px;
display: table;
}
.zweispaltig,
.textleft,
.textright {
display: none;
}
.#mg-wprm-wrap li.menu-item a {
font-family:"Century Gothic W01 Light" !important;
}
#mg-wprm-wrap ul#wprmenu_menu_ul li.menu-item a,
div#mg-wprm-wrap ul li span.wprmenu_icon, div#mg-wprm-wrap ul li,
div#mg-wprm-wrap ul * {
color: #967d6e;
font-family:"Century Gothic W01 Light" !important;
}
.testdiv {
width: 98%;
height: auto;
margin-right: 1%;
float: left;
}
.page-template-startseite .starttext p {
font-size: 16px;
width: 100%;
column-count: 1;
}
.intropost {
position: relative;
width: 100%;
margin-right: 0%;
float: left;
display: inline-block !important;
margin-bottom: 70px;
}
.testdiv img,
.intropost img {
float: none;
width: 100%;
}
.intropost a {
text-transform: uppercase;
font-size: 16px;
color: #967d6e;
font-family: "Century Gothic W01 SemiBold";
letter-spacing: 0.07em;
}
.footer-widget-column,
.footer-widget-column:last-child {
width: 100%;
float: none;
}
li.current_page_item a, .team li.menu-item-29885 a, .portfolio li.menu-item-29883 a {
border-bottom: none;
}
/*projekte einzelansicht*/
.slideronly {
width: 100%;
padding-right: 0%;
float: none;
}
.flexslider {
width: 100%;
}
.leftaddress, .rightaddress {
float: none !important;
height: auto !important;
}
}