/* Intro T1 ________________________________________________________ */
@media all {
.Intro.T1 { position: relative; display: block; width: 100%; }
.Intro.T1 .innerIntro { }
.Intro.T1 .headline { }
.Intro.T1 .subheadline { margin-top: 10px; max-width: 860px; }
.Intro.T1 .introduction { margin-top: 8px; max-width: 860px; }
.Intro.T1 .introduction p + p { margin-top: 20px; }
.Intro.T1 .content { margin-top: 8px; max-width: 860px; font-size: 16px; line-height: 24px; }
}
/* List T1 _________________________________________________________ */
@media all {
.List.T1 { position: relative; padding-top: 35px; }
.List.T1 .innerList { display: block; }
.List.T1 .innerList .grid-sizer { width: 48.5%; }
.List.T1 .innerList .gutter-sizer { width: 3%; }
.List.T1 .innerList .element { width: 48.5%; overflow: hidden; position: relative; }
.List.T1 .innerList .element[onclick] { cursor: pointer; }
.List.T1 .innerList .element + .element { margin-top: 3%; }
.List.T1 .innerList .element:first-of-type,
.List.T1 .innerList .element.big { width: 100%; }
.List.T1 .innerList .element .picture { display: block; }
.List.T1 .innerList .element .picture img { display: block; max-width: 100%; height: auto; }
.List.T1 .innerList .element .text { position: absolute; left: 0px; bottom: 0px; width: 100%; text-align: right; box-sizing: border-box; overflow: hidden; }
.List.T1 .innerList .element .text .innerText { padding: 5px 10px; transform: translateY(100%); transition: all 350ms ease-in-out 0ms; background-color: rgba(255, 255, 255, 0.75); }
.List.T1 .innerList .element .text .innerText .title a { cursor: initial; }
.List.T1 .innerList .element .text .innerText .title a[href] { cursor: pointer; }
.List.T1 .innerList .element:hover .text .innerText { transform: translateY(0%); }
}
@media (max-width: 1300px) {
.List.T1 .innerList .element .text .innerText { transform: translateY(100%); }
}
@media (max-width: 1024px) {
.List.T1 .innerList .element .text { position: static; text-align: left; }
.List.T1 .innerList .element .text .innerText { transform: translateY(0%); display: -webkit-flex; display: flex; padding-left: 0px; align-items: baseline; }
.List.T1 .innerList .element .text .innerText .title { margin-right: 7px; }
.List.T1 .innerList .element .text .innerText .subheadline { font-size: 14px; }
.List.T1 .mobielfilters { margin-bottom: 20px; }
.List.T1 .mobielfilters a { }
.List.T1 .mobielfilters .active a { font-weight: normal; color: #444444; }
}
@media (min-width: 1024px) {
.List.T1 .mobielfilters { display: none; }
}
@media (max-width: 550px) {
.List.T1 { padding-top: 25px; }
.List.T1 .innerList .element { width: 100%; }
}
/* Detail T1 _________________________________________________________ */
@media all {
.Detail.T1 { position: relative; padding-top: 35px; }
.Detail.T1 .innerDetail { display: flex; flex-wrap: wrap; justify-content: space-between; }
.Detail.T1 .innerDetail .picture { width: 100%; display: block; }
.Detail.T1 .innerDetail .picture[data-src] { cursor: pointer; overflow: hidden; }
.Detail.T1 .innerDetail .picture + .picture { margin-top: 3%; }
.Detail.T1 .innerDetail .picture img { max-width: 100%; height: auto; }
.Detail.T1 .innerDetail .picture[data-src]:hover img { }
.Detail.T1 .backlink { margin-top: 3%; }
}
@media (max-width: 550px) {
.Detail.T1 { padding-top: 25px; }
}
/* ByCode T1 _________________________________________________________ */
@media all {
.ByCode.T1 { position: relative; padding-top: 35px; }
.ByCode.T1 .innerByCode .picture img { max-width: 100%; }
.ByCode.T1 .innerByCode .text { padding-top: 35px; max-width: 600px; }
.ByCode.T1 .innerByCode .text blockquote,
.ByCode.T1 .innerByCode .text blockquote p { width: 100%; display: -webkit-flex; display: flex; align-items: flex-start; }
.ByCode.T1 .innerByCode .text blockquote + blockquote { padding-top: 20px; }
.ByCode.T1 .innerByCode .text blockquote strong { width: 10%; min-width: 120px; text-align: right; margin-right: 40px; font-weight: bold; color: #6C6C6C; }
}
@media (max-width: 768px) {
.ByCode.T1 .innerByCode .text blockquote strong { margin-right: 20px; min-width: 90px; }
}
@media (max-width: 550px) {
.ByCode.T1 { padding-top: 25px; }
.ByCode.T1 .innerByCode .text { padding-top: 25px; }
}
/* Map T1 ____________________________________________________________ */
@media all {
.Map.T1 { position: relative; margin-top: 50px; }
.Map.T1 .innerMap { display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; color: #444444; }
.Map.T1 .innerMap .headline { color: #444444; margin-bottom: 15px; }
.Map.T1 .innerMap .address { width: 25%; }
.Map.T1 .innerMap .address p { margin-bottom: 13px; }
.Map.T1 .innerMap .map { min-height: 480px; width: 72%; }
}
@media (max-width: 1300px) {
.Map.T1 { margin-top: 35px; }
.Map.T1 .innerMap .address { width: 100%; order: 1; }
.Map.T1 .innerMap .map { width: 100%; order: 2; margin-top: 25px; }
}
@media (max-width: 1023px) {
.Map.T1 .innerMap .address { width: 25%; }
.Map.T1 .innerMap .map { width: 72%; margin-top: 0px; }
}
@media (max-width: 800px) {
.Map.T1 .innerMap .address { width: 100%; order: 1; }
.Map.T1 .innerMap .map { min-height: 380px; width: 100%; order: 2; margin-top: 25px; }
}
@media (max-width: 550px) {
.Map.T1 { margin-top: 25px; }
}
/* Contact T1 ____________________________________________________________ */
@media all {
.Contact.T1 { position: relative; margin-top: 10%; }
.Contact.T1 .innerContact .intro { width: 100%;}
.Contact.T1 .innerContact { display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; }
.Contact.T1 .innerContact .headline { color: #444444; }
.Contact.T1 .innerContact .introduction { margin-top: 5px; }
.Contact.T1 .innerContact .formular { margin-top: 30px; color: #444444; }
.Contact.T1 .planso-form-builder .container-fluid { padding: 0px; }
.Contact.T1 .planso-form-builder .form-control { height: 48px; border: 1px solid #EEEEEE; padding-left: 15px; padding-right: 15px; }
.Contact.T1 .planso-form-builder .col-md-4:first-child { width: auto; padding-right: 0px; }
.Contact.T1 .planso-form-builder .col-md-4:nth-child(3) { float: right; }
.Contact.T1 .planso-form-builder .row + .row { margin-top: 30px; }
.Contact.T1 .planso-form-builder div[style] + .row,
.Contact.T1 .planso-form-builder div[style] + .row + .row { max-width: 960px; }
.Contact.T1 .planso-form-builder div.row textarea { height: 150px; }
.Contact.T1 .planso-form-builder .bg-danger { border: 1px solid rgba(221, 153, 0, 0.2); color: #DD9900; margin: 0px 0px 20px 0px; max-width: 930px; box-sizing: border-box; }
.Contact.T1 .planso-form-builder .bg-success { border: 1px solid rgba(51, 153, 51, 0.2); color: #339933; margin: 0px 0px 20px 0px; max-width: 930px; box-sizing: border-box; }
.Contact.T1 .planso-form-builder label input { margin-right: 5px; }
.Contact.T1 .planso-form-builder .senden { float: right; background-color: #6C6C6C; color: #FFFFFF; border: 0px; padding: 5px 20px; }
}
@media (max-width: 991px) {
.Contact.T1 .planso-form-builder .row + .row { margin-top: 30px; }
.Contact.T1 .planso-form-builder .col-md-6 + .col-md-6 { margin-top: 30px; }
.Contact.T1 .planso-form-builder .senden { margin-top: 15px; }
}