/* cmsms stylesheet: abau_skeleton modified: 24.08.2018 15:07:37 */
/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/

/*rgba(237, 237, 237, .5)*/
/* f1f1f1 rgba(237, 237, 237, .8)*/
 /* ededed */
/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/


/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position: relative;
  width: 90%;
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box; }
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }

/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 85%;
    padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 550px) {
  .container {
    width: 80%; }
  .column,
  .columns {
    margin-left: 2%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 6.5%;} /*4.66666666667%*/
  .two.columns                    { width: 15%; }/*13.3333333333%*/
  .three.columns                  { width: 23.5%; }/*22%*/
  .four.columns                   { width: 32%; }/*30.6666666667%*/
  .four.columns.baumeister-item   { width: 31.3%; }
  .five.columns                   { width: 40.5%; }/*39.3333333333%*/
  .six.columns                    { width: 49%; }/*48%*/
  .wohntraum-item.six             { width: 48%; }
  .seven.columns                  { width: 57.5%; }/*56.6666666667%*/
  .eight.columns                  { width: 66%; }/*65.3333333333%*/
  .nine.columns                   { width: 74.5%;          }/*74.0%*/
  .ten.columns                    { width: 83%; }/*82.6666666667%*/
  .eleven.columns                 { width: 91.5%; }/*91.3333333333%*/
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 32%; }/*30.6666666667%*/
  .two-thirds.column              { width: 66%; }/*65.3333333333%*/

  .one-half.column                { width: 49%; }/*48%*/

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.5%; }/* 8.66666666667%*/
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }
  .new-offset.columns             { margin-left: 10.5%; }

}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%; }
body {
   font-family: 'Roboto', sans-serif;
    color: #706f6f;
    font-size: 16px;
    line-height: 1.5;
    
}


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 20px;
  text-transform: uppercase;
}
h1 { font-size: 40px; line-height: 1.2; }
h2 { font-size: 35px; line-height: 1.25; }
h3 { font-size: 30px; line-height: 1.3; }
h4 { font-size: 25px; line-height: 1.35; }
h5 { font-size: 20px; line-height: 1.5; }
h6 { font-size: 18px; line-height: 1.6; }

h1, h2, h3, h4 {
    color: #1a1a18;
}

h5, h6 {
    color: #706f6f;
}
h1, h2, h3 {
    font-weight: 100;
}
h4, h5, h6 {
    font-weight: 300;
}
.content-title {
    font-size: 40px;
    margin-bottom: 25px;
}

/* Larger than phablet */
@media (min-width: 550px) {
  h1 { font-size: 40px; }
  h2 { font-size: 35px; }
  h3 { font-size: 30px; }
  h4 { font-size: 25px; }
  h5 { font-size: 20px; }
  h6 { font-size: 18px; }
}

p {
  margin-top: 0; }


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
    color: #dd0613;
    text-decoration: none;
    transition: color .5s ease;
}
a:hover {
  text-decoration: underline
}


/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button a {
    color: #706f6f;
    text-decoration: none;
}
.button:hover a {
    color: #ffffff;
}
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  padding: 15px 30px;
  text-align: center;
  font-size: 18px;
  font-weight: 300;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 0;
  border: 1px solid;
  cursor: pointer;
  box-sizing: border-box;
  text-decoration: none;
  color: #706f6f;
  transition: all .5s ease;
  background: transparent;
  text-transform: uppercase;
}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus,
.pos-auswahl input[type="button"]:hover,
.pos-auswahl input[type="button"]:focus{
  color: #ffffff;
  background-color: #dd0613;
  border-color: #dd0613;
  outline: 0; 
  text-decoration: none;
}
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB; }


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 50px;
  padding: 15px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #cacaca;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  margin:0;
  font-weight: 300;
}
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid ;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }


/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: circle inside; }
ol {
  list-style: decimal inside; }
ol, ul {
  padding-left: 0;
  margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%; }
li {
  margin-bottom: 1rem; }


/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }
pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }


/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1; }
th:first-child,
td:first-child {
  padding-left: 0; }
th:last-child,
td:last-child {
  padding-right: 0; }


/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 2.5rem; }


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }


/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; }


/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }


/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/

/*navigation*/
/*navigation*/
#menu-container {
    font-size: 18px;
}
.navigation {
  background-color: #f6f6f6;
}

