/*
Theme Name: Gute Bauten Graubünden HTML5 Theme
Theme URI: http://html5blank.com | https://ouwan.ch
Description: HTML5 Blank WordPress Theme
Version: 1.4.3
Author: Todd Motto (@toddmotto) | ouwan gmbh
Author URI: http://ouwan.ch
Tags: Blank, HTML5, CSS3
License: MIT
License URI: http://opensource.org/licenses/mit-license.php
*/
/*------------------------------------*\
MAIN
\*------------------------------------*/
@import url("//fast.fonts.net/t/1.css?apiType=css&projectid=28daaaf0-2670-4003-8f8a-6f021de6f549");
@font-face{
font-family:"Neue Haas Unica W01 Light";
src:url("Fonts/e5716290-d41e-4c97-a27c-7a20a46ddf45.woff2") format("woff2"),url("Fonts/b681571f-aab2-4935-a99c-6ee1063ce638.woff") format("woff");
}
@font-face{
font-family:"Neue Haas Unica W01 Regular";
src:url("Fonts/e0d80810-f7e3-4fea-8c57-ef8116f0465d.woff2") format("woff2"),url("Fonts/27645c8a-608b-4abf-a2f1-c4407b576723.woff") format("woff");
}
@font-face{
font-family:"Neue Haas Unica W01 Medium It";
src:url("Fonts/2418a824-3af2-42d7-a62e-f7a77cf487d1.woff2") format("woff2"),url("Fonts/86b76db5-9343-473a-a106-60683cec7626.woff") format("woff");
}
@font-face{
font-family:"Neue Haas Unica W01 Bold";
src:url("Fonts/39bb8fb3-84a4-4ab8-ae45-db1834f5d807.woff2") format("woff2"),url("Fonts/96fd4fb4-75db-412f-986d-d65380ee0ccf.woff") format("woff");
}
/* global box-sizing */
*,
*:after,
*:before {
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
html {
}
body {
font-family:"Neue Haas Unica W01 Light";
color:#000;
font-size: 17px;
/* position: absolute !important;
margin: 0;*/
}
.home {
display: block;
margin: 0px auto;
width:100%;
}
p {
display: block;
margin-block-start: 0em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
}
/*startseite*/
.zweispaltig {
width: 48.5%;
font-size: 17px;
display: table;
float: right;
-ms-word-break: break-all;
word-break: break-all;
/* Non standard for WebKit */
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
.titlehome {
margin-right: 30px;
}
.textleft {
width: 47%;
float: left;
}
.textright {
width: 51%;
float: right;
}
/*end of startseite*/
html, body {
height: 100%;
/* margin: 0;
padding: 0;
*/
}
.clear:before,
.clear:after {
content:' ';
display:table;
}
.clear:after {
clear:both;
}
.clear {
*zoom:1;
}
img {
max-width:100%;
vertical-align:bottom;
}
a {
color:#000;
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: 0px auto 0px;
}
.wrapper {
max-width: 1400px;
position: relative;
margin: auto;
width: 96%;
bottom: 4px solid black;
min-height: 50vw;
}
h2 {
display: block;
font-family:"Neue Haas Unica W01 Medium It";
font-weight: normal;
font-size: 1em;
line-height: 1em;
margin-top: 0px;
margin-bottom: 4px;
}
.single h2 {
font-family:"Neue Haas Unica W01 Medium It";
}
#content > div > div > img {
float: right;
position: relative;
transform: rotate(-10deg);
width: 260px;
}
h4 {
font-family:"Neue Haas Unica W01 Regular";
color: #ad0055;
;
font-size: 28px;
line-height: 22px;
margin: 20px 10px 2px 0px;
padding: 0px;
}
.header {
height: auto;
margin-bottom: 34px;
}
.logo a:hover {
opacity: 0.9;
}
.socialmedia {
width: 86%;
color: #be2d28;
margin-left: 0;
float: right;
height: 60px;
margin-bottom: 30px;
overflow: hidden;
position: relative;
font-weight: normal;
}
.socialicons {
float: right;
width: 170px;
margin-left: 10%;
display: table;
height: auto;
bottom: 0;
position: absolute;
right: 0px;
bottom: 10px;
}
.socialicons img {
width: 30px;
height: auto;
position: relative;
margin-left: 20px;
top: 0px;
margin-right: 0px;
}
/*textslider*/
.textslider {
height: 20px;
width: 86%;
margin-left: 0;
float: right;
position: relative;
}
.textslider {
width: 64%;
margin-left: 0;
float: right;
height: 140px;
top: 30px;
/*
overflow: hidden;*/
position: relative;
}/*
.textslide1,
.textslide2,
.textslide3,
.textslide4,*/
.socialmedia h5 {
display: none;
}
.textslide1,
.textslide2,
.textslide3,
.textslide4 {
}
.page-template-startseite .socialmedia h5 {
display: block;
}
.textslide1,
.textslide2,
.textslide3,
.textslide4 {
display: block;
position: absolute;
width: 100%;
height: 100%;
}
.textslide1 {
animation:fade 16s infinite;
-webkit-animation:fade 16s infinite;
}
.textslide2 {
animation:fade2 16s infinite;
-webkit-animation:fade2 16s infinite;
}
.textslide3 {
animation:fade3 16s infinite;
-webkit-animation:fade3 16s infinite;
}
.textslide4 {
animation:fade4 16s infinite;
-webkit-animation:fade4 16s infinite;
}
.textslider h6 {
font-family:"Neue Haas Unica W01 Medium It";
font-size: 1.25em;
line-height: 1.6em;
color: #ad0055;
width: 100%;
font-weight: normal;
display: inline;
}
.page-template-startseite .textslidepage {
display: none;
}
/*
.textslider .textslidepage h6 {
font-family: 'Adobe Garamond Pro';
font-size: 2.8em;
line-height: 1.1em;
color: #000;
width: 100%;
font-weight: normal;
display: inline;
top: 30px;
position: relative;
}*/
@keyframes fade
{
0% {opacity:1}
17% {opacity:1}
30% { opacity: 0}
100% { opacity: 0}
}
@keyframes fade2
{
0% {opacity:0}
20% {opacity:0}
30% { opacity: 1}
56% { opacity: 1}
66% { opacity: 0 }
100% { opacity: 0}
}
@keyframes fade3
{
0% {opacity:0}
56% {opacity:0}
66% { opacity: 1}
82% { opacity: 1}
90% { opacity: 0}
100% { opacity: 0}
}
@keyframes fade4
{
0% {opacity:0}
82% { opacity: 0}
90% { opacity: 1}
100% { opacity: 1}
}
.navigation {
width: 100%;
font-family: 'Neue Haas Unica Pro Bold';
font-size: 1.2em;
color: #000;
height: 62px;
overflow: hidden;
position: relative;
}
.navline {
height: 27px;
width: 100%;
background-color: #ad0055;
margin-top: 35px;
}
.navigation ul li.current_page_item,
.navigation ul li:hover {
border-bottom: 27px solid #000;
padding-bottom: 19px;
}
.navigation ul {
width: 100%;
float:left;
display: flex;
justify-content: space-between;
padding-left: 0px;
}
.navigation ul {
margin-top: -0px;
}
ul li:hover {
opacity: 0.5;
}
.sidebar {
display:none;
}
.footer {
}
.footer-widget-column {
width: 22.75%;
margin-left: 3.0%;
float: left;
padding-bottom: 20px;
}
.footer-widget-column p {
font-family:"Neue Haas Unica W01 Regular";
}
.NeueHaasUnicaProLight {
font-family:"Neue Haas Unica W01 Light";
font-size: 60px;
color: red;
font-weight: 300;
font-style: normal;
}
.footer-widget-column strong {
font-family:"Neue Haas Unica W01 Bold";
}
.page-template-4-spaltig .page a::after,
.wrapper p a::after,
.wrapper p span a::after {
content: "→";
font-family: 'Akkurat Std';
font-size: 19px;
line-height: 1.24em;
padding-left: 6px;
}
.footer-widget-column a {
font-family:"Neue Haas Unica W01 Medium It";
color: #fff;
}
.footer-widget-column p a::after {
content: "→";
font-family: 'Akkurat Std';
font-size: 19px;
line-height: 1.24em;
padding-left: 6px;
}
.footer-widget-column img a {
border: 2px solid yellow;
}
.footer-widget-column img a::after {
}
.footer-widget-column:first-child {
width: 22.75%;
margin-left: 0%;
float: left;
}
.footer-widget-column img {
padding-top: 17px;
}
.noarrow::after {
content: "" !important;
}
/*Jury*/
#jury {
display: flex; /* or inline-flex */
flex-direction: row;
flex-wrap: wrap;
}
.juryintro {
width: 50%;
display: inline-block;
-ms-word-break: break-all;
word-break: break-all;
/* Non standard for WebKit */
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
border-bottom: 4px solid #ad0055;
;
margin-bottom: 30px;
}
.jurypersonen {
flex: 0 0 50%;
margin-bottom: 30px;
}
.jurypersonen:nth-child(2n+2) {
margin-left: 20px;
margin-right: -40px;
}
.jurypersonen p {
padding-right: 4%;
}
.jurypersonen img {
width: 45%;
margin-right: 3%;
float: left;
}
/*end of Jury*/
/*Auszeichnungen*/
/*end of Auszeichnungen*/
.infotags {
color: #be2d28;
font-family: 'Neue Haas Unica Pro';
}
.bauinfocontent {
font-family: 'Neue Haas Unica Pro';
}
.wrapper p {
}
.traegerschaft .wrapper p {
max-width: 700px;
}
.post {
/* display: none;*/
width: 22%;
}
.uebersichtsseite-projekte .post {
width: 22.75%;
margin-right: 3% !important;
height: auto;
float: left;
margin-bottom: 35px;
}
.post:first-child {
/* display: none;*/
width: 100%;
}
.uebersichtsseite-projekte .post:nth-child(4n+5) {
width: 22.75%;
margin-right: 0% !important;
height: auto;
float: left;
margin-bottom: 35px;
}
#wprmenu_menu.wprmenu_levels ul li a,
.wpr_title, #wprmenu_bar li {
font-family: 'Neue Haas Unica Pro Bold' !important;
color: #000;
}
.firstpostimage {
float: left;
}
.firstpostimage {
width: 74.25% !important;
float: left;
}/*
.firstpostimage img {
width: 100%;
}*/
.imagedescription {
float: none;
display: inline-table;
width: 100%;
position: relative;
font-family: 'Adobe Garamond Pro';
}
.imagedescription p {
}
/*single post*/
.single-post .sliderandtext {
display: inline-block;
width: 100%;
height: auto;
}
.sliderandtext {
height: auto;
display: block;
}
.wrapper .informationen p {
margin-top: -4px;
font-family: 'Adobe Garamond Pro';
font-size: 1.1em;
line-height: 1.2em;
position: relative;
width: 48.5%;
column-count: 1;
column-gap: 0%;
-moz-column-width: 100%;
-webkit-column-width: 100%;
margin-left: 1.5%;
left: 0px;
float: right;
word-break: normal;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
border-top: 1px solid black;
padding-top: 14px;
}
.wrapper .informationen p br {
content: "A" !important;
display: block !important;
margin-bottom: 0em !important;
}
.wrapper .informationen p strong {
font-family: 'Neue Haas Unica Pro Bold';
font-weight: normal;
}
/*styling Newsletter*/
.tnp-subscription {
font-size: 13px;
display: block;
margin: 15px 0px !important;
font-family:"Neue Haas Unica W01 Regular"; !important;
max-width: 500px;
width: 100%;
}
/*
.tnp-subscription input[type=text], .tnp-subscription input[type=email], .tnp-subscription input[type=submit], .tnp-subscription select {
width: 100%;
height: 50px;
padding: 10px;
display: block;
border: 1px;
border-color: #ddd;
background-color: #f4f4f4;
background-image: none;
text-shadow: none;
color: #444;
font-size: 15px;
line-height: 20px;
margin: 0;
line-height: normal;
box-sizing: border-box;
}*/
.tnp-subscription input.tnp-submit {
background-color: #ad0055;
!important;
color: #fff;
width: auto;
height: auto;
margin: 0;
font-size: 17px!important;
padding: 9px 27px !important;
font-family: "Neue Haas Unica W01 Regular" !important;
}
.tnp-subscription input[type=checkbox], .tnp-widget input[type=radio] {
background-color: #eee !important;
height: 45px !important;
width: 45px !important;
border: 2px !important;
border-radius: 0px !important;
padding-top: 20px !important;
position: relative !important;
top: 16px !important;
margin-right: 20px !important;
}
.tnp-privacy {
cursor: pointer !important;;
font-size: 22px !important;;
-webkit-user-select: none !important;;
-moz-user-select: none !important;;
-ms-user-select: none !important;;
user-select: none!important;;
}
.imagenewsletterleft {
float: left;
}
.page-template-4-spaltig .wrapper p,
.page-template-4-spaltig .wrapper p strong {
font-family: "Neue Haas Unica W01 light";
margin-top: -4px;
position: relative;
width: 100%;
column-count: 4;
column-gap: 3%;
-moz-column-width: 100%;
-webkit-column-width: 100%;
margin-left: 1.5%;
left: 0px;
float: right;
word-break: normal;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.datenschutzbestimmungen p strong,
.tnp-field label {
font-family:"Neue Haas Unica W01 light";
color: #444;
font-size: 17px;
font-weight: normal !important;
color: #000;
column-count: 1;
margin-top: 24px;
margin-bottom: 5px;
}
.impressum.page-template-4-spaltig .wrapper p {
column-count: 1 !important;
}
.impressum.page-template-4-spaltig .wrapper p strong {
column-count: 1;
font-family:"Neue Haas Unica W01 Bold";
}
/*.spalten {
padding-top: 40px;
}*/
.spalte1 {
width: 22.75%;
float: left;
margin-left: 0%;
}
.spalte2,
.spalte3,
.spalte4
{
width: 22.75%;
float: left;
margin-left: 3%;
}
.impressum.page-template-4-spaltig .wrapper p br {
margin-bottom: 0em !important;
}
.page-template-4-spaltig .page a::after,
.wrapper p a::after,
.wrapper p span a::after {
content: "→";
font-family: 'Akkurat Std';
font-size: 19px;
line-height: 1.24em;
padding-left: 6px;
}
.thumbnailsfourrows {
width: 22.75%;
float: left;
}
.page-template-4-spaltig .size-overviewsmall,
.page-template-4-spaltig .size-post-secondary-image-thumbnail {
width: 100%;
height: auto;
padding-bottom: 20px;
}
.wrapper p br {
content: ' ';
clear: right;
display: block;
margin-bottom: 0px !important;
}
.page-template-4-spaltig .wrapper p span,
.page-template-rahmenprogramm p span,
.kontakt-newsletter p span {
font-family: 'Neue Haas Unica Pro';
font-size: 0.9em;
line-height: 1.2em;
color: #be2d28;
float: left;
display: block;
padding-right: 16px;
}
.datenschutzbestimmungen .wrapper p br {
content: ' ';
clear: right;
display: block;
margin-bottom: 0px !important;
}
.wrapper p span br {
content: ' ';
clear: right;
display: block;
margin-bottom:0em !important;
}
.wrapper p span a {
font-size: 0.8em;
line-height: 1.4em;
}
/*styling einzelseiten wie idee/konzept*/
.flex-active-slide p,
.flex-active-slide ul li p,
.flexslider ul li p {
margin-top: -6px;
font-family: "Neue Haas Unica W01 Light";
font-size: 0.9em;
line-height: 1.2em;
width: 100%;
column-count: 1;
overflow: hidden;
padding-top: 1px;
text-transform: none;
letter-spacing: 0.0;
}
ul.slides li p {
font-size: 0.9em;
}
.wrapper ul.slides li p br {
margin-bottom: 1px !important;
}
/*
.flex-control-paging {
display: none;
}*/
/*Footer*/
.footerblack {
display: inline-block;
background: #ad0055;
;
color: #fff;
width: 100%;
height: auto;
position: fixed;
position: relative;
padding-top: 0px;
margin-bottom: -22px;
}
.footerwidgets {
display: table;
margin: 0 auto;
width: 96%;
}
.page-template-startseite hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
margin-top: 20px;
}
ul li {
float: left;
list-style-type: none;
font-size: 16.0px;
line-height: 16px;
font-family:"Neue Haas Unica W01 Bold";
}
.juryintro ul li {
font-family: "Neue Haas Unica W01 Light";
list-style: circle;
font-size: 17px;
line-height: 25px;
float: none;
}
.juryintro ul {
margin-top: -16px;
margin-bottom: 4px;
float: none;
}
/*styling pfeile*/
.flexslider ul li p {
}
.flexslider ul li {
line-height: 23px !important;
}
.navigation ul li:first-child {
padding-left:0px !important;
}
.max1400 {
width: 50%;
position: fixed;
bottom:0px;
left: 48%;
padding:0em;
}
.back-to-top {
position: relative;
right: 0px;
color:#be2d28;
width: 50px;
background: #000;
float: right;
border: 9px solid #000;
bottom: 10px;
/* top: -20px;*/
}
.linkespalteprog {
width: 48%;
float: left;
color: #444;
}
.rechtespalteprog {
width: 48%;
float: right;
color: #444;
}
.presse-links .rechtespalteprog {
margin-top: -26px;
}
.rechtespalteprog p {
font-family: "Neue Haas Unica W01 Light";
font-size: 17px !important;
margin: 0;
}
.page-id-1154 h4,
.page-id-1152 h4,
.page-id-1682 h4 {
font-family: 'Neue Haas Unica Pro Bold';
color: #be2d28;
font-size: 18px;
}
.page-id-1282 .rechtespalteprog p,
.page-id-1156 .rechtespalteprog p,
.page-id-1109 .rechtespalteprog p {
font-family: 'Adobe Garamond Pro';
}
.page-id-1282 .rechtespalteprog p {
margin-bottom: 10px;
}
.page-id-1282 .rechtespalteprog p span {
font-family: 'Neue Haas Unica Pro';
font-size: 0.9em;
line-height: 1.2em;
color: #be2d28;
margin-bottom: 14px;
height: auto;
position: relative;
display: block;
}
.page-id-1282 .rechtespalteprog p br {
content: ' ';
clear: right;
display: block;
margin-bottom: 0px !important;
}
.rahmenprogramm .rechtespalteprog a, .rahmenprogramm .rechtespalteprog a.more-link,
.aria-label {
font-family: 'Neue Haas Unica Pro Bold';
font-size: 18px;
color: #000;
margin: 0;
}
.progarticle {
margin-bottom: 20px;
border-bottom: 4px solid #ad0055;
;
height: auto;
display: flow-root;
padding-bottom: 20px;
}
.linkespalteprog .progarticle {
border-bottom: none;
}
.progarticle img {
float: left;
margin-right: 15px;
}
.anlasse-fuhrungen h2 a,
.anlasse-fuhrungen h2 {
color:#000 !important;
margin: 0 !important;
padding: 0 !important;
font-size: 18px;
}
/*.anlasse-fuhrungen*/
.progarticle p br {
content: ' ';
clear: right;
display: block;
margin-bottom: 0px !important;
}
.category-veranstaltung .bauinfodiv {
width: 48.5%;
column-count: 1;
float: left;
margin-left: 0%;
}
@media only screen and (min-width:1400px){
.max1400 {
width: 700px;
left: 50%;
}
.logo-img {
width: 30%;
height: auto;
float: left;
}
.back-to-top {
padding-right: 0%;
}
.navigation ul li {
}
.single-post h2 {
font-size: 40px;
margin-bottom: 26px;
font-family: 'Neue Haas Unica Pro';
}
.footerwidgets {
display: table;
margin: 30px auto;
width: 1400px;
}
}
@media only screen and (min-width:1001px) and (max-width:1400px){
body {
/* background: red;*/
}
.logo img {
width: 34%;
height: auto;
float: left;
}
.page-template-startseite .wrapper p {
font-size: 1.0em;
line-height: 1.4em;
}
.page-template-startseite .post.post:nth-child(1) img {
width: 72.75% !important;
float: left;
}
.textslider h6 {
font-size: 1.2em;
top: -86px;
}
.socialicons img {
width: 30px;
}
ul.slides li p {
font-size: 0.8em;
}
}
@media only screen and (max-width:1000px) and (min-width:722px) {
.zweispaltig {
width: 100%;
}
/*end of startseite*/
/*flexslider image*/
.flexslider .slides > li {
}
/*end flexslider image*/
.textslider {
float: right;
width: 58%;
}
.textslider h6 {
font-size: 1em;
}
ul.slides li p {
font-size: 0.8em;
}
.page-template-startseite .post {
width: 31%;
margin-right: 0% !important;
height: auto;
float: left;*/
}
.page-template-startseite .post:first-child {
width: 100%;
float: none;
display: table;
}
.page-template-startseite .wrapper p a span {
font-size: 14px;
}
/*infos für ersten post*/
.single-post h2 {
float: none;
width: 100%;
margin-top: -4px;
font-size: 1.6em;
font-family: 'Neue Haas Unica Pro';
margin-bottom: 4px;
display: table;
}
.single-post h2 span {
float: left;
margin-top: 4px;
margin-right: 4px;
margin-top: 0px;
}
.page-template-startseite .post:nth-child(1) img {
width: 100% !important;
float: none;
}
.page-template-startseite .bauinfodiv {
position: relative;
font-size: 1.2em;
line-height: 1.2em;
width:100%;
column-count: 1;
left: 0px;
float: right;
margin-bottom: 10px;
}
.page-template-startseite .post:nth-child(3n+0),
.page-template-startseite .post:nth-child(3n+2) {
margin-right: 3.5% !important;
float: left;
}
.single-post .wrapper p {
margin-left: 0%;
}
.footer-widget-column:first-child,
.footer-widget-column {
width: 50%;
margin-left: 0%;
float: left;
height: auto;
}
.footer-widget-column img,
.footer-widget-column:first-child a {
float: none !important;
position: relative;
width: auto;
margin-right: 50px;
}
.spalte1,
.spalte3 {
width: 48%;
float: left;
padding-left: 0%;
height: auto;
}
.spalte2,
.spalte4 {
width: 50%;
float: right;
padding-left: 0%;
height: auto;
}
.textleft,
.textright {
width: 50% !important;
padding-right: 3%;
}
.impressum.page-template-4-spaltig .wrapper p {
column-count: 1 !important;
}
}
/*
@media only screen and (min-width:1000px) {
.socialiconsresponsive {
display: none;
}
.socialiconsresponsive img {
width: 32px;
height: auto;
border: 2px;
}
}
*/
/*Kacheln in allen Grössen*/
@media only screen and (max-width: 1200px) {
.page-template-uebersichtsseite .post:first-child {
/* display: none;*/
width: 100%;
}
.page-template-uebersichtsseite .post {
width: 48.5%;
margin-right: 3% !important;
height: auto;
float: left;
margin-bottom: 35px;
}
.page-template-uebersichtsseite .post:nth-child(2n+3){
width: 48.5%;
margin-right: 0% !important;
float: left;
}
.page-template-uebersichtsseite h2 {
font-size: .9em;
}
}
}
@media only screen and (min-width: 1200px) {
.bauinfodiv {
width: 22.25%;
font-size:1.4em;
line-height: 1.37em;
float: left;
margin-bottom: 10px;
color: #000;
margin-left: 1.5%;
margin-top: -4px;
position: relative;
width: 100%;
column-count: 2;
column-gap: 3%;
-moz-column-width: 50% 24.25% 24.25%;
-webkit-column-width: 50% 24.25% 24.25%;
left: 0px;
float: right;
word-break: normal;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
border-bottom: 4px solid #ad0055;
}
.bauinfodivintro {
height: 171px;
}
.bauinfodiv p {
font-size: 18px;
line-height: 1.4em;
color: #444;
top: 0px;
margin-top: 0px;
padding-top: 6.5px;
}
.category-uebersichtsseite .article {
border: 5px solid black;
}
#post-3928 {
border: 5px solid black;
}
.page-template-uebersichtsseite .post h2 {
margin: 12px 0px;
}
.page-template-uebersichtsseite .post {
width: 22.75%;
margin-right: 3% !important;
height: auto;
float: left;
margin-bottom: 35px;
border: 5px solid black;
}
.page-template-uebersichtsseite .post:nth-child(4n+5){
margin-right: 0% !important;
float: left;
}
.page-template-uebersichtsseite .category-uebersichtsseite.post {
width: 100%;
height: auto;
float: left;
margin-bottom: 35px;
}
.category-uebersichtsseite.post {
max-width: 100%;
vertical-align: bottom;
float: none;
}
.category-uebersichtsseite.post img {
max-width: 100%;
}
}
@media only screen and (max-width:1000px) {
html, body {
height: 100%;
margin: 0;
padding: 0;
padding-top: 0px;
left: 0px !important;
}
ul li {
float: none;
list-style-type: none;
}
.logo-img {
width: 40%;
float: none;
}
.header {
margin-bottom: 120px;
}
.textslider .textslidepage h6 {
font-family: 'Adobe Garamond Pro';
font-size: 1.6em;
line-height: 1.1em;
color: #000;
width: 100%;
font-weight: normal;
display: inline;
top: 30px;
position: relative;
}
.socialmedia {
height: auto;
}
.socialiconsresponsive {
margin-top: 20px;
}
.socialiconsresponsive img {
width: 28px;
height: auto;
}
.socialmedia h5 {
margin-right: 0;
}
/*impressum*/
.impressum.page-template-4-spaltig .wrapper p {
width: 100%;
column-count: 1 !important;
}
.spalte1 ,
.spalte2,
.spalte3,
.spalte4
{
width: 100%;
float: none;
margin-left: 1.5%;
}
/*ende impressum*/
/*datenschutzbestimmungen*/
.datenschutzbestimmungen .wrapper p strong {
font-family: 'Neue Haas Unica Pro Bold';
font-size: 0.9em;
color: #000;
column-count: 1;
}
.datenschutzbestimmungen .wrapper p {
width: 100%;
column-count: 1;
column-gap: 0%;
-moz-column-width: 100%%;
-webkit-column-width: 100%%;
margin-left: 0%;
left: 0px;
}
/*ende datenschutzbestimmungen*/
.page-template-startseite .bauinfodiv{
width: 100%;
column-count: 3;
column-gap: 3%;
-moz-column-width: 100%%;
-webkit-column-width: 100%%;
margin-left: 1.5%;
left: 0px;
top: 15px;
}
.thumbnailsfourrows {
width: 31%;
}
/*styling einzelseiten wie idee/konzept*/
.socialmedia {
width: 100px;
right: 0;
top: 110px;
}
.textslider {
height: 100px;
}
.socialicons {
display: none;
}
.socialmedia {
height: auto;
}
.mg-slick-carousel {
width: 100% !important;
float: none;
}
h2 {
font-size: 1.6em;
}
h4 {
margin: 0px;
padding: 0px;
}
/*
.single-post .wrapper p, .wrapper h4 {
position: relative;
width: 100%;
left: 0px;
}
*/
.flexslider {
width:100%;
}
/*startseite*/
.flexslider {
margin: 0;
background: #fff;
position: relative;
zoom: 1;
width: 100%;
height: auto;
float: none;
padding-top: 7px;
}
/*end of startseite*/
ul.slides li p {
margin-top: 0px;
}
.bauinfodiv {
width: 100%;
font-size:1.4em;
line-height: 1.33em;
float: left;
margin-bottom: 10px;
color: #000;
margin-left: 1.5%;
margin-top: 10px;
position: relative;
column-count: 2;
column-gap: 3%;
-moz-column-width: 48.5%;
-webkit-column-width: 48.5%;
left: 0px;
float: right;
word-break: normal;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.wrapper p, .wrapper h4 {
float: none;
left: 0px;
display: block;
margin-bottom: 20px;
}
.spalte1, .spalte2, .spalte3, .spalte4 {
width: 100%;
float: none;
margin-left:0%;
}
h5 {
left: 0px !important;
}
#wprmenu_bar a, #wprmenu_bar a {
/*font-family:'Neue Haas Unica W01 Regular' !important;*/
font-family:'Neue Haas Unica W01 Bold' !important;
}
#wprmenu_bar {
display: block!important;
}
/*rahmenprogramm*/
.rahmenprogramm .page .wrapper p,
.linkespalteprog {
width: 100%;
float: none;
column-count: 1 !important;
color: #444;
}
.wrapper .linkespalteprog img {
height: auto;
margin-bottom: 20px;
}
.rechtespalteprog {
width: 100%;
column-count: 1;
float: none;
color: #444;
margin-top: -10px;
}
/*end of rahmenprogramm*/
.progarticle p,
.progarticle a {
column-count: 1 !important;
}
}
@media only screen and (min-width:1000px) {
.socialiconsresponsive img {
display: none;
}
.newsletter .hentry p {
max-width: 50% !important;
}
}
@media only screen and (max-width:721px) {
#logo {
width: 20%;
min-width: 160px !important;
z-index: 999999 !important;
position: absolute;
top: 0px;
}
.juryintro {
width: 100%;
display: inline-block;
}
.jurypersonen {
flex: 0 0 100%;
margin-bottom: 30px;
}
.zweispaltig, .textleft, .textright {
width: 100%;
}
.page-template-startseite .logo-img {
width: 30%;
height: auto;
float: left;
}
.textslider {
height: 60px;
width: 100%;
}
.textslider h6 {
font-size: 1em;
top: -86px;
}
.socialiconsresponsive {
margin-top: 30px;
}
.socialmedia h5 {
font-size: 1em;
}
.page-template-startseite .wrapper p a span {
font-size: 15px;
}
.page-template-startseite .post {
width: 48%;
margin-right: 0% !important;
height: auto;
float: left;
}
.page-template-startseite .post:first-child {
width: 98%;
margin-right: 0% !important;
height: auto;
border-bottom: 1px solid;
margin-bottom: 10px;
}
.page-template-startseite hr {
display: none;
}
.footer-widget-column:first-child {
width: 100%;
float: none;
display: table;
}
/*infos für ersten post*/
.page-template-startseite .post:first-child h2 a, h1 {
color: #be2d28 !important;
font-size: 1.6em;
line-height: 1.2em;
}
.post:nth-child(1) img {
width: 100% !important;
float: none;
}
.page-template-startseite .bauinfodiv {
position: relative;
font-size: 1.2em;
line-height: 1.2em;
width:100%;
column-count: 2;
-moz-column-width: 48%;
-webkit-column-width: 48%;
margin-left: 0%;
left: 0px;
float: right;
margin-bottom: 10px;
}
.page-template-startseite .wrapper p {
top:20px;
width: 100%;
}
/* fertig infos für ersten post*/
.page-template-startseite .post:nth-child(2n+0) {
margin-right: 4% !important;
float: left;
}
/*text einzelpost*/
.single-post .wrapper p, .wrapper h4 {
position: relative;
width: 100%;
left: 0px;
}
h4 {
font-size: 20px;
line-height: 22px !important;
}
.single-post .wrapper p {
top:2px;
width: 100%;
column-count: 1;
-moz-column-width: 100%;
-webkit-column-width: 100%;
margin-left: 0%;
}
.footer-widget-column {
width: 100%;
margin-left: 0%;
float: left;
}
}
@media only screen and (max-width:480px) {
.page-template-startseite .textslider {
height: 50px;
}
.textslider {
height: 60px;
}
.textslider h6 {
font-size: 0.8em;
}
.socialiconsresponsive img {
width: 26px;
height: auto;
}
.socialiconsresponsive {
margin-top: 10px;
}
.textslider .textslidepage h6 {
font-size: 1.2em;
}
.socialmedia {
font-size: 0.9em;
}
.socialmedia h5 {
font-size: 1em;
}
.page-template-startseite .post {
width: 100% !important;
height: auto;
}
.page-template-startseite .post img {
width: 100% !important;
}
.post img {
width: 100%;
}
.page .wrapper p {
margin-left: 0%;
}
.page-template-startseite .bauinfodiv {
width: 100%;
column-count: 1;
margin-left: 0;
}
/*styling einzelseiten wie idee/konzept*/
.bauinfodiv,
.page .wrapper p {
width: 100%;
column-count: 1;
column-gap: 0%;
-moz-column-width: 100%%;
-webkit-column-width: 100%%;
margin-left: 0%;
left: 0px;
}
.thumbnailsfourrows {
width: 100%;
}
.page-template-startseite .post h2 a {
margin-top: 0px;
margin-bottom: 20px;
}
/*styling einzelseiten wie idee/konzept*/
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi) {
}
::selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
::-webkit-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
::-moz-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
.alignnone {
margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display:block;
margin:5px auto 5px auto;
}
.alignright {
float:right;
margin:5px 0 20px 20px;
}
.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.alignright {
float:right;
margin:5px 0 20px 20px;
}
a img.alignnone {
margin:5px 20px 20px 0;
}
a img.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.wp-caption {
background:#FFF;
border:1px solid #F0F0F0;
max-width:96%;
padding:5px 3px 10px;
text-align:center;
}
.wp-caption.alignnone {
margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
margin:5px 20px 20px 0;
}
.wp-captio
}}