@font-face { font-family: 'Graphik Web'; src: url('../fonts/Graphik-Regular-Web.eot'); src: url('../fonts/Graphik-Regular-Web.eot?#iefix') format('embedded-opentype'), url('../fonts/Graphik-Regular-Web.woff') format('woff'), url('../fonts/Graphik-Regular-Web.ttf') format('truetype'), url('../fonts/Graphik-Regular-Web.svg#Graphik-Regular') format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; }
@font-face { font-family: 'Graphik Web'; src: url('../fonts/Graphik-Medium-Web.eot'); src: url('../fonts/Graphik-Medium-Web.eot?#iefix') format('embedded-opentype'), url('../fonts/Graphik-Medium-Web.woff') format('woff'), url('../fonts/Graphik-Medium-Web.ttf') format('truetype'), url('../fonts/Graphik-Medium-Web.svg#Graphik-Medium') format('svg'); font-weight: 500; font-style: normal; font-stretch: normal; }
.Graphik-Medium-Web { font-family: 'Graphik Web'; font-weight: 500; font-style: normal; font-stretch: normal; }

@media (min-width: 1200px) {
    .container { width: 970px; }
}

body { font-size: 18px; font-weight: 500; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

a { color: #333; outline: 0; }
    a:hover,
    a:visited,
    a:visited,
    a:active,
    a:focus { color: #333; outline: 0; text-decoration: none; }
    a:hover { border-bottom: 1px solid; }

.footer { font-size: 16px; background-color: #000; color: #fff; font-weight: 400; padding-top: 0.5em; padding-bottom: 0.5em; }

.row.section { min-height: 100%; margin-bottom: 4em; }

.section-header-leftspace,
.block-leftspace-font-large { padding-left: 1.2em; }
.block-leftspace-font-regular { padding-left: 2.5em; }
.block-rightspace-font-large { padding-right: 1.2em; }
.block-rightspace-font-regular { padding-right: 2.5em; }

.font-middle { font-size: 25px; }
.block-leftspace-font-middle { padding-left: 1.8em; }
.block-rightspace-font-middle { padding-right: 1.8em; }

.header-small-font { font-size: 0.65em; }

h1.section-header { margin-bottom: 2em; margin-top: 2em; }
h1.header-projekt { margin-bottom: 1em; }

p.font-large { font-size: 36px; font-weight: 500; /*margin-bottom: 1em;*/ margin-bottom: 2em; }

.to-top,
.back-home { margin-top: 1.5em; }

/* section-home */
ul.section-menu { font-size: 36px; font-weight: 500; margin-bottom: 6em; list-style: none; }
    ul.section-menu li { }
        ul.section-menu li a { color: #333; }

/* section-team */
.team-content { padding-top: 1em; float: left; width: 100%; }
.team-leftspace-title { }
.team-leftspace-mail { /*padding-left: 2em;*/ padding-left: 2.7em; }
.team-leftspace-number { padding-left: 1em; }

/* section-kunden */
.table-kunden,
.table-kunden .table-row,
.table-kunden .table-column { float: left; }
.table-kunden { display: table; width: 100%; font-weight: 400; color: #beb5af; }
    .table-kunden .table-row { display: table-row; width: 100%; border-top: thin solid; line-height: 2.2em; }
        .table-kunden .table-row:last-child { border-bottom: thin solid; }
    .table-kunden a { color: #333; }
    .table-kunden .table-column { display: table-column; }
    .table-kunden .table-row .table-column:first-child { width: 80px; }
    .table-kunden .table-row .table-column:last-child { padding-left: 2em; }
.col-table-kunden-left { padding-right: 0; }
.col-table-kunden-right { padding-left: 0; }

/* section-kontakt */
.kontakt-leftspace-street { /*padding-left: 5em;*/ padding-left: 3.55em; }
.kontakt-leftspace-location { }
.kontakt-leftspace-mail { /*padding-left: 3.5em;*/ padding-left: 3.7em; }
.kontakt-leftspace-telephone { /*padding-left: 1.5em;*/ padding-left: 5.8em; }
.iframe-container.googlemap { float: left; height: 529px; width: 100%; }

/* projekt */
.image-projekt { padding-bottom: 1em; }
#projekt.row.section { margin-bottom: 2em; }







/* ------- adaptation --------- */
.section.row { /*margin-bottom: 8em;*/ margin-bottom: 6em; }
/*p.font-large { margin-bottom: 2em; }*/

#section-menu-container { height: 280px; min-height: 280px; }
/*#section-home-scrolldown-container { background-image: url(img/arrowDown.png); }*/

.section-home-arrow-down-container { }
    .section-home-arrow-down-container img { margin-left: 4em; margin-top: 3em; }
.section-home-arch-container { padding-bottom: 4em; }

.section-header-container { margin-bottom: 3em; padding-top: 2em; }
.section-header-title-container { padding-left: 0; }
    .section-header-title-container h1 { }
.section-header-totop-container { padding-right: 0; padding-top: 1.5em; }

.section-contact-address-container { margin-top: 1em; padding-top: 3em; }
.section-contact-newsletter { padding-top: 1em; }
a { /*color: #333;*/ }
    a:hover { /*color: #333; text-decoration: none; border-bottom: 1px solid;*/ }

ul.section-menu a:hover,
.font-large a:hover { border-bottom: 2px solid; }

.footer a { color: #fff; }
    .footer a:hover { color: #fff; }
#imprint-container { display: none; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.team-container { margin-bottom: 30px; }

@media (max-width: 767px) {

    .section-header-container { margin-bottom: 1em; padding-top: 0.5em; }
    .section-header-title-container h1 { margin-top: 0; }
    .section-header-totop-container { padding-right: 0; padding-top: 0.2em; }

    h1.section-header { margin-bottom: 1em; margin-top: 0.2em; }

    .row.section { margin-bottom: 4em; }
    #kontakt.row.section { margin-bottom: 1em; }

    p.font-large { font-size: 22px; font-weight: 500; margin-bottom: 1em; }
    .block-leftspace-font-large { padding-left: 0; }
    .block-rightspace-font-large { padding-right: 0; }

    .block-leftspace-font-regular { padding-left: 0; }
    .block-rightspace-font-regular { padding-right: 0; }

    ul.section-menu { font-size: 26px; margin-bottom: 2em; padding-left: 1.7em; }

    .section-home-arrow-down-container { display: none; }
    .section-header-leftspace.header-arch { padding-left: 0; }

    .section-home-arch-container { padding-bottom: 1em; padding-left: 0; }

    .table-kunden { width: 95%; }
    .kontakt-leftspace-street { padding-left: 4em; }

    .iframe-container.googlemap { padding-bottom: 1em; }

    .footer-copyright { }
    .footer-imprint { }
    .footer-copyright,
    .footer-imprint { text-align: center; }
}

@media (max-width: 767px) {
    .team-container { /*margin-bottom: 2em;*/ margin-bottom: 15px; }
}

/* section kunde*/
.kunde-projekt-item { position: relative; margin-bottom: 30px; }
    .kunde-projekt-item a { }
        .kunde-projekt-item a > img { }
.kunde-projekt-caption-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.kunde-projekt-caption-inner { background-color: #000; color: #fff; position: absolute; /*width: 100%;*/ /*height: 100%;*/ /*border: 1em solid rgba(255,255,255,0.8);*/ bottom: 0; width: 88%; margin: 1em; }
.kunde-projekt-caption-text { font-family: 'Courier New'; width: 100%; padding: 1em; height: 1em; overflow: hidden; -moz-transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; transition: 0.5s ease; }
    .kunde-projekt-caption-text:hover { /*height: 100%; height: 9em; */ height: 8em; }
.projekt-caption-title { padding-top: 1em; }
.projekt-caption-line-1 { }
.projekt-caption-line-2 { }
.projekt-caption-line-3 { /*padding-bottom: 1em;*/ }

@media (max-width: 991px) {
    .kunde-projekt-caption-inner { width: 84%; }
    .kunde-projekt-caption-text:hover { height: 12em; }
}

@media (max-width: 767px) {
    .kunde-projekt-item { /*margin-bottom: 2em;*/ margin-bottom: 15px; }
    .kunde-projekt-caption-inner { width: 93%; }
    .kunde-projekt-caption-text:hover { height: 9em; }
}

@media (max-width: 375px) {
    .kunde-projekt-caption-inner { width: 88%; }
    .kunde-projekt-caption-text:hover { height: 9em; }
}


@media (max-width: 767px) {
    p.font-large { font-size: 19px; font-weight: 500; margin-bottom: 1em; }
}

.section-header-totop-container > a:hover { border: none; }



/* projekt */
.kunde-projekt-caption-text:hover { /*height: 8em;*/ }

@media (max-width: 991px) {
    .kunde-projekt-caption-inner { width: 84%; }
    .kunde-projekt-caption-text:hover { height: 9em; }
}

@media (max-width: 767px) {
    .kunde-projekt-item { /*margin-bottom: 2em;*/ margin-bottom: 15px; }
    .kunde-projekt-caption-inner { width: 93%; }
    .kunde-projekt-caption-text:hover { height: 8em; }
}

@media (max-width: 375px) {
    .kunde-projekt-caption-inner { width: 88%; }
    .kunde-projekt-caption-text:hover { height: 8em; }
}

@media (max-width: 767px) {
    .kunde-projekt-caption-text { padding-left: 0.7em; }
        .kunde-projekt-caption-text:hover { height: 1em; }
    .projekt-caption-title { padding-top: 0; margin-top: -0.7em; }
}


/* team */
.team-content > p { margin-bottom: 1em; }
.team-leftspace-mail { /*padding-left: 2.7em;*/ }


/* kontakt */
.font-dark { color: #333 !important; }
.font-grey { color: #beb5af !important; }

.kontakt-leftspace-street { /*padding-left: 3.55em;*/ }
.kontakt-leftspace-telephone { /*padding-left: 5.8em;*/ }
.kontakt-leftspace-mail { /*padding-left: 3.7em;*/ }

.section-contact-address-container { color: #beb5af !important; }
    .section-contact-address-container.font-large { margin-bottom: 4em; padding-top: 0; }
.section-contact-googlemap { }
    .section-contact-googlemap.font-large { margin-bottom: 0; }
.section-contact-newsletter { padding-top: 0.5em; }
    .section-contact-newsletter.font-large { margin-bottom: 1.5em; }

@media (max-width: 767px) {
    .kontakt-leftspace-street { padding-left: 3em; }
    .kontakt-leftspace-location { }
    .kontakt-leftspace-telephone { padding-left: 5.2em; }
    .kontakt-leftspace-mail { padding-left: 3em; }

    .section-contact-address-container.font-large { margin-bottom: 3em; }
}

.kontakt-leftspace-mail a { color: #beb5af; }

/* newsletter */
#subscribe-newsletter { float: right; width: 100%; color: #beb5af; }
    #subscribe-newsletter input { width: 100%; border: none; background-color: transparent; color: #beb5af; }
form.font-large { font-size: 36px; font-weight: 500; margin-bottom: 1em; }
.subscribe-newsletter-conatainer-full { float: left; width: 100%; border-bottom: thin solid; }
.subscribe-newsletter-conatainer-left { float: left; width: 85%; }
.subscribe-newsletter-conatainer-right { float: left; width: 15%; }

#subscribe-newsletter input[type="email"] { }
#subscribe-newsletter input[type="text"] { }
#subscribe-newsletter input[type='submit'] { background-color: #beb5af; background-image: url(../img/subscribeButton.png); background-repeat: no-repeat; background-position-x: center; background-position-y: center; /*margin-top: 1.5em;*/ width: 100%; }

@media (max-width:767px) {
    form.font-large { font-size: 19px; font-weight: 500; margin-bottom: 1em; }
}

.table-kunden .table-column.column-header-item{
    width: 100% !important; 
    padding-left: 80px !important;
}

@media (max-width: 414px) {
    .table-kunden .table-row .table-column:first-child { width: 100%; }
    .table-kunden .table-column.column-header-item { padding-left: 0 !important; }
}


ul#ProjektLinkedImagesContainer li img { max-width: 100%; }