article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

html {
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

button,
html,
input,
select,
textarea {
    font-family: sans-serif
}

body {
    margin: 0
}

a:focus {
    outline: dotted thin
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

blockquote {
    margin: 1em 40px
}

dfn {
    font-style: italic
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

p,
pre {
    margin: 1em 0
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

q {
    quotes: none
}

q:after,
q:before {
    content: '';
    content: none
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

dl,
menu,
ol,
ul {
    margin: 1em 0
}

dd {
    margin: 0 0 0 40px
}

menu,
ol,
ul {
    padding: 0 0 0 40px
}

nav ol,
nav ul {
    list-style: none
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic
}

svg:not(:root) {
    overflow: hidden
}

figure,
form {
    margin: 0
}

/ fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0;
    white-space: normal
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top;
    : /
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

@import url(http://fonts.googleapis.com/css?family=Oswald:300,400,700);
body {
    margin: 0;
    padding: 0;
    font-size: 100%
}

header {
    margin: 0;
    padding: 0
}

.ventura-logo { max-width: 90%; }
#success { display: none; font: 2em/.95em Oswald, sans-serif; font-weight: 300; color: #928572; padding-bottom: 1em; margin-top: 1em; margin-left: 3.3em; padding-right:1em; }
#flaggen { position: fixed; bottom: 15px; left: 15px; width: 30px; z-index: 10; }
#flaggen img { margin-bottom: 5px; }

a {
    text-decoration: none;
    padding: 0;
    margin: 0
}

ul {
    list-style: none;
    padding: 0;
    margin: 0
}

h1 {
    font: 3em/.95em Oswald, sans-serif;
    font-weight: 300;
    color: #928572;
    padding-bottom: 1em;
    margin-top: -.07em
}

h1.links {
    text-align: left
}

h1.rechts {
    text-align: right
}

h2 {
    font: 1.3em/1.3em Oswald, sans-serif;
    font-weight: 300;
    color: #928572
}

h2.links {
    text-align: left
}

h2.rechts {
    text-align: right
}

h3 {
    font: 1em/2em Oswald, sans-serif;
    font-weight: 300;
    color: #928572
}

h3.links {
    text-align: left
}

h3.rechts {
    text-align: right
}

p {
    font: 1.3em/1.4em Oswald, sans-serif;
    font-weight: 300;
    color: #000
}

p.links {
    text-align: left
}

p.rechts {
    text-align: right
}

p.weiss {
    color: #fff
}

p.zeile {
    display: inline;
    float: left;
    margin: 0;
    padding: 0 0 0 2em
}

p.hervorhebung {
    font-weight: 400;
    text-transform: uppercase
}

header nav.menue_haupt a {
    position: relative;
    font: 1.3em/1.5em Oswald, sans-serif;
    font-weight: 300;
    color: #000;
    text-align: right
}

header.menue_start nav.menue_haupt a {
    color: #fff
}

header.menue_start nav #nav_hamburger div,
header.menue_start nav #nav_hamburger:after,
header.menue_start nav #nav_hamburger:before {
    background-color: #fff
}

footer li:hover,
header nav.menue_haupt a:hover {
    color: #928572
}

footer li {
    display: inline;
    font: .9em/1em Oswald, sans-serif;
    font-weight: 300;
    letter-spacing: .05em;
    margin-left: .7em;
    cursor: pointer
}

footer li a {
    color: #fff
}

footer li a.klick {
    color: #928572
}

button {
    display: inline;
    font: 1.6em/1.3em Oswald, sans-serif;
    font-weight: 300;
    letter-spacing: .05em;
    color: #928572;
    padding: .4em 1.2em
}

label {
    font: 1.4em/1.3em Oswald, sans-serif;
    font-weight: 300;
    letter-spacing: .05em
}

header nav.menue_haupt {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: 5.1em;
    z-index: 3501;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

header nav.menue_haupt .logo_ventura-tower {
    position: absolute;
    top: 2em;
    left: 2em;
    width: 4.9em;
    height: 8.2em;
    background: url(../../assets/elemente/ventura-tower_logo.svg) center center no-repeat;
    background-size: 100%;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

header nav.menue_haupt .logo_ventura-tower.scale {
    transform: scale(.4);
    -webkit-transform: scale(.4);
    -ms-transform: scale(.4);
    -moz-transform: scale(.4);
    -o-transform: scale(.4);
    top: -1.4em;
    left: 0
}

header nav.menue_haupt .logo_ventura-tower a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

header nav.menue_haupt .logo_ventura-tower img {
    position: relative;
    width: 100%
}

header nav.menue_haupt .hamburger {
    position: absolute;
    right: 20px;
    top: 12px;
    width: 3.5em;
    cursor: pointer
}

header nav.menue_haupt .balken {
    position: relative;
    width: 100%;
    height: .2em;
    margin-top: .3em;
    border-radius: 10em;
    background-color: #000
}

header nav.menue_haupt .subnavi {
    position: fixed;
    top: 0;
    right: -20%;
    width: 20%;
    height: 100%;
    background-color: rgba(255, 255, 255, .8);
    overflow: auto;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    -webkit-transition: all .7s ease;
    transition: all .7s ease
}

header nav.menue_haupt .subnavi .leiste {
    position: absolute;
    top: 12em;
    right: 2.8em;
    text-align: right
}

header nav.menue_haupt .subnaviopen {
    right: 0!important
}

header nav.menue_haupt.menue_haupt>.hamburger:hover .balken_1 {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    width: 2em;
    margin-top: .6em;
    margin-left: -.4em
}

header nav.menue_haupt.menue_haupt>.hamburger:hover .balken_3 {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    width: 2em;
    margin-top: -.2em;
    margin-left: 1em
}

header nav.menue_haupt.menue_haupt>.hamburger:hover .balken_2,
header.menue_start nav.menue_haupt .logo_ventura-tower {
    display: none
}

header.menue_start nav.menue_haupt .balken {
    background-color: #fff
}

header.menue_start nav.menue_haupt .subnavi {
    background-color: rgba(0, 0, 0, .8)
}

header.menue_start nav.menue_haupt .subnavi .leiste {
    background-color: transparent
}

main .wrapper_start {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000
}

main .wrapper_start .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 32em;
    margin-top: -16em;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

main .wrapper_start .logo img {
    width: 100%;
    height: 100%
}

main .wrapper_start .logo_de {
    width: 33.125em;
    margin-left: -16.57em
}

main .wrapper_start .logo_en {
    width: 35.0659em;
    margin-left: -17.533em
}

main .wrapper .content-bereich {
    position: relative;
    margin: 0 auto;
    width: 1200px;
    z-index: 10
}

main .wrapper .content-bereich.fullsize {
    width: 100%
}

main .wrapper .content-bereich .content {
    position: relative;
    display: inline-block;
    top: 6em;
    left: 0;
    width: 100%;
    height: 100%;
    padding-bottom: 8em
}

main .wrapper .content-bereich .content .spalte {
    position: relative;
    display: inline-block;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box
}

main .wrapper .content-bereich .content .spalte.spalte_3 {
    width: 50%;
    text-align: left;
}

main .wrapper .content-bereich .content .spalte.spalte_4 {
    width: 60%;
    text-align: left;
}

main .wrapper .content-bereich .content .spalte.spalte_2 {
    width: 40%;
    text-align: left;
    padding-left:30px;
}

main .wrapper .content-bereich .content .spalte.spalte_6 {
    width: 100%;
    text-align: left;
}

main .wrapper .content-bereich .content .spalte img {
	width: 100%;
	text-align: left;
}

main .wrapper .content-bereich .content button {
    background-color: transparent;
    border: .15em solid #928572
}

main .wrapper .content-bereich .content button:hover {
    background-color: #EDEDED
}

main .wrapper .content-bereich .content .zeichen {
	width: 3em;
	height: auto
}

main .wrapper .hintergrund {
    position: absolute;
    width: 100%
}

main .wrapper.wrapper_architektur .content-bereich .content .spalte:nth-child(3),
main .wrapper.wrapper_architektur .content-bereich .content .spalte:nth-child(4) {
    margin-top: 8em
}

main .wrapper.wrapper_architektur .content-bereich .content .spalte:nth-child(2) p.copy {
    width: 80%
}

main .wrapper.wrapper_architektur .content-bereich .content .spalte:nth-child(3) p.hervorhebung {
    margin-top: 4.28em;
    width: 80%
}

main .wrapper.wrapper_architektur .content-bereich .content .spalte:nth-child(4) h2.rechts {
    margin-right: 4.55em
}

main .wrapper.wrapper_architektur .content-bereich .content .zeichen {
    float: right;
    margin-top: -4em;
    margin-right: 8em
}

main .wrapper.wrapper_architektur .hintergrund {
	height: 45em;
	top: 32.5em;
	background-color: #EDEDED;
	width; 50%;    
}

main .wrapper.wrapper_ausstattung .content-bereich .content .spalte:nth-child(1),
main .wrapper.wrapper_ausstattung .content-bereich .content .spalte:nth-child(2) {
    margin-top: 4em
}

main .wrapper.wrapper_ausstattung .content-bereich .content .spalte:nth-child(3) {
    margin-top: 8em
}

main .wrapper.wrapper_ausstattung .content-bereich .content .spalte:nth-child(2) p.copy {
    width: 80%
}

main .wrapper.wrapper_ausstattung .content-bereich .content .spalte:nth-child(4) {
    margin-top: -3.5em
}

main .wrapper.wrapper_ausstattung .hintergrund {
    height: 40em;
    top: 12em;
    background-color: #000
}

main .wrapper.wrapper_raumplanung .content-bereich .content .spalte img {
    margin-left: 10%
}

main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(1) h2 {
    margin-top: 5em
}

main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(10),
main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(3),
main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(4),
main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(5),
main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(6),
main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(7),
main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(8),
main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(9) {
    margin-top: 12em
}

main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(2) img {
    width: 65%;
    height: auto;
    float: left;
}

main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(2) h2 {
    display: none
}

main .wrapper.wrapper_raumplanung .hintergrund {
    height: 45.3em;
    top: 0;
    background-color: #EDEDED
}

main .wrapper.wrapper_impressionen .content-bereich {
    position: inherit
}

main .wrapper.wrapper_impressionen .content-bereich .content {
    position: absolute;
    top: 12em;
    height: calc(100% - 12em);
    padding-bottom: 0
}

main .wrapper.wrapper_impressionen .content-bereich .content .spalte_6 {
    position: relative;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

main .wrapper.wrapper_impressionen .content-bereich .content .spalte_6 nav.pfeile .pfeil {
    position: absolute;
    width: 2.5em;
    height: 5em;
    top: 50%;
    margin-top: -2.5em;
    background-color: #000
}

main .wrapper.wrapper_impressionen .content-bereich .content .spalte_6 nav.pfeile .pfeil label {
    position: absolute;
    top: .5em;
    font: 4em/0em Oswald, sans-serif;
    font-weight: 700;
    color: #fff;
    cursor: pointer
}

main .wrapper.wrapper_impressionen .content-bereich .content .spalte_6 nav.pfeile .pfeil.pfeil_links {
    left: 0
}

main .wrapper.wrapper_impressionen .content-bereich .content .spalte_6 nav.pfeile .pfeil.pfeil_links label {
    left: .11em
}

main .wrapper.wrapper_impressionen .content-bereich .content .spalte_6 nav.pfeile .pfeil.pfeil_rechts {
    right: 0
}

main .wrapper.wrapper_impressionen .content-bereich .content .spalte_6 nav.pfeile .pfeil.pfeil_rechts label {
    right: .11em
}

main .wrapper.wrapper_lage {
    background: #fff;
    /*box-shadow: 0 .5em .5em 0 rgba(0, 0, 0, .5);*/
    margin-bottom: 0em
}

main .wrapper.wrapper_lage .content-bereich {
    z-index: 11
}

main .wrapper.wrapper_lage .content-bereich .content {
    padding-bottom: 13em
}

main .wrapper.wrapper_lage .content-bereich .content .spalte:nth-child(1) p.copy {
    width: 80%
}

main .wrapper.wrapper_lage .content-bereich .content .spalte:nth-child(4) p.copy {
    width: 75%
}

main .wrapper.wrapper_lage .content-bereich .content .spalte:nth-child(3),
main .wrapper.wrapper_lage .content-bereich .content .spalte:nth-child(4) {
    margin-top: 6em
}

main .wrapper.wrapper_lage .content-bereich .content .spalte:nth-child(5) {
    margin-top: 5.5em
}

main .wrapper.wrapper_lage .content-bereich .content .spalte:nth-child(5) .info {
    float: left;
    width: 59.9em
}

main .wrapper.wrapper_lage .hintergrund {
    height: 36em;
    top: 51em;
    background-color: #EDEDED;
    z-index: 1
}

main .wrapper.wrapper_lage .box-schatten {
    position: relative;
    width: 100%;
    height: 20px;
    left: 0;
    box-shadow: 0;
    z-index: 10
}

main .wrapper.wrapper_lage button {
    float: left;
    margin-top: .1em
}

main .wrapper.wrapper_kontakt .content-bereich .content .spalte:nth-child(2) {
    margin-top: 2.55em
}

main .wrapper.wrapper_kontakt .content-bereich .content .spalte:nth-child(2) img {
    width: 36%
}

main .wrapper.wrapper_kontakt .content-bereich .content h1 {
    margin-left: 3.3em
}

main .wrapper.wrapper_kontakt .content-bereich .content label {
    float: left;
    width: 7em
}

main .wrapper.wrapper_kontakt .content-bereich .content input,
main .wrapper.wrapper_kontakt .content-bereich .content textarea {
    width: 65%;
    min-width: 65%;
    max-width: 65%;
    height: 1.5em;
    background-color: #EDEDED;
    margin: .2em;
    border: 1px solid #000
}

main .wrapper.wrapper_kontakt .content-bereich .content input.senden_button,
main .wrapper.wrapper_kontakt .content-bereich .content textarea.senden_button {
    font: 1em/1.4em Oswald, sans-serif;
    font-weight: 400;
    width: 7em;
    height: 2.5em;
    min-width: 5em;
    max-width: 5em;
    margin-right: 6em;
    margin-top: 0;
    float: right;
    background-color: transparent;
    border: none
}

main .wrapper.wrapper_kontakt .content-bereich .content input.senden_button.error,
main .wrapper.wrapper_kontakt .content-bereich .content textarea.senden_button.error {
    background-color: rgba(232, 97, 97, .5)
}

main .wrapper.wrapper_kontakt .content-bereich .content input {
    padding: 2px
}

main .wrapper.wrapper_kontakt .content-bereich .content textarea {
    padding: 2px;
    height: 13.8em;
    min-height: 13.8em;
    max-height: 25em
}

main .wrapper.wrapper_impressum .content-bereich .content .spalte .mehr_abstand {
    margin-top: 3em
}

.paralax {
    position: fixed;
    z-index: -1;
    bottom: 3.2em;
    width: 100%;
    height: 32em
}

footer .wrapper_footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 3.2em;
    background-color: #000;
    z-index: 3500
}

footer .wrapper_footer .content {
    position: relative;
    margin-top: 1.2em
}

footer .wrapper_footer .content.content_links {
    float: left;
    margin-left: 1.2em
}

footer .wrapper_footer .content.content_rechts {
    float: right;
    margin-right: 1.9em
}

footer .wrapper_footer .content.content_rechts a {
    color: #fff
}

footer .wrapper_footer .content.content_rechts a:hover {
    color: #928572
}

@media only screen and (max-width:1550px) {
    body {
        font-size: 80%;
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease
    }
    main .wrapper .content-bereich {
        width: 950px
    }
}

@media only screen and (max-width:1366px) {
	#section1 { padding-top: 125px; }
}

@media only screen and (max-width:1024px) {
	#section1 { padding-top: 90px; }
}

@media only screen and (max-width:1017px) {
    main .wrapper.wrapper_impressum .content-bereich {
        width: 100%
    }
    main .wrapper.wrapper_impressum .content-bereich .content .spalte_6 {
        border: 2em solid transparent
    }
}

@media only screen and (max-width:970px) {
    header nav.menue_haupt .subnavi {
        width: 50%;
        right: -50%
    }
    header nav.menue_haupt .hamburger {
        top: 6px
    }
    header nav.menue_haupt a {
        font: 2em/1.8em Oswald, sans-serif
    }
    main .wrapper .content-bereich {
        width: 100%
    }
    main .wrapper .content-bereich .content {
        padding-bottom: 7em
    }
    main .wrapper .content-bereich .content .spalte.spalte_2,
    main .wrapper .content-bereich .content .spalte.spalte_3,
    main .wrapper .content-bereich .content .spalte.spalte_4,
    main .wrapper .content-bereich .content .spalte.spalte_6 {
        width: 100%;
        border: 2em solid transparent
    }
    .spalte_2 { padding-left: 0px !important; }
    
    main .wrapper .content-bereich .content .spalte.spalte_3:nth-child(1)
    {
    	width: 66%;
    	margin: 0 2%;
    }
    
    main .wrapper .content-bereich .content .spalte.spalte_3:nth-child(2)
    {
    	width: 26%;
    	margin: 0 2%;
    }
    h1 { font-size: 1.4em; }
    p,h2 { font-size: 1em; }
    
    main .wrapper .content-bereich .content .spalte img {
        width: 100%
    }
    main .wrapper.wrapper_architektur .content-bereich .content .spalte:nth-child(1) {
        padding-top: 4em
    }
    main .wrapper.wrapper_architektur .content-bereich .content .spalte:nth-child(3),
    main .wrapper.wrapper_architektur .content-bereich .content .spalte:nth-child(4) {
        margin-top: 1em
    }
    main .wrapper.wrapper_architektur .content-bereich .content .spalte:nth-child(2) {
        background-color: #EDEDED
    }
    main .wrapper.wrapper_architektur .content-bereich .content .spalte:nth-child(2) p.copy {
        width: 100%
    }
    main .wrapper.wrapper_architektur .content-bereich .content .spalte:nth-child(1) {
        background-color: #EDEDED
    }
    main .wrapper.wrapper_architektur .content-bereich .content .spalte:nth-child(3) p.hervorhebung {
        margin-top: 4.28em;
        width: 100%
    }
    main .wrapper.wrapper_architektur .content-bereich .content .spalte:nth-child(4) h2.rechts {
        margin-right: 0
    }
    main .wrapper.wrapper_architektur .content-bereich .content .zeichen {
        float: right;
        margin-top: -5.050em;
        margin-right: 0
    }
    main .wrapper.wrapper_architektur .hintergrund {
        color: none
    }
    main .wrapper.wrapper_ausstattung .content-bereich .content .spalte:nth-child(1),
    main .wrapper.wrapper_ausstattung .content-bereich .content .spalte:nth-child(2) {
    	width: 100%;
        margin: 0em !important;
        background-color: #ffffff
    }
    main .wrapper.wrapper_ausstattung .content-bereich .content .spalte:nth-child(3) {
        margin-top: 4em
    }
   	.imageeditable { display: none; }
    
    main .wrapper.wrapper_ausstattung .content-bereich .content .spalte:nth-child(2) {
    	margin-top: 0;
    	margin-left: 25% !important;
    	width: 50%  !important;
        padding-top: 0em
    }
    main .wrapper.wrapper_ausstattung .content-bereich .content .spalte:nth-child(2) p.copy {
        width: 100%
    }
    main .wrapper.wrapper_ausstattung .content-bereich .content .spalte:nth-child(4) {
        margin-top: 4em;
        background-color: #EDEDED
    }
    main .wrapper.wrapper_ausstattung .hintergrund {
        color: none
    }
    main .wrapper.wrapper_raumplanung .content-bereich .content .spalte img {
        margin-left: 0;
        width: 100%
    }
    main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(1) {
        padding-top: 2em;
    }
    h1.links { font-size: 1.5em; }
    main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(1) h2 {
        margin-top: 40em;
        opacity: 0;
        -webkit-transition: opacity 0;
        -ms-transition: opacity 0;
        -moz-transition: opacity 0;
        -o-transition: opacity 0
    }
    main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(1) p.copy {
        width: 50%
    }
    main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(3) {
        padding-top: 0
    }
    main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(10),
    main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(4),
    main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(5),
    main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(6),
    main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(7),
    main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(8),
    main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(9) {
        margin-top: 7em
    }
    main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(2) {
        position: absolute;
        top: 14em;
        right: 0
    }
    main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(2) img {
        width: 38%
    }
    main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(2) h2 {
        position: absolute;
        display: block;
        bottom: -1em;
        left: 0
    }
    main .wrapper.wrapper_raumplanung .hintergrund {
        background-color: transparent
    }
    main .wrapper.wrapper_lage .content-bereich {
        z-index: 11
    }
    main .wrapper.wrapper_lage .content-bereich .content {
        padding-bottom: 6em
    }
    main .wrapper.wrapper_lage .content-bereich .content .spalte:nth-child(1) {
        padding-top: 4em
    }
    main .wrapper.wrapper_lage .content-bereich .content .spalte:nth-child(3),
    main .wrapper.wrapper_lage .content-bereich .content .spalte:nth-child(4) {
        
    }
    main .wrapper.wrapper_lage .content-bereich .content .spalte:nth-child(1) p.copy,
    main .wrapper.wrapper_lage .content-bereich .content .spalte:nth-child(4) p.copy {
        width: 100%
    }
    main .wrapper.wrapper_lage .content-bereich .content .spalte:nth-child(3),
    main .wrapper.wrapper_lage .content-bereich .content .spalte:nth-child(4) {
        margin-top: 0
    }
    main .wrapper.wrapper_lage .content-bereich .content .spalte:nth-child(3) img {
        width: 90%;
        margin-left: 5%
    }
    main .wrapper.wrapper_lage .content-bereich .content .spalte:nth-child(5) {
        margin-top: .8em
    }
    main .wrapper.wrapper_lage .hintergrund {
        background-color: transparent
    }
    main .wrapper.wrapper_lage .box-schatten {
        height: 6.8em
    }
    main .wrapper.wrapper_kontakt .content-bereich .content .spalte:nth-child(2) {
        left: 9.8em
    }
    main .wrapper.wrapper_kontakt .content-bereich .content .spalte:nth-child(2) img {
        width: 36%
    }
    main .wrapper.wrapper_kontakt .content-bereich .content input,
    main .wrapper.wrapper_kontakt .content-bereich .content textarea {
        width: 80%;
        min-width: 80%;
        max-width: 80%;
        height: 1.5em;
        margin-left: 1px
    }
    main .wrapper.wrapper_kontakt .content-bereich .content input.senden_button,
    main .wrapper.wrapper_kontakt .content-bereich .content textarea.senden_button {
        font: 1.5em/1.4em Oswald, sans-serif;
        width: 7em;
        height: 2.5em;
        min-width: 5em;
        max-width: 5em;
        margin-right: 2em
    }
    main .wrapper.wrapper_kontakt .content-bereich .content textarea {
        height: 15em
    }
}

@media only screen and (max-width:850px) {
    main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(1) h2 {
        margin-top: 30em
    }
}

@media only screen and (max-width:800px) {
    main .wrapper_start .logo {
        height: 25em;
        margin-top: -12.5em
    }
    main .wrapper_start .logo_de {
        width: 26.125em;
        margin-left: -13.063em
    }
    main .wrapper_start .logo_en {
        width: 27.65575em;
        margin-left: -13.82787em
    }
    main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(1) h2 {
        margin-top: 28em
    }
}

@media only screen and (max-width:768px) {
	#section1 { padding-top: 288px; }
	main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(1),
	main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(2) { width: 50%; }
	main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(2) { top: 0em; }
	main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(2) h2 { bottom: -3em; }
	main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(1) p.copy,
	main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(2) img { width: 100%; }
	main .wrapper.wrapper_kontakt .content-bereich .content h1 { margin-left: 0em; }
}

@media only screen and (max-width:736px) {
	#section1 { padding-top: 0px; }
	.ventura-logo { /*max-width: 40%;*/ }
	main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(1),
	main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(2) { width: 50%; padding-top:0 !important;}
	main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(2) { top: 0em; }
	main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(2) h2 { bottom: -3em; }
	main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(1) p.copy { width: 100%; }
	main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(1) h2 { margin-top: 10px !important; }
	main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(2) img { width: 30%; }
	main .wrapper.wrapper_raumplanung .content-bereich .content { top: 1em !important; }
	main .wrapper.wrapper_kontakt .content-bereich .content h1 { margin-left: 0em; }
	main .wrapper.wrapper_ausstattung .content-bereich .content .spalte:nth-child(2) { width: 91% !important; margin-left:9.5% !important; }
}

@media only screen and (max-width:754px) {
    main .wrapper_start .logo {
        height: 25em;
        margin-top: -12.5em
    }
    main .wrapper_start .logo_de {
        width: 26.125em;
        margin-left: -13.063em
    }
    main .wrapper_start .logo_en {
        width: 27.65575em;
        margin-left: -13.82787em
    }
    main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(1) h2 {
        margin-top: 25em
    }
    main .wrapper.wrapper_kontakt .content-bereich .content .spalte:nth-child(2) img {
        width: 36%
    }
    main .wrapper.wrapper_kontakt .content-bereich .content input,
    main .wrapper.wrapper_kontakt .content-bereich .content textarea {
        width: 75%;
        min-width: 75%;
        max-width: 75%
    }
}

@media only screen and (max-width:754px) {
    main .wrapper.wrapper_lage .content-bereich .content .spalte:nth-child(5) .info {
        width: 45em;
        margin-left: -2em;
        padding-top: 1em
    }
}

@media only screen and (max-width:700px) {
    main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(1) h2 {
        margin-top: 20em
    }
    main .wrapper.wrapper_lage .content-bereich .content .spalte:nth-child(5) .info {
        width: auto
    }
}

@media only screen and (max-width:618px) {
    main .wrapper.wrapper_kontakt .content-bereich .content input,
    main .wrapper.wrapper_kontakt .content-bereich .content textarea {
        width: 70%;
        min-width: 70%;
        max-width: 70%
    }
}

@media only screen and (max-width:600px) {
    header nav.menue_haupt .subnavi {
        width: 65%;
        right: -65%
    }
    main .wrapper_start .logo {
        height: 20em;
        margin-top: -10em
    }
    main .wrapper_start .logo_de {
        width: 21.125em;
        margin-left: -10.57em
    }
    main .wrapper_start .logo_en {
        width: 22.362782em;
        margin-left: -11.181391em
    }
    main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(1) h2 {
        margin-top: 15em
    }
}

@media only screen and (max-width:568px) {
	main .wrapper.wrapper_lage .content-bereich .content .spalte:nth-child(1) { padding-top: 0em !important; }
	main .wrapper .content-bereich .content { top: 2em !important; }
}
main .wrapper.wrapper_lage .content-bereich .content .spalte:nth-child(1)

@media only screen and (max-width:540px) {
    main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(1) {
        padding-bottom: 10em
    }
    main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(1) h2 {
        margin-top: 0em
    }
    main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(1) p.copy {
        width: 100%
    }
    main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(2) {
        position: relative;
        margin-top: -58em
    }
    main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(2) img {
        width: 50%
    }
}

@media only screen and (max-width:527px) {
    main .wrapper.wrapper_kontakt .content-bereich .content .spalte:nth-child(2) img {
        width: 50%
    }
    main .wrapper.wrapper_kontakt .content-bereich .content input,
    main .wrapper.wrapper_kontakt .content-bereich .content textarea {
        width: 65%;
        min-width: 65%;
        max-width: 65%
    }
}

@media only screen and (max-width:503px) {
    main .wrapper.wrapper_architektur .content-bereich .content .zeichen {
        margin-top: -3.5em
    }
}

@media only screen and (max-width:480px) {
    main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(1) p.copy {
        width: 100%
    }
    main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(2) {
        position: relative;
        margin-top: 0em;
        padding-bottom: 6em
    }
    main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(2) img {
        width: 100%;
        float: left
    }
    main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(2) h2 {
        position: absolute;
        bottom: -1em;
        display: block
    }
    main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(3) {
        padding-top: 10em
    }
}

@media only screen and (max-width:462px) {
    main .wrapper.wrapper_kontakt .content-bereich .content .spalte:nth-child(2) {
        left: 0
    }
    main .wrapper.wrapper_kontakt .content-bereich .content .spalte:nth-child(2) img {
        width: 60%
    }
    main .wrapper.wrapper_kontakt .content-bereich .content h1 {
        margin-left: 0
    }
    main .wrapper.wrapper_kontakt .content-bereich .content input,
    main .wrapper.wrapper_kontakt .content-bereich .content textarea {
        width: 98%;
        min-width: 98%;
        max-width: 98%
    }
    main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(3) {
        padding-top: 5em
    }
}

@media only screen and (max-width:414px) {
	#section1 { padding-top: 255px; }
	main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(1), 
	main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(2) { width: 100%; padding-bottom: 1em; }
	main .wrapper.wrapper_lage .content-bereich .content .spalte:nth-child(1) { padding-top: 1em; }
}

@media only screen and (max-width:400px) {
    header nav.menue_haupt .subnavi {
        width: 100%;
        right: -100%
    }
    main .wrapper_start .logo {
        height: 15em;
        margin-top: -7.5em
    }
    main .wrapper_start .logo_de {
        width: 16.125em;
        margin-left: -8.063em
    }
    main .wrapper_start .logo_en {
        width: 17.069815em;
        margin-left: -8.5349077em
    }
    main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(3) {
        padding-top: 0
    }
    main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(10),
    main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(4),
    main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(5),
    main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(6),
    main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(7),
    main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(8),
    main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(9) {
        margin-top: 3em
    }
}

@media only screen and (max-width:350px) {
    main .wrapper.wrapper_raumplanung .content-bereich .content .spalte:nth-child(3) {
        margin-top: 5em
    }
}

@media only screen and (max-width:330px) {
    main .wrapper.wrapper_architektur .content-bereich .content .zeichen {
        margin-top: -1em
    }
}

@media only screen and (max-width:320px) {
    .ventura-logo { width: 100% !important; max-width: 100% !important; }
    #section1 { padding-top: 200px; }
    main .wrapper.wrapper_kontakt .content-bereich .content input.senden_button, main .wrapper.wrapper_kontakt .content-bereich .content textarea.senden_button { margin-right: 0 !important; }
    main .wrapper .content-bereich .content { top: 1em !important; }
}

.slider {
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    transition: margin-left .65s ease
}

.slidewrapper {
    height: 100%;
    width: 100%;
    position: absolute
}

.slider .image {
    margin: 0;
    padding: 0;
    height: 100%;
    float: left;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

#nav_hamburger {
    margin: 13px;
    width: 40px;
    cursor: pointer;
    z-index: 100;
    position: relative
}

#nav_hamburger div,
#nav_hamburger:after,
#nav_hamburger:before {
    background-color: #000;
    content: '';
    display: block;
    height: 3px;
    margin: 9px 0;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

#nav_hamburger.navopen:before {
    transform: translateY(12px) rotate(135deg);
    -moz-transform: translateY(12px) rotate(135deg);
    -webkit-transform: translateY(12px) rotate(135deg)
}

#nav_hamburger.navopen:after {
    transform: translateY(-12px) rotate(-135deg);
    -moz-transform: translateY(-12px) rotate(-135deg);
    -webkit-transform: translateY(-12px) rotate(-135deg)
}

#nav_hamburger.navopen div {
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0)
}

.featherlight-close-icon {
    font-size: 50px;
    line-height: 50px!important;
    height: 50px!important;
    width: 50px!important
}

@media(max-width: 970px) {
    main .wrapper.wrapper_lage .content-bereich .content .spalte:nth-child(5) .info {
        margin-top: 20px;
        margin-left: -22px;
    }
}