.primary {
    position: relative;
    width: 100%;
    text-transform: none;
}
#main-menu {
    display: flex;
    justify-content: space-between;
    align-items: strech;
}
.toggle-link {
    display: none;
}
nav.primary ul,
nav.primary ul li {
    margin: 0;
}
nav.primary ul li {
    display: flex;
    align-items: center;
    height: 6vw;
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
    z-index: 100;
    padding: 0 2.3%;
    background-color: #f6f6f6; 
}

nav.primary ul li a {
    display: inline-block;
    color: #706f6f;
    font-size: 18px;
    text-decoration: none;
    transition: all .5s ease;
}

nav.primary ul li:hover a, nav.primary ul li a.current, a.current:active{
    color: #706f6f;
}

nav.primary ul li:hover a {
    cursor: pointer;
}

/*submenu*/
nav.primary ul ul {
    position: absolute;
    z-index: 999;
    min-width: 250px;
    background-color: rgba(255, 255, 255, .95);
    /*overflow: hidden;*/
    top: 100%;
    left: 0;
    /*padding: 30px 1000em 20px;
    margin: 0 -1000em ;*/
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity 0.4s ease-out;
    border: 1px solid;
    border-color: transparent #ededed #ededed;
}

nav.primary ul ul li {
    float: none;
    text-decoration: none;
    border: none;
    min-width: 250px;
    border-bottom: 1px solid #ededed;
}
nav.primary ul ul li a {
    display: block;
    line-height: 1.2;
    text-transform: none;
    padding: 10px 20px;
    color: ;
    font-size: 16px;
    border: none;
}

nav.primary ul ul li:last-child {
    border: none;
}
nav.primary ul li.current {
  background-color: #dcdcdc;
}
@media (min-width: 1080px) {
nav.primary ul li:hover ul {
    height: auto;
    overflow: hidden;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
}
nav.primary ul li:hover {
    background-color: #dcdcdc;
}
}
li.separator.divider {
    border-bottom: 2px solid #706f6f;
    width: 100%;
    margin: 5px 0 5px 10px;
}

#main-menu li::before {
    content: '';
    border-width: 0 4vw 6vw 0;
    border-style: solid;
    border-color: transparent #f6f6f6;
    position: absolute;
    top: 0;
    left: -4vw;
}
#main-menu li::after {
    content: '';
    border-width: 6vw 0 0 4vw;
    border-style: solid;
    border-color: transparent #f6f6f6;
    position: absolute;
    top: 0;
    right: -4vw;
}
@-moz-document url-prefix() {
#main-menu li::before {
    left: -3.96vw;
}
#main-menu li::after {
    right: -3.96vw;
}    
}
#main-menu ul li::before, #main-menu ul li::after {
    display: none;
}
#main-menu li.current::before,
#main-menu li.current::after {
    border-color: transparent #dcdcdc;
}
#main-menu li:hover::before,
#main-menu li:hover::after {
    border-color: transparent #dcdcdc;
}
#main-menu li.logo:hover::before,
#main-menu li.logo:hover::after {
    border-color: transparent #f6f6f6;
}

#main-menu li:first-child::before {
    display: none;
}
#main-menu li:last-child::after {
    display: none;
}

/*
.search-icon:before {
    background-image: ;
    background-size: contain;
    display: inline-block;
    width: 25px;
    height: 25px;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}
*/
.contrast {
    cursor: pointer;
}
.contrast:before {
    background-image: url("/uploads/images/icons/contrast.svg");
    background-size: contain;
    display: inline-block;
    width: 30px;
    height: 30px;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}
