/* 004 (001) - 03.03.2023 */
html { /* wichtig für Sticky Footer */
position: relative;
min-height: 100%;
}
body {
margin: 0 0 290px 0; /* sticky footer height */
line-height: 1.6em;
font-family: 'opensans', sans-serif;
font-weight: normal;
}
/* --------- ANCHOR
================================================== */
/* ------- damit Anchor-Link nicht unter Sticky-Nav liegt -------*/
a[id*="Anchor-"],
a[id*="ID"],
.anchor {
display: block;
position: relative;
top: 0;
}
@media (max-width: 767px) {
a[id*="Anchor-"],
a[id*="ID"],
.anchor {
top: 30px;
}
}
/* --------- end ANCHOR -------- */
/* --------- KARUSELL
================================================== */
.carousel-wrapper {
z-index: 0;
padding: 0;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
}
.carousel-wrapper .container {
margin-top: 0;
margin-bottom: 0
}
.carousel-wrapper .container-fluid {
margin-top: 0;
margin-bottom: 0;
}
@media (max-width: 767px) {
.carousel-wrapper {
margin-top: 0;
margin-bottom: 0;
}
.carousel-wrapper .container-fluid {
margin-top: 0;
margin-bottom: 0;
}
.carousel-wrapper .container {
margin-top: 0;
margin-bottom: 0;
margin-left: -15px;
margin-right: -15px
}
}
.carousel .item img,
.carousel .item a img {
margin-left: auto;
margin-right: auto;
position: relative;
/*
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
*/
}
.carousel .item {
text-align: center
}
.carousel .item a img {
display: inline-block;
}
.carousel .item a.btn {
z-index: 10000
}
.carousel-indicators {
}
@media (max-width: 767px) {
.carousel-indicators {
display: none
}
}
.carousel-control {
z-index: 0;
width: 12%;
}
.carousel-caption {
bottom: 0;
right: 0;
left: 0;
text-align: left;
padding: 0;
margin: 0;
margin-right: auto;
margin-left: auto;
z-index: 1000;
}
.container-fluid .carousel-caption {
width: 1140px;
}
@media (min-width: 768px) {
.container-fluid .carousel-caption {
width: 720px;
}
}
@media (min-width: 992px) {
.container-fluid .carousel-caption {
width: 940px;
}
}
@media (min-width: 1200px) {
.container-fluid .carousel-caption {
width: 1140px;
}
}
@media (max-width: 1400px) {
.carousel-caption {
font-size: 80%;
}
.container-fluid .carousel-caption {
font-size: 90%;
}
}
@media (max-width: 992px) {
.carousel-caption {
font-size: 70%;
}
.container-fluid .carousel-caption {
font-size: 80%;
}
}
@media (max-width: 767px) {
.carousel-caption,
.container-fluid .carousel-caption {
font-size: 70%;
width: 94%;
margin-left: 3%;
margin-right: 3%;
text-align: center;
bottom: 0
}
}
@media (max-width: 600px) {
.carousel-caption,
.container-fluid .carousel-caption {
font-size: 60%;
}
}
@media (max-width: 480px) {
.carousel-caption,
.container-fluid .carousel-caption {
font-size: 50%;
}
}
@media (max-width: 300px) {
.carousel-caption,
.container-fluid .carousel-caption {
display: none
}
}
.carousel-caption a,
.carousel-caption a h1,
.carousel-caption a span,
.carousel-caption h1 a,
.carousel-caption span a,
.carousel-caption a h1.h1_100,
.carousel-caption a span.text_100,
.carousel-caption h1.h1_100 a,
.carousel-caption span.text_100 a {
color: #fff !important;
text-decoration: none;
}
.carousel-caption a:hover,
.carousel-caption a:hover h1,
.carousel-caption a:hover span,
.carousel-caption h1 a:hover,
.carousel-caption span a:hover,
.carousel-caption a:hover h1.h1_100,
.carousel-caption a:hover span.text_100,
.carousel-caption h1.h1_100 a:hover,
.carousel-caption span.text_100 a:hover {
color: #ddd !important;
text-decoration: none;
}
.carousel-caption h1 {
margin: 0;
padding: 0;
width: auto;
float: left;
line-height: 1.1em !important;
}
.carousel-caption h1.h1_100 {
width: 90%;
max-width: 90%;
margin: 0
}
@media (max-width: 767px) {
.carousel-caption h1,
.carousel-caption h1.h1_100 {
text-align: center !important;
min-height: auto!important;
width: auto !important;
position: relative !important;
display: inline-block;
float: none !important;
width: 100% !important;
max-width: 100% !important;
line-height: 1.05em !important;
margin: 0 !important;
}
}
.carousel-caption span {
margin: 0;
padding: 0;
width: auto;
float: left;
}
.carousel-caption span.text_100 {
width: 90%;
max-width: 90%;
margin: 0
}
@media (max-width: 767px) {
.carousel-caption span,
.carousel-caption span.text_100 {
clear: both !important;
text-align: center !important;
min-height: auto!important;
width: auto !important;
position: relative !important;
margin-left: auto;
margin-right: auto;
position: relative;
display: block !important;
float: none !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important
}
.carousel-caption span.text_100 {
display: inline-block;
}
}
@media (max-width: 480px) {
.carousel-caption span,
.carousel-caption span.text_100 {
display: none !important;
}
}
.carousel-caption .btn {
margin-top: .5em !important;
margin-bottom: 0;
margin-right: .7em !important;
}
.container-fluid .carousel-caption .btn {
margin-top: .7em;
margin-bottom: .5em
}
.carousel-caption .btn i {
margin-right: .3em
}
.carousel-caption .btn:hover {
color: #fff
}
@media (max-width: 1400px) {
.carousel-caption .btn {
margin-top: .3em;
}
.container-fluid .carousel-caption .btn {
margin-top: .5em;
}
}
@media (max-width: 992px) {
.carousel-caption .btn {
margin-top: .1em;
}
.container-fluid .carousel-caption .btn {
margin-top: .25em;
margin-bottom: .2em
}
}
@media (max-width: 767px) {
.carousel-caption .btn {
display: none
}
}
/* --------- end KARUSELL -------- */
/* --------- KARUSSELL - TYPEN
================================================== */
.carousel-wrapper.carousel-size {
margin: 0;
padding: 0;
background: none;
margin-top: .4em;
margin-bottom: .7em;
float: left;
margin-right: 1.5em
}
.carousel-wrapper.carousel-size .container,
.carousel-wrapper.carousel-size .container-fluid,
.carousel-wrapper.carousel-size .carousel .item {
margin: 0;
padding: 0;
}
.carousel-wrapper.carousel-size .carousel .item img,
.carousel-wrapper.carousel-size .carousel .item a img {
top: 0;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.carousel-wrapper.carousel-size .carousel-caption,
.carousel-wrapper.carousel-size .container-fluid .carousel-caption {
width: 90% !important;
bottom: 35px !important;
left: 5% !important;
right: 5% !important;
padding: 0 !important
}
.carousel-wrapper.carousel-size .carousel-caption h1,
.carousel-wrapper.carousel-size .carousel-caption h1.h1_100,
.carousel-wrapper.carousel-size .carousel-caption span,
.carousel-wrapper.carousel-size .carousel-caption span.text_100 {
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
padding: .3em 3% !important;
margin: 0 !important;
line-height: 1.2em !important
}
.carousel-wrapper.carousel-size .carousel-indicators {
bottom: 0 !important;
right: 5% !important;
top: auto !important;
height: auto !important;
}
.carousel-wrapper.carousel-size .carousel-control {
display: none
}
.carousel-wrapper.carousel-size .carousel-caption .btn {
display: block !important;
margin: 0 !important;
width: 100% !important;
margin: .4em 0 0 0 !important;
clear: both !important;
float: left;
color: #fff !important
}
@media (max-width: 1400px) {
.carousel-wrapper.carousel-size .container .carousel-caption,
.carousel-wrapper.carousel-size .container-fluid .carousel-caption {
font-size: 60%;
}
}
@media (min-width: 992px) {
.carousel-wrapper.carousel-size .container .carousel-caption,
.carousel-wrapper.carousel-size .container-fluid .carousel-caption {
font-size: 60%;
}
}
@media (max-width: 767px) {
.carousel-wrapper.carousel-size .container .carousel-caption,
.carousel-wrapper.carousel-size .container-fluid .carousel-caption {
font-size: 50%;
bottom: 10px !important
}
}
@media (max-width: 600px) {
.carousel-wrapper.carousel-size .container .carousel-caption,
.carousel-wrapper.carousel-size .container-fluid .carousel-caption {
font-size: 50%;
}
}
@media (max-width: 480px) {
.carousel-wrapper.carousel-size .container .carousel-caption,
.carousel-wrapper.carousel-size .container-fluid .carousel-caption {
font-size: 50%;
}
}
@media (max-width: 300px) {
.carousel-wrapper.carousel-size .container .carousel-caption,
.carousel-wrapper.carousel-size .container-fluid .carousel-caption {
display: none
}
}
/* --------- KARUSSELL - rechts
================================================== */
.carousel-wrapper.carousel-right {
float: right;
margin-left: 1.5em
}
/* --------- KARUSSELL - TYP 2
================================================== */
.carousel-wrapper.carousel-typ2,
.carousel-wrapper.carousel-typ2 .container,
.carousel-wrapper.carousel-typ2 .container-fluid,
.carousel-wrapper.carousel-typ2 .carousel .item,
.carousel-wrapper.carousel-typ2 .carousel .item img {
width: 350px;
height: 495px;
}
@media (max-width: 992px) {
.carousel-wrapper.carousel-typ2,
.carousel-wrapper.carousel-typ2 .container,
.carousel-wrapper.carousel-typ2 .container-fluid,
.carousel-wrapper.carousel-typ2 .carousel .item,
.carousel-wrapper.carousel-typ2 .carousel .item img {
width: 250px;
height: 354px;
}
}
@media (max-width: 480px) {
.carousel-wrapper.carousel-typ2,
.carousel-wrapper.carousel-typ2 .container,
.carousel-wrapper.carousel-typ2 .container-fluid,
.carousel-wrapper.carousel-typ2 .carousel .item,
.carousel-wrapper.carousel-typ2 .carousel .item img {
width: 200px;
height: 283px;
}
}
@media (max-width: 330px) {
.carousel-wrapper.carousel-typ2,
.carousel-wrapper.carousel-typ2 .container,
.carousel-wrapper.carousel-typ2 .container-fluid,
.carousel-wrapper.carousel-typ2 .carousel .item,
.carousel-wrapper.carousel-typ2 .carousel .item img {
width: 150px;
height: 212px;
}
}
/* --------- KARUSSELL - TYP 3
================================================== */
.carousel-wrapper.carousel-typ3,
.carousel-wrapper.carousel-typ3 .container,
.carousel-wrapper.carousel-typ3 .container-fluid,
.carousel-wrapper.carousel-typ3 .carousel .item,
.carousel-wrapper.carousel-typ3 .carousel .item img {
width: 495px;
height: 350px;
}
@media (max-width: 992px) {
.carousel-wrapper.carousel-typ3,
.carousel-wrapper.carousel-typ3 .container,
.carousel-wrapper.carousel-typ3 .container-fluid,
.carousel-wrapper.carousel-typ3 .carousel .item,
.carousel-wrapper.carousel-typ3 .carousel .item img {
width: 354px;
height: 250px;
}
}
@media (max-width: 480px) {
.carousel-wrapper.carousel-typ3,
.carousel-wrapper.carousel-typ3 .container,
.carousel-wrapper.carousel-typ3 .container-fluid,
.carousel-wrapper.carousel-typ3 .carousel .item,
.carousel-wrapper.carousel-typ3 .carousel .item img {
width: 283px;
height: 200px;
}
}
@media (max-width: 330px) {
.carousel-wrapper.carousel-typ3,
.carousel-wrapper.carousel-typ3 .container,
.carousel-wrapper.carousel-typ3 .container-fluid,
.carousel-wrapper.carousel-typ3 .carousel .item,
.carousel-wrapper.carousel-typ3 .carousel .item img {
width: 212px;
height: 150px;
}
}
/* --------- KARUSSELL - TYP 4
================================================== */
.carousel-wrapper.carousel-typ4,
.carousel-wrapper.carousel-typ4 .container,
.carousel-wrapper.carousel-typ4 .container-fluid,
.carousel-wrapper.carousel-typ4 .carousel .item,
.carousel-wrapper.carousel-typ4 .carousel .item img {
width: 300px;
height: 300px;
}
@media (max-width: 992px) {
.carousel-wrapper.carousel-typ4,
.carousel-wrapper.carousel-typ4 .container,
.carousel-wrapper.carousel-typ4 .container-fluid,
.carousel-wrapper.carousel-typ4 .carousel .item,
.carousel-wrapper.carousel-typ4 .carousel .item img {
width: 250px;
height: 250px;
}
}
@media (max-width: 480px) {
.carousel-wrapper.carousel-typ4,
.carousel-wrapper.carousel-typ4 .container,
.carousel-wrapper.carousel-typ4 .container-fluid,
.carousel-wrapper.carousel-typ4 .carousel .item,
.carousel-wrapper.carousel-typ4 .carousel .item img {
width: 200px;
height: 200px;
}
}
@media (max-width: 330px) {
.carousel-wrapper.carousel-typ4,
.carousel-wrapper.carousel-typ4 .container,
.carousel-wrapper.carousel-typ4 .container-fluid,
.carousel-wrapper.carousel-typ4 .carousel .item,
.carousel-wrapper.carousel-typ4 .carousel .item img {
width: 150px;
height: 150px;
}
}
/* --------- end KARUSSELL - TYPEN -------- */
/* --------- ZEILE -------- */
.content .row {
margin-bottom: 1em
}
.row-condensed {
margin-bottom: .4em !important;
}
/* --------- end ZEILE -------- */
/* --------- CONTENT
================================================== */
.container-fluid {
padding: 0
}
.content { /* für Content-Bereich class="container content" */
margin-bottom: 2em;
padding-top: 25px;
}
.content-rechts {
}
@media (max-width: 767px) {
.content { padding-top: 0; margin-top: 1em !important }
.content-rechts { margin-top: 1.5em }
}
.bg-content,
.content.bg-content,
.row .bg-content {
background: #fff;
border-radius: 5px;
box-shadow: .1em .1em .1em rgba(0, 0, 0, 0.2);
margin-top: 0;
padding-top: 25px;
padding-bottom: 3em;
padding-left: 30px;
padding-right: 30px;
margin-bottom: 3em;
}
.content.bg-content {
margin-top: 25px
}
.content .well,
.content .bg-content {
display: inline-block;
width: 100%;
min-width: 100%
}
@media (min-width: 768px) {
.content.bg-content { width: 720px }
}
@media (min-width: 992px) {
.content.bg-content { width: 940px }
}
@media (min-width: 1200px) {
.content.bg-content { width: 1140px }
}
.bg-content.border,
.well.border,
.bildrahmenmitte.border,
.bild-top.border {
float: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-position: 0 0, 0 100%;
background-repeat: no-repeat;
-webkit-background-size: 100% 4px;
-moz-background-size: 100% 4px;
background-size: 100% 4px;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzYWNmZDUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNhNGVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=),url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzYWNmZDUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNhNGVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
background-image: -webkit-linear-gradient(left, #654321 0%, #654321 65%, #ccc 65%, #ccc 100%);
background-image: -moz-linear-gradient(left, #654321 0%, #654321 65%, #ccc 65%, #ccc 100%);
background-image: -o-linear-gradient(left, #654321 0%, #654321 65%, #ccc 65%, #ccc 100%);
background-image: linear-gradient(to right, #654321 0%, #654321 65%, #ccc 65%, #ccc 100%)
}
.bild-top.border {
padding-top: 0
}
@media (max-width: 767px) {
.content.bg-content {
margin-left: 15px;
margin-right: 15px;
padding-left: 15px;
padding-right: 15px;
}
.bg-content.border {
width: auto;
}
}
.bg-content.bg-hausfarbe,
.bg-content.bg-hausfarbe2,
.bg-content.bg-grey,
.bg-content.bg-darkgrey,
.bg-content.bg-transp {
padding-bottom: 2em
}
/* --------- end CONTENT -------- */
/* --------- WELL / THUMBNAIL
================================================== */
.well {
padding-left: 7% !important;
padding-right: 7% !important;
}
.well,
.well-sm {
background: #fff;
box-shadow: .1em .1em .1em rgba(0, 0, 0, 0.2);
border-radius: 5px;
margin-top: 0;
margin-bottom: 2em;
}
.well-sm {
margin-bottom: .8em;
padding-top: .7em;
line-height: 1.3em;
}
.well .img-thumbnail {
padding: 2px
}
.well.border {
margin-top: 0;
padding-top: 19px
}
@media (max-width: 767px) {
.well,
.row .bg-content,
.thumbnail {
margin-top: 1em !important;
margin-bottom: 1.5em !important
}
}
.well.border-left {
border: none;
border-left: 1px dashed #ccc;
box-shadow: none;
border-radius: 0;
padding-top: 0;
padding-bottom: 1em;
margin-top: 1em;
min-height: auto
}
@media (max-width: 767px) {
.well.border-left {
border: none;
padding: 0
}
}
.well.well-leer,
.thumbnail.thumbnail-leer {
padding-top: 1px;
padding-bottom: 0;
padding: 0;
background: none;
box-shadow: none;
border: none;
border-color: rgba(255, 255, 255, 0);
}
.well.well-leer .well-sm {
margin-left: -19px;
margin-right: -19px;
}
.thumbnail.thumbnail-leer .well-sm {
margin-left: -4px;
margin-right: -4px;
}
.well.well-leer:hover,
.well.well-leer .well-sm:hover,
.thumbnail.thumbnail-leer:hover,
.thumbnail.thumbnail-leer .well-sm:hover {
background: none;
box-shadow: none;
border: none
}
.thumbnail .caption {
padding-top: 19px
}
/* --------- end WELL / THUMBNAIL -------- */
/* --------- EQUALHEIGHT --------
Problem: ab 768px: Spalten nicht mehr gleich lang
================================================== */
@media (min-width: 768px) {
.equalheight {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 3em !important
}
.equalheight > [class*="col-"] {
padding-top: 15px;
padding-bottom: 15px;
padding-top: 0;
padding-bottom: 0;
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
background-clip: border-box;
}
.equalheight > [class*="col-"] .well,
.equalheight > [class*="col-"] .well-sm,
.equalheight > [class*="col-"] .bg-content {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
}
/*
@media (max-width: 767px) {
.equalheight {
margin-bottom: 3em !important
}
.equalheight > [class*="col-sm-"]{
flex: none;
width: 100%;
flex: inherit;
flex: initial;
flex: unset;
}
}
*/
.bg-content .equalheight {
margin-top: 3em;
margin-bottom: 0 !important;
}
.well,
.row .bg-content.shortview,
.row.shortview .bg-content,
.row.equalheight .bg-content {
padding: 15px !important;
padding-top: 20px !important;
padding-bottom: 25px !important;
}
.row .bg-content.shortview,
.row.shortview .bg-content,
.row.equalheight .bg-content {
margin-left: 0 !important;
margin-right: 0 !important
}
.row .col-sm-4 .bg-content {
margin-left: 0 !important;
margin-right: 0 !important
}
.row > [class*="col-xs-"] .bg-content.shortview {
margin-top: 0 !important;
}
@media (max-width: 767px) {
.well.shortview {
margin-top: 0 !important
}
.row > [class*="col-xs-"] .bg-content {
margin-left: 0 !important
}
}
/* --------- end EQUALHEIGHT -------- */
/* --------- BILD-TOP / HEADER --------
================================================== */
.bild-top{
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-top: 0 !important;
margin-bottom: 2.5em !important;
}
.row .bild-top {
min-width: calc(100% + 32px) !important;
margin-left: -16px !important;
margin-right: -16px !important;
margin-top: -21px !important;
margin-bottom: 20px !important;
}
.row .col-xs-8 .bild-top,
.row .col-sm-8 .bild-top,
.row .col-xs-7 .bg-content .bild-top,
.row .col-sm-7 .bg-content .bild-top
.row .col-xs-6 .bg-content .bild-top,
.row .col-sm-6 .bg-content .bild-top {
width: calc(100% + 60px) !important;
margin-top: -25px !important;
margin-left: -30px !important;
margin-right: -30px !important;
margin-bottom: 1.3em !important;
}
.row [class*="col-"] .row .bild-top{
width: calc(100% + 32px) !important;
margin-top: -21px !important;
margin-left: -16px !important;
margin-right: -16px !important;
}
.gallery-wrapper2.negativ-margin .bild-top {
width: calc(100% + 60px) !important;
min-width: calc(100% + 60px) !important;
}
@media (max-width: 767px) {
.bild-top {
width: calc(100% + 60px) !important;
margin-left: -30px !important;
margin-right: -30px !important;
}
}
.content-header {
padding: 0;
margin: 0;
margin-bottom: 2.5em
}
.row .content-header {
padding: 0;
margin-top: -25px !important;
margin-left: -30px !important;
margin-right: -30px !important;
}
.content-header .bildrahmenmitte-wrapper {
padding: 0;
margin: 0;
}
.content-header .bildrahmenmitte {
border: none;
border-radius: 0;
width: 100%;
padding: 0;
margin: 0 !important
}
@media (max-width: 767px) {
.content-header {
margin-left: -15px !important;
margin-right: -15px !important;
}
}
/* --------- end BILD-TOP / HEADER -------- */
/* --------- SHORTVIEW
================================================== */
.shortview {
line-height: 1.3em !important
}
.row.shortview {
padding-top: 0
}
@media (max-width: 767px) {
.row.shortview {
padding-top: 15px
}
}
.shortview h1 {
margin-top: 0;
padding-top: 0;
margin-bottom: .6em;
line-height: 1.2em !important
}
.shortview h2,
.shortview h2 a {
color: #222;
margin: 0 0 .3em 0;
line-height: 1.2em !important;
text-transform: none !important;
font-weight: bold;
}
.shortview h2 a {
color: #222;
}
.shortview h2 a:hover {
color: #000;
border-bottom: 1px dotted #999;
text-decoration: none !important
}
.shortview h4 {
margin: .3em 0 .5em 0;
font-weight: bold;
}
.shortview h5 {
letter-spacing: -.05em;
margin-top: .3em; margin-bottom: .3em;
padding-top: 0; padding-bottom: 0;
color: #777;
font-weight: normal
}
.shortview h6 {
color: #222;
font-weight: normal;
margin: .2em 0
}
.shortview p {
margin-top: .2em;
font-size: 90%;
line-height: 1.2em
}
.shortview hr {
margin: 1em 0 0 0;
padding: 1em 0 0 0
}
.shortview .bildrahmen,
.shortview .bildrahmenrechts,
.shortview .bildrahmenlinks,
.shortview .bildrechts,
.shortview .bildlinks,
.equalheight .bildrahmen,
.equalheight .bildrahmenrechts,
.equalheight .bildrahmenlinks,
.equalheight .bildrechts,
.equalheight .bildlinks {
padding: 1px;
border-radius: 2px;
/* width: 40% */
}
.shortview .bg-darkgrey h1,.shortview .bg-hausfarbe h1,.shortview .bg-hausfarbe2 h1,.shortview .bg-transp h1,
.thumbnail .bg-darkgrey h1,.thumbnail .bg-hausfarbe h1,.thumbnail .bg-hausfarbe2 h1,.thumbnail .bg-transp h1,
.equalheight .bg-darkgrey h1,.equalheight .bg-hausfarbe h1,.equalheight .bg-hausfarbe2 h1,.equalheight .bg-transp h1,
.shortview.bg-darkgrey h1,.shortview.bg-hausfarbe h1,.shortview.bg-hausfarbe2 h1,.shortview.bg-transp h1,
.thumbnail.bg-darkgrey h1,.thumbnail.bg-hausfarbe h1,.thumbnail.bg-hausfarbe2 h1,.thumbnail.bg-transp h1,
.equalheight.bg-darkgrey h1,.equalheight.bg-hausfarbe h1,.equalheight.bg-hausfarbe2 h1,.equalheight.bg-transp h1 {
color: #fff !important
}
/* --------- end SHORTVIEW -------- */
.col-90,
.col-80,
.col-70,
.col-60,
.col-50,
.col-40,
.col-30,
.col-20,
.col-10,
.col-85,
.col-75,
.col-65,
.col-55,
.col-45,
.col-35,
.col-25,
.col-15,
.col-5 {
margin-right: 1%;
float: left;
}
.col-90 { width: 89% }
.col-80 { width: 79% }
.col-70 { width: 69% }
.col-60 { width: 59% }
.col-50 { width: 49% }
.col-40 { width: 39% }
.col-30 { width: 29% }
.col-20 { width: 19% }
.col-10 { width: 9% }
.col-85 { width: 84% }
.col-75 { width: 74% }
.col-65 { width: 64% }
.col-55 { width: 54% }
.col-45 { width: 44% }
.col-35 { width: 34% }
.col-25 { width: 24% }
.col-15 { width: 14% }
.col-5 { width: 4% }
.col-20 {
width: 18% !important;
margin-right: 2.5%;
}
.col-20:last-child {
margin-right: 0
}
.col-left {
width: 130px;
}
@media (max-width: 480px) {
.col-left {
width: 350px;
display: block;
position: relative;
clear: both
}
.col-50 {
width: 100%;
}
}
.col-abstand-right,
.col-abstand-left,
.col-abstand {
float: left;
margin-bottom: .5em
}
.col-abstand-right {
margin-right: 2.2em;
}
.col-abstand-left {
margin-left: 2.2em;
}
@media (max-width: 1200px) {
.col-md-8 .col-abstand-right,
.col-md-8 .col-abstand-left,
.col-md-8 .col-abstand,
.col-md-7 .col-abstand-right,
.col-md-7 .col-abstand-left,
.col-md-7 .col-abstand,
.col-md-6 .col-abstand-right,
.col-md-6 .col-abstand-left,
.col-md-6 .col-abstand,
.col-sm-8 .col-abstand-right,
.col-sm-8 .col-abstand-left,
.col-sm-8 .col-abstand,
.col-sm-7 .col-abstand-right,
.col-sm-7 .col-abstand-left,
.col-sm-7 .col-abstand,
.col-sm-6 .col-abstand-right,
.col-sm-6 .col-abstand-left,
.col-sm-6 .col-abstand,
.col-xs-8 .col-abstand-right,
.col-sm-8 .col-abstand-left,
.col-xs-8 .col-abstand,
.col-xs-7 .col-abstand-right,
.col-xs-7 .col-abstand-left,
.col-xs-7 .col-abstand,
.col-xs-6 .col-abstand-right,
.col-xs-6 .col-abstand-left,
.col-xs-6 .col-abstand {
clear: both;
margin-right: 0;
margin-left: 0;
margin-bottom: 0;
width: 100%
}
}
@media (max-width: 767px) {
.col-abstand-right,
.col-abstand-left,
.col-abstand {
clear: both;
margin-right: 0;
margin-left: 0;
margin-bottom: 0;
width: 100%
}
}
.col-right {
margin-right: 0;
float: right
}
@media (max-width: 767px) {
[class*="col-xxs-"],
[class*="col-xxxs-"] {
float: left;
position: relative;
padding-right: 15px;
padding-left: 15px;
}
.col-xxs-12 {
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.col-xxs-11 {
width: 91.66666667%;
}
.col-xxs-10 {
width: 83.33333333%;
}
.col-xxs-9 {
width: 75%;
}
.col-xxs-8 {
width: 66.66666667%;
}
.col-xxs-7 {
width: 58.33333333%;
}
.col-xxs-6 {
width: 50%;
}
.col-xxs-5 {
width: 41.66666667%;
}
.col-xxs-4 {
width: 33.33333333%;
}
.col-xxs-3 {
width: 25%;
}
.col-xxs-2 {
width: 16.66666667%;
}
.col-xxs-1 {
width: 8.33333333%;
}
.col-xxs-pull-12 {
right: 100%;
}
.col-xxs-pull-11 {
right: 91.66666667%;
}
.col-xxs-pull-10 {
right: 83.33333333%;
}
.col-xxs-pull-9 {
right: 75%;
}
.col-xxs-pull-8 {
right: 66.66666667%;
}
.col-xxs-pull-7 {
right: 58.33333333%;
}
.col-xxs-pull-6 {
right: 50%;
}
.col-xxs-pull-5 {
right: 41.66666667%;
}
.col-xxs-pull-4 {
right: 33.33333333%;
}
.col-xxs-pull-3 {
right: 25%;
}
.col-xxs-pull-2 {
right: 16.66666667%;
}
.col-xxs-pull-1 {
right: 8.33333333%;
}
.col-xxs-pull-0 {
right: auto;
}
.col-xxs-push-12 {
left: 100%;
}
.col-xxs-push-11 {
left: 91.66666667%;
}
.col-xxs-push-10 {
left: 83.33333333%;
}
.col-xxs-push-9 {
left: 75%;
}
.col-xxs-push-8 {
left: 66.66666667%;
}
.col-xxs-push-7 {
left: 58.33333333%;
}
.col-xxs-push-6 {
left: 50%;
}
.col-xxs-push-5 {
left: 41.66666667%;
}
.col-xxs-push-4 {
left: 33.33333333%;
}
.col-xxs-push-3 {
left: 25%;
}
.col-xxs-push-2 {
left: 16.66666667%;
}
.col-xxs-push-1 {
left: 8.33333333%;
}
.col-xxs-push-0 {
left: auto;
}
.col-xxs-offset-12 {
margin-left: 100%;
}
.col-xxs-offset-11 {
margin-left: 91.66666667%;
}
.col-xxs-offset-10 {
margin-left: 83.33333333%;
}
.col-xxs-offset-9 {
margin-left: 75%;
}
.col-xxs-offset-8 {
margin-left: 66.66666667%;
}
.col-xxs-offset-7 {
margin-left: 58.33333333%;
}
.col-xxs-offset-6 {
margin-left: 50%;
}
.col-xxs-offset-5 {
margin-left: 41.66666667%;
}
.col-xxs-offset-4 {
margin-left: 33.33333333%;
}
.col-xxs-offset-3 {
margin-left: 25%;
}
.col-xxs-offset-2 {
margin-left: 16.66666667%;
}
.col-xxs-offset-1 {
margin-left: 8.33333333%;
}
.col-xxs-offset-0 {
margin-left: 0;
}
}
@media (max-width: 580px) {
.col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.col-xxxs-12 {
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.col-xxxs-11 {
width: 91.66666667%;
}
.col-xxxs-10 {
width: 83.33333333%;
}
.col-xxxs-9 {
width: 75%;
}
.col-xxxs-8 {
width: 66.66666667%;
}
.col-xxxs-7 {
width: 58.33333333%;
}
.col-xxxs-6 {
width: 50%;
}
.col-xxxs-5 {
width: 41.66666667%;
}
.col-xxxs-4 {
width: 33.33333333%;
}
.col-xxxs-3 {
width: 25%;
}
.col-xxxs-2 {
width: 16.66666667%;
}
.col-xxxs-1 {
width: 8.33333333%;
}
.col-xxxs-pull-12 {
right: 100%;
}
.col-xxxs-pull-11 {
right: 91.66666667%;
}
.col-xxxs-pull-10 {
right: 83.33333333%;
}
.col-xxxs-pull-9 {
right: 75%;
}
.col-xxxs-pull-8 {
right: 66.66666667%;
}
.col-xxxs-pull-7 {
right: 58.33333333%;
}
.col-xxxs-pull-6 {
right: 50%;
}
.col-xxxs-pull-5 {
right: 41.66666667%;
}
.col-xxxs-pull-4 {
right: 33.33333333%;
}
.col-xxxs-pull-3 {
right: 25%;
}
.col-xxxs-pull-2 {
right: 16.66666667%;
}
.col-xxxs-pull-1 {
right: 8.33333333%;
}
.col-xxxs-pull-0 {
right: auto;
}
.col-xxxs-push-12 {
left: 100%;
}
.col-xxxs-push-11 {
left: 91.66666667%;
}
.col-xxxs-push-10 {
left: 83.33333333%;
}
.col-xxxs-push-9 {
left: 75%;
}
.col-xxxs-push-8 {
left: 66.66666667%;
}
.col-xxxs-push-7 {
left: 58.33333333%;
}
.col-xxxs-push-6 {
left: 50%;
}
.col-xxxs-push-5 {
left: 41.66666667%;
}
.col-xxxs-push-4 {
left: 33.33333333%;
}
.col-xxxs-push-3 {
left: 25%;
}
.col-xxxs-push-2 {
left: 16.66666667%;
}
.col-xxxs-push-1 {
left: 8.33333333%;
}
.col-xxxs-push-0 {
left: auto;
}
.col-xxxs-offset-12 {
margin-left: 100%;
}
.col-xxxs-offset-11 {
margin-left: 91.66666667%;
}
.col-xxxs-offset-10 {
margin-left: 83.33333333%;
}
.col-xxxs-offset-9 {
margin-left: 75%;
}
.col-xxxs-offset-8 {
margin-left: 66.66666667%;
}
.col-xxxs-offset-7 {
margin-left: 58.33333333%;
}
.col-xxxs-offset-6 {
margin-left: 50%;
}
.col-xxxs-offset-5 {
margin-left: 41.66666667%;
}
.col-xxxs-offset-4 {
margin-left: 33.33333333%;
}
.col-xxxs-offset-3 {
margin-left: 25%;
}
.col-xxxs-offset-2 {
margin-left: 16.66666667%;
}
.col-xxxs-offset-1 {
margin-left: 8.33333333%;
}
.col-xxxs-offset-0 {
margin-left: 0;
}
}
@media (max-width: 380px) {
.col-xxxs-1, .col-xxxs-2, .col-xxxs-3, .col-xxxs-4, .col-xxxs-5, .col-xxxs-6, .col-xxxs-7, .col-xxxs-8, .col-xxxs-9, .col-xxxs-10, .col-xxxs-11, .col-xxxs-12 {
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
}
/* --------- end CONTENT -------- */
/* ----- Footer ----------------------------------
================================================== */
.footer-abstand {
height: 2em;
clear: both;
width: 100%;
}
.negativ-footer-abstand {
margin-bottom: -2em
}
.footer {
bottom: 0;
width: 100%;
padding-top: 0;
position: absolute;
height: 290px;
font-size: 85%;
padding-top: 0;
color: #888;
background: #fff;
box-shadow: -.1em -.1em .1em rgba(0, 0, 0, 0.1);
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}
.footer .row { margin-bottom: 1em }
.footer a,
.footer ul li a { color: #888; font-weight: normal !important }
.footer a:hover,
.footer ul li a:hover {color: #000; text-decoration: none}
.footer ul{
list-style: none;
margin-left: 0;
padding-left: 0;
margin-bottom: 0;
}
.footer ul li {
padding: .2em 0;
border-bottom: 1px solid #ddd;
}
.footer ul li a {
display: block;
font-weight: normal !important
}
.footer .icon {
border-bottom: 1px solid #ddd;
padding: .2em 0;
}
.footer h1 {
margin-top: 1.5em;
padding-top: 0;
float: left;
width: 100%
}
.footer .icon {
padding-left: 25px;
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
clear: both;
color: #888;
font-weight: normal;
margin-top: 0
}
.footer .icon a {
color: #888;
font-weight: normal
}
.footer .icon i {
margin-left: -23px;
width: 15px;
background: none;
padding: 0;
border: none;
text-shadow: none;
color: #888;
margin-top: 1px
}
.footer .icon.icon-xl {
padding-top: 0;
}
.footer .icon.icon-xl i {
margin-left: -25px;
width: 15px;
margin-top: 0;
}
/* Footer Menu ----------*/
.footer-menu {
font-size: 80%;
padding: .8em 0;
clear: both;
background: #e9e9e9;
color: #bbb;
border-top: 1px solid #fff;
box-shadow: -1px -1px #ddd;
bottom: 0;
position: absolute;
width: 100%;
}
.footer-menu p { text-align: left; }
.footer-menu ul {list-style-type: none;}
.footer-menu li {float: left; margin-left: 10px;}
.footer-menu a {color: #999;}
.footer-menu a:hover {color: #000; }
.footer-menu .copyright {}
@media (max-width: 767px) {
body {
margin-bottom: 0
}
.footer{
position: relative;
height: auto;
padding-bottom: 1em
}
.footer-menu {
position: relative;
height: auto;
}
}
/* --------- end FOOTER -------- */
/* --------- HEADLINE
================================================== */
h1, h2, h3, h4, h5, h6 {
line-height: 1.3em;
font-weight: bold
}
h1 { font-size: 280%; margin: 0 0 .5em 0; text-transform: uppercase; }
.bg-content h1 { }
.row .bg-content h1 { }
h2 { font-size: 210%; margin: 1.5em 0 .7em 0; color: #654321; }
h3 { font-size: 165%; margin: 2em 0 .5em 0; color: #654321; }
h4 { font-size: 140%; margin: 2em 0 .5em 0; }
h5 { font-size: 110%; margin: 2em 0 .25em 0; line-height: 1.3em }
h6 { font-size: 100%; margin: 2em 0 .25em 0; line-height: 1.3em }
@media (max-width:992px) {
h1 { font-size: 220% }
h2 { font-size: 165%}
h3 { font-size: 145% }
h4 { font-size: 135% }
h5 { font-size: 110% }
h6 { }
}
@media (max-width: 767px) {
h1 { }
.bg-content h1 { margin-top: 0 }
.row .bg-content h1 { margin-top: 0 }
}
h1 .sub, h2 .sub, h3 .sub, h4 .sub, h5 .sub, h6 .sub {
font-weight: normal;
font-style: italic;
margin: 0 !important;
padding: 0 !important;
font-size: 40% !important
}
h1 .sub {
font-size: 40%;
text-transform: none;
letter-spacing: 0;
color: #000;
line-height: 1.2em;
margin-left: 2%;
display: block
}
.border {
clear: both;
width: 100%;
border-top: 1px solid #ddd;
margin-top: 2em;
padding-top: 2.3em;
}
h1.border,
h2.border,
h3.border,
h4.border,
h5.border,
h6.border {
display: inline-block
}
.border-middle {
overflow: hidden;
position: relative;
text-align: center;
margin-top: 2.5em;
clear: both;
}
.border-middle:before {
content: "";
display: inline-block;
width: 10000px;
height: 1px;
border-bottom: 1px solid rgba(204, 204, 204, 0.9);
position: absolute;
top: 50%;
left: 0;
}
.left-aligned {
text-align: left;
}
.right-aligned {
text-align: right;
}
.border-middle span {
position: relative;
padding: 0 10px;
display: inline-block;
max-width: 100%;
background-color: #fff;
}
.border-middle.left-aligned span {
padding-left: 0 !important
}
.border-middle.right-aligned span {
padding-right: 0 !important
}
.bg-content .border-middle span { background-color: #fff }
.well .border-middle span { background-color: #fff }
.bg-grey .border-middle span { background-color: #e6e6e6 }
.bg-hausfarbe .border-middle span { background-color: #3178af }
.bg-hausfarbe2 .border-middle span { background-color: #53bcdb }
.bg-darkgrey .border-middle span { background-color: #222 }
.bg-transp .border-middle span { background-color: #333 }
.border-middle.black span { color: #222 !important }
.border-middle.darkgrey span { color: #606060 !important }
.border-middle.grey span { color: #999 !important }
.border-middle.white span,
.border-middle.weiss span { color: #fff !important }
.border-middle.hausfarbe span { color: #337ab7 !important }
.border-middle.hausfarbe2 span { color: #2aabd2 !important }
@media (max-width:992px) {
.border-middle { letter-spacing: -.05em }
.border-middle span {
padding: 0 5px;
max-width: 90%;
}
}
@media (max-width:768px) {
.border-middle { letter-spacing: 0 }
.border-middle span {
padding: 0 10px;
max-width: 80%;
}
}
/* --------- end HEADLINE -------- */
/* --------- VERKLEINERN
==================================================
@media (max-width: 1200px) {
.shortview {
font-size: 90% !important;
line-height: 1.3em !important }
}
@media (max-width: 992px) {
.shortview {
font-size: 75% !important; }
}
@media (max-width: 767px) {
.shortview {
font-size: 100% !important;}
}
.row .row [class*="-4"] h1 { font-size: 190% !important; }
[class*="-3"] h1,
[class*="-2"] h1,
[class*="-1"] h1 { font-size: 200% !important }
[class*="-3"] h2,
[class*="-2"] h2,
[class*="-1"] h2 { font-size: 175% !important }
.shortview [class*="-4"] h2, .thumbnail [class*="-4"] h2, .equalheight [class*="-4"] h2,
.shortview [class*="-3"] h2, .thumbnail [class*="-3"] h2, .equalheight [class*="-3"] h2,
.shortview [class*="-2"] h2, .thumbnail [class*="-2"] h2, .equalheight [class*="-2"] h2,
.shortview [class*="-1"] h2, .thumbnail [class*="-1"] h2, .equalheight [class*="-1"] h2 {
font-size: 120% !important }
.row .row.shortview [class*="-6"] h2, .row .row.thumbnail [class*="-6"] h2, .row .row.equalheight [class*="-6"] h2,
.row .row.shortview [class*="-5"] h2, .row .row.thumbnail [class*="-5"] h2, .row .row.equalheight [class*="-5"] h2,
.row .row.shortview [class*="-4"] h2, .row .row.thumbnail [class*="-4"] h2, .row .row.equalheight [class*="-4"] h2,
.row .row.shortview [class*="-3"] h2, .row .row.thumbnail [class*="-3"] h2, .row .row.equalheight [class*="-3"] h2,
.row .row.shortview [class*="-2"] h2, .row .row.thumbnail [class*="-2"] h2, .row .row.equalheight [class*="-2"] h2,
.row .row.shortview [class*="-1"] h2, .row .row.thumbnail [class*="-1"] h2, .row .row.equalheight [class*="-1"] h2 {
font-size: 120% !important }
[class*="-3"] h3,
[class*="-2"] h3,
[class*="-1"] h3 { font-size: 140% !important }
[class*="-3"] h4,
[class*="-2"] h4,
[class*="-1"] h4 { font-size: 130% !important }
[class*="-3"] h5,
[class*="-2"] h5,
[class*="-1"] h5 { font-size: 105% !important }
.row .row [class*="-6"] h1,
.row .row [class*="-5"] h1 { font-size: 240% !important }
.row .row [class*="-4"] h1 { font-size: 190% !important }
.row .row [class*="-6"] h2,
.row .row [class*="-5"] h2,
.row .row [class*="-4"] h2 { font-size: 160% !important }
.row .row [class*="-6"] h3,
.row .row [class*="-5"] h3,
.row .row [class*="-4"] h3 { font-size: 130% !important }
.row .row [class*="-6"] h4,
.row .row [class*="-4"] h4,
.row .row [class*="-5"] h4 { font-size: 125% !important }
@media (max-width:1200px) {
[class*="-3"] h1,
[class*="-2"] h1,
[class*="-1"] h1 { font-size: 180% !important }
[class*="-3"] h2,
[class*="-2"] h2,
[class*="-1"] h2 { font-size: 155% !important }
[class*="-3"] h3,
[class*="-2"] h3,
[class*="-1"] h3 { font-size: 130% !important }
[class*="-3"] h4,
[class*="-2"] h4,
[class*="-1"] h4 { font-size: 125% !important }
[class*="-3"] h5,
[class*="-2"] h5,
[class*="-1"] h5 { font-size: 100% !important }
.row .row [class*="-6"] h1,
.row .row [class*="-5"] h1 { font-size: 210% !important }
.row .row [class*="-4"] h1 { font-size: 170% !important }
.row .row [class*="-6"] h2,
.row .row [class*="-5"] h2,
.row .row [class*="-4"] h2 { font-size: 140% !important }
.row .row [class*="-6"] h3,
.row .row [class*="-5"] h3,
.row .row [class*="-4"] h3 { font-size: 120% !important }
.row .row [class*="-6"] h4,
.row .row [class*="-4"] h4,
.row .row [class*="-5"] h4 { font-size: 115% !important }
.row .row [class*="-6"] h5,
.row .row [class*="-4"] h5,
.row .row [class*="-5"] h5 { font-size: 100% !important }
}
@media (max-width: 767px) {
[class*="col-xs-"] h1 {
font-size: 180% !important }
[class*="col-xs-"] h2 {
font-size: 150% !important }
[class*="col-xs-"] h3 {
font-size: 130% !important }
[class*="col-xs-"] h4 {
font-size: 120% !important }
[class*="col-xs-"] h5 {
font-size: 100% !important }
[class*="col-xs-"] h6 {
font-size: 100% !important }
}
--------- end VERKLEINERN -------- */
/* --------- ABSTAND
================================================== */
.abstand_gering,
h1.abstand_gering,
h2.abstand_gering,
h3.abstand_gering,
h4.abstand_gering,
h5.abstand_gering
{ margin-top: 0; margin-bottom: .2em; padding-top: 0; padding-bottom: .2em; }
.abstand_gering_oben,
h1.abstand_gering_oben,
h2.abstand_gering_oben,
h3.abstand_gering_oben,
h4.abstand_gering_oben,
h5.abstand_gering_oben
{ margin-top: 0; padding-top: 0 }
.abstand_gering_unten,
h1.abstand_gering_unten,
h2.abstand_gering_unten,
h3.abstand_gering_unten,
h4.abstand_gering_unten,
h5.abstand_gering_unten
{ margin-bottom: 0; padding-bottom: 0; }
.abstand_mittel,
h1.abstand_mittel,
h2.abstand_mittel,
h3.abstand_mittel,
h4.abstand_mittel,
h5.abstand_mittel
{ margin-top: 1em; margin-bottom: 1em; padding-top: 1em; padding-bottom: 1em; }
.abstand_mittel_oben,
h1.abstand_mittel_oben,
h2.abstand_mittel_oben,
h3.abstand_mittel_oben,
h4.abstand_mittel_oben,
h5.abstand_mittel_oben
{ margin-top: 1em; padding-top: 1em}
.abstand_mittel_unten,
h1.abstand_mittel_unten,
h2.abstand_mittel_unten,
h3.abstand_mittel_unten,
h4.abstand_mittel_unten,
h5.abstand_mittel_unten
{ margin-bottom: .8em; }
.abstand_viel,
h1.abstand_viel,
h2.abstand_viel,
h3.abstand_viel,
h4.abstand_viel,
h5.abstand_viel
{ margin-top: 3em; margin-bottom: 3em; padding-top: 3em; padding-bottom: 3em }
.abstand_viel_oben,
h1.abstand_viel_oben,
h2.abstand_viel_oben,
h3.abstand_viel_oben,
h4.abstand_viel_oben,
h5.abstand_viel_oben
{ margin-top: 3em; padding-top: 3em }
.abstand_viel_unten,
h1.abstand_viel_unten,
h2.abstand_viel_unten,
h3.abstand_viel_unten,
h4.abstand_viel_unten,
h5.abstand_viel_unten
{ margin-bottom: 3em; padding-bottom: 3em; }
.margin-oben-0 { margin-top: 0 !important }
.margin-oben-xs { margin-top: .2em !important }
.margin-oben-s { margin-top: .4em !important }
.margin-oben-m { margin-top: 1em !important }
.margin-oben-l { margin-top: 1.5em !important }
.margin-oben-xl { margin-top: 2.5em !important }
.margin-unten-0 { margin-bottom: 0 !important }
.margin-unten-xs { margin-bottom: .2em !important }
.margin-unten-s { margin-bottom: .4em !important }
.margin-unten-m { margin-bottom: 1em !important }
.margin-unten-l { margin-bottom: 1.5em !important }
.margin-unten-xl { margin-bottom: 2.5em !important }
.margin-0 { margin-top: 0 !important; margin-bottom: 0 !important }
.margin-xs { margin-top: .4em !important; margin-bottom: .4em !important }
.margin-s { margin-top: .4em !important; margin-bottom: .4em !important }
.margin-m { margin-top: 1em !important; margin-bottom: 1em !important }
.margin-l { margin-top: 1.5em !important; margin-bottom: 1.5em !important }
.margin-xl { margin-top: 2.5em !important; margin-bottom: 2.5em !important }
.margin-left-xs { margin-left: .25em !important }
.margin-left-s { margin-left: .5em !important }
.margin-left-m { margin-left: 1em !important }
.margin-left-l { margin-left: 1.5em !important }
.margin-left-xl { margin-left: 2em !important }
.margin-right-xs { margin-right: .25em !important }
.margin-right-s { margin-right: .5em !important }
.margin-right-m { margin-right: 1em !important }
.margin-right-l { margin-right: 1.5em !important }
.margin-right-xl { margin-right: 2em !important }
.margin-side-0 { margin-right: 0 !important; margin-left: 0 !important }
.margin-side-xs { margin-right: .25em !important; margin-left: .25em !important }
.margin-side-s { margin-right: .5em !important; margin-left: .5em !important }
.margin-side-m { margin-right: 1em !important; margin-left: 1em !important }
.margin-side-l { margin-right: 1.5em !important; margin-left: 1.5em !important }
.margin-side-xl { margin-right: 2em !important; margin-left: 2em !important }
.nomargin { margin: 0 !important }
.padding-oben-0 { padding-top: 0 !important }
.padding-oben-xs { padding-top: .2em !important }
.padding-oben-s { padding-top: .4em !important }
.padding-oben-m { padding-top: 1em !important }
.padding-oben-l { padding-top: 1.5em !important }
.padding-oben-xl { padding-top: 2.5em !important }
.padding-unten-0 { padding-bottom: 0 !important }
.padding-unten-xs { padding-bottom: .2em !important }
.padding-unten-s { padding-bottom: .4em !important }
.padding-unten-m { padding-bottom: 1em !important }
.padding-unten-l { padding-bottom: 1.5em !important }
.padding-unten-xl { padding-bottom: 2.5em !important }
.padding-0 { padding-top: 0 !important; padding-bottom: 0 !important }
.padding-s { padding-top: .2em !important; padding-bottom: .2em !important }
.padding-s { padding-top: .4em !important; padding-bottom: .4em !important }
.padding-m { padding-top: 1em !important; padding-bottom: 1em !important }
.padding-l { padding-top: 1.5em !important; padding-bottom: 1.5em !important }
.padding-xl { padding-top: 2.5em !important; padding-bottom: 2.5em !important }
.padding-left-xs { padding-left: .25em !important }
.padding-left-s { padding-left: .5em !important }
.padding-left-m { padding-left: 1em !important }
.padding-left-l { padding-left: 1.5em !important }
.padding-left-xl { padding-left: 2em !important }
.padding-right-xs { padding-right: .25em !important }
.padding-right-s { padding-right: .5em !important }
.padding-right-m { padding-right: 1em !important }
.padding-right-l { padding-right: 1.5em !important }
.padding-right-xl { padding-right: 2em !important }
.padding-side-0 { padding-right: 0 !important; padding-left: 0 !important }
.padding-side-xs { padding-right: .25em !important; padding-left: .25em !important }
.padding-side-s { padding-right: .5em !important; padding-left: .5em !important }
.padding-side-m { padding-right: 1em !important; padding-left: 1em !important }
.padding-side-l { padding-right: 1.5em !important; padding-left: 1.5em !important }
.padding-side-xl { padding-right: 2em !important; padding-left: 2em !important }
.nopadding-right { padding-right: 0 }
.nopadding-left { padding-left: 0 }
.nopadding { padding: 0 !important }
.negativ-oben-xs { margin-top: -.25em !important }
.negativ-oben-s { margin-top: -.5em !important }
.negativ-oben-m { margin-top: -1em !important }
.negativ-oben-l { margin-top: -2.5em !important }
.negativ-oben-xl { margin-top: -6em !important }
.negativ-unten-xs { margin-bottom: -.25em !important }
.negativ-unten-s { margin-bottom: -.5em !important }
.negativ-unten-m { margin-bottom: -1em !important }
.negativ-unten-l { margin-bottom: -2.5em !important }
.negativ-unten-xl { margin-bottom: -6em !important }
.negativ-oben .well {
box-shadow: 0 .5em .9em 0 rgba(0, 0, 0, 0.15);
}
@media (min-width: 768px) {
.nopadding-upto768-right { padding-right: 0 }
.nopadding-upto768-left { padding-left: 0 }
.nopadding-upto768 { padding: 0 !important }
}
@media (min-width: 992px) {
.nopadding-upto992-right { padding-right: 0 }
.nopadding-upto992-left { padding-left: 0 }
.nopadding-upto992 { padding: 0 !important }
}
@media (max-width: 992px) {
.nopadding-992-right { padding-right: 0 }
.nopadding-992-left { padding-left: 0 }
.nopadding-992 { padding: 0 !important }
}
@media (max-width: 767px) {
.negativ-oben,
.container.content.negativ-oben {
margin-top: 20px !important;
}
.nopadding-768-right { padding-right: 0 }
.nopadding-768-left { padding-left: 0 }
.nopadding-768 { padding: 0 !important }
}
@media (max-width: 767px) {
.margin-768-oben,
.equalheight.margin-768-oben {
margin-top: 20px !important;
}
.margin-768-oben-s,
.bg-content.margin-768-oben-s { margin-top: .5em !important; }
.margin-768-oben-m,
.bg-content.margin-768-oben-m { margin-top: 1em !important; }
.margin-768-oben-l,
.bg-content.margin-768-oben-l { margin-top: 1.5em !important; }
.margin-768-oben-xl,
.bg-content.margin-768-oben-xl { margin-top: 2.5em !important; }
.margin-768-unten,
.equalheight.margin-768-unten {
margin-bottom: 20px !important;
}
.margin-768-unten-s,
.bg-content.margin-768-unten-s { margin-bottom: .5em !important; }
.margin-768-unten-m,
.bg-content.margin-768-unten-m { margin-bottom: 1em !important; }
.margin-768-unten-l,
.bg-content.margin-768-unten-l { margin-bottom: 1.5em !important; }
.margin-768-unten-xl,
.bg-content.margin-768-unten-xl { margin-bottom: 2.5em !important; }
.nomargin-768-oben,
.bg-content.nomargin-768-oben {
margin-top: 0 !important }
.nomargin-768-unten,
.bg-content.nomargin-768-unten {
margin-bottom: 0 !important }
}
@media (max-width: 480px) {
.margin-480-oben-s,
.bg-content.margin-480-oben-s { margin-top: .5em !important; }
.margin-480-oben-m,
.bg-content.margin-480-oben-m { margin-top: 1em !important; }
.margin-480-oben-l,
.bg-content.margin-480-oben-l { margin-top: 1.5em !important; }
.margin-480-oben-xl,
.bg-content.margin-480-oben-xl { margin-top: 2.5em !important; }
.margin-480-unten-s,
.bg-content.margin-480-unten-s { margin-bottom: .5em !important; }
.margin-480-unten-m,
.bg-content.margin-480-unten-m { margin-bottom: 1em !important; }
.margin-480-unten-l,
.bg-content.margin-480-unten-l { margin-bottom: 1.5em !important; }
.margin-480-unten-xl,
.bg-content.margin-480-unten-xl { margin-bottom: 2.5em !important; }
.nomargin-480-oben,
.bg-content.nomargin-480-oben {
margin-top: 0 !important }
.nomargin-480-unten,
.bg-content.nomargin-480-unten {
margin-bottom: 0 !important }
}
.hide-480,
.hide-768,
.hide-992,
.hide-1200 {
}
.show-480,
.show-768,
.show-992,
.show-1200 {
display: none !important
}
@media (max-width: 1200px) {
.hide-1200 {
display: none !important;
}
.show-1200 {
display:inherit !important;
}
}
@media (max-width: 992px) {
.hide-992 {
display: none !important;
}
.show-992 {
display:inherit !important;
}
}
@media (max-width: 767px) {
.hide-768 {
display: none !important;
}
.show-768 {
display:inherit !important;
}
}
@media (max-width: 480px) {
.hide-480 {
display: none !important;
}
.show-480 {
display:inherit !important;
}
}
@media (max-width: 992px) {
.pull-992-left {
float: left !important
}
.pull-992-right {
float: right !important
}
}
@media (max-width: 767px) {
.pull-768-left {
float: left !important
}
.pull-768-right {
float: right !important
}
}
@media (max-width: 480px) {
.pull-480-left {
float: left !important
}
.pull-480-right {
float: right !important
}
}
/* --------- end ABSTAND -------- */
/* --------- SONSTIGES
================================================== */
a { text-decoration: none; color: #654321 }
a:hover { color: #543210; text-decoration: none }
p { margin-bottom: .5em; }
b { font-weight: bold }
b { font-weight: bold }
a b,
b a { color: #654321; font-weight: bold }
a b:hover,
b a:hover { color: #434321; font-weight: bold }
a h1,
a h2,
a h3,
a h4,
a h5,
a h6 { color: #654321 }
a h1:hover,
a h2:hover,
a h3:hover,
a h4:hover,
a h5:hover,
a h6:hover { color: #434321 }
.txt_xxxs { font-size: 50%; line-height: 1.1em !important; }
.txt_xxs { font-size: 60%; line-height: 1.1em !important; }
.txt_xs { font-size: 80%; line-height: 1.2em !important; }
.txt_s { font-size: 90%; line-height: 1.3em !important; }
.txt_m { font-size: 100% }
.txt_l { font-size: 115%; line-height: 1.4em !important; }
.txt_xl { font-size: 125%; line-height: 1.5em !important; }
.txt_xxl { font-size: 160%; line-height: 1.5em !important; }
.txt_xxxl { font-size: 200%; line-height: 1.6em !important; }
.text-block {
width: 100% !important;
display: block !important
}
.text-left {
text-align: left !important
}
.text-right {
text-align: right !important
}
.text-center {
text-align: center !important
}
@media (max-width: 992px) {
.text-992-left {
text-align: left !important
}
.text-992-right {
text-align: right !important
}
}
@media (max-width: 767px) {
.text-768-left {
text-align: left !important
}
.text-768-right {
text-align: right !important
}
}
@media (max-width: 480px) {
.text-480-left {
text-align: left !important
}
.text-480-right {
text-align: right !important
}
}
.fussnote {
font-size: 80%;
color: #999 !important;
line-height: 1.2em !important;
margin-top: 1em;
margin-bottom: 1.5em;
padding: 0;
display: inline-block;
font-weight: normal;
}
a.fussnote,
.fussnote a {
color: #999 !important;
text-decoration: none;
font-weight: normal;
}
a.fussnote:hover,
.fussnote a:hover {
color: #bbb !important;
text-decoration: none
}
.abstand_gering { margin-top: 0; padding-top: 0; margin-bottom: .2em }
.abstand_gering_oben { margin-top: 0; padding-top: 0 }
.abstand_gering_unten { margin-bottom: 0; padding-bottom: 0; }
.abstand_mittel { margin-top: .5em; margin-bottom: .5em; }
.abstand_mittel_oben { margin-top: 1em; }
.abstand_mittel_unten { margin-bottom: .5em; padding-bottom: 0; }
.abstand_viel { padding-top: 1em }
.abstand_viel_unten { margin-top: 0; margin-bottom: 1em }
.abstand_viel_oben { margin-top: 3em; padding-top: 3em }
.abstand_viel_unten { margin-bottom: 2em }
.abstand_negativ_oben { margin-top: -1.6em;
position: relative;
display: block }
.abstand_negativ_unten { margin-bottom: -1.6em;
position: relative;
display: inline-block;
}
.heavy, .bolder { font-weight: 800 !important }
.bold { font-weight: bold !important; }
.semibold { font-weight: 600 !important; }
.light { font-weight: 300 !important; }
.normal { font-weight: normal !important; }
.lineheight-1 { line-height: 1em !important; }
.lineheight-11 { line-height: 1.1em !important; }
.lineheight-12 { line-height: 1.2em !important; }
.lineheight-13 { line-height: 1.3em !important; }
.lineheight-14 { line-height: 1.4em !important; }
.lineheight-15 { line-height: 1.6em !important; }
.lineheight-17 { line-height: 1.7em !important; }
.lineheight-18 { line-height: 1.8em !important; }
.lineheight-19 { line-height: 1.9em !important; }
.lineheight-2 { line-height: 2em !important; }
.letterspacing-1 { letter-spacing: -0.01em }
.letterspacing-2 { letter-spacing: -0.02em }
.letterspacing-3 { letter-spacing: -0.03em }
.letterspacing-4 { letter-spacing: -0.04em }
.letterspacing-5 { letter-spacing: -0.05em }
.letterspacing-6 { letter-spacing: -0.06em }
.letterspacing-7 { letter-spacing: -0.07em }
.letterspacing-8 { letter-spacing: -0.08em }
.letterspacing-9 { letter-spacing: -0.09em }
hr {
border-top: 1px dotted #bbb;
margin-top: 3em;
padding-top: 1.5em;
clear: both;
}
.hr-break { height: 1em; border: none; margin: 0; padding: 0 }
.hr-xl { margin: 8em 0; padding: 0; }
.hr-l { margin: 6em 0; padding: 0; }
.hr-m { margin: 1.5em 0; padding: 0; }
.hr-s { margin: 1em 0; padding: 0; }
.hr-xs { margin: .5em 0; padding: 0; }
@media (max-width: 767px) {
hr { margin-top: 1.5em; padding-top: 0; }
.hr-xl { margin: 3em 0; }
.hr-l { margin: 2em 0; }
.hr-m { margin: 1em 0; }
.hr-s { margin: .5em 0;}
}
.pipe {margin-left: .5em; margin-right: .5em }
.inline { display: inline }
.clearer { clear: both !important }
.noclearer { clear: none !important }
.clearer-1200 { display: inline }
.clearer-992 { display: inline }
.clearer-768 { display: inline }
.clearer-480 { display: inline }
@media (max-width: 1200px) { .clearer-1200 { display: block; clear: both !important } }
@media (max-width: 992px) { .clearer-992 { display: block; clear: both !important } }
@media (max-width: 767px) { .clearer-768 { display: block; clear: both !important } }
@media (max-width: 480px) { .clearer-480 { display: block; clear: both !important } }
.nowrap { white-space: nowrap !important }
.lowercase { text-transform: none !important }
.uppercase { text-transform: uppercase !important }
.dev-border { box-shadow: 0 0 0 1px #0088ff }
.dev-border-left { box-shadow: 1px 0 0 0 #77cc00 inset }
.dev-border-right { box-shadow: 1px 0 0 #ffaa00 }
.dev-border-top { box-shadow: 0 1px 0 0 #ff0077 inset }
.dev-border-bottom { box-shadow: 0 1px 0 #9900ff }
.width100 { width: 100% !important; }
.min_width_25 { min-width: 25px !important; display: inline-block }
.min_width_50 { min-width: 50px !important; display: inline-block }
.min_width_75 { min-width: 75px !important; display: inline-block }
.min_width_100 { min-width: 100px !important; display: inline-block }
.min_width_125 { min-width: 125px !important; display: inline-block }
.min_width_150 { min-width: 150px !important; display: inline-block }
.min_width_175 { min-width: 175px !important; display: inline-block }
.min_width_200 { min-width: 200px !important; display: inline-block }
.min_width_225 { min-width: 225px !important; display: inline-block }
.min_width_250 { min-width: 250px !important; display: inline-block }
.min_width_300 { min-width: 300px !important; display: inline-block }
.min_width_350 { min-width: 350px !important; display: inline-block }
.min_width_400 { min-width: 400px !important; display: inline-block }
.min_width_450 { min-width: 450px !important; display: inline-block }
.spacer10 { width: 10px }
.spacer25 { width: 25px }
.spacer50 { width: 50px }
.spacer75 { width: 75px }
.spacer100 { width: 100px }
.min_height_30 { min-height:30px; height:auto !important; height:30px; }
.min_height_40 { min-height:40px; height:auto !important; height:40px; }
.min_height_50 { min-height:50px; height:auto !important; height:50px; }
.min_height_60 { min-height:60px; height:auto !important; height:60px; }
.min_height_70 { min-height:70px; height:auto !important; height:70px; }
.min_height_80 { min-height:80px; height:auto !important; height:80px; }
.min_height_90 { min-height:90px; height:auto !important; height:90px; }
.min_height_75 { min-height:75px; height:auto !important; height:75px; }
.min_height_100 { min-height:100px; height:auto !important; height:100px; }
.min_height_125 { min-height:125px; height:auto !important; height:125px; }
.min_height_150 { min-height:150px; height:auto !important; height:150px; }
.min_height_175 { min-height:175px; height:auto !important; height:175px; }
.min_height_190 { min-height:190px; height:auto !important; height:190px; }
.min_height_200 { min-height:200px; height:auto !important; height:200px; }
.min_height_225 { min-height:225px; height:auto !important; height:225px; }
.min_height_250 { min-height:250px; height:auto !important; height:250px; }
.min_height_275 { min-height:275px; height:auto !important; height:275px; }
.min_height_300 { min-height:300px; height:auto !important; height:300px; }
.min_height_325 { min-height:325px; height:auto !important; height:325px; }
.min_height_350 { min-height:350px; height:auto !important; height:350px; }
.min_height_375 { min-height:375px; height:auto !important; height:375px; }
.min_height_400 { min-height:400px; height:auto !important; height:400px; }
.min_height_425 { min-height:425px; height:auto !important; height:425px; }
.min_height_450 { min-height:450px; height:auto !important; height:450px; }
.min_height_475 { min-height:475px; height:auto !important; height:475px; }
.min_height_500 { min-height:500px; height:auto !important; height:500px; }
.min_height_525 { min-height:525px; height:auto !important; height:525px; }
.min_height_550 { min-height:550px; height:auto !important; height:550px; }
.min_height_575 { min-height:575px; height:auto !important; height:575px; }
.min_height_600 { min-height:600px; height:auto !important; height:600px; }
.min_height_625 { min-height:625px; height:auto !important; height:625px; }
.min_height_650 { min-height:650px; height:auto !important; height:650px; }
.min_height_675 { min-height:675px; height:auto !important; height:250px; }
.min_height_700 { min-height:700px; height:auto !important; height:700px; }
.min_height_800 { min-height:800px; height:auto !important; height:800px; }
.min_height_900 { min-height:900px; height:auto !important; height:900px; }
@media (max-width: 767px) {
.min_height_30,
.min_height_40,
.min_height_50,
.min_height_60,
.min_height_70,
.min_height_80,
.min_height_90,
.min_height_75,
.min_height_100,
.min_height_125,
.min_height_150,
.min_height_175,
.min_height_190,
.min_height_200,
.min_height_225,
.min_height_250,
.min_height_275,
.min_height_300,
.min_height_325,
.min_height_350,
.min_height_375,
.min_height_400,
.min_height_425,
.min_height_450,
.min_height_475,
.min_height_500,
.min_height_525,
.min_height_550,
.min_height_575,
.min_height_600,
.min_height_625,
.min_height_650,
.min_height_675,
.min_height_700,
.min_height_800,
.min_height_900 { min-height:auto; height:auto !important; max-height: auto }
}
.height_50 { height:50px; }
.height_75 { height:75px; }
.height_100 { height:100px; }
.height_125 { height:125px; }
.height_150 { height:150px; }
.height_175 { height:175px; }
.height_190 { height:190px; }
.height_200 { height:200px; }
.height_225 { height:225px; }
.height_250 { height:250px; }
.height_275 { height:275px; }
.height_300 { height:300px; }
.height_325 { height:325px; }
.height_350 { height:350px; }
.height_375 { height:375px; }
.height_400 { height:400px; }
.height_425 { height:425px; }
.height_450 { height:450px; }
.height_475 { height:475px; }
.height_500 { height:500px; }
.height_525 { height:525px; }
.height_550 { height:550px; }
.height_575 { height:575px; }
.height_600 { height:600px; }
.height_625 { height:625px; }
.height_650 { height:650px; }
.height_675 { height:250px; }
.height_700 { height:700px; }
.height_800 { height:800px; }
.height_900 { height:900px; }
/* --------- end SONSTIGES -------- */
/* --------- SILBENTRENNUNG
================================================== */
st,
.silbentrennung {
display: inline-block
}
.silbentrennung-992,
.silbentrennung-768,
.silbentrennung-480,
.silbentrennung-380 {
display: inline
}
.silbentrennung-992:after,
.silbentrennung-768:after,
.silbentrennung-480:after,
.silbentrennung-380:after {
display: none;
content: "-";
}
@media (max-width: 992px) {
.silbentrennung-992 { display: inline-block; }
.silbentrennung-992:after { display: inline; }
}
@media (max-width: 767px) {
.silbentrennung-768 { display: inline-block }
.silbentrennung-768:after { display: inline }
}
@media (max-width: 480px) {
.silbentrennung-480 { display: inline-block }
.silbentrennung-480:after { display: inline }
}
@media (max-width: 380px) {
.silbentrennung-380 { display: inline-block }
.silbentrennung-380:after { display: block }
}
/* --------- end SILBENTRENNUNG -------- */
/* --------- BILDER
================================================== */
a img {
border: 0;
text-decoration: none
}
.img-thumbnail {
margin-bottom: .6em;
}
.img-thumbnail.pull-left {
margin-right: .5em
}
.img-thumbnail.pull-right {
margin-left: .5em;
}
.bild-person {
float: right;
padding: 4px;
border-radius: 3px;
background: #fff;
border: 1px solid #ddd;
margin-left: 1em;
box-shadow: -10px 0 0 #fff
}
.well:hover .bild-person,
.well-sm:hover .bild-person,
.well.bg-darkgrey:hover .bild-person,
.well-sm.bg-darkgrey:hover .bild-person,
.well.bg-grey:hover .bild-person,
.well-sm.bg-grey:hover .bild-person,
.thumbnail .bild-person,
.bg-hausfarbe .bild-person,
.bg-grey .bild-person,
.bg-darkgrey .bild-person {
box-shadow: none
}
@media (max-width: 767px) {
.bild-768 {
width: 125px !important
}
}
@media (max-width: 480px) {
.bild-768 {
width: 100px !important
}
.bild-480 {
width: 100px !important
}
}
.bild,
.bildlinks,
.bildrechts,
.bildmitte,
img.bild,
img.bildlinks,
img.bildrechts,
img.bildmitte,
.bildrahmen,
.bildrahmenlinks,
.bildrahmenrechts,
.bildrahmenmitte,
img.bildrahmen,
img.bildrahmenlinks,
img.bildrahmenrechts,
img.bildrahmenmitte,
.bildrahmen-nb,
.bildrahmenlinks-nb,
.bildrahmenrechts-nb,
.bildrahmenmitte-nb,
img.bildrahmen-nb,
img.bildrahmenlinks-nb,
img.bildrahmenrechts-nb,
img.bildrahmenmitte-nb {
border-radius: 4px;
margin-top: .4em;
margin-bottom: .6em !important;
max-width: 100%;
}
.bildmitte,
img.bildmitte,
.bildrahmenmitte,
img.bildrahmenmitte,
.bildrahmenmitte-nb,
img.bildrahmenmitte-nb {
display: block !important;
margin: 1em auto !important
}
.shortview .bild,
.equalheight .bild {
margin-top: -.2em;
margin-bottom: 1.5em
}
.bildrahmen,
.bildrahmenlinks,
.bildrahmenrechts,
.bildrahmenmitte,
img.bildrahmen,
img.bildrahmenlinks,
img.bildrahmenrechts,
img.bildrahmenmitte,
.bildrahmen-nb,
.bildrahmenlinks-nb,
.bildrahmenrechts-nb,
.bildrahmenmitte-nb,
img.bildrahmen-nb,
img.bildrahmenlinks-nb,
img.bildrahmenrechts-nb,
img.bildrahmenmitte-nb {
border: 1px solid #ddd;
padding: 4px;
}
.bildrahmen,
.bildrahmenlinks,
.bildrahmenrechts,
.bildrahmenmitte {
background: #fff
}
.bildlinks,
img.bildlinks,
.bildrahmenlinks,
img.bildrahmenlinks,
.bildrahmenlinks-nb,
img.bildrahmenlinks-nb { margin-right: .8em !important; float: left; }
.bildrechts,
img.bildrechts,
.bildrahmenrechts,
img.bildrahmenrechts,
.bildrahmenrechts-nb,
img.bildrahmenrechts-nb { margin-left: .8em !important; float: right; }
.bild,
img.bild,
.bildrahmen,
img.bildrahmen,
.bildrahmen-nb,
img.bildrahmen-nb { margin-right: .8em !important; float: left; }
.bildrahmenmitte-wrapper {
width: 100%;
text-align: center
}
.bildrahmenmitte,
img.bildrahmenmitte,
.bildrahmenmitte-nb,
img.bildrahmenmitte-nb { max-width: 100% }
.bildrahmenlinks-nb,
.bildrahmenrechts-nb,
.bildrahmenmitte-nb,
img.bildrahmenlinks-nb,
img.bildrahmenrechts-nb,
img.bildrahmenmitte-nb,
a img.bildrahmenlinks-nb,
a img.bildrahmenrechts-nb,
a img.bildrahmenmitte-nb,
.bildlinks-nb,
.bildrechts-nb,
img.bildlinks-nb,
img.bildrechts-nb,
a img.bildlinks-nb,
a img.bildrechts-nb {
border: solid 1px #fff;
padding: 0
}
/*
@media screen and (max-width:480px) {
.bildlinks,
img.bildlinks,
.bildrechts,
img.bildrechts,
.bildrahmen,
img.bildrahmen,
.bildrahmenlinks,
img.bildrahmenlinks,
.bildrahmenrechts,
img.bildrahmenrechts,
.bildrahmen-nb,
img.bildrahmen-nb,
.bildrahmenlinks-nb,
img.bildrahmenlinks-nb,
.bildrahmenrechts-nb,
img.bildrahmenrechts-nb {
float: right;
width: 50%;
margin-left: .5em;
}
}
*/
.bildausschnitt {
float: right;
width: 100%;
background-repeat: no-repeat !important;
background-position: center 30%;
background: #f3f3f3;
}
/* --------- end BILDER -------- */
/* --------- VERZEICHNIS
================================================== */
.abc_verzeichnis {
width: 100%;
margin: 0 0 3em 0;
/*
margin: 0 0 2.5em 0;
padding: 0 0 2.5em 0;
border-bottom: 1px dotted #ccc;
*/
font-size: 90%;
font-weight: bold;
}
.abc_verzeichnis a {
padding: .2em .5em;
font-weight: normal;
text-transform: uppercase;
text-align: center;
margin: 0 0 .3em 0;
line-height: 1.2em;
background: #ccc;
display: inline-block
}
.abc_verzeichnis a:hover {
color: #fff;
background: #999;
}
.abc_verzeichnis a.active {
background: #654321;
color: #fff;
font-weight: bold;
}
/* --------- end VERZEICHNIS -------- */
/* --------- ZITAT
================================================== */
blockquote {
font-family: Georgia, serif;
font-style: italic;
margin: 3em 0 2em 0;
padding: 0.25em 45px;
position: relative;
border-left: none;
font-weight: normal;
color: #654321;
font-size: 135%;
line-height: 1.4em;
width: 100%
}
blockquote:before {
display: block;
content: "\201C";
font-size: 100px;
position: absolute;
left: -10px;
top: 25px;
color: #ccc;
}
blockquote cite {
font-family: sans-serif;
font-style: normal;
font-size: 10pt;
color: #654321;
margin-top: 1em;
display: block;
line-height: 1.2em;
letter-spacing: 0
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
content: none;
}
.content-rechts blockquote {
margin: 2em 0 1em 0;
font-size: 120%;
padding-left: 30px;
padding-right: 0
}
.content-rechts blockquote:before {
font-size: 80px;
top: 15px;
}
@media (max-width:992px) {
blockquote {
margin: 2em 0 1em 0;
font-size: 125%;
padding-left: 30px;
padding-right: 0
}
blockquote:before {
font-size: 80px;
top: 15px;
}
}
/* --------- end ZITAT -------- */
/* --------- PAGETOP
================================================== */
.pagetop-scroll {
cursor: pointer;
position: fixed;
bottom: 10%;
right: 15px;
display:none;
padding: 1.5em 1.7em;
color: #fff;
z-index: 1000;
border-radius: 3px;
background: rgba(204, 204, 204, 0.5);
border: 1px solid #ccc;
}
.pagetop-scroll,
.pagetop-scroll:link,
.pagetop-scroll:visited;
.pagetop-scroll:focus {
color: #fff;
}
.pagetop-scroll:hover {
color: #fff;
background: rgba(0, 0, 0, 0.8);
}
@media (max-width: 767px) {
.pagetop-scroll {
padding: .7em 1.2em;
bottom:8%;
right: 5px;
}
}
/* --------- end PAGETOP -------- */
/* --------- Gallery
================================================== */
.gallery-wrapper {
margin: .5em 0 1em 0;
width: 100%;
display: inline-block;
}
img.gallery_bild:hover { border-color: #999 }
.gallery {
float: left;
text-align: center;
width: 125px;
height: 125px;
position: relative;
margin: 1em 10px 0 0;
}
img.gallery_bild {
border: 1px solid #ccc;
padding: 3px;
text-align: center;
position: relative;
max-height: 100%;
border-radius: 4px;
max-width: 125px;
}
.col-xs-5 .gallery,
.col-sm-5 .gallery,
.col-md-5 .gallery,
.col-xs-4 .gallery,
.col-sm-4 .gallery,
.col-md-4 .gallery,
.col-xs-3 .gallery,
.col-sm-3 .gallery,
.col-md-3 .gallery,
.col-xs-2 .gallery,
.col-sm-2 .gallery,
.col-md-2 .gallery,
.col-xs-1 .gallery,
.col-sm-1 .gallery,
.col-md-1 .gallery {
height: 70px;
width: 70px;
margin-right: 5px;
margin-top: .5em
}
.col-xs-5 img.gallery_bild,
.col-sm-5 img.gallery_bild,
.col-md-5 img.gallery_bild,
.col-xs-4 img.gallery_bild,
.col-sm-4 img.gallery_bild,
.col-md-4 img.gallery_bild,
.col-xs-3 img.gallery_bild,
.col-sm-3 img.gallery_bild,
.col-md-3 img.gallery_bild,
.col-xs-2 img.gallery_bild,
.col-sm-2 img.gallery_bild,
.col-md-2 img.gallery_bild,
.col-xs-1 img.gallery_bild,
.col-sm-1 img.gallery_bild,
.col-md-1 img.gallery_bild {
padding: 2px;
border-radius: 2px;
max-width: 70px;
}
@media (max-width: 767px) {
.gallery-wrapper { margin: .25em 0 .5em 0 }
.gallery,
.col-xs-5 .gallery,
.col-sm-5 .gallery,
.col-md-5 .gallery,
.col-xs-4 .gallery,
.col-sm-4 .gallery,
.col-md-4 .gallery,
.col-xs-3 .gallery,
.col-sm-3 .gallery,
.col-md-3 .gallery,
.col-xs-2 .gallery,
.col-sm-2 .gallery,
.col-md-2 .gallery,
.col-xs-1 .gallery,
.col-sm-1 .gallery,
.col-md-1 .gallery {
width: 80px;
height: 80px;
margin-right: 7px;
margin-top: .7em
}
img.gallery_bild,
.col-xs-5 img.gallery_bild,
.col-sm-5 img.gallery_bild,
.col-md-5 img.gallery_bild,
.col-xs-4 img.gallery_bild,
.col-sm-4 img.gallery_bild,
.col-md-4 img.gallery_bild,
.col-xs-3 img.gallery_bild,
.col-sm-3 img.gallery_bild,
.col-md-3 img.gallery_bild,
.col-xs-2 img.gallery_bild,
.col-sm-2 img.gallery_bild,
.col-md-2 img.gallery_bild,
.col-xs-1 img.gallery_bild,
.col-sm-1 img.gallery_bild,
.col-md-1 img.gallery_bild {
max-width: 80px;
}
}
@media (max-width: 665px) {
.col-xs-5 .gallery,
.col-xs-4 .gallery,
.col-xs-3 .gallery,
.col-xs-2 .gallery,
.col-xs-1 .gallery {
width: 50px;
height: 50px;
margin-right: 5px;
margin-top: .5em
}
.col-xs-5 img.gallery_bild,
.col-xs-4 img.gallery_bild,
.col-xs-3 img.gallery_bild,
.col-xs-2 img.gallery_bild,
.col-xs-1 img.gallery_bild {
max-width: 50px;
}
}
@media (max-width: 480px) {
.col-xs-5 .gallery,
.col-xs-4 .gallery,
.col-xs-3 .gallery,
.col-xs-2 .gallery,
.col-xs-1 .gallery {
width: 30px;
height: 30px;
}
.col-xs-5 img.gallery_bild,
.col-xs-4 img.gallery_bild,
.col-xs-3 img.gallery_bild,
.col-xs-2 img.gallery_bild,
.col-xs-1 img.gallery_bild {
max-width: 30px;
}
}
/* --------- end Gallery -------- */
/* --------- Gallery
================================================== */
.gallery-wrapper-2 {
margin: 0 0 0 0;
display: inline-block;
}
.gallery-wrapper-2.negativ-margin {
margin-left: -30px;
margin-right: -30px;
margin-top: -25px
}
.gallery-wrapper-2 .gallery {
width: 12.5%;
height: auto;
margin: 0;
padding: 0
}
.gallery-wrapper-2 img.gallery_bild {
border: none;
border-radius: 0;
padding: 0;
margin: 0;
text-align: center;
position: relative;
max-height: 100%;
max-width: 100%;
width: 100%;
height: auto;
border: 2px solid rgba(222, 222, 222, 0)
}
.gallery-wrapper-2 img.gallery_bild:hover {
border: 2px solid #222
}
/* --------- end Gallery -------- */
/* ----- LISTEN / FILEICONS -------------
================================================== */
.content ul {
list-style: none;
margin: .5em 0 .5em 0;
padding: 0;
clear: left
}
.content table ul {
margin: 0;
}
.content ul li {
list-style: none;
padding: .3em 0 .3em 25px;
margin: 0;
}
.content ul a {
color: #654321;
margin-right: .3em;
text-decoration: none
}
.content ul a:hover {
color: #543210;
}
.content ul li:before {
content: '\F0DA';
font-family: 'FontAwesome';
color: #654321;
display: inline-block;
margin-left: -15px;
width: 15px;
font-size: 80%;
}
.content ul li:hover:before {
color: #543210;
}
.content ol,
.content ol ul {
padding-left: 25px
}
.content ol li,
.content ol ul li {
list-style: decimal;
background: none;
padding: .3em 0;
margin: 0;
}
.content ol ul {
padding-left: 0;
}
.content ol ul li:before {
display: none
}
.content ul li h1,
.content ul li h2,
.content ul li h3,
.content ul li h4,
.content ul li h5 {
margin-bottom: .2em !important;
}
.content ul li h1 { margin-top: -.9em !important; }
.content ul li h2 { margin-top: -.9em !important; }
.content ul li h3 { margin-top: -1.1em !important; }
.content ul li h4 { margin-top: -1.2em !important; }
.content ul li h5 { margin-top: -1.5em !important; }
.li-left { width: 30%; }
.li-right { width: 30%; float: right; margin-left: 2em }
/* --------- list-lines -------- */
.content ul.list-lines {
}
.content ul.list-lines li {
border-bottom: 1px solid #ddd;
padding-top: .5em;
padding-bottom: .5em
}
.content ul.list-lines li:last-child {
border-bottom: none;
padding-bottom: 0
}
/* --------- list-striped -------- */
.content ul.list-striped {
}
.content ul.list-striped li {
padding-top: .4em;
padding-bottom: .4em;
}
.content ul.list-striped > li:nth-of-type(odd) {
background-color: #f6f6f6;
}
.content ul.list-striped .fileicon {
background-position-x: 3px
}
/* --------- list-striped -------- */
.content ul.list-striped li {
padding-top: .7em;
padding-bottom: .7em
}
.content ul.list-striped > li:nth-of-type(odd) {
background-color: #f6f6f6;
}
/* --------- list-inline ----- */
.content ul.list-inline {
list-style: none;
padding: 0;
margin: 0;
float: left;
position: relative;
display: block;
z-index: 10;
width: 100%
}
.content ul.list-inline {
margin-bottom: 25px
}
.content.bg-content ul.list-inline {
}
.content ul.list-inline.margin-unten-0 { margin-bottom: 0 !important; }
.content ul.list-inline.margin-unten-s { margin-bottom: .5em !important; }
.content ul.list-inline.margin-unten-m { margin-bottom: 1em !important; }
.content ul.list-inline.margin-unten-l { margin-bottom: 1.5em !important; }
.content ul.list-inline.noclearer { clear: none !important; float: left !important; width: auto !important }
.content ul.list-inline li {
list-style: none;
display: inline;
text-shadow: 0 1px 0 #fff;
background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#e0e0e0', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border: 1px solid rgba(0, 0, 0, 0.2);
text-decoration: none;
white-space: nowrap;
box-shadow: 0 .2em .2em rgba(0, 0, 0, 0.2);
text-transform: uppercase;
font-size: 80%;
letter-spacing: .05em;
font-weight: normal;
color: #777;
margin: 0 -1px 0 0;
padding: .1em 1em .1em 1em;
float: left;
margin-bottom: 1px
}
.content ul.list-inline li:before,
.content ul.list-inline li:hover:before {
content: none;
}
.content ul.list-inline li a {
color: #000;
text-decoration: none;
margin: -.1em -1em;
padding: .1em 1em;
float: left
}
.content ul.list-inline li a:hover {
color: #654321;
text-decoration: none;
background: #e6e6e6
}
.content ul.list-inline li a.active,
.content ul.list-inline li a#active {
color: #fff;
text-shadow: none;
background: #654321;
text-decoration: none;
box-shadow: 1px 1px 1px #999;
}
.content ul.list-inline li a.active:hover,
.content ul.list-inline li a#active:hover {
background: #654321 url(../images/dot25.png);
color: #fff
}
@media (max-width: 992px) {
.content ul.list-inline li {
font-size: 70%;
}
}
@media (max-width: 767px) {
.content ul.list-inline {
margin-top: 15px;
margin-bottom: 15px;
}
.content.bg-content ul.list-inline {
margin-top: -10px;
margin-bottom: 15px;
}
.content ul.list-inline li {
line-height: 1.8em
}
}
@media (max-width: 530px) {
.content ul.list-inline {
margin-top: 0;
margin-bottom: 0;
margin-left: -15px;
margin-right: -15px;
width: 108%;
}
.content ul.list-inline li {
clear: both;
margin-bottom: -1px;
width: 108%;
padding-left: 4%;
padding-right: 4%;
letter-spacing: .05em;
white-space: normal;
border-left: none;
border-right: none;
box-shadow: none
}
.content ul.list-inline li a {
width: 108%;
margin-left: -4%;
margin-right: -4%;
padding-left: 4%;
padding-right: 4%;
}
.content.bg-content ul.list-inline {
margin-left: 0;
margin-right: 0;
width: auto
}
.content.bg-content ul.list-inline li {
border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: 0 .2em .2em rgba(0, 0, 0, 0.2);
letter-spacing: 0;
margin: 0 -1px 1px 0;
line-height: 1.3em;
float: left;
clear: none;
width: auto;
font-size: 75%;
padding: .25em 1em;
}
.content.bg-content ul.list-inline li a {
margin: -.25em -1em;
padding: .25em 1em;
width: auto
}
}
/* --------- list separat hervorgehoben -------- */
.list-sep {
}
li.list-sep a {
background: #fff
}
.content ul.list-inline li.list-sep a:hover ,
.content ul.list-inline li.list-sep a.active:hover {
}
@media (max-width: 992px) {
.list-sep {
/* float: left !important */
}
}
/* --------- list Abstandhalter -------- */
.list-spacer {
background: none !important;
border: none !important;
box-shadow: none !important;
width: 20px !important;
}
@media (max-width: 767px) {
.list-spacer {
width: 0 !important;
display: none !important;
}
}
@media (max-width: 530px) {
.list-spacer {
width: 0 !important;
display: none !important;
}
}
/* --------- list no-listtype -------- */
.content ul.no-listtype li:before,
.content ul.no-listtype li:hover:before {
content: none;
}
.content ul.no-listtype li {
padding-left: .3em
}
.content ul.no-listtype li a.fileicon {
margin-left: -4px
}
/* --------- list condensed -------- */
.content ul.list-condensed {
margin-top: 0
}
.content ul.list-condensed li,
.content ul.list-lines.list-condensed li,
.content ul.list-striped.list-condensed li {
padding-top: .3em;
padding-bottom: .2em;
line-height: 1.1em;
}
.content ul.list-condensed li.fileicon.xl {
padding-top: 1em;
padding-bottom: 1em;
background-position-y: 2px
}
.content ul.list-condensed li a.fileicon.xl {
padding-top: 1em;
padding-bottom: .9em;
background-position-y: 0
}
/* --------- list condensed m -------- */
.content ul.list-condensed-m {
margin-top: 0
}
.content ul.list-condensed-m li,
.content ul.list-lines.list-condensed-m li,
.content ul.list-striped.list-condensed-m li {
padding-top: .6em;
padding-bottom: .5em;
line-height: 1.1em;
}
.content ul.list-condensed-m li.fileicon.xl {
padding-top: 1.3em;
padding-bottom: 1.3em;
background-position-y: 2px
}
.content ul.list-condensed-m li a.fileicon.xl {
padding-top: 1.3em;
padding-bottom: 1.2em;
background-position-y: 0
}
/* --------- end LISTEN / FILEICONS -------- */
/* --------- TABS
================================================== */
ul.nav-tabs li,
ul.nav-pills li {
padding: 0;
margin-bottom: -1px
}
ul.nav-tabs li:before,
ul.nav-pills li:before {
display: none
}
ul.timeline li {
padding: 0;
margin-bottom: .5em
}
ul.timeline li:before {
display: none
}
/* --------- end TABS -------- */
/* --------- FILEICON
================================================== */
.fileicon {
padding-left: 25px;
padding-bottom: .2em;
padding-top: .1em
}
.content ul li.fileicon {
color: #999;
padding-left: 25px;
background-position-y:2px;
}
.content ul li.fileicon:before,
.content ul li.fileicon:hover:before {
content: none
}
.content ul.list-lines li.fileicon,
.content ul.list-striped li.fileicon {
background-position-y: 6px
}
.content ul li.fileicon a {
margin-right: .3em;
}
.content ul li a.fileicon {
padding-left: 25px;
margin-left: -25px;
margin-right: .3em;
padding-bottom: .3em;
/* display: block; lässt z.B. Datengröße umbrechen */
}
.content ul li.fileicon a:hover,
.content ul li a.fileicon:hover {
text-decoration: underline;
}
.fileicon.xl {
padding-left: 43px;
padding-top: 1em;
padding-bottom: 1em;
display: inline-block;
}
.content ul li.fileicon.xl {
padding-left: 48px;
padding-top: 1.5em;
padding-bottom: 1.3em;
width: 100%;
background-position-y: 6px;
}
.content ul li a.fileicon.xl {
padding-left: 48px;
padding-top: 1em;
padding-bottom: 1em;
}
.pdf, .fileicon.pdf { background: url(../images/fileicon_s/file_pdf.png) no-repeat }
.doc, .fileicon.doc { background: url(../images/fileicon_s/file_doc.png) no-repeat }
.xls, .fileicon.xls { background: url(../images/fileicon_s/file_xls.png) no-repeat }
.ppt, .fileicon.ppt { background: url(../images/fileicon_s/file_ppt.png) no-repeat }
.zip, .fileicon.zip { background: url(../images/fileicon_s/file_zip.png) no-repeat }
.mov, .fileicon.mov { background: url(../images/fileicon_s/file_mov.png) no-repeat }
.mp3, .fileicon.mp3 { background: url(../images/fileicon_s/file_mp3.png) no-repeat }
.pic, .fileicon.pic { background: url(../images/fileicon_s/file_pic.png) no-repeat }
.gps, .fileicon.gps { background: url(../images/fileicon_s/file_gps.png) no-repeat }
.page, .fileicon.page { background: url(../images/fileicon_s/file_page.png) no-repeat }
.heic, .fileicon.heic { background: url(../images/fileicon_s/file_heic.png) no-repeat }
.fileicon.xl.pdf { background: url(../images/fileicon_m/file_pdf.png) no-repeat }
.fileicon.xl.doc { background: url(../images/fileicon_m/file_doc.png) no-repeat }
.fileicon.xl.xls { background: url(../images/fileicon_m/file_xls.png) no-repeat }
.fileicon.xl.ppt { background: url(../images/fileicon_m/file_ppt.png) no-repeat }
.fileicon.xl.zip { background: url(../images/fileicon_m/file_zip.png) no-repeat }
.fileicon.xl.mov { background: url(../images/fileicon_m/file_mov.png) no-repeat }
.fileicon.xl.mp3 { background: url(../images/fileicon_m/file_mp3.png) no-repeat }
.fileicon.xl.pic { background: url(../images/fileicon_m/file_pic.png) no-repeat }
.fileicon.xl.gps { background: url(../images/fileicon_m/file_gps.png) no-repeat }
.fileicon.xl.page { background: url(../images/fileicon_m/file_page.png) no-repeat }
.fileicon.xl.heic { background: url(../images/fileicon_m/file_heic.png) no-repeat }
a[download] {
background:url(../images/fileicon_s/file_pdf.png) no-repeat;
padding-left: 25px;
padding-bottom: 2px;
display: inline-block
}
.xl a[download] {
background:url(../images/fileicon_m/file_pdf.png) no-repeat;
}
.fileicon a[download] {
background:none;
padding-left: 0;
padding-bottom: 0
}
/* --------- end FILEICONS -------- */
/* --------- ICON
================================================== */
.icon {
padding-left: 40px;
margin: .5em 0 .5em 0;
/* mit Linie */
border-bottom: 1px dotted #bbb;
padding-bottom: .6em;
}
.div-lines .icon,
.div-striped .icon {
margin-top: 0
}
.icon:last-child {
border-bottom: none;
padding-bottom: 0
}
.icon,
.icon a {
color: #000;
text-decoration: none
}
.icon a:hover {
color: #654321;
}
.icon i {
margin-left: -40px;
width: 25px;
padding: .35em .1em .4em .1em;
text-align: center;
color: #fff;
/*text-shadow: 0 1px 0 #fff;*/
border-radius: 2px;
background: #654321;
font-size: 95%;
float: left;
margin-top: -3px
}
.icon.icon-xl {
font-size: 125%;
padding-left: 45px;
padding-bottom: 1em;
padding-top: .1em;
margin-bottom: .7em;
font-weight: bold;
}
.icon.icon-xl a {
font-weight: bold;
}
.icon.icon-xl i {
margin-left: -45px;
width: 35px;
border-radius: 3px;
font-size: 115%;
margin-top: -5px
}
.icon.icon-xs {
padding-left: 19px;
color: #777;
margin-top: .3em !important;
line-height: 1.4em !important
}
.icon.icon-xs.icon-noborder {
padding-bottom: .2em
}
.icon.icon-xs a {
color: #777;
}
.icon.icon-xs a:hover {
color: #000;
}
.icon.icon-xs i {
background: none !important;
background-image: none !important;
border: none !important;
padding: .3em 0 0 0;
margin-left: -19px;
width: 0;
margin-right: 0;
text-align: left;
color: #999 !important;
margin-top: -1px
}
.icon.icon-xs i.fa.fa-phone {
padding-top: .2em
}
.icon.icon-noborder {
border-bottom: none;
margin-top: 0
}
.icon .row {
margin: 0;
}
.icon .row > [class*="col-"] {
padding-left: 0;
padding-right: .3em;
margin-bottom: .4em
}
/* --------- end ICON -------- */
/* --------- SPALTEN
================================================== */
.div-lines,
.div-striped {
margin-bottom: .8em
}
.div-lines .row,
.div-striped .row {
margin: 0;
padding-top: .5em;
padding-bottom: .5em;
}
.div-lines .row .col-xs-12,.div-lines .row .col-xs-11,.div-lines .row .col-xs-10,.div-lines .row .col-xs-9,.div-lines .row .col-xs-8,.div-lines .row .col-xs-7,.div-lines .row .col-xs-6,.div-lines .row .col-xs-5,.div-lines .row .col-xs-4,.div-lines .row .col-xs-3,.div-lines .row .col-xs-2,.div-lines .row .col-xs-1,
.div-lines .row .col-sm-12,.div-lines .row .col-sm-11,.div-lines .row .col-sm-10,.div-lines .row .col-sm-9,.div-lines .row .col-sm-8,.div-lines .row .col-sm-7,.div-lines .row .col-sm-6,.div-lines .row .col-sm-5,.div-lines .row .col-sm-4,.div-lines .row .col-sm-3,.div-lines .row .col-sm-2,.div-lines .row .col-sm-1,
.div-lines .row .col-md-12,.div-lines .row .col-md-11,.div-lines .row .col-md-10,.div-lines .row .col-md-9,.div-lines .row .col-md-8,.div-lines .row .col-md-7,.div-lines .row .col-md-6,.div-lines .row .col-md-5,.div-lines .row .col-md-4,.div-lines .row .col-md-3,.div-lines .row .col-md-2,.div-lines .row .col-md-1
{
padding-left: 0;
padding-right: .2em
}
.div-striped .row .col-xs-12,.div-striped .row .col-xs-11,.div-striped .row .col-xs-10,.div-striped .row .col-xs-9,.div-striped .row .col-xs-8,.div-striped .row .col-xs-7,.div-striped .row .col-xs-6,.div-striped .row .col-xs-5,.div-striped .row .col-xs-4,.div-striped .row .col-xs-3,.div-striped .row .col-xs-2,.div-striped .row .col-xs-1,
.div-striped .row .col-sm-12,.div-striped .row .col-sm-11,.div-striped .row .col-sm-10,.div-striped .row .col-sm-9,.div-striped .row .col-sm-8,.div-striped .row .col-sm-7,.div-striped .row .col-sm-6,.div-striped .row .col-sm-5,.div-striped .row .col-sm-4,.div-striped .row .col-sm-3,.div-striped .row .col-sm-2,.div-striped .row .col-sm-1,
.div-striped .row .col-md-12,.div-striped .row .col-md-11,.div-striped .row .col-md-10,.div-striped .row .col-md-9,.div-striped .row .col-md-8,.div-striped .row .col-md-7,.div-striped .row .col-md-6,.div-striped .row .col-md-5,.div-striped .row .col-md-4,.div-striped .row .col-md-3,.div-striped .row .col-md-2,.div-striped .row .col-md-1
{
padding-left: .5em;
padding-right: .5em
}
.div-lines .row {
border-bottom: 1px solid #ddd;
}
.div-lines .row:last-child {
border-bottom: none;
padding-bottom: 0
}
.div-striped .row {
}
.div-striped > .row:nth-of-type(odd) {
background-color: #f6f6f6;
}
.row.div-head,
.row.div-head-bg {
margin: 0;
padding-top: .1em;
padding-bottom: .1em;
font-weight: bold;
}
.row.div-head {
color: #000;
border-bottom: 2px solid #222;
margin-bottom: .5em;
text-transform: uppercase;
}
.div-lines .row.div-head {
border-bottom: 2px solid #222;
}
.div-striped .row.div-head {
background: none
}
.row.div-head-bg {
color: #fff;
background: #654321;
padding-top: .3em;
padding-bottom: .3em;
}
.div-striped .row.div-head-bg {
background: #654321;
}
.row.div-head .col-xs-12,.row.div-head .col-xs-11,.row.div-head .col-xs-10,.row.div-head .col-xs-9,.row.div-head .col-xs-8,.row.div-head .col-xs-7,.row.div-head .col-xs-6,.row.div-head .col-xs-5,.row.div-head .col-xs-4,.row.div-head .col-xs-3,.row.div-head .col-xs-2,.row.div-head .col-xs-1,
.row.div-head .col-sm-12,.row.div-head .col-sm-11,.row.div-head .col-sm-10,.row.div-head .col-sm-9,.row.div-head .col-sm-8,.row.div-head .col-sm-7,.row.div-head .col-sm-6,.row.div-head .col-sm-5,.row.div-head .col-sm-4,.row.div-head .col-sm-3,.row.div-head .col-sm-2,.row.div-head .col-sm-1,
.row.div-head .col-md-12,.row.div-head .col-md-11,.row.div-head .col-md-10,.row.div-head .col-md-9,.row.div-head .col-md-8,.row.div-head .col-md-7,.row.div-head .col-md-6,.row.div-head .col-md-5,.row.div-head .col-md-4,.row.div-head .col-md-3,.row.div-head .col-md-2,.row.div-head .col-md-1
{
padding-left: 0;
padding-right: .2em
}
.row.div-head-bg .col-xs-12,.row.div-head-bg .col-xs-11,.row.div-head-bg .col-xs-10,.row.div-head-bg .col-xs-9,.row.div-head-bg .col-xs-8,.row.div-head-bg .col-xs-7,.row.div-head-bg .col-xs-6,.row.div-head-bg .col-xs-5,.row.div-head-bg .col-xs-4,.row.div-head-bg .col-xs-3,.row.div-head-bg .col-xs-2,.row.div-head-bg .col-xs-1,
.row.div-head-bg .col-sm-12,.row.div-head-bg .col-sm-11,.row.div-head-bg .col-sm-10,.row.div-head-bg .col-sm-9,.row.div-head-bg .col-sm-8,.row.div-head-bg .col-sm-7,.row.div-head-bg .col-sm-6,.row.div-head-bg .col-sm-5,.row.div-head-bg .col-sm-4,.row.div-head-bg .col-sm-3,.row.div-head-bg .col-sm-2,.row.div-head-bg .col-sm-1,
.row.div-head-bg .col-md-12,.row.div-head-bg .col-md-11,.row.div-head-bg .col-md-10,.row.div-head-bg .col-md-9,.row.div-head-bg .col-md-8,.row.div-head-bg .col-md-7,.row.div-head-bg .col-md-6,.row.div-head-bg .col-md-5,.row.div-head-bg .col-md-4,.row.div-head-bg .col-md-3,.row.div-head-bg .col-md-2,.row.div-head-bg .col-md-1
{
padding-left: .5em;
padding-right: .5em
}
.row.div-foot {
color: #654321;
border-top: #ddd 2px solid;
border-bottom: #ddd 3px solid;
font-weight: bold;
}
.row.div-foot .col-xs-12,.row.div-foot .col-xs-11,.row.div-foot .col-xs-10,.row.div-foot .col-xs-9,.row.div-foot .col-xs-8,.row.div-foot .col-xs-7,.row.div-foot .col-xs-6,.row.div-foot .col-xs-5,.row.div-foot .col-xs-4,.row.div-foot .col-xs-3,.row.div-foot .col-xs-2,.row.div-foot .col-xs-1,
.row.div-foot .col-sm-12,.row.div-foot .col-sm-11,.row.div-foot .col-sm-10,.row.div-foot .col-sm-9,.row.div-foot .col-sm-8,.row.div-foot .col-sm-7,.row.div-foot .col-sm-6,.row.div-foot .col-sm-5,.row.div-foot .col-sm-4,.row.div-foot .col-sm-3,.row.div-foot .col-sm-2,.row.div-foot .col-sm-1,
.row.div-foot .col-md-12,.row.div-foot .col-md-11,.row.div-foot .col-md-10,.row.div-foot .col-md-9,.row.div-foot .col-md-8,.row.div-foot .col-md-7,.row.div-foot .col-md-6,.row.div-foot .col-md-5,.row.div-foot .col-md-4,.row.div-foot .col-md-3,.row.div-foot .col-md-2,.row.div-foot .col-md-1
{
padding-left: 0;
padding-right: .2em
}
.div-condensed .row {
padding-top: .2em;
padding-bottom: .2em;
line-height: 1.2em
}
@media (max-width: 480px) {
.div-lines,
.div-striped {
font-size: 90%
}
}
/* --------- end SPALTEN -------- */
/* --------- SORTIERUNG
================================================== */
.fa.sortby {
background: #d9d9d9;
padding: 0 .3em .05em .3em;
color: #fff;
font-size: 14px;
text-align: center;
border-radius: 2px;
line-height: 1.2em !important;
vertical-align: middle;
margin-bottom: .2em
}
.fa.sortby .fa-caret-up {
padding-top: 0em;
padding-bottom: .15em;
}
.fa.sortby:hover {
background: #aaa;
}
.fa.sortby.rot {
background: red !important;
color: #fff !important
}
.sort-up:after,
.sort-down:after {
content: '\f0de';
font-family: 'FontAwesome';
font-weight: normal;
font-size: 18px;
color: #ccc;
left: .3em;
top: 8px;
position: relative;
white-space: nowrap;
}
.sort-down:after {
content: '\f0dd';
top: -1px;
left: 2px
}
.sort-up.active:after,
.sort-down.active:after {
color: #0099ff;
}
.sort-up:hover:after,
.sort-down:hover:after {
color: #888 !important;
}
.sort2-up:after,
.sort2-down:after {
content: '\f0de';
font-family: 'FontAwesome';
font-weight: normal;
font-size: 14px;
color: #fff;
background: #d9d9d9;
padding: .35em .3em .25em .3em;
text-align: center;
border-radius: 2px;
line-height: .8em !important;
vertical-align: middle;
margin-top: 0;
margin-left: .3em;
margin-right: 0;
margin-bottom: .1em;
display: inline-block;
position: relative;
width: 16px;
height: 15px;
}
.sort2-down:after {
content: '\f0dd';
margin-left: 0;
padding-top: 0
}
.sort2-up.active:after,
.sort2-down.active:after {
background: #0099ff;
}
.sort2-up:hover:after,
.sort2-down:hover:after {
background: #888 !important;
}
@media (max-width: 767px) {
.sort-up:after,
.sort-down:after {
font-size: 16px;
}
.sort2-up:after,
.sort2-down:after {
font-size: 12px;
margin-top: 0;
line-height: 1.1em !important;
}
.sort2-up:after {
margin-left: 0
}
.sort2-down:after {
}
}
@media (max-width: 380px) {
.sort-up:after,
.sort-down:after {
font-size: 13px;
}
.sort-down:after {
left: 0
}
}
/* --------- end SORTIERUNG -------- */
/* --------- TABELLEN
================================================== */
.table, table { margin-bottom: 1em }
table { width: 100% }
.table-right { text-align: right; }
.table-center { text-align: center; }
.border-top,
.table.borderless .border-top { border-top: 3px solid #bbb !important;
}
.border-bottom,
.table.borderless .border-bottom { border-bottom: 3px solid #bbb !important;
}
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td { border: 1px dotted #bbb;
}
.borderless td,
.borderless { border:none }
.table-responsive { border: none }
.table-responsive td { white-space: normal !important }
/* - ZELLEN -------- */
.td,
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td,
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
padding: .4em .8em;
line-height: 1.2em !important;
border-top: none;
border-bottom: 1px dotted #bbb;
white-space: normal
}
td:first-child {
padding-left: 0;
}
.table-bordered td:first-child,
.table-striped td:first-child {
padding-left: .8em;
}
/* - HEADER -------- */
.table > thead > tr > th,
.table > thead > tr > td,
table > thead > tr > th,
table > thead > tr > td {
color: #fff;
background: #654321;
}
.table > thead > tr > th:first-child,
.table > thead > tr > td:first-child,
table > thead > tr > th:first-child,
table > thead > tr > td:first-child {
padding-left: .1em !important;
}
/* - HEADER Sub -------- */
.table > thead.sub > tr > th,
.table > thead.sub > tr > td,
table > thead.sub > tr > th,
table > thead.sub > tr > td {
background: none;
font-weight: bold;
color: #654321;
vertical-align: middle;
}
.table > thead.sub > tr > th:first-child,
.table > thead.sub > tr > td:first-child,
table > thead.sub > tr > th:first-child,
table > thead.sub > tr > td:first-child {
padding-left: 0 !important;
}
/* - FOOTER -------- */
.table > tfoot > tr > th,
.table > tfoot > tr > td,
table > tfoot > tr > th,
table > tfoot > tr > td {
color: #654321;
font-weight: bold;
border-weight: 5px !important
}
/* - CONDENSED -------- */
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td,
table-condensed > thead > tr > th,
table-condensed > tbody > tr > th,
table-condensed > tfoot > tr > th,
table-condensed > thead > tr > td,
table-condensed > tbody > tr > td,
table-condensed > tfoot > tr > td {
}
.table.table-condensed > thead.sub > tr > th,
.table.table-condensed > thead.sub > tr > td,
table .table-condensed > thead.sub > tr > th,
table .table-condensed > thead.sub > tr > td {
}
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td,
table-condensed > tfoot > tr > th,
table-condensed > tfoot > tr > td {
padding-top: .1em;
padding-bottom: .1em;
}
/* - TABLE - Typ 1 -------- */
/* 1. Zeile */
.table-typ-1 tr:nth-child(1) td {
font-weight: bold;
}
/* - TABLE - Typ 2 -------- */
.table-typ-2 {
}
.table-typ-2 tr:last-child td {
border-bottom: 1px dotted #bbb;
}
.table-typ-2 td {
border: 3px solid #fff;
padding: .4em .5em
/*
box-shadow: inset 1px 3px 5px -3px rgba(0,0,0,.5);
border-radius: .5em;
background-color: #ffebe6;
*/
}
/* 1. Zeile */
.table-typ-2 tr:nth-child(1) td {
background-color: #777;
font-weight: bold;
color: #fff;
line-height: 1.1em !important;
border-bottom: 10px solid #fff;
}
.table-typ-2 tr:nth-child(1) td a {
color: #fff !important;
}
.table-typ-2 tr:nth-child(1) td a:hover {
text-decoration: underline
}
/* 1. Spalte */
.table-typ-2 td:first-child {
}
.table-typ-2 tr:nth-child(even) td {
background-color: #eee;
}
.table-typ-2 td:empty,
.table-typ-2 tr:nth-child(even) td:empty {
box-shadow: none;
background: repeating-linear-gradient(
-45deg,
#eee,
#eee 2px,
#fff 2px,
#fff 9px
);
}
/* - TABLE - Typ 3 -------- */
.table-typ-3 td {
border: 3px solid #fff;
padding: .4em .5em;
border-radius: .6em !important;
border: 1px dotted #bbb !important;
border-left: none !important;
border-right: none !important
/*
box-shadow: inset 1px 3px 5px -3px rgba(0,0,0,.5);
border-radius: .5em;
background-color: #ffebe6;
*/
}
.table-typ-3 tr:nth-child(odd) td {
background-color: #fff;
}
/* 1. Spalte */
.table-typ-3 td:first-child {
background-color: #777 !important;
color: #fff !important;
border-color: #fff !important;
border-width: 2px !important;
border-style: solid !important;
border-right-width: 15px !important
}
.table-typ-3 td:first-child a {
color: #fff !important;
}
.table-typ-3 td:first-child a:hover {
text-decoration: underline
}
/* - TABLE - Typ 4 -------- */
.table-typ-4 td {
border: 7px solid #fff;
padding: .8em 1em;
/*
box-shadow: inset 1px 2px 5px -2px rgba(0,0,0,.2);
border-radius: .5em;
background-color: #f6f6f6;
*/
}
/* 1. Spalte */
.table-typ-4 td:first-child {
border-left: none !important
}
/* ----- Hintergrundgrafiken ----*/
.bg1 {
background: url(../images/5px.gif) repeat;
padding-left: 0 !important;
padding-right: 0 !important;
vertical-align: middle !important
}
/* ----- Hintergrundgrafiken ----*/
@media screen and (max-width: 767px) {
table {
width: 100%;
font-size: 90%;
line-height: 1.3em
}
table tr td {
/* max-width: 30px;*/
white-space: normal
}
}
/* --------- end TABELLEN -------- */
/* --------- FORMULAR
================================================== */
form {
/*margin-bottom: 2em;*/
display: inline-block;
width: 100%;
line-height: 1.4em !important
}
form.form-horizontal {
width: 100%
}
form.schmal {
max-width: 670px;
}
form .row {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.form-group {
margin: 0 0 1em 0 !important;
}
.form-control {
background: #fbfbfb;
/*margin-bottom: 1em;
margin: 0 !important*/;
}
.form-control.auto {
width: auto;
display: inline-block
}
.form-block {
width: 100%;
float: left;
}
form label {
display: inline-block;
clear: both;
font-weight: 600;
margin-right: .2em;
padding-left: 1px;
margin-bottom: 0
}
form .row label {
display: block;
}
form .row label.checkbox-inline,
form .row label.radio-inline {
display: inline;
}
form.form-horizontal label {
margin-right:0;
}
form.form-horizontal [class*="col-"] {
}
form.form-horizontal .form-control {
}
form .nowrap label {
clear: none !important;
display: inline-block !important
}
.checkbox label,
.radio label,
.checkbox-inline,
.radio-inline {
font-weight: normal;
}
label small,
small label {
font-weight: normal;
color: #888;
margin-left: .3em
}
label.normal,
.normal label {
font-weight: normal;
}
label.light,
.light label {
font-weight: 300;
}
.nowrap label {
clear: none !important;
white-space: nowrap !important;
display: inline !important
}
form select {
color: #000 !important;
margin-right: .2em;
}
.checkbox {
float: left;
width: 100%;
margin: 0 0 .5em 0;
}
.checkbox label {
width: auto;
float: left;
}
.form-inline .checkbox {
width: auto
}
.form-inline .checkbox label {
float: none
}
.checkbox.btn {
width: auto;
clear: both
}
.eingerueckt {
clear: both;
float: left;
width: 100%;
margin-left: 20px;
margin-bottom: 1.5em !important
}
.input-xs {
height: 22px;
padding: 0 .6em .1em .6em;
font-size: 85%
}
.form-inline {
margin-top: 1em;
/*margin-bottom: 1em;*/
}
.form-inline .form-group {
margin: 0 !important
}
form.form-inline .form-group,
form.form-inline .checkbox,
form.form-inline .radio {
margin-right: 1em !important;
float: left;
margin-bottom: 1em !important;
/*min-height: 65px*/
}
.form-inline.label-oben .form-group,
.form-inline.label-oben .checkbox,
.form-inline.label-oben .radio{
/*min-height: 85px*/;
}
.form-inline.form-xs .form-group,
.form-inline.form-xs .checkbox,
.form-inline.form-xs .radio{
min-height: 30px;
}
.form-inline.label-oben.form-xs .form-group,
.form-inline.label-oben.form-xs .checkbox,
.form-inline.label-oben.form-xs .radio{
/*min-height: 75px*/;
}
form.form-inline .form-group:last-child,
form.form-inline .checkbox:last-child,
form.form-inline .radio:last-child {
margin-right: 0 !important
}
.form-inline .form-control {
width: auto
}
.form-inline label {
display: inline;
position: relative;
vertical-align: top;
margin-right: .2em;
top: 7px;
}
.form-inline select {
margin-top: 8px
}
.form-inline select.form-control {
margin-top: 0
}
.form-inline.form-xs select {
margin-top: 0
}
.form-inline.label-oben select {
vertical-align: top !important;
margin: 0 !important
}
.form-inline .checkbox,
.form-inline .radio {
}
.form-inline .input-group {
width: auto !important
}
.form-inline.form-xs {
}
.form-inline.form-xs input {
height: 22px;
padding-left: .5em;
padding-right: .5em
}
.form-inline.form-xs select {
height: 22px;
font-size: 90%;
}
.form-inline.form-xs label {
top: 0
}
.form-inline.form-xs .checkbox,
.form-inline.form-xs .radio {
}
.form-inline.form-xs .checkbox [type=checkbox],
.form-inline.form-xs .radio [type=radio] {
top: -5px
}
.form-inline.label-oben label {
display: block;
margin-bottom: 0;
top: 0 !important
}
.form-inline.label-oben.form-xs label {
margin-bottom: .1em
}
.form-inline.label-oben .checkbox,
.form-inline.label-oben .radio {
padding-top: 18px
}
.form-inline.label-oben.form-xs .checkbox,
.form-inline.label-oben.form-xs .radio {
padding-top: 11px
}
.form-inline.label-oben.form-xs .checkbox [type=checkbox],
.form-inline.label-oben.form-xs .radio [type=radio] {
top: 4px
}
.form-inline button[type=submit].absenden,
.form-inline button.absenden,
.form-inline input[type=submit].absenden,
.form-inline input.absenden,
.form-inline .absenden {
/*clear: none;
display: inline-block;
margin-top: 0 !important; */
}
.form-inline.label-oben button[type=submit].absenden,
.form-inline.label-oben button.absenden,
.form-inline.label-oben input[type=submit].absenden,
.form-inline.label-oben input.absenden,
.form-inline.label-oben .absenden {
margin-top: 25px !important
}
.form-inline.form-xs button[type=submit].absenden,
.form-inline.form-xs button.absenden,
.form-inline.form-xs input[type=submit].absenden,
.form-inline.form-xs input.absenden,
.form-inline.form-xs .absenden {
height: 22px;
padding-top: 0;
padding-bottom: 0;
margin-top: 3px !important
}
.form-inline.label-oben.form-xs button[type=submit].absenden,
.form-inline.label-oben.form-xs button.absenden,
.form-inline.label-oben.form-xs input[type=submit].absenden,
.form-inline.label-oben.form-xs input.absenden,
.form-inline.label-oben.form-xs .absenden {
margin-top: 23px !important
}
.form-suche {
clear: left
}
.form-suche[class*="col-"] {
padding-left: 0
}
.form-suche .form-control {
width: 100%
}
@media (max-width: 767px) {
.form-suche .input-group {
min-width: 55%;
}
}
@media (max-width: 320px) {
.form-suche {
width: 100%;
}
.form-suche label {
width: 100%;
}
.form-suche .input-group {
min-width: 70%;
}
}
.input-group-btn .btn {
height:34px;
line-height: 34px;
padding: 0 .7em;
}
.form-xs .input-group-btn .btn {
height: 22px;
line-height: 22px;
}
@media (max-width: 992px) {
.form-inline button[type=submit].absenden,
.form-inline button.absenden,
.form-inline input[type=submit].absenden,
.form-inline input.absenden,
.form-inline .absenden,
.form-inline.label-oben button[type=submit].absenden,
.form-inline.label-oben button.absenden,
.form-inline.label-oben input[type=submit].absenden,
.form-inline.label-oben input.absenden,
.form-inline.label-oben .absenden {
margin-top: .5em !important;
clear: both !important;
float: left
}
}
@media (max-width: 767px) {
form.form-inline {
/*margin-bottom: 2em !important*/
}
form.form-inline .form-group select {
max-width: 60% !important;
}
form.form-inline .form-group label {
min-width: 110px;
padding-right: .5em !important;
vertical-align: none !important;
display: block;
float: left;
top: -11px !important;
display: inline;
white-space: normal;
}
form.form-inline .input-group {
clear: none !important;
}
form.form-inline .input-group .form-control {
}
form.form-inline .input-group-btn {
display: block
}
form.form-inline .form-group,
form.form-inline .input-group,
form.form-inline .checkbox,
form.form-inline .radio{
min-height: auto !important;
height: auto !important;
clear: both;
padding: 0 !important;
margin-bottom: .4em !important;
margin-top: 0 !important;
float: left;
vertical-align: top;
}
form.form-inline .checkbox,
form.form-inline .radio{
margin-top: 0 !important;
margin-bottom: 1em !important;
}
/*form.form-inline .form-group {
margin-top: .2em !important;
}*/
form.form-inline .form-group.noclearer,
form.form-inline .input-group.noclearer,
form.form-inline .checkbox.noclearer,
form.form-inline .radio.noclearer{
clear: none;
}
form.form-inline .checkbox,
form.form-inline .radio{
margin-bottom: .2em !important;
}
form.form-inline .form-control{
margin: 0 !important
}
form.form-inline .checkbox,
form.form-inline .radio,
form.form-inline .checkbox [type=checkbox],
form.form-inline .radio [type=radio] {
vertical-align: top;
top:0 !important;
padding: 0 !important;
padding-bottom: 1em !important
}
form.form-inline .input-group {
width: calc(40% - 15px) !important;
}
form.form-inline .form-group label {
margin: 0 !important;
top: 0;
margin-top: 1em !important
}
form.form-inline select {
vertical-align: top !important;
margin: 0 !important;
height: auto !important;
top: 0
}
.form-inline button[type=submit].absenden,
.form-inline button.absenden,
.form-inline input[type=submit].absenden,
.form-inline input.absenden,
.form-inline .absenden,
.form-inline.label-oben button[type=submit].absenden,
.form-inline.label-oben button.absenden,
.form-inline.label-oben input[type=submit].absenden,
.form-inline.label-oben input.absenden,
.form-inline.label-oben .absenden {
margin-top: 1em !important;
}
.form-inline .checkbox,
.form-inline .radio {
padding-bottom: 0 !important;
padding-top: 0 !important;
margin-top: 1em !important
}
.form-inline.form-xs .checkbox,
.form-inline.form-xs .radio {
padding-bottom: 0 !important;
padding-top: 0 !important;
}
.form-inline.form-xs .checkbox [type=checkbox],
.form-inline.form-xs .radio [type=radio] {
top:-5px !important
}
.form-inline.label-oben .checkbox,
.form-inline.label-oben .radio {
padding-bottom: 0 !important;
padding-top: 0 !important
}
.form-inline.label-oben.form-xs .checkbox,
.form-inline.label-oben.form-xs .radio {
padding-bottom: 0 !important
}
.form-inline.label-oben.form-xs .checkbox [type=checkbox],
.form-inline.label-oben.form-xs .radio [type=radio] {
top:-5px !important
}
}
@media (max-width: 480px) {
form.form-inline .input-group .form-control {
width: 100%
}
}
/*
form .alert {
margin-left:-15px !important
}
form .alert.alert-danger {
background: #ffe8e8;
border-color: rgba(255, 0, 0, 0.15);
color: red;
font-weight: 600;
margin: .5em 0;
clear: both;
display: block;
padding: .5em 1em;
}
*/
.error{
z-index: 10;
position: relative;
display: inline-block;
width: 100%;
font-size: 85% !important;
font-weight: 600;
border-radius: 3px;
background: red !important;
color: #fff !important;
line-height: 1.1em !important;
padding: .2em .5em !important;
margin-bottom: 4px !important;
opacity: .75;
box-shadow: .1em .1em .2em rgba(0, 0, 0, 0.3);
}
.error:before {
top: 95%;
left: 10%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(194, 225, 245, 0);
border-top-color: red;
border-width: 7px;
margin-left: -7px;
}
.form-horizontal .error {
display: inline;
float: none;
bottom: 4px;
left: 15px
}
.form-abstand .error,
.form-inline .error {
display: inline;
float: none;
width: auto !important;
position: absolute;
margin-top: -23px
}
.form-abstand.label-oben .error,
.form-inline.label-oben .error {
margin-left: 3%
}
@media (max-width: 767px) {
.form-abstand .error,
.form-inline .error {
float: left;
position: relative;
margin: 2px .5em 0 0 !important
}
.form-abstand .error:before,
.form-inline .error:before {
display: none
}
}
form .btn {
margin-top: 0 !important;
}
.input-group-addon.addon-2 {
background: none;
border: none;
float: right;
margin-top: -30px;
padding-right: 35px
}
.pflicht {
font-weight: normal;
color: red !important;
margin-top: 0 !important;
margin-left: -2px !important;
font-size: 11px;
position: relative !important;
clear: none !important;
display: inline !important;
top: -5px !important
}
@media (min-width: 768px) {
.form-inline .pflicht { top: -12px !important }
.form-inline.form-xs .pflicht { top: -8px !important }
}
.form-inline.label-oben .pflicht,
.form-inline.label-oben.form-xs .pflicht { top: -5px !important }
form .controls .form-control {
width: 100%;
margin-bottom: 1em;
float: left
}
form h1,
form h2,
form h3,
form h4,
form h5,
form h6 {
clear: both;
float: left;
width: 100%;
}
form h1 { margin: 0 0 0 0 !important }
form h2 { margin: 2em 0 .2em 0 !important }
form h3 { margin: 2em 0 .2em 0 !important }
form h4 { margin: 2em 0 .2em 0 !important }
form h5 { margin: .5em 0 0 0 !important; font-weight: bold; }
form h6 { margin: .5em 0 0 0 !important }
.bg-darkgrey select,
.bg-transp select {
color: #000 !important
}
/* --------- end FORMULAR -------- */
/* --------- SEARCH
================================================== */
.search {
width: 20%;
float: right;
text-align: right;
margin: 0;
}
.search .form-control {
float: left;
height: 22px;
width: 100%;
margin: 0px;
padding: 0 35px 0 .6em;
border-radius: 3px;
font-size: 85%;
color: #000
}
.search .form-control:focus {
}
.search .lupe {
float: left;
height: 22px;
width: 30px;
margin: 0 0 0 -30px;
padding: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
background-image: url(../images/lupe/lupe_xs_fff.png);
background-position: center center;
background-repeat: no-repeat;
background-color: #aaa;
border-color: #aaa;
border-left: none;
box-shadow: none
}
.search .lupe:hover {
background-image: url(../images/lupe/lupe_xs_fff.png);
background-position: center center;
background-repeat: no-repeat;
background-color: #888;
border-color: #888;
}
@media (max-width: 992px) {
.search {
width: 30%
}
}
@media (max-width: 480px) {
.search {
width: 50%
}
.search .lupe {
margin-top: -22px;
float: right
}
}
/* --------- end SEARCH -------- */
/* --------- SUCHE
================================================== */
.suche {
position: absolute;
z-index: 1000;
margin: 0;
width: 200px
}
.suche .form-group {
width: 100%
}
.suche .form-control {
border-right: none !important;
}
.suche .form-control:focus {
}
.suche .btn {
border-left: none;
text-shadow: none;
}
.suche .btn:hover {
/*outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);*/
}
.suche .btn i {
color: #aaa !important;
padding-top: .25em;
vertical-align: top
}
.suche .btn:hover i {
}
.suche input::-webkit-input-placeholder {
color: #bbb !important;
}
.suche input:-moz-placeholder { color: #333 !important }
.suche input::-moz-placeholder { color: #333 !important }
.suche input:-ms-input-placeholder { color: #333 !important }
.suche .form-control:focus::-webkit-input-placeholder { color: #fff !important }
.suche .form-control:focus:-moz-placeholder { color: #fff !important }
.suche .form-control:focus::-moz-placeholder { color: #fff !important }
.suche .form-control:focus:-ms-input-placeholder { color: #fff !important }
@media (min-width: 768px) {
#sticky.affix .suche {
}
#sticky.affix .suche .form-control {
}
#sticky.affix .suche .btn {
}
}
@media (max-width: 767px) {
.suche {
width: 150px
}
.suche .form-control {
}
.suche .btn {
}
}
/* --------- end SUCHE -------- */
/* --------- TOGGLE
================================================== */
.toggle-box {
float: right;
clear: both;
position: fixed;
right: 15px;
top:15%;
margin-top: 3em;
margin-bottom: 2em;
padding: .8em .5em .5em .5em;
background: #fff;
border-radius: 7px;
box-shadow: .1em .1em .4em rgba(0, 0, 0, 0.4);
z-index: 100;
width: 150px
}
.toggle-box h1,
.toggle-box h2,
.toggle-box h3,
.toggle-box h4,
.toggle-box h5,
.toggle-box h6 {
padding-top: 0;
margin-top: .3em;
margin-bottom: .5em;
line-height: 1.1em;
}
.toggle-box h2 {
background: #2196F3;
color: #fff !important;
font-family: 'arial', sans-serif !important;
font-weight: bold !important;
text-transform: uppercase;
border: none;
padding: .15em .5em .15em .5em;
margin: -.8em -.4em .8em -.4em;
width: 151px;
float: left;
display: inline-block;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
line-height: 1.2em !important;
font-size: 20px !important;
text-align: center;
}
.toggle-box h6 {
font-size: 105%;
margin-top: 0
}
.toggle-box.debug-box {
position: fixed !important;
width: 150px !important;
padding: 5px 10px 5px 10px !important;
}
.toggle-box.debug-box h2 {
padding: 5px 10px 5px 10px !important;
margin: -5px -10px 12px -10px !important;
width: clac(100% + 20px)
}
.toggle-box.debug-box .switch span {
font-size: 13px !important;
white-space: normal !important
}
@media (max-width: 780px) {
.toggle-box {
top: 5%;
right: 5px;
font-size: 80%
}
.toggle-box .col { width: 33%; float: left }
}
@media (max-width: 500px) {
.toggle-box .col { width: 50%; }
}
@media (max-width: 380px) {
.toggle-box .col { width: 100%; }
}
.switch .open span,
.switch .closed span {
font-weight: normal;
line-height: 1em;
margin-left: 35px;
margin-top: -5px;
display: inline-block;
position: relative
}
.switch .open,
.switch .closed {
position: absolute;
cursor: pointer;
background-color: #2196F3;
-webkit-transition: .4s;
transition: .4s;
box-shadow: .1em .1em .1em rgba(0, 0, 0, 0.5) inset;
border-radius: 17px;
color: #000;
position: relative;
width: 30px;
height: 17px;
margin-bottom: .8em;
clear: both;
display: block;
line-height: 1.2em;
}
.switch .open:before,
.switch .closed:before {
position: absolute;
content: "";
height: 13px;
width: 13px;
left: 2px;
bottom: 2px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
-webkit-transform: translateX(13px);
-ms-transform: translateX(13px);
transform: translateX(13px);
box-shadow: .1em .1em .1em rgba(0, 0, 0, 0.35);
border-radius: 50%;
}
.switch .closed {
background-color: #ccc;
color: #aaa
}
.switch .closed:before {
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}
.switch .open:hover,
.switch .closed:hover {
text-decoration: none;
color: #2196F3;
color: #000
}
.toggle-box.xs .switch .open span,
.toggle-box.xs .switch .closed span {
margin-left: 30px;
}
.toggle-box.xs .switch .open,
.toggle-box.xs .switch .closed {
margin-bottom: .3em;
font-size: 80%;
height: 14px;
width: 25px;
margin-bottom: .7em
}
.toggle-box.xs .switch .open:before,
.toggle-box.xs .switch .closed:before {
height: 10px;
width: 10px;
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
.toggle-box.xs .switch .closed:before {
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}
.aktivieren {
margin-top: 1em;
font-weight: bold;
}
.aktivieren .switch .open {
background: green;
color: green;
margin-top: 1.5em;
}
.aktivieren .switch .closed {
background: red;
color: red
}
/*
.toggle-content {
display: none
}
*/
.on {
display: inherit
}
.ausblenden a,
.einblenden a {
background: #fff;
color: #999;
padding: .2em .6em;
position: absolute;
box-shadow: .1em .1em .2em rgba(0, 0, 0, 0.2);
border: 1px solid #e2e2e2;
border-radius: 20px;
z-index: 100;
}
.ausblenden a:hover,
.einblenden a:hover {
background: #ddd;
color: #000;
border-color: #ddd;
box-shadow: .1em .1em .2em rgba(0, 0, 0, 0.2) inset;
text-decoration: none !important;
}
/* --------- end TOGGLE -------- */
/* --------- NEWS / TERMINE
================================================== */
.kurztext {
border-bottom: 1px dotted #ccc;
clear: both;
margin-top: 1.5em;
margin-bottom: 2.5em
}
.kurztext img {
clear: both;
margin-bottom: 0
}
.kurztext .bildrahmenlinks,
.kurztext .bildrahmenrechts,
.kurztext .bildlinks,
.kurztext .bildrechts,
.kurztext .bildrahmenlinks-nb,
.kurztext .bildrahmenrechts-nb {
margin-bottom: .5em
}
.kurztext_datum,
.langtext_datum {
clear: left;
font-size: 80%;
background: #ccc;
color: #fff;
padding: .1em .5em;
text-transform: uppercase;
letter-spacing: .03em;
margin-bottom: 1em;
display: inline;
white-space: nowrap;
float: left;
line-height: 1.3em;
font-weight: bold;
}
.kurztext_datum {
margin-bottom: .6em;
}
.kurztext_dachzeile {
color: #654321;
clear: both
}
.kurztext_headline {
margin-top: 0;
margin-bottom: .2em;
font-size: 155%;
}
@media (max-width: 992px) {
.kurztext_headline {
font-size: 165%
}
}
.kurztext_text {
margin-top: .5em;
}
.kurztext_footer {
clear: both;
text-align: right;
margin: 0;
padding: 0
}
.kurztext_footer ul {
margin-top: 0;
margin-bottom: .5em;
}
.kurztext_footer ul li {
padding: 0;
}
.kurztext_footer a:hover,
.kurztext_footer a.btn:hover {
text-decoration: none
}
.kurztext.topnews {
margin-top: 1.8em;
margin-top: 0
}
.kurztext.topnews img {
}
.kurztext.topnews .kurztext_datum {
}
.kurztext.topnews h1 {
margin-top: 0;
margin-bottom: .2em;
padding: 0;
font-size: 300%;
clear: both;
text-transform: none;
border: none
}
@media (max-width: 992px) {
.kurztext.topnews h1 {
font-size: 200%
}
}
.kurztext.topnews .kurztext_headline a {
font-size: 220%;
clear: both;
margin: 0;
padding: 0;
color: #000;
text-transform: uppercase
}
.kurztext.topnews .kurztext_text {
margin-top: 1em;
font-size: 125%;
font-weight: normal;
line-height: 1.6em;
margin-bottom: 1.3em
}
.kurztext.topnews .kurztext_datum {
margin-bottom: 1em;
}
.kurztext.topnews .kurztext_footer ul {
}
.langtext_headline {
clear: both;
margin-bottom: .2em;
text-transform: none;
font-size: 340%;
}
@media (max-width: 992px) {
.langtext_headline {
font-size: 240%
}
}
.langtext_datum {
margin-top: 2em
}
.langtext_text {
clear: both ;
margin-bottom: 3em;
}
/* ---- end NEWS / TERMINE ---- */
/* ----- PAGINATION -------------
================================================== */
.pagination {
clear: both;
border-top: 1px dotted #ccc;
padding: 2em 0 0 0;
margin-top: 3em;
margin-bottom: 1em;
display: inline-block;
width: 100%;
position: relative
}
.pagination .btn {
margin-bottom: .5em
}
.pagination2 {
clear: both;
margin-top: 1.5em;
margin-bottom: 2em;
display: inline-block;
width: 100%;
text-align: right
}
.pagination2 .btn {
margin-bottom: .5em;
margin-left: .5em
}
.pagination2 .btn.pull-left {
margin-left: 0
}
.pagination_navi {
width: 100%;
margin: 0 0 2em 0;
/*
margin: 0 0 2.5em 0;
padding: 0 0 2.5em 0;
border-bottom: 1px dotted #ccc;
*/
font-size: 90%;
float: right;
text-align: right
}
.pagination_navi span {
text-align: left;
float: left;
}
.pagination_navi a,
.pagination_navi .end {
text-align: center;
padding: .1em .4em;
margin: .15em;
border-radius: 2px;
display: inline-block;
font-weight: normal;
line-height: 1.2em;
background: #ccc;
}
.pagination_navi a:first-child {
margin-left: 2em
}
.pagination_navi a:hover,
.pagination_navi .end:hover {
color: #fff;
background: #999;
}
.pagination_navi a.aktiv {
background: #654321;
color: #fff;
font-weight: bold;
}
.pagination_navi a.inaktiv {
}
/* --------- end PAGINATION -------- */
/* --------- PAGINATION-Verlauf
================================================== */
.content ul.pagination {
display: block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
}
.content ul.pagination li:before {
display: none;
}
.content ul.pagination li,
.content ul li.page-item {
}
.content ul.pagination a,
.page-link {
color: #000;
margin: 0 !important
}
/* --------- end PAGINATION -------- */
/* --------- PERSONAL
================================================== */
.pers {
float: left;
clear: none;
width: 100%;
margin: 0 5% 2.5em 0;
}
h2.pers_headline,
h2.name {
margin-top: 0
}
.pers_bild,
.pers_bild_kl {
border: #ddd 1px solid;
padding: 3px;
margin-top: 0;
margin-left: .5em;
position: relative;
display: inline;
float: right;
width: 15%
}
.abteilung {
color: #000;
font-weight: bold;
margin: 2em 0 -.5em 0;
display: inline;
position: relative;
font-size: 95%;
float: left;
width: 60%;
clear: left;
float: left;
text-transform: uppercase;
line-height: 1.2em
}
.bemerkungen {
line-height: 1.2em;
font-size: 95%;
padding: 0;
color: #000;
font-weight: normal
}
/* --------- end PERSONAL -------- */
/* --------- FAQ
================================================== */
.faq_frage {
margin-bottom: .5em
}
.faq_antwort {
clear: both;
width: 100%;
border-bottom: 1px dotted #ccc;
padding-bottom: 3em;
margin-bottom: 3em;
}
.faq_antwort ul {
margin: 0
}
.faq_url {
margin-top: 2em;
font-weight: bold;
}
.faq_url a {
/* padding-left: 25px;*/
font-weight: normal
}
/*.faq_url a:before {
content: '\F0DA';
font-family: 'FontAwesome';
color: #654321;
display: inline-block;
margin-left: -15px;
width: 15px;
font-size: 80%;
} */
/* --------- end FAQ -------- */
/* --------- VIDEO
================================================== */
.video_wrap {
margin-bottom: 2em
}
video {
width:100%;
height: auto;
margin: 0 auto;
border: 1px solid #eee;
background: #000;
padding: 0;
margin: 0;
}
.video_curser {
cursor: pointer;
}
/* --------- end VIDEO -------- */
/* --------- FARBEN
================================================== */
.grayscale {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
filter: url(/elements/grayscale.svg#desaturate);
filter: gray;
-webkit-filter: grayscale(1);
opacity: .6 !important
}
.grayscale:hover {
filter: grayscale(0%);
filter: none;
-webkit-filter: grayscale(0);
opacity: 1 !important
}
.hellrot, .text-hellrot { color: #ff9999 !important }
.rot, .red, .text-rot, .text-red, .text-danger { color: red !important }
.gruen, .green, .text-gruen, .text-green, .text-success { color: #66bb00 !important }
.blau, .blue, .text-blue { color: #1166ee !important }
.primary, .text-primary { color: #337ab7 !important }
.info, .text-info { color: #31708f !important }
.warning, .text-warning { color: #8a6d3b !important }
a.hellrot:hover, a.text-hellrot:hover,
a.rot:hover, a.red:hover, a.text-rot:hover, a.text-red:hover, a.text-danger:hover,
a.gruen:hover, a.green:hover, a.text-gruen:hover, a.text-green:hover, a.text-success:hover,
a.blau:hover, a.blue:hover, a.text-blue:hover,
a.primary:hover, a.text-primary:hover,
a.info:hover, a.text-info:hover,
a.warning:hover, a.text-warning:hover { text-decoration: underline !important }
.schwarz, .black, .text-black,
a.schwarz, a.black, a.text-black { color: #000 !important }
.weiss, .white, .text-white,
a.weiss, a.white, a.text-white { color: #fff !important }
.grau, .grey, .gray,
.text-grau, .text-grey, .text-gray,
a.grau, a.grey, a.gray,
a.text-grau, a.text-grey, a.text-gray { color: #999 !important }
.dunkelgrau, .darkgrey, .darkgray,
.text-dunkelgrau, .text-darkgrey, .text-darkgray,
a.dunkelgrau, a.darkgrey, a.darkgray,
a.text-dunkelgrau, a.text-darkgrey, a.text-darkgray { color: #606060 !important }
.hausfarbe, .text-hausfarbe,
a.hausfarbe, a.text-hausfarbe { color: #654321 !important }
.hausfarbe_hell, .text-hausfarbe_hell { color: #654321 !important; opacity: 0.7 }
.hausfarbe_hell2, .text-hausfarbe_hell2 { color: #654321 !important; opacity: 0.5 }
.hausfarbe_hell3, .text-hausfarbe_hell3 { color: #654321 !important; opacity: 0.3 }
.hausfarbe_dunkel, .text-hausfarbe_dunkel { color: #434321 !important }
.hausfarbe_dunkel2, .text-hausfarbe_dunkel2 { color: #321098 !important }
.hausfarbe_dunkel3, .text-hausfarbe_dunkel3 { color: #210987 !important }
.bg-danger { background: #ffe0e0 !important; color: red !important }
.bg-success { background: #ddf3dd !important; color: #66bb00 !important }
.bg-blue { background: #d3e2ff !important; color: #1166ee !important }
.bg-primary { color: #fff !important }
.bg-info { color: #31708f !important }
.bg-warning { color: #8a6d3b !important; }
.bg-white { background: #fff !important }
.bg-black { background: #000 !important; color: #fff !important }
.bg-hausfarbe,
.bg-content.bg-hausfarbe,
.well.bg-hausfarbe,
.well-sm.bg-hausfarbe {
background: #654321;
color: #fff;
border-color: rgba(0, 0, 0, 0.1);
}
.bg-hausfarbe h1, .bg-hausfarbe h1 a,
.bg-hausfarbe h2, .bg-hausfarbe h2 a,
.bg-hausfarbe h3, .bg-hausfarbe h3 a,
.bg-hausfarbe h4, .bg-hausfarbe h4 a,
.bg-hausfarbe h5, .bg-hausfarbe h5 a,
.bg-hausfarbe h6, .bg-hausfarbe h6 a {
color: #fff !important;
text-decoration: none
}
.bg-hausfarbe .icon {
color: #fff !important;
}
.bg-hausfarbe a,
.bg-hausfarbe ul li a {
color: #fff !important;
}
.bg-hausfarbe a:hover,
.bg-hausfarbe ul li a:hover {
text-decoration: underline
}
a.bg-hausfarbe:hover {
background-color: #223246 !important
}
.bg-hausfarbe .icon {
border-bottom-color: #aaa
}
.bg-hausfarbe .icon i {
background: #654321 url(../images/dot25.png);
}
.bg-hausfarbe hr,
.bg-hausfarbe .border {
border-top-color: #aaa
}
.bg-hausfarbe ul.list-lines li,
.bg-hausfarbe .div-lines {
border-bottom-color: #999 !important
}
.content .bg-hausfarbe ul li:before {
color: #fff !important;
}
.bg-hausfarbe2,
.bg-content.bg-hausfarbe2,
.well.bg-hausfarbe2,
.well-sm.bg-hausfarbe2 {
background: #654321;
color: #fff;
border-color: rgba(0, 0, 0, 0.1);
}
.bg-hausfarbe2 h1, .bg-hausfarbe2 h1 a,
.bg-hausfarbe2 h2, .bg-hausfarbe2 h2 a,
.bg-hausfarbe2 h3, .bg-hausfarbe2 h3 a,
.bg-hausfarbe2 h4, .bg-hausfarbe2 h4 a,
.bg-hausfarbe2 h5, .bg-hausfarbe2 h5 a,
.bg-hausfarbe2 h6, .bg-hausfarbe2 h6 a {
color: #fff !important;
text-decoration: none
}
.bg-hausfarbe2 .icon {
color: #fff !important;
}
.bg-hausfarbe2 a,
.bg-hausfarbe2 ul li a {
color: #fff !important;
}
.bg-hausfarbe2 a:hover,
.bg-hausfarbe2 ul li a:hover {
text-decoration: underline
}
a.bg-hausfarbe2:hover{
background-color: #88aa22 !important
}
.bg-hausfarbe2 .icon {
border-bottom-color: #aaa
}
.bg-hausfarbe2 .icon i {
background: #654321 url(../images/dot25.png);
}
.bg-hausfarbe2 hr,
.bg-hausfarbe2 .border {
border-top-color: #aaa
}
.bg-hausfarbe2 ul.list-lines li,
.bg-hausfarbe2 .div-lines {
border-bottom-color: #999 !important
}
.content .bg-hausfarbe2 ul li:before {
color: #fff !important;
}
.bg-grey,
.bg-content.bg-grey,
.well.bg-grey,
.well-sm.bg-grey {
background: #f5f6f6; /* Old browsers */
background: -moz-linear-gradient(top, #f5f6f6 20%, #e5e5e5 90%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f5f6f6 20%,#e5e5e5 90%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f5f6f6 20%,#e5e5e5 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
.bg-darkgrey,
.bg-content.bg-darkgrey,
.well.bg-darkgrey,
.well-sm.bg-darkgrey {
background: #222222; /* Old browsers */
background: -moz-linear-gradient(top, #222222 20%, #444444 90%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #222222 20%,#444444 90%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #222222 20%,#444444 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
color: #aaa;
border-color: rgba(0, 0, 0, 0.1);
}
.bg-darkgrey h1, .bg-darkgrey h1 a,
.bg-darkgrey h2, .bg-darkgrey h2 a,
.bg-darkgrey h3, .bg-darkgrey h3 a,
.bg-darkgrey h4, .bg-darkgrey h4 a,
.bg-darkgrey h5, .bg-darkgrey h5 a,
.bg-darkgrey h6, .bg-darkgrey h6 a {
color: #fff !important;
text-decoration: none
}
.bg-darkgrey b {
color: #fff !important;
}
.bg-darkgrey .icon {
color: #fff !important;
}
.bg-darkgrey a,
.bg-darkgrey .icon {
color: #bbb !important
}
.bg-darkgrey a,
.bg-darkgrey ul li a {
color: #fff !important;
}
.bg-darkgrey a:hover,
.bg-darkgrey ul li a:hover {
text-decoration: underline
}
.bg-darkgrey hr,
.bg-darkgrey .border {
border-top-color: #777
}
.bg-darkgrey ul.list-lines li,
.bg-darkgrey .div-lines {
border-bottom-color: #555
}
.content .bg-darkgrey ul li:before {
color: #fff !important;
}
.bg-transp,
.bg-content.bg-transp,
.well.bg-transp,
.well-sm.bg-transp {
color: #bbb;
background: url(../images/dot80.png);
border-color: rgba(255, 255, 255, 0.4)
}
.bg-transp h1, .bg-transp h1 a,
.bg-transp h2, .bg-transp h2 a,
.bg-transp h3, .bg-transp h3 a,
.bg-transp h4, .bg-transp h4 a,
.bg-transp h5, .bg-transp h5 a,
.bg-transp h6, .bg-transp h6 a {
color: #fff !important;
text-decoration: none
}
.bg-transp b {
color: #fff !important;
}
.bg-transp .icon {
color: #fff !important;
}
.bg-transp a,
.bg-transp .icon {
color: #bbb !important
}
.bg-transp a,
.bg-transp ul li a {
color: #fff !important;
}
.bg-transp a:hover,
.bg-transp ul li a:hover {
text-decoration: underline
}
.bg-transp hr,
.bg-transp .border {
border-top-color: #777
}
.bg-transp ul.list-lines li,
.bg-transp .div-lines {
border-bottom-color: #555
}
.content .bg-transp ul li:before {
color: #fff !important;
}
/* --------- end FARBEN -------- */
.fa { margin-right: .15em }
.fa.pull-right { margin-top: .1em; margin-right: 0 }
/* --------- BUTTONS
================================================== */
.btn {
white-space: normal;
border-radius: 3px;
background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-color: #d0d0d0;
font-weight: normal !important;
margin: .5em 0 .5em 0;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}
:not(a).btn {
margin-top: .4em
}
.btn:hover,
.btn:focus {
text-decoration: none !important
}
.btn:active,
.btn.active {
background-image: none;
text-decoration: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
-webkit-box-shadow: none;
box-shadow: none;
}
.btn .badge {
text-shadow: none;
}
.btn-bottom {
position: absolute;
bottom: 45px;
left: 15%;
right: 15%;
width: 70%;
}
@media (max-width: 767px) {
.btn-bottom {
position: relative;
margin-top: 1.5em;
bottom: auto;
left: 5%;
right: 5%;
width: 90%;
}
}
a.btn b { color: #555 }
a.btn b:hover { color: #000 }
a.btn-primary b,
a.btn-info b,
a.btn-warning b,
a.btn-danger b,
a.btn-success b { color: #fff }
a.btn-primary b:hover,
a.btn-info b:hover,
a.btn-warning b:hover,
a.btn-danger b:hover,
a.btn-success b:hover { color: #eee }
button,
input,
.btn,
[class*="bg-"] .btn {
color: #555 !important;
text-shadow: none
}
button:hover,
input:hover,
.btn:hover,
[class*="bg-"] .btn:hover {
color: #000 !important
}
.btn-primary,
.btn-info,
.btn-success,
.btn-warning,
.btn-danger,
[class*="bg-"] .btn-primary,
[class*="bg-"] .btn-info,
[class*="bg-"] .btn-success,
[class*="bg-"] .btn-warning,
[class*="bg-"] .btn-danger {
color: #fff !important
}
.btn-primary:hover,
.btn-info:hover,
.btn-success:hover,
.btn-warning:hover,
.btn-danger:hover,
[class*="bg-"] .btn-primary:hover,
[class*="bg-"] .btn-info:hover,
[class*="bg-"] .btn-success:hover,
[class*="bg-"] .btn-warning:hover,
[class*="bg-"] .btn-danger:hover {
color: #fff !important
}
.btn-default,
[class*="bg-"] .btn-default {
color: #555 !important
}
.btn-default:hover,
[class*="bg-"] .btn-default:hover {
color: #000 !important
}
.btn-default {
text-shadow: 0 1px 0 #fff;
background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-color: #dbdbdb;
border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus {
background-color: #e0e0e0;
background-position: 0 -15px;
}
.btn-default:active,
.btn-default.active {
background-color: #e0e0e0;
border-color: #dbdbdb;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
background-color: #e0e0e0;
background-image: none;
}
.btn-primary {
background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);
background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-color: #245580;
}
.btn-primary:hover,
.btn-primary:focus {
background-color: #265a88;
background-position: 0 -15px;
}
.btn-primary:active,
.btn-primary.active {
background-color: #265a88;
border-color: #245580;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
background-color: #265a88;
background-image: none;
}
.btn-primary {
border-color: rgba(0, 0, 0, 0.1);
}
.btn-primary:hover,
.btn-primary:focus {
border-color: rgba(0, 0, 0, 0.3);
}
.btn-primary:active,
.btn-primary.active {
border-color: rgba(0, 0, 0, 0.3);
}
.btn-success {
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
background-image: -o-linear-gradient(top, #5cb85c 0%, #419641 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-color: #3e8f3e;
}
.btn-success:hover,
.btn-success:focus {
background-color: #419641;
background-position: 0 -15px;
}
.btn-success:active,
.btn-success.active {
background-color: #419641;
border-color: #3e8f3e;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
background-color: #419641;
background-image: none;
}
.btn-info {
background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
background-image: -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2));
background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-color: #28a4c9;
}
.btn-info:hover,
.btn-info:focus {
background-color: #2aabd2;
background-position: 0 -15px;
}
.btn-info:active,
.btn-info.active {
background-color: #2aabd2;
border-color: #28a4c9;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
background-color: #2aabd2;
background-image: none;
}
.btn-warning {
background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316));
background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-color: #e38d13;
}
.btn-warning:hover,
.btn-warning:focus {
background-color: #eb9316;
background-position: 0 -15px;
}
.btn-warning:active,
.btn-warning.active {
background-color: #eb9316;
border-color: #e38d13;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
background-color: #eb9316;
background-image: none;
}
.btn-danger {
background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-color: #b92c28;
}
.btn-danger:hover,
.btn-danger:focus {
background-color: #c12e2a;
background-position: 0 -15px;
}
.btn-danger:active,
.btn-danger.active {
background-color: #c12e2a;
border-color: #b92c28;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
background-color: #c12e2a;
background-image: none;
}
.btn.btn-md {
padding-top: 1.1em;
padding-bottom: 1.1em
}
.btn.btn-lg {
padding-top: 1.7em;
padding-bottom: 1.7em
}
.btn-circle {
border-radius: 100% !important;
}
.btn.text-right,
.btn.btn-block.text-right {
text-align: right !important
}
.btn.text-left,
.btn.btn-block.text-left {
text-align: left !important
}
.btn.pull-right {
margin-left: .5em
}
@media (max-width: 480px) {
.btn.col-50,
.btn.pull-right.col-50 {
clear: both !important;
display: block !important;
float: none !important;
margin: 0 !important;
margin-bottom: .3em !important
}
}
.btn.btn-icon {
padding-left: 55px;
text-align: left !important;
margin-bottom: .6em;
line-height: 1.2em;
}
.btn.btn-icon span {
}
.btn.btn-icon:hover span {
}
.btn.btn-icon .fa {
margin-left: -45px;
width: 40px;
margin-right: 0 !important;
text-align: center;
float: left;
margin-top: -.2em
}
.btn.btn-icon .fa-lg {
margin-left: -45px;
width: 40px;
}
.btn.btn-icon .fa-2x {
margin-left: -47px;
width: 43px;
}
.btn.btn-icon .fa-3x {
margin-left: -49px;
width: 45px;
}
@media (max-width: 1200px) {
.btn.btn-icon {
font-size: 85%;
padding-left: 45px;
letter-spacing: 0
}
.btn.btn-icon .fa {
font-size: 160%;
margin-left: -36px;
width: 32px;
}
}
@media (max-width: 992px) {
.btn.btn-icon {
font-size: 70%;
padding-left: 33px;
}
.btn.btn-icon .fa {
font-size: 145%;
margin-left: -30px;
width: 27px;
}
}
@media (max-width: 767px) {
.btn.btn-icon {
font-size: 110%;
padding-left: 65px;
}
.btn.btn-icon .fa {
font-size: 160%;
margin-left: -55px;
width: 50px;
}
}
@media (max-width: 480px) {
.btn.btn-icon {
font-size: 85%;
padding-left: 45px;
letter-spacing: 0
}
.btn.btn-icon .fa {
font-size: 160%;
margin-left: -36px;
width: 32px;
}
}
.btn-big {
font-size: 120%;
padding-left: 20%;
text-align: left;
line-height: 1.2em;
padding-top: 1em;
padding-bottom: 1em;
margin-top:0;
margin-bottom:1em;
white-space: normal;
width: auto;
color: #fff !important;
box-shadow: .1em .1em .2em rgba(0, 0, 0, 0.4);
font-weight: bold;
}
.btn-big.btn-big-2 {
padding: 1.5em 2em
}
.btn-big img {
width: 124.5%;
min-width: 124.5%;
margin-left: -23%;
margin-bottom: 1em;
margin-top: -.5em;
float: left;
display: inline-block
}
.btn-big a,
.btn-big h1,
.btn-big h2,
.btn-big h3,
.btn-big h4,
.btn-big h5,
.btn-big h6,
.btn-big h1 a,
.btn-big h2 a,
.btn-big h3 a,
.btn-big h4 a,
.btn-big h5 a,
.btn-big h6 a,
.btn-big a h1,
.btn-big a h2,
.btn-big a h3,
.btn-big a h4,
.btn-big a h5,
.btn-big a h6 {
color: #fff !important;
}
.btn-big a:hover,
.btn-big h1:hover,
.btn-big h2:hover,
.btn-big h3:hover,
.btn-big h4:hover,
.btn-big h5:hover,
.btn-big h6:hover,
.btn-big h1 a:hover,
.btn-big h2 a:hover,
.btn-big h3 a:hover,
.btn-big h4 a:hover,
.btn-big h5 a:hover,
.btn-big h6 a:hover,
.btn-big a h1:hover,
.btn-big a h2:hover,
.btn-big a h3:hover,
.btn-big a h4:hover,
.btn-big a h5:hover,
.btn-big a h6:hover {
color: #fff !important;
text-shadow: .1em .1em .1em rgba(0, 0, 0, 0.6)
}
.btn-big i {
font-size: 145%;
margin: 0 0 0 -20%;
width: 20%;
float: left;
clear: both;
padding-left: 2%
}
.btn-big span {
margin-top: .1em;
font-weight: normal;
float: left;
line-height: 1.1em;
clear: left
}
.btn-big span.txt_s {
clear: none
}
.btn-big b,
.btn-big b:hover {
color: #fff !important;
font-weight: bold;
}
.btn-big b:hover,
.btn-big:hover b,
.btn-big:hover i {
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6)
}
.btn-big h4 {
margin-top: 0;
margin-bottom: .2em;
padding: 0;
line-height: 1.1em !important;
font-size: 125%;
font-weight: bold;
}
.btn-big h5 {
margin-top: 1em !important;
margin-bottom: 0 !important;
padding: 0 !important;
clear: both;
float: left;
width: 100%;
font-size: 90%;
line-height: 1.1em !important;
}
.btn-big .txt_s {
font-size: 85% !important
}
.btn-big .txt_xs {
font-size: 60% !important
}
@media (max-width: 992px) {
.btn-big img {
width: 127%;
margin-left: -23%;
}
.btn-big i {
font-size: 120%;
padding-left: 0
}
.btn-big h4 {
font-size: 115%
}
}
@media (max-width: 767px) {
.btn-big {
padding-left: 15%
}
.btn-big img {
width: 117%;
margin-left: -16.5%;
}
.btn-big i {
margin-left: -15%;
width: 15%;
padding-left: 2%;
font-size: 140%
}
.btn-big h4 {
font-size: 130%
}
}
/* --------- end BUTTONS -------- */
/* --------- COOKIEFOOT
================================================== */
#cookiedingsbums a {
color:#fff !important;
text-decoration:none !important;
font-weight: bold !important;
}
#cookiedingsbums a:hover {
text-decoration:underline !important;
}
#cookiedingsbums {
z-index:10000000 !important;
background: url(../images/dot60.png);
position:fixed;
bottom:0;
font-size:12px !important;
line-height:1.2em;
color: #fff;
width: 100%;
padding: .7em 0;
margin-left: auto;
margin-right: auto;
left: 0;
border-top: 1px solid #444
}
#cookiedingsbums .cookie-info {
width: 85%;
float: left
}
#cookiedingsbumsCloser {
float: right;
width: auto;
text-align: center;
position: relative;
text-decoration: none;
cursor:pointer;
text-transform: uppercase;
margin-top: 0
}
@media (max-width: 767px) {
#cookiedingsbums {
font-size: 10px !important;
line-height: 1.1em !important;
padding: .6em 0
}
}
/* --------- end COOKIEFOOT -------- */
/* --------- COOKIE
================================================== */
.cookie {
width: 450px;
position: fixed;
display: none;
overflow: hidden;
z-index: 9999999999;
top: 25%;
right: 0;
left: 0;
bottom: auto;
-webkit-overflow-scrolling: touch;
outline: 0;
margin: 0 auto;
background: #fff;
border: 3px solid #337ab7;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) !important;
padding: 2.5em 2em !important;
text-align: center;
line-height: 1.5em !important;
font-size: 10pt !important;
color: #444 !important;
border-radius: 6px;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes cookie{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}
@keyframes cookie{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}
.cookie{-webkit-animation-name:cookie;animation-name:cookie}
.cookie.fade .cookie-content {
-webkit-transition: -webkit-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3s ease-out;
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%);
}
.cookie.in .cookie-content {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.cookie-content {
}
.cookie a {
color: #337ab7 !important;
}
.cookie a:hover {
color: #000 !important;
}
.cookie h1 {
margin: .5em 0 1em 0 !important;
color: #337ab7 !important;
font-size: 16pt !important;
font-weight: bold !important;
letter-spacing: .03em !important
}
.cookie .btn {
background: #337ab7 !important;
float: left;
display: inline-block;
width: 46%;
line-height: 1.3em !important;
margin: 0 2% !important;
color: #fff !important;
border: 2px solid #337ab7;
font-size: 9.5pt !important;
border-radius: 0;
font-weight: bold !important;
padding: 1em !important;
border-radius: 5px
}
.cookie .btn-1 {
background: #fff !important;
color: #337ab7 !important;
}
.cookie .btn:hover {
background: #000 !important;
color: #fff !important;
border-color: #000 !important
}
.cookie .btn-1:hover {
background: #fff !important;
color: #000 !important;
border-color: #000 !important
}
.cookie p {
margin: 0 0 2em 0 !important;
display: inline-block;
}
.cookie p.small {
color: #999;
margin: 3em 0 0 0 !important;
line-height: 1.2em !important
}
.cookie .close-modal {
position: absolute;
top: 15px;
right: 35px;
width: 30px;
height: 30px;
cursor: pointer;
background-color: transparent;
z-index: 10;
opacity: .4
}
.cookie .close-modal:hover {
opacity: .9;
}
.cookie .close-modal .lr {
z-index: 1051;
width: 1px;
height: 30px;
margin-left: 30px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
background-color: #000;
}
.cookie .close-modal .lr .rl {
z-index: 1052;
width: 1px;
height: 30px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
background-color: #000;
}
.cookie .modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 888888888;
background-color: #000;
}
.cookie .modal-backdrop.fade {
filter: alpha(opacity=0);
opacity: 0;
}
.cookie .modal-backdrop.in {
filter: alpha(opacity=50);
opacity: .35;
}
@media (max-width: 767px) {
.cookie {
width: 450px;
top: 20%;
padding: 1.5em 2em;
font-size: 9pt !important;
}
.cookie h1 {
font-size: 13pt !important;
margin: 0 0 .5em 0 !important
}
.cookie p {
margin: 0 0 1.2em 0 !important;
}
.cookie .btn {
line-height: 1.3em !important;
font-size: 9pt !important;
padding: .5em 1em !important
}
.cookie p.small {
margin: 1.5em 0 0 0 !important;
}
.cookie .close-modal {
top: 15px;
right: 20px;
}
.cookie .close-modal .lr {
height: 20px;
margin-left: 20px;
}
.cookie .close-modal .lr .rl {
height: 20px;
}
}
@media (max-width: 590px) {
.cookie {
width: 400px;
top: 3%;
padding: .5em 1.5em;
}
}
@media (max-width: 480px) {
.cookie {
width: 280px;
top: 15%;
padding: 1.5em;
}
.cookie .btn {
width: 100%;
margin: .4em 0 !important;
}
}
/* --------- end COOKIE -------- */
/* --------- HOVER Effekte
================================================== */
.underline li {
}
.underline li:before {
display: none
}
.underline li a{
position: relative;
}
.underline li a:after{
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 0%;
content: '.';
color: transparent;
background: #654321;
height: 2px;
}
.underline li a:hover {
z-index: 1;
text-decoration: none
}
.underline ul li a,
.underline ul li a:after,
.underline ul li a:before{
transition: all .5s;
}
.underline li a:hover:after {
width: 100%;
text-decoration: none
}
.hov-fill {
padding: .2em .3em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-position: 0 100%, 0 0;
background-repeat: no-repeat;
-webkit-background-size: 100% 0;
-moz-background-size: 100% 0;
background-size: 100% 0;
background-image: linear-gradient(to right, #fff 0%, #fff 100%)
}
.hov-fill:hover {
transition: all .5s;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
background-size: 100% 100%;
background-image: linear-gradient(to right, #eee 0%, #eee 100%);
}
.hov-fill.fill-top {
background-position: 0 0, 100% 0;
}
.hov-fill-2 {
padding-left: .3em;
padding-right: .3em;
}
.hov-fill-2:hover {
transition: all .5s;
border-top: 6px solid #eee;
border-bottom: 6px solid #eee;
background: #eee;
}
/* --------- end HOVER Effekte -------- */
/* --------- PANEL
================================================== */
.panel {
margin: 1em 0;
width: 100%;
clear: both;
display: inline-block;
border-color: #ddd;
box-shadow: none
}
.panel.noborder {
border: none
}
.panel > .panel-heading {
background-color: #ccc;
}
.panel-heading > h1,
.panel-heading > h2,
.panel-heading > h3,
.panel-heading > h4,
.panel-heading > h5 {
margin: 0 !important;
font-size: x-large;
color: #fff !important;
}
.panel-heading > h5 {
font-size: 115%;
}
.panel-heading > h1 a,
.panel-heading > h2 a,
.panel-heading > h3 a,
.panel-heading > h4 a,
.panel-heading > h5 a {
color: #fff !important;
}
.panel-heading > h1 a:hover,
.panel-heading > h2 a:hover,
.panel-heading > h3 a:hover,
.panel-heading > h4 a:hover,
.panel-heading > h5 a:hover {
color: #ddd !important
}
.panel-body {
padding-top: 1.5em
}
.panel-body > h1 {
margin-top: .5em;
}
.panel-body > h2,
.panel-body > h3 {
margin-top: 1em
}
.panel-body > h4 {
margin-top: 1em;
margin-bottom: .2em
}
.panel-body > h5,
.panel-body > h6 {
margin-top: 2em;
margin-bottom: .2em
}
.panel-heading > a { color: #fff !important }
.panel-heading > a:hover { text-decoration: underline }
.panel-heading > p { margin: .3em 0 0 0 }
.panel-primary > .panel-heading {
border-color: #0077dd;
color: #fff;
background-color: #0099ff;
border-bottom-color: #bde8f1
}
.panel-primary > .panel-heading h1,
.panel-primary > .panel-heading h2,
.panel-primary > .panel-heading h3,
.panel-primary > .panel-heading h4,
.panel-primary > .panel-heading h5,
.panel-primary > .panel-heading h6 { color: #fff !important }
.panel-primary > .panel-body {
background-color: #e6f5ff;
}
.panel-primary a {
}
.panel-primary a:hover {
}
.panel-primary .red,
.panel-primary .rot {
color: #fff !important;
background: #ff3333;
padding-left: .3em;
padding-right: .3em;
border-radius: 3px
}
.panel-info {
border-color: rgba(0, 153, 255, 0.3)
}
.panel-info > .panel-heading {
color: #0099ff;
background-color: rgba(0, 154, 255, 0.1);
}
.panel-info > .panel-heading h1,
.panel-info > .panel-heading h2,
.panel-info > .panel-heading h3,
.panel-info > .panel-heading h4,
.panel-info > .panel-heading h5,
.panel-info > .panel-heading h6 { color: #0099ff !important }
.panel-success {
border-color: #5cb85c;
}
.panel-success > .panel-heading {
border-color: #5cb85c;
color: #fff;
background-color: #5cb85c;
}
.panel-success > .panel-heading h1,
.panel-success > .panel-heading h2,
.panel-success > .panel-heading h3,
.panel-success > .panel-heading h4,
.panel-success > .panel-heading h5,
.panel-success > .panel-heading h6 { color: #fff !important }
.panel-success a {
color: #5cb85c;
}
.panel-success a:hover {
color: #3d8b3d;
}
.panel-danger {
border-color: #d9534f;
}
.panel-danger > .panel-heading {
border-color: #d9534f;
color: #fff;
background-color: #d9534f;
}
.panel-danger > .panel-heading h1,
.panel-danger > .panel-heading h2,
.panel-danger > .panel-heading h3,
.panel-danger > .panel-heading h4,
.panel-danger > .panel-heading h5,
.panel-danger > .panel-heading h6 { color: #fff !important }
.panel-danger a {
color: #d9534f;
}
.panel-danger a:hover {
color: #b52b27;
}
.panel-warning {
border-color: #f0ad4e;
}
.panel-warning > .panel-heading {
border-color: #f0ad4e;
color: #fff;
background-color: #f0ad4e;
}
.panel-warning > .panel-heading h1,
.panel-warning > .panel-heading h2,
.panel-warning > .panel-heading h3,
.panel-warning > .panel-heading h4,
.panel-warning > .panel-heading h5,
.panel-warning > .panel-heading h6 { color: #fff !important }
.panel-warning a {
color: #f0ad4e;
}
.panel-warning a:hover {
color: #df8a13;
}
.panel-gray > .panel-heading {
background-color: #bbb
}
.panel-gray > .panel-heading h1,
.panel-gray > .panel-heading h2,
.panel-gray > .panel-heading h3,
.panel-gray > .panel-heading h4,
.panel-gray > .panel-heading h5,
.panel-gray > .panel-heading h6 { color: #fff !important }
.panel-gray > .panel-body {
background-color: #f0f0f0;
}
.panel-gray a {
}
.panel-gray a:hover {
}
/* --------- end PANEL -------- */
/* --------- ALERTS
================================================================================== */
.alert {
padding: 1em 1.5em !important;
}
.alert-primary {
border-color: rgba(103, 68, 34, 0.5);
background-image: none;
background-color: rgba(101, 67, 33, 0.5);
}
.alert-secondary {
border-color: rgba(103, 68, 34, 0.2);
background-image: none;
background-color: rgba(101, 67, 33, 0.2);
}
.alert-light {
border-color: rgba(0, 0, 0, 0.1);
background-image: none;
background-color: #f6f6f6;
}
.alert-dark {
border-color: rgba(0, 0, 0, 0.2);
background-image: none;
background-color: #888;
color: #fff
}
/* --------- end ALERT -------- */
.lightboxOverlay {
z-index: 1000000 !important;
}
.lightbox{
z-index: 10000000 !important;
}
/* --------- DL-LISTEN
================================================================================== */
.content dl,
.content dl.dl_liste_1,
.content dl.dl_liste_2 {
width: 100%;
display: inline-block;
margin-bottom: 1em;
}
.content dt,
.content dd {
float: left;
font-weight: normal;
margin: 0 0 1em 0;
padding: 0
}
.content dt {
clear:left;
width: calc(65% - 50px);
margin-right: 50px
}
.content dd {
width: 35%;
}
.content dl .bildrahmenmitte,
.content dl .bildrahmenmitte-nb {
margin-top: 0 !important
}
.content dl h1:first-child,
.content dl h2:first-child,
.content dl h3:first-child,
.content dl h4:first-child,
.content dl h5:first-child,
.content dl h6:first-child {
margin-top: 0;
}
/* --- DL-Liste 1 + 2 --- */
.content dl.dl_liste_1 dt,
.content dl.dl_liste_2 dt {
font-weight: bold
}
.content dl.dl_liste_1 dt,
.content dl.dl_liste_2 dt {
width: calc(35% - 15px);
margin-right: 0;
padding-right: 15px;
}
.content dl.dl_liste_1 dd,
.content dl.dl_liste_2 dd {
width: 65%;
}
/* --- DL-Liste 2 --- */
.content dl.dl_liste_2 dt,
.content dl.dl_liste_2 dd {
border-top: 2px solid rgba(0, 0, 0, .07);
padding-top: 2.5em;
margin-top: 1.5em
}
.content .highlight dl.dl_liste_2 dt,
.content .highlight dl.dl_liste_2 dd {
border-top: 1px solid rgba(0, 0, 0, .13);
padding-top: 1em;
margin-top: 0
}
.content dl.dl_liste_2 dt:first-child,
.content dl.dl_liste_2 dd:nth-child(2) {
border-top: none;
padding-top: 0;
margin-top: 0
}
/* --- DL im HIGHLIGHT / DEBUG --- */
.content .highlight dl {
font-size: 95%
}
.content .highlight dt,
.content .highlight dd {
margin: 0 0 1em 0;
line-height: 1.3em !important
}
.content .highlight dt {
width: calc(30% - 15px) !important;
margin-right: 0 !important;
padding-right: 15px !important;
}
.content .highlight dd {
width: 70% !important;
}
/* --------- end DL-LISTEN -------- */
/* --------- HEADTOP
================================================================================== */
.headtop {
}
/* --------- end HEADTOP -------- */
/* --------- NAVI-PARALLEL
================================================================================== */
.navi-parallel {
margin: 0 0 3em 0 !important
}
/* --------- end NAVI-PARALLEL -------- */
/* --------- CODE --- CODE --- CODE --- CODE --- CODE --- CODE
================================================================================== */
.nav li.develop a span {
display: inline
}
@media (min-width: 768px) {
.nav li.develop a span {
display: none
}
.nav li.develop { /* in Navbar */
padding: 0;
margin: 0;
margin-right: -35px;
width: 35px;
margin-top: 2px;
border: none !important;
}
.nav li.develop a,
.nav li.develop a:hover { /* in Navbar */
background: none;
margin: 0;
padding: 0;
color: red;
text-align: center;
padding: 0 1em;
border: none !important;
text-transform: none;
}
.dropdown-menu {
background: #fff !important;
}
.nav li.develop a:hover { /* in Navbar */
color: #000;
transition: 0;
}
.nav li.develop i {
color: red !important;
text-align: center;
padding: 0; margin: 0
}
.nav li.develop i:hover {
color: #000 !important
}
.nav li.develop .dropdown-menu li a { /* in Navbar */
text-align: left !important;
padding: .8em 1em !important;
border-bottom: 1px solid #bbb !important
}
}
.marginalie_dev,
.dev {
z-index: 1000;
position: fixed;
bottom:80px;
left: 15px;
background: url(../images/dot40.png);
color: #fff;
border-radius: 3px;
width: 150px;
box-shadow: .1em .2em .4em rgba(0, 0, 0, 0.1);
font-size: 85%;
line-height: 1em;
padding: .5em 10px;
border: none;
}
.dev {
color: #fff !important;
padding: .5em 10px;
font-size: 100%;
bottom: 20%;
text-align: center;
font-weight: bold;
}
.dev:hover {
background: #000;
text-decoration: none
}
@media (max-width: 767px) {
.marginalie_dev {
right: 5px;
bottom: 25%;
font-size: 75%;
width: 130px;
padding: .3em 10px;
letter-spacing: -.05em
}
.dev {
width: 130px;
right: 5px;
bottom: 16%;
padding: .4em 10px
}
}
.marginalie_dev a,
.container.content .marginalie ul li a,
.marginalie_dev .list,
.marginalie_dev .list a,
.container.content .marginalie_dev ul li:before,
.marginalie_dev .list li:before {
color: #fff;
}
.marginalie_dev a:hover {
text-decoration: none;
color: aqua;
}
.marginalie_dev ul {
margin: 0;
padding: 0;
}
.marginalie_dev li {
list-style: none;
margin: 0;
padding: .1em .2em .1em .2em;
border-bottom: 1px solid #aaa
}
.marginalie_dev li:first-child {
border-top: none
}
.marginalie_dev li:last-child {
border-bottom: none
}
code {
color: #993030 !important;
border: 1px solid #ccc;
font-size: 90%;
line-height: 1.2em !important;
padding-top: .2em;
padding-bottom: .2em;
margin: 0 .2em .5em .2em;
display: inline-block
}
code.kl {
background: #eee;
font-size: 80%;
color: #999 !important;
}
code b {
color: #ff0000;
}
code .hidden {
width: 0;
opacity: 0
}
.highlight {
clear: both;
font-size: 80%;
width: 100%;
background: #f7f7f7;
border: 1px solid #ccc;
border-radius: 5px;
padding: .8em 1.2em;
margin: 1.5em auto 3em auto;
max-width: 1140px;
float: left;
float: none;
display: inline-block
}
@media (max-width: 767px) {
.highlight {
margin-left: 5px;
margin-right: 5px;
/*width: auto*/
}
}
.bg-hausfarbe .highlight,
.bg-darkgrey .highlight {
color: #555 !important
}
.highlight code {
background: none;
padding: 0;
color: #000 !important;
margin: 0;
border: none
}
.highlight pre {
background: none;
border: none;
padding: 0;
margin: 0;
}
.pre,
.pre1,
.pre2,
.pre3,
.pre4,
.pre5,
.pre6,
.pre7 {
display: inline-block
}
.pre1 { width: 20px }
.pre2 { width: 40px }
.pre3 { width: 60px }
.pre4 { width: 80px }
.pre5 { width: 100px }
.pre6 { width: 120px }
.pre7 { width: 140px }
.hll { background-color: #ffc }
.c { color: #999 }
.err { color: #A00; background-color: #FAA }
.k { color: #069 }
.o { color: #555 }
.cm { color: #999 }
.cp { color: #099 }
.c1 { color: #999 }
.cs { color: #999 }
.gd { background-color: #FCC; border: 1px solid #C00 }
.ge { font-style: italic }
.gr { color: red }
.gh { color: #030 }
.gi { background-color: #CFC; border: 1px solid #0C0 }
.go { color: #AAA }
.gp { color: #009 }
.gu { color: #030 }
.gt { color: #9C6 }
.kc { color: #069 }
.kd { color: #069 }
.kn { color: #069 }
.kp { color: #069 }
.kr { color: #069 }
.kt { color: #078 }
.m { color: #F60 }
.s { color: #d44950 }
.na { color: #4f9fcf }
.nb { color: #366 }
.nc { color: #0A8 }
.no { color: #360 }
.nd { color: #99F }
.ni { color: #999 }
.ne { color: #C00 }
.nf { color: #C0F }
.nl { color: #99F }
.nn { color: #0CF }
.nt { color: #2f6f9f }
.nv { color: #033 }
.ow { color: #000 }
.w { color: #bbb }
.mf { color: #F60 }
.mh { color: #F60 }
.mi { color: #F60 }
.mo { color: #F60 }
.sb { color: #C30 }
.sc { color: #C30 }
.sd { color: #C30; font-style: italic }
..s2 { color: #C30 }
.se { color: #C30 }
.sh { color: #C30 }
.si { color: #A00 }
..sx { color: #C30 }
.sr { color: #3AA }
.s1 { color: #C30 }
.ss { color: #FC3 }
.bp { color: #366 }
.vc { color: #033 }
.vg { color: #033 }
.vi { color: #033 }
.il { color: #F60 }
.highlight b {
background: rgba(0, 255, 0, 0.3);
font-weight: normal !important;
}
/* --------- end CODE --- end CODE --- end CODE --- end CODE ---
================================================================================== */
/* --------- DRUCKVERSION
================================================================================== */
@media print {
#sticky,
.footer,
.footer-menu,
#cookiedingsbums,
.drucken,
.edit-block,
.debug-box,
.frontend,
.toggle-content.edit-block
{ display: none !important }
body {
background: none !important;
font-size: small;
}
.container.content {
width: 98%;
margin-left: auto;
margin-right: auto
}
.noprint { display: none !important }
.form-inline { display: none !important }
.pagetop-scroll { display: none !important }
}
/* --------- end DRUCKVERSION ----------------------------------------------------
================================================================================== */