/* CUSTOM CSS ADDITIONS */

html, body {background: #ffffff;}

body.custom-background {background-color: #ffffff !important;}

* {-webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important;}

p {font-size: 0.75em; line-height: 1.25em;}

.spacer-30 {clear: both; overflow: hidden; display: block; height: 30px;}
.spacer-60 {clear: both; overflow: hidden; display: block; height: 60px;}

/* HEADER */

#header .inside {background: none repeat scroll 0 0 #FFFFFF; border-top: 4px solid #FFFFFF;}
#header #logo {padding-top: 20px;}

#mainNav ul a {font-weight: normal;}

@media only screen and (max-width: 640px) {

#header #logo {width: 100%; padding-top: 0; text-align: center;}
#header #logo a {display: block; max-width: 300px; margin: 0 auto;}

#header #mainNav {width: 100%; padding: 0; margin: 0 auto; right: 0; top: 0; position: relative;}

#header .menu-header-container {width: 100%; overflow: hidden; display: flex; justify-content: center; padding-top: 20px;}
#header .menu-header-container ul {width: 80%; margin: 0; display: flex; justify-content: center;}
#header .menu-header-container li {display: inline-block;}

}


/* MAIN */

#main {padding: 10px 0 0;}

#pageHead {padding: 5px 0 2px;}

#pageHead h1 {margin-bottom: 8px; padding: 0; font-size: 1em; line-height: 0.7em;}

#home-box {clear: both; overflow: hidden;}
#home-box .text-box {width: 40%; float: right; font-size: 1.1rem;}
#home-box .image-box {width: 60%; float: left; overflow: hidden;}
#home-box .image-box img {width: 95%; height: auto;}


.projectNav {float: right;  margin: 1.75em 0 30px; padding-bottom: 0; vertical-align: baseline;}

.projectNav .next a {background: transparent url(images/project_nav.png) no-repeat; background-position: -12px -18px;}
.projectNav .next.inactive {background: transparent url(images/project_nav.png) no-repeat; background-position: -12px -36px;}
.projectNav .next a:hover {background: transparent url(images/project_nav.png) no-repeat; background-position: -12px 0px;}
.projectNav .previous a {background: transparent url(images/project_nav.png) no-repeat; background-position: 0 -18px;}
.projectNav .previous a:hover {background: transparent url(images/project_nav.png) no-repeat; background-position: 0 0px;}
.projectNav .previous.inactive {background: transparent url(images/project_nav.png) no-repeat; background-position: 0 -36px;}

.Titel {color: #333333; font-weight: normal; letter-spacing: 0.3em;}

.Pronu {color: #333333; font-weight: lighter; font-size: 3.2em; letter-spacing: 0em;}

.Protitel {font-weight: normal; font-size: 1.1em;}

.Fusszeile {color: #FFFFFF; font-weight: normal; letter-spacing: 0.3em;}

#content .project.small .title {color: #7D7D7B; font-size: 0.70em; vertical-align: top;}

.Zitat {color: #CCC; font-weight: normal; line-height: 0.9em; font-size: 2.5em;}

#s {padding: 4px .7em 4px 2em !important;}

.flex-control-nav { display: none !important; }

.textarea {width: 80%; font-size: 11px;}

.single-project .flexslider .slides img {max-width: 800px!important;}
.single-project .flex-direction-nav li a.flex-next { right: 160px!important;}

#wpgmza_map {margin-bottom: 20px;}

/* ROYALSLIDER */

.royalSlider {min-height: 520px !important;}

.royalSlider > .rsContent, .rsFullscreenBtn {visibility: hidden !important;}

.rsDefaultInv, .rsDefaultInv .rsOverflow, .rsDefaultInv .rsSlide, .rsDefaultInv .rsVideoFrameHolder, .rsDefaultInv .rsThumbs {background: #FFF !important;}

.rsDefaultInv .rsGCaption {bottom: 0px !important; left: 0px !important; background: #FFF; background: rgba(255,255,255, 1) !important; border-radius: 0px 4px 0px 0px !important; padding: 5px 25px !important;}

/* SLIDER REVOLUTION */



/* FOOTER */

#footer .secondary {background: none repeat scroll 0 0 #FFFFFF; padding-top: 20px;}

.menu-footer-container li {display: inline-block;}
.menu-footer-container a {display: block; margin-left: 1em;}
.menu-footer-container li:first-child a {margin-left: 0;}

/* MEDIA QUERIES */

/* iPad Landscape */
@media only screen and (max-width: 1024px) {



}

@media only screen and (max-width: 940px) {



}

/* iPad Portrait */
@media only screen and (max-width: 768px) {

        #home-box .text-box {width: 100%; clear: both;}
        #home-box .image-box {width: 100%; clear: both; margin-bottom: 30px;}
        #home-box .image-box img {width: 100%; height: auto;}

}

/*layouts smaller than 600px, iPhone and mobiles*/
@media only screen and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px)  {


}

/* iPhone Landscape */
@media screen and (max-width: 480px) and (orientation: landscape) {


}

/* iPhone Portrait */
@media screen and (max-width: 480px) and (orientation: portrait) {


}