/*cookie*/
#cookie_consent {
    position: fixed;
    bottom: 0;
    background: rgba(34,34,34, 0.7);
    color: #ffffff;
    width: 100%;
    z-index: 200;
    text-align: center;
    padding: 30px 0;
    display: none;
}
#cookie_consent .container-inner:last-child {
    text-align: right;
}
#cookie_consent a {
    color: #ffffff;
    text-decoration: none;
}
#cookie_consent a:hover {
    text-decoration: underline;
}
#cookie_consent .cookie-answer {
    width: 10%;
    display: inline-block;
    padding: 5px;
    text-align: center;
    color: #ffffff;
}
#cookie_consent .cookie-answer:hover {
    background-color: rgba(255,255,255,.5);
    position: relative;
    text-decoration: none;
}
.accept_cookies::before {
    background-image: url("/uploads/images/icons/accept.svg");
    content: '';
    display: block;
    text-indent: 0;
    height: 25px;
    width: 28px;
    position: relative;
    margin: 0 auto 5px;
    background-repeat: no-repeat;
    background-size: contain;
}
.decline_cookies::before {
    background-image: url("/uploads/images/icons/decline.svg");
    content: '';
    display: block;
    text-indent: 0;
    height: 25px;
    width: 28px;
    position: relative;
    margin: 0 auto 5px;
    background-repeat: no-repeat;
    background-size: contain;
}
#cookie_consent .container-inner:first-child p:last-child {
    margin-bottom: 0;
}

/*header*/
#main-menu .logo {
    width: 20%;
    background-color: #f6f6f6;
}
#main-menu .logo::after {
    border-color: transparent #f6f6f6;
}

.abau-logo {
    background:  url("/uploads/images/abau-logo.svg") no-repeat center;
    width:100%;
    height: 100%;
    text-decoration:none;
    line-height: 0;
    display: block;
    position: relative;
    background-size: contain;
}
/*accessibility*/
#accessibility-row {
    padding: 20px 0;
    text-align: right;
}
.row-column {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    margin-left: 2%;
}
#inc-dec a {
    font-size: 20px;
    color: #ffffff;
    width: 35px;
    height: 35px;
    vertical-align: middle;
    background-color: #706f6f;
    margin-left: 5px;
    display: inline-block;
    text-align: center;
    float: left;
    text-decoration: none;
    cursor: pointer;
    font-weight: 300;
}
#inc-dec span {
    display: inline-block;
    vertical-align: middle;
}
/*slideshow*/
#slideshow {
    margin: 0 auto;
}
.caption-container.six.columns {
    position: absolute;
    background-color: rgba(255, 255, 255, .75);
    padding: 2% 4%;
    margin: 0;
    width: 54%;
    font-weight: 300;
}
.bottom-left {
    left: 0;
    bottom: 5%;
}
.top-right {
    right: 0;
    top: 5%;
}
.slider-title {
    color: #dd0613;
    font-size: 45px;
    margin-bottom: 0;
}
.header-subtitle {
    font-size: 35px;
    font-weight: 100;
    margin-bottom: 15px;
    line-height: 1.2;
}
.slider-button {
    text-align: right;
}
.flex-direction-nav a.flex-next {
    background-image: url("/uploads/images/icons/arrow-right.svg");
    background-repeat: no-repeat;
    color: transparent;
    box-shadow: none;
    text-shadow: none;
    width: 25px;
    height: 45px;
    display: block;
}
.flex-direction-nav a.flex-prev {
    background-image: url("/uploads/images/icons/arrow-left.svg");
    background-repeat: no-repeat;
    color: transparent;
    box-shadow: none;
    text-shadow: none;
    width: 25px;
    height: 45px;
    display: block;
}
/*content*/
.content-section {
    padding: 80px 0;
    border-bottom: 1px solid #cacaca;
}
#baumeister {
    border-top: 1px solid #cacaca;
}
.file_list li {
    list-style: none;
}
.file_list strong {
    text-transform: uppercase;
    font-weight: 300;
    color: #1a1a18;
}
.fileName {
    font-size: 20px;
    font-weight: 300;
}
.fileName a {
    color: #706f6f;
    text-decoration: none;
}
.fileName a:hover {
    color: #dd0613;
}

.file_list .two {
    text-align: right;
}
.fileDate {
    font-size: 16px;
    color: #cacaca;
    font-weight: 300;
}
.file_list li:first-child {
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #cacaca;
}
/*news*/
#news.content-section,
.content-section:last-child {
    border: none;
}
.NewsSummary {
    display: flex;
    flex-flow: row wrap;
}
.NewsPicture {
    line-height: 1;
}
.NewsPicture img {
    max-width: 100%;
}
.content-summary {
    position: relative;
}
.NewsSummaryLink {
    border-bottom: 1px solid #706f6f;
    padding-bottom: 25px;
    margin-bottom: 35px;
    text-transform: none;
}
.NewsSummaryLink a {
    color: #1a1a18;
}
.NewsSummaryLink a:hover {
    color: #dd0613;
    text-decoration: none;
}
.NewsSummaryMorelink {
    width: 100%;
    position: absolute;
    bottom: 0;
}
.NewsSummaryMorelink .button {
    width: 100%;
}

.next {
    float: right;
    text-align: right;
}
.between {
    margin: 0 15px;
}
.pagination {
    margin-top: 0;
}
.pagination p {
    margin-bottom: 0;
}
.pagination a {
    text-decoration: none;
    color: #706f6f;
    font-size: 40px;
    line-height: 1;
    transition: color .5s ease;
    vertical-align: middle;
    font-weight: 100;
}
.pagination a:hover {
    color: #dd0613;
}
.pagination .first-last a {
    line-height: 0;
}
.newsdetail  .NewsPicture {
    text-align: center;
    margin-bottom: 45px;
}
.news-pic {
    max-width: 50%;
    margin: 0 0 25px 25px;

}
.detail-button {
    text-align: right;
    margin-top: 45px;
}
/*footer*/
#footer-container {
    background-color: #ededed;
    padding: 50px 0;
    margin-top: 50px;
}
#footer-container a {
    color: #706f6f;
    text-decoration: none;
    transition: color .5s ease;
}
#footer-container a:hover {
    color: #dd0613;
}
.footer-more-info {
    margin-top: 10px;
    padding-top: 20px;
    border-top: 1px solid #cacaca;
    text-align: center;
    word-break: break-word;
}
.footer-more-info p:last-child {
    margin-bottom: 0;
}
#footer-container .container {
    position: relative;
}
.abau-footer {
    background-image: url("/uploads/images/icons/abau-footer.svg");
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top:0;
    background-repeat: no-repeat;
    z-index: 0;
    opacity: 0.5;
}
#footer-container .row {
    position: relative;
    z-index: 1;
}
.fb-icon {
    display: inline-block;
    margin-top: 20px;
}
.fb-icon:before {
    background-image: url("/uploads/images/icons/fb-icon.svg");
    background-size: contain;
    display: inline-block;
    width: 25px;
    height: 25px;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}
/*search*/
input.search-input {
    width: 80%;
    border: none;
    border-radius: 0;
    background-color: #cacaca;
    margin-bottom: 15px;
}
input.search-button {
    background: #706f6f;
    color: #ffffff;
    border: none;
    padding: 10px 30px;
}
/*formulare*/
.cms_form {
    margin: 0;
}
.contactfield {
    margin-bottom: 15px;
}
.contactfield label {
    font-weight: 300;
    text-transform: uppercase;
}
.contactfield input, 
.contactfield textarea {
    width: 100%;
     font-weight: 300;
     border: none;
     border-radius: 0px;
     background-color: #ededed;
}
.contactfield textarea {
    height: 250px;
}
input.cms_submit {
    width: 100%;
    box-sizing: border-box;
    background-color: #706f6f;
    color: #ffffff;
    margin: 0;
}
.not-visible {
    display: none;
}
/*wohnträume*/
.wohntraum-item .six {
    width: 50%;
    margin-left: 0;
}
.wohntraum-item.six {
    display: flex;
    flex-flow: row wrap;
    background-color: #706f6f;
    text-align: center;
    margin: 0 1% 15px;
}
.wohntraum-heading {
    font-size: 28px;
}
.referenzen .wohntraum-item {
    display: none;
}
.refbutton {
    text-align: center;
    margin-top: 40px;
}
#wohntraeume .wohntraum-pic  {
    position: relative;
    height: 280px;
    overflow: hidden;
}
#wohntraeume .wohntraum-pic img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: auto;
    width: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.wohntraum-detail .wohntraum-pic {
    position: relative;
    overflow: hidden;
}
.wohntraum-detail .wohntraum-pic img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: auto;
    width: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.wohntraum-heading {
    word-break: break-word;
}
#wohntraeume .landscape,
.wohntraum-detail .landscape {
    max-height: 100%;
}
#wohntraeume .portrait,
.wohntraum-detail .portrait{
    max-width: 100%;
    max-height: none;
}
.subseite #wohntraeume {
    padding-top: 0;
}
.wohntraum-text {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    padding: 15px;
}

.wohntraum-item.six:nth-child(4n+2), .wohntraum-item.six:nth-child(4n+3) {
    background: #ededed;
}
.wohntraum-item.six:nth-child(4n+4), .wohntraum-item.six:nth-child(4n+5) {
    background: #706f6f;
}
.wohntraum-item.six:nth-child(4n+4) h3, .wohntraum-item.six:nth-child(4n+5) h3,
.wohntraum-item.six:first-child h3, .wohntraum-item.six:nth-child(4n+4) a, .wohntraum-item.six:nth-child(4n+5) a,
.wohntraum-item.six:first-child a {
    color: #ffffff;
}

.wohntraum-einteilung {
    color: #706f6f;
    text-transform: none;
    font-size: 35px;
}
.wohntraum-baumeister {
    font-weight: 100;
    font-size: 25px;
    color: #dd0613;
}
.wohntraum-description h2 {
    margin-bottom: 0;
}
.wohntraum-section {
    margin-bottom: 50px;
}
.wohntraum-back {
    text-align: right;
}
.wohntraum-detail h1 {
    margin-bottom: 65px;
}
.baumeister-contact i {
    width: 30px;
    margin-left: -40px;
    margin-right: 10px;
    text-align: center;
    display: inline-block;
}
.tel:before {
    background-image: url("/uploads/images/icons/phone.svg");
    background-size: contain;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}
.place:before {
    background-image: url("/uploads/images/icons/pin.svg");
    background-size: contain;
    display: inline-block;
    width: 20px;
    height: 25px;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}
.mail:before {
    background-image: url("/uploads/images/icons/mail.svg");
    background-size: contain;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}
.website:before {
    background-image: url("/uploads/images/icons/web.svg");
    background-size: contain;
    display: inline-block;
    width: 30px;
    height: 20px;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}
.wohntraum-container {
    display: flex;
    flex-flow: row wrap;
}
.wohntraum-section .row {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}
.wohntraum-button {
    text-align: center;
    margin-top: 40px;
}
/*filter wohträume*/
#filter-container {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 30px;
}
#filter-container a {
    padding: 10px 20px;
    border: 1px solid;
    color: #706f6f;
    display: inline-block;
    text-transform: uppercase;
    margin-right: 1%;
    margin-bottom: 1%;
    text-decoration: none;
    transition: all .5s ease;
    font-weight: 300;
}
#filter-container a:hover,
#filter-container a.active {
    color: #ffffff;
    background-color: #dd0613;
    border-color: #dd0613;
}
.filter-item.six.hide {
    display: none;
    visibility: hidden;
}
@keyframes zoom-in {
  0% {
   transform: scale(.1);
  }
  100% {
    transform: none;
  }
}

.is-animated {
  animation: .6s zoom-in;
}
/*baumeister*/
#baumeisteruebersicht {
    display: flex;
    flex-flow: row wrap;
    width: 102%;
    margin-left: -1%;
}
.subseite #baumeister {
    border: none;
    padding-top: 0;
}
.Gewerk {
    display: flex;
    flex-flow: row wrap;
}
.lisebaumeister_filter {
    margin-bottom: 40px;
}
.lisebaumeister_filter label {
    text-transform: uppercase;
    font-weight: 300;
    padding-left: 30px;
}
.baumeister-item,
.baumeister-item:first-child {
    background: #ededed;
    padding: 2%;
    font-weight: 300;
    position: relative;
    margin: 0 1% 65px;
}

.baumeister-item h3 {
    border-bottom: 1px solid #706f6f;
    padding-bottom: 20px;
    text-align: center;
    text-transform: none;
}
.baumeister-item a,
.baumeister-contact a{
    color: #706f6f;
    text-decoration: none;
}

.baumeister-item .button {
    padding: 10px 30px;
    position: absolute;
    right: 0;
    bottom: -20px;
    color: #ffffff;
    background-color: #dd0613;
    border-color: #dd0613;
}
.baumeister-item .button:hover {
    background-color: #ffffff;
}
.baumeister-item a:hover,
.baumeister-contact a:hover {
    color: #dd0613;
}
.baumeister-contact p {
    margin-bottom: 15px;
    padding-left: 40px;
}
.content-video {
    position: relative;
}
.ytp-large-play-button,
.ytp-large-play-button:hover {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 150px;
    top: 30%;
    background: none;
    border: none;
}
.baumeister-contact {
    font-weight: 300;
}
.baumeister-section {
    margin: 0 0 100px;
    float: left;
    width: 100%;
}
.baumeister-gallery {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}
.wohntraeume-uebersicht {
    border-top: 1px solid #706f6f;
    padding: 80px 0px;
    margin: 0;
}
.baumeister-detailansicht h1 {
    margin-bottom: 100px;
}
#locationSelect {
    max-width: 100%;
    height: 650px;
    overflow-x: auto;
}

.baumeister-name {
    margin-bottom: 0;
}
#locationSelect div {
    background: #ededed;
    padding: 15px 10px;
}
#locationSelect div:nth-child(odd) {
    background: #ffffff;
}
#locationSelect div:first-child {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #1a1a18;
    font-weight: 100;
    padding-bottom: 5px;
    border-bottom: 1px solid #ededed;
}
#markerWindow {
    padding: 5% 0 0;
    font-size: 14px;
}
#markerWindow h4 {
    color: #dd0613;
    margin-bottom: 5px;
    font-size: 18px;
}

#maps #map {
    height: 650px;
    /*width: 100%;*/
    /*margin-top: 50px;*/
    float: left;
}
#map {
    height: 100%;
}
.map-erg {
    margin-top: 50px;
}
.pos-auswahl * {
    display: inline-block;
    vertical-align: middle;
}
.gm-style img {
    max-height: none;
}
#addressInput {
    width: 30%;
    margin-right: 1%;
}
#radiusSelect {
    margin-right: 1%;
}
.no-result-message {
    font-size: 20px;
    font-weight: 300;
}
.no-result-message span {
    font-weight: 400;
    color: #dd0613;
}
.pos-auswahl input[type="button"] {
    color: #dd0613;
    width: 15%;
}
.baumeister-form {
    display: flex;
    flex-flow: row wrap;
    border-top: 1px solid #706f6f;
    padding-top: 100px;
    margin-top: 0;
}
.baumeister-logo img {
    width: 60%;
    display: inline-block;
}
.baumeister-logo {
    text-align: center;
}
.more-info.button {
    padding: 5px 10px;
    font-size: 14px;
    text-transform: none;
    color: #dd0613;
}
.more-info.button:hover {
    color: #ffffff;
    border-color: #dd0613;
}
.gm-style .gm-style-iw {
    padding: 15px 0;
    box-sizing: border-box;
    font-size: 14px;
}
.unA {
    font-size: 18px;
    display: block;
    margin-bottom: 10px;
}
.unInfo {
    margin-bottom: 15px;
}
.pos-auswahl option {
    display: block;
}
/*filter baumeister*/
.checks:nth-child(3n+1) {
    margin-left: 0;
}
/*checkbox styling*/
/* remove standard-styles */
input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 1em;
  /*width: 100%*/
} 

/* graceful degradation for ie8 */
input[type='checkbox'],
input[type='radio'] {
  width:auto;
  float:left;
  margin-right: .75em;
  background:transparent;
  border:none;
}

input[type='checkbox']:checked,
input[type='checkbox']:not(:checked),
input[type='radio']:checked,
input[type='radio']:not(:checked) {
  background: transparent;
  position: relative;
  visibility: hidden;
  margin:0;
  padding:0;
}

input[type='checkbox'] + label,
input[type='radio'] + label {
  cursor: pointer;
}
input[type='checkbox']:checked + label::before,
input[type='checkbox']:not(:checked) + label::before,
input[type='radio']:checked + label::before,
input[type='radio']:not(:checked) + label::before {
    content:' ';
    display:inline-block;
    width: 17px;
    height:17px;
    margin-left: -30px;
    margin-right: 10px;
    position: relative;
    top:4px;
    border: 1px solid #bbb;
    background: white;
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);
}

input[type=radio]:checked + label::before,
input[type=radio]:not(:checked) + label::before {
  border-radius: 30px;
}

input[type='checkbox']:hover  + label::before,
input[type='radio']:hover  + label::before {
  background:#ddd;
  box-shadow: inset 0 0 0 2px white;
}

input[type='checkbox']:checked  + label::before,
input[type='radio']:checked  + label::before {
  background:black;
  box-shadow: inset 0 0 0 2px white;
}
.mobile-logo {
    display: none;